-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
147 lines (142 loc) · 7.04 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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nishant Chamate</title>
<script src="jquery-2.1.4.js"></script>
<link rel="stylesheet" href="loco.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link href="https://api.fontshare.com/v2/css?f[]=general-sans@500,600,400&display=swap" rel="stylesheet">
</head>
<body>
<div id="minicircle"></div>
<div id="preloader"></div>
<div id="main">
<div id="hero">
<div id="nav">
<div id="name">
<a href="#" class="namebgclr">NISHANT CHAMATE</a>
</div>
<div id="hpa">
<h4 >HOME</h4>
<h4 class="eff"><a href="#"></a>PROJECT</h4>
<h4 class="eff"><a href="#"></a>ABOUT</h4>
<!-- <h4 class="eff">+</h4> -->
<div id="standing-line"></div>
</div>
</div>
<div id="heading">
<div class="bounding">
<h1 class="boundingelem">FRONT-END</h1>
</div>
<div class="blocktext">
<h1 class="boundingelem" id="secondh1">DEVELOPER</h1>
</div>
<div id="smallheadings">
<div class="bounding">
<h5 class="boundingelem"><i class="ri-braces-line"></i></h5>
</div>
<div id="herofooter">
<div id="ignite">
<p>IGNITE YOUR PASSION!</p>
</div>
<div id="social">
<a href="" target="_blank" class="eff">GITHUB</a>
<a href="" target="_blank"
class="eff">LINKEDIN</a>
<a href="" target="_blank"
class="eff">TWITTER</a>
</div>
<div id="iconset">
<div class="circle"><i class="ri-arrow-down-fill"></i></div>
<div class="circle"><i class="ri-align-bottom"></i></div>
</div>
</div>
</div>
</div>
</div>
<div id="second">
<div class="elem">
<img src="" alt="">
<h1>PROJECTS</h1>
<h5><i class="ri-links-line"></i></h5>
</div>
<div class="elem">
<img src="" alt="">
<h1>IXPERIENCE</h1>
<h5><i class="ri-links-line"></i></h5>
</div>
<div class="">
<img src="" alt="">
<h1>SKILLS</h1>
<h5><i class="ri-links-line"></i></h5>
</div>
</div>
<div id="about">
<img src="" alt="profilepic">
<div id="textabout">
<h5>(ABOUT ME)</h5>
<br>
<p>I am a motivated and dedicated student in my third year at Sardar Patel Institute of Technology.
I'm particularly interested in Full Stack Development and Machine Learning. In addition, I am
fascinated with software development and the exciting world of online technology.
Aside from academics, I am actively involved in extracurricular activities on campus. I am a great
believer in the power of cooperation and collaboration, and I've had the pleasure of participating
in a number of tech-related clubs and hackathons. These experiences have not only broadened my skill
set but also enabled me to connect with others who share my enthusiasm for innovation.</p>
<a href="mailto:[email protected]">Let's Talk <i class="ri-message-3-line"></i></a>
</div>
</div>
<div id="last-sec">
<div id="resume">
<a href="" download="" class="eff">DOWNLOAD CV <i class="ri-download-2-fill"></i></a>
</div>
<div id="weapons">
<div class="wtext eff">MY WEAPONS</div>
</div>
<div class="wicons">
<a href="#" title="C" class="a light"></a>
<a href="#" title="blender" class="p light"></a>
<a href="#" title="Autocad" class="q light"></a>
<a href="#" title="Matlab" class="r light"></a>
<a href="#" title="C++" class="b light"></a>
<a href="#" title="Java" class="c light"></a>
<a href="#" title="html" class="d light"></a>
<a href="#" title="css" class="e light"></a>
<a href="#" title="Js" class="f light"></a>
<a href="#" title="React" class="g light"></a>
<a href="#" title="Tailwind" class="h light"></a>
<a href="#" title="nodeJs" class="i light"></a>
<a href="#" title="VSCode" class="j light"></a>
</div>
<div id="footer">
<div id="footerleft">
<h5>© Copyright 2023 ,</h5>
<h5>Nishant Chamate</h5>
</div>
<div id="footerright">
<a href="" target="_blank" class="eff"><i
class="fa-brands fa-github fa-2x"></i></a>
<a href="" target="_blank" class="eff"><i
class="fa-brands fa-linkedin-in fa-2x"></i></a>
<a href="" target="_blank"
class="eff"><i class="fa-brands fa-x-twitter fa-2x"></i></a>
<a href="" target="_blank" class="eff"><i
class="fa-brands fa-instagram fa-2x"></i></a>
<a href="mailto:[email protected]" class="eff"><i
class="fa-regular fa-envelope fa-2x"></i></a>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js"
integrity="sha512-cOH8ndwGgPo+K7pTvMrqYbmI8u8k6Sho3js0gOqVWTmQMlLIi6TbqGWRTpf1ga8ci9H3iPsvDLr4X7xwhC/+DQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.min.js"></script>
<script src="script.js"></script>
<script src="loader.js"></script>
</body>
</html>