-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
102 lines (94 loc) · 5.46 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Yash Narang</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid" style="padding:10px 30px;background-color: white">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myNavbar" aria-expanded="false">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#ME" class="navbar-brand navhead middle ">Yash Narang</a>
</div>
<div class="navbar-collapse collapse" id="myNavbar" aria-expanded="false" style="height: 1px;">
<ul class="nav navbar-nav navbar-right" >
<li><a href="#ABOUT" class="color-me middle">ABOUT ME</a></li>
<li><a href="#SKILLS" class="color-me middle">SKILLS</a></li>
<li><a href="#CONTACT" class="color-me middle">CONTACT ME</a></li>
<li><a href="https://github.com/yash0150"><i class="fa fa-github icon middle" ></i></i></a></li>
</ul>
</ul>
</div>
</div>
</nav>
<div class="container" style="padding-top: 11rem ;padding-bottom: 11rem" id="ME">
<img src="pic/me.jpeg" alt="ME" class="img-responsive center responsive" >
<h1 id="heading">I am<span id="spin"></span>.</h1>
<div class="container icon2">
<a href="mailto:narangyash.yn@gmail.com"><i class="fa fa-envelope icon icon3"></i></a>
<a href="https://www.instagram.com/__.yash0150.__/"><i class="fa fa-instagram icon icon3"></i></a>
<a href="https://www.facebook.com/yash.ism.7"><i class="fa fa-facebook icon icon3"></i></a>
<a href="https://github.com/yash0150"><i class="fa fa-github icon icon3"></i></a>
<a href="https://www.quora.com/profile/Yash-Narang-30"><i class="fa fa-quora icon icon3"></i></a>
<a href="https://in.linkedin.com/in/yash-narang-18657b174"><i class="fa fa-linkedin icon icon3"></i></a>
</div>
</div>
<div class="container-fluid me" style="padding-top: 8rem" id="ABOUT">
<a href="#ABOUT" class="intro-head middle" style="color: white;">ABOUT ME</a>
<div class="row">
<div class="col-sm-4 col-sm-offset-4 intro" style="font-family: Chalkduster, fantasy;color: #DFDF8E">
Hi! I am Yash Narang.</br>I am a second year student pursuing BE Computer Science at Bits Pilani Goa Campus.</br>I love competetive Coding, Machine Learning and Front-end Web development.
</div>
</div>
</div>
<div class="container-fluid me2" style="padding-top: 8rem" id="SKILLS">
<a href="#SKILLS" class="intro-head middle" style="color: #E9E8E8;">SKILLS</a>
<div class="row" style="padding-top: 6rem;font-family:Chalkduster, fantasy">
<div class="col-sm-4 me2">
<a class="middle" style="text-decoration: none; font-size: 230%;color: #ECBAF6">Languages</a>
<p style="font-size: 175%;color:#C6F0F2"></br>C</br>C++</br>Python</br>Java</p>
</div>
<div class="col-sm-4 me2">
<a class="middle" style="text-decoration: none; font-size: 230%;color: #ECBAF6">Profecience</a>
<p class="intro" style="font-size: 175%;color:#C6F0F2;"></br>Data Structure</br>Algorithm</br>Machine Learning</br>HTML</br>CSS</br>BootStrap</br>Jquery</p>
</div>
<div class="col-sm-4 me2">
<a class="middle" style="text-decoration: none; font-size: 230%;color: #ECBAF6">Others</a>
<p style="font-size: 175%;color:#C6F0F2"></br>Git</br>Jupyter Notebook</br>Tensorflow</br>Linux</br>Windows</p>
</div>
</div>
</div>
<div class="container-fluid me" style="padding-top: 2rem" id="CONTACT">
<a href="#CONTACT" class="intro-head middle" style="color: white;padding-top: 6rem">CONTACT ME</a>
<div class="row" style="padding-top: 5rem;font-family:Chalkduster, fantasy">
<div class="col-sm-4 intro" style="font-family: Chalkduster fantasy;color: #DFDF8E">
<a class="middle" style="text-decoration: none; font-size: 230%;color: #ECBAF6">RESIDENT</a>
<p style="font-size: 150%">NEW DELHI</p>
</div>
<div class="col-sm-4" style="padding-bottom:6rem">
<a href="mailto:narangyash.yn@gmail.com"><i class="fa fa-envelope icon icon4" ></i></a>
<a href="https://in.linkedin.com/in/yash-narang-18657b174"><i class="fa fa-linkedin icon icon4"></i></a>
<a href="https://www.facebook.com/yash.ism.7"><i class="fa fa-facebook icon icon4"></i></a>
</div>
<div class="col-sm-4 intro" style="font-family: Chalkduster fantasy;color: #DFDF8E">
<a class="middle" style="text-decoration: none; font-size: 230%;color: #ECBAF6">CONTACT</a>
<p style="font-size: 150%">91+9711038389</p>
</div>
</div>
<div class="container-fluid" style="background-color: black;font-family: Chalkduster fantasy; text-align:center;color:#DFDF8E;font-size: 110%">
Made by Yash Narang
</div>
</div>
</body>
</html>