-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
100 lines (98 loc) · 4.22 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
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Saksham Garg</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<div id="myNav" class="overlay col-12">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<div class="overlay-content overlay-contents col-12">
<a href="#About" onclick="closeNav()">About</a>
<a href="#Portfolio" onclick="closeNav()">Portfolio</a>
<a href="#Contact" onclick="closeNav()">Contact</a>
</div>
</div>
<body>
<header>
<div class="navbar col-12" >
<div class="heightspace col-1"></div>
<div class="col-3">
<h1 class="col-12" id="header-title">Saksham Garg</h1>
</div>
<div class="col-8 heightspace">
<div class="heightspace col-10"></div>
<span class="menu col-1" onclick="openNav()">☰</span>
<div class="heightspace col-1"></div>
</div>
</div>
</header>
<div class="container">
<div class="heightspace col-12" id="About"></div>
<div class="col-12">
<div class="heightspace col-5"></div>
<img src="https://qph.fs.quoracdn.net/main-thumb-20033399-200-htxvvzzeofnadwciyzllwjhxcmmjguss.jpeg" class="self-img col-2" alt="">
<div class="heightspace col-5"></div>
</div>
<div class="col-12">
<div class="heightspace col-2"></div>
<div class="col-8 intro-text">
<p>I am an IT engineering student from Ghaziabad, India. I aspire to become, a great human being firstly, a full stack developer on a technical note. Competitive programming, web development, writing, singing, playing guitar are my interests! <em>"Jack of all trades, master of none!"</em></p>
<h5 class="h">Competitive Programmer - Web Developer - Writer</h5>
</div>
<div class="heightspace col-2"></div>
</div>
</div>
<div class="col-12">
<div class="heightspace col-4"></div>
<h2 class="col-4" id="Portfolio">PORTFOLIO</h2>
<div class="heightspace col-4"></div>
</div>
<div class="heightspace col-12"></div>
<div class="col-12">
<div class="heightspace col-3"></div>
<img src="css/santa.jpeg" rel="filler images" class="col-3">
<div class="heightspace col-1"></div>
<img src="css/santa.jpeg" rel="filler images" class="col-3">
<div class="heightspace col-3"></div>
</div>
<div class="col-12">
<div class="heightspace col-4"></div>
<h2 class="col-4" id="Contact">CONTACT</h2>
<div class="heightspace col-4"></div>
</div>
<div class="col-12">
<div class="heightspace col-2"></div>
<div class="col-8">
<p class="">Want to get in touch with me? Be it to request more info about me, to ask for my resume, give me tips on how to move ahead in my career, random questions about the world and the meaning of life, or even if only for some witty flirty conversation, just feel free to drop me a line anytime.</p>
</div>
<div class="heightspace col-2"></div>
</div>
<div class="col-12">
<div class="heightspace col-5"></div>
<div class="col-2 form">
<input class="col-12" type="textbox" placeholder="Name">
<input class="col-12" type="textbox" placeholder="Email">
<input class="col-12" type="textbox" placeholder="Phone no.">
<input class="col-12" type="textbox" placeholder="Message">
<button type="button">Submit</button>
</div>
<div class="heightspace col-5"></div>
</div>
<div class="heightspace col-12"></div>
<div class="col-12">
<div class="heightspace col-4"></div>
<div class="col-4">
<a href="https://www.facebook.com/saksham.garg.311" class="fa col-2 fa-facebook"></a>
<a href="https://www.linkedin.com/in/saksham-garg-55a26a155/"class="fa col-2 fa-linkedin"></a>
<a href="https://github.com/sak6e"class="fa col-2 fa-github"></a>
<a href="https://www.instagram.com/suave_sak/" class="fa col-2 fa-instagram"></a>
<a href="https://twitter.com/saksham20garg" class="fa col-2 fa-twitter"></i></a>
</div>
<div class="heightspace col-4"></div>
</div>
</body>
<script src="css/script.js"></script>
</html>