-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
129 lines (121 loc) · 6 KB
/
index.html
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="stylesheet" href="style.css">
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
</head>
<body>
<header>
<div class="user">
<img src="profile.png" alt="">
<h1 class="name">Santhosh M</h1>
<p class="post">b.tech</p>
</div>
<nav class="navbar">
<ul>
<li><a href="#home">home</a></li>
<li><a href="#about">about</a></li>
<li><a href="#certifications">certifications</a></li>
<li><a href="#contact">contact</a></li>
</ul>
</nav>
</header>
<section id="home" class="home">
<div data-aos="fade-down" data-aos-delay="100" data-aos-duration="1000"><h3>HI THERE !</h3>
<h1>I'M <span>Santhosh M</span></h1></div>
<div data-aos="fade-up" data-aos-delay="100" data-aos-duration="1000"><p> A PASSIONATE STUDENT FROM THE ST.JOSEPH COLLEGE OF ENGINNERING</p>
<a href="#about"><button class="btn">about me <i class="fas fa-user"></i>
</button></a><div></div>
</section>
<section class="about" id="about">
<div data-aos="fade-down" data-aos-delay="100" data-aos-duration="1000"> <h1 class="heading"><span>about </span>me</h1>
</div>
<img src="about.svg" alt="">
<div class="row">
<div class="info">
<div data-aos="fade-right" data-aos-delay="100" data-aos-duration="1010"><h3><span>name: </span>Santhosh M</h3></div>
<div data-aos="fade-right" data-aos-delay="100" data-aos-duration="1000"><h3><span>age: </span>20</h3></div>
<div data-aos="fade-right" data-aos-delay="100" data-aos-duration="1000"><h3><span>qualification: </span>B.tech</h3></div>
<div data-aos="fade-right" data-aos-delay="100" data-aos-duration="1000"><h3><span>language: </span>English, Tamil</h3></div>
</div>
<div class="counter">
<div data-aos="fade-down" data-aos-delay="100" data-aos-duration="1000"> <div class="box">
<span>student of </span>
<h3>AI and datascience</h3>
</div></div>
<div data-aos="fade-down" data-aos-delay="100" data-aos-duration="1000"> <div class="box">
<span>beginner in </span>
<h3>web devlopment</h3>
</div></div>
<div data-aos="fade-left" data-aos-delay="100" data-aos-duration="1000"><div class="box">
<span>finalist </span>
<h3>in SIH'23</h3>
</div></div>
<div data-aos="fade-up" data-aos-delay="100" data-aos-duration="1000"> <div class="box">
<span>proficiency in</span>
<h3> python, C, Java</h3>
</div></div>
<div data-aos="fade-right" data-aos-delay="100" data-aos-duration="1000"><div class="box">
<span1>10+ </span1>
<h3> projects</h3>
</div></div>
<div data-aos="fade-down" data-aos-delay="100" data-aos-duration="1000"> <div class="box">
<span1>5+ </span1>
<h3>awards wonn</h3>
</div></div>
</div>
</div>
</section>
<section class="certifications" id="certifications">
<div data-aos="fade-down" data-aos-delay="100" data-aos-duration="1000"><h1 class="heading">certifi<span>cations </span></h1>
</div>
<img src="certification.png" class="certifi" alt="">
<div class="counter">
<div data-aos="fade-right" data-aos-delay="100" data-aos-duration="1000"><div class="box">
<span>udemy</span>
<h3><ul>
<li>programming in python</li>
<li>linear algebra for ML</li>
<li>basic of web-development</li>
</ul></h3>
</div></div>
<div data-aos="fade-right" data-aos-delay="100" data-aos-duration="1000"> <div class="box">
<span>coursera</span>
<h3><ul>
<li>applied plotting,charting in python</li>
<li>graphical representation in python</li>
<li>calculas for machine learing</li>
</ul></h3>
</div></div>
<div data-aos="fade-right" data-aos-delay="100" data-aos-duration="1000"><div class="box">
<span>springboard</span>
<h3><ul>
<li>python for datascience</li>
<li>linear algebra for ML</li>
<li>basic of web-development</li>
</ul></h3>
</div></div>
</div>
</section>
<section class="contact" id="contact">
<div data-aos="fade-down" data-aos-delay="100" data-aos-duration="1000"><h1 class="heading">con<span>tact </span></h1>
</div>
<h1 class="contact1">CONTACT INFO</h1>
<div data-aos="fade-right" data-aos-delay="100" data-aos-duration="1000"> <div>
<img class="email" src="email.png" alt="">
<h3>[email protected]</h3>
<img class="insta" src="insta.png" alt=""> <h3> _chsy__</h3>
<img class="whatsapp" src="whatssapp.png" alt="">
<h3>+91 9940468114</h3>
</div></div>
<img class="end" src="end.jpeg" alt="">
<img src="end1.png" alt="" class="end1">
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>