-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
153 lines (145 loc) · 4.82 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
148
149
150
151
152
153
<!DOCTYPE html>
<html>
<head>
<title>Resume Website</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</head>
<body>
<section id="header">
<div class="container">
<div class="user-box">
<img src="img/nixx.jpg">
<h1>Nikhil Sethi</h1>
</div>
</div>
</section>
<section id="user-info">
<div class="nav-bar">
<nav class="navbar navbar-expand-lg">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"><i class="fa fa-bars" ></i>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#abo">ABOUT ME</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#res">RESUME</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#con">CONTACT</a>
</li>
</ul>>
</div>
</nav>
</div>
<div id="abo">
<div class="about_conatiner" id="about">
<div class="row">
<div class="col-md-6-text-center">
<img src="img/disp.jpg" style=" margin-left:100px " height=250px width=250px class="profile">
</div>
<div class="col-md-6">
<h3>WHO AM I ?</h3>
<p>
Greetings,My Name is Nikhil Sethi.An enthusiastic fresher with highly motivated and leadership skills having bachelors of engineering degree in Computer Science & Engineering. I am always eager to learn new technologies and methodologies.
</p >
<h3>Goal</h3>
<p>To become one of the best UX designers in the world by practising minimalism, design systems with optimized onboarding for large scale software products. I have a keen interest in UX research, information architecture, and motion designs which drive my desire to accomplish great things in my career</p>
</div>
</div>
</div>
</div>
</div>
<div id="res">
<div class="text-center">
<div class="resume" id="resume">
<div class="container">
<div class="row">
<div class="col-md-6">
<h3>My Education</h3>
<ul class="timeline">
<li>
<h4><span>I </span>Bachelor Of Technology</h4>
<p>
<b>Institute </b> Dronacharya College Of Engineering,Gurgaon.<br>
<b>Session </b>2017-2021. <br>
<b>Aggregate </b>72%.<br>
</p>
</li>
<li>
<h4><span>II </span>Class XII</h4>
<p>
<b>Institute </b> S.D Memorial Sr. Sec. School,Gurgaon.<br>
<b>Passing Year </b>2017 <br>
<b>Aggregate </b>72%.<br>
</p>
</li>
<li>
<h4><span>III </span>Class X</h4>
<p>
<b>Institute </b> S.D Memorial Sr. Sec. School,Gurgaon.<br>
<b>Passing Year </b>2015 <br>
<b>Aggregate </b>9.6 C.G.P.A<br>
</p>
</li>
</ul>
</div>
<div class="col-md-6">
<h3>Skills , Profile,Certification</h3>
<ul class="timeline">
<li>
<h4><span>I </span>Technical Languages</h4>
<p><b>C</b><br><b>C++</b><br><b>PHP</b></p>
</li>
<li>
<h4><span>II </span>Certifications</h4>
<p><b>AWS Fundamentals: Building Serverless Applications</b></p>
<p><b>Fundamentals of Digital Marketing by Google</b></p>
</li>
<li>
<h4><span>III </span>Profile</h4>
<p><b>DOB : </b>January 31,2000<br>
<b>Mother's Name : </b>Mrs. Neelima Sethi<br>
<b>Father's Name : </b>Mr. Naresh Kumar<br>
<b>Languages Known : </b>Hindi,English</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="con">
<div class="contact" id="contact">
<div class="container text">
<h1 >Contact Me</h1>
<p class="text-center">You can reach me at </p>
<div class="row">
<div class="col-md-4">
<i class="fa fa-phone"></i>
<p>+91 8447633576</p>
</div>
<div class="col-md-4">
<i class="fa fa-envelope"></i>
<p>[email protected]<br>[email protected]</p>
</div>
</div>
<div class="footer text-center">
<p>Made with <i class="fa fa-heart"></i></p>
</div>
</div>
</div>
</div>
</section>
</body>
</html>