Adithyan007hack.github.io/index.html at main · Adithyan007hack/Adithyan007hack.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Adithyan</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
    <link href="https://fonts.googleapis.com/css?family=Comfortaa:700" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <div id="loading">
        <div id="spinner"></div>
    </div>
    <div id="header" class="animated slideInDown" style="animation-delay:1.8s;">
    <div id="title">ADITHYAN S.M</div><br>
    <div id="links">
        <a href="#skills">skills</a>
        <a href="#work" style="margin:0px 60px;">works</a>
        <a href="#contact">contact</a>
    </div>
    </div>

    <center>
    <div id="middle">
        <div id="tagline" class="animated zoomIn" style="animation-delay:1.8s;">
            Welcome to my website<br>

        </div>
    </div>
    </center>

    <div id="portfolio">
             <div id="skills">
                 <h1>skills/hobbies.</h1>
                 <div>
                        <p>
                           <div> 1.Linux user , Loves to tinker with the linux system🐧.<div>
                            <div>2.An opensource enthusiast🔓<div>
                            <div>3.Gamer🎮<div>
                            <div>4.Pentester👨🏻‍💻<div>
                        </p>
                 </div>
             </div>

              <div id="work">
                 <h1>works.</h1>

                 <div class="project">
                 <div>#Still learning </div>

                </div>


             </div>

              <div id="contact">
                 <h1>contact.</h1>
                 <form>
                  <h2>Email✉️</h2>
                 <div>adithyan854701@gmail.com</div>

                </div>


                <form>
                  <h2>Twitter🐦</h2>
                 <div>AdithyanSM3</div>

                </div>
                 </form>
                 <div id="details">


                    <a href="https://twitter.com/AdithyanSM3">
    <button class="btn_social"><i class="fab fa-twitter"></i><b>AdithyanSM3</b></button>
                    <a href="https://github.com/Adithyan007hack">
    <button class="btn_social"><i class="fab fa-github"></i><b>Adithyan007hack</b></button>
                 </div>
             </div>
    </div>
    <div id="footer">
        Made on Earth by <br><br> <a href="Adithyan007hack.github.io">Adithyan</a>
    </div>
<script src="index.js" type="text/javascript"></script>
</body>
</html>