/
index.html
109 lines (91 loc) · 4.39 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>home | ritikkapoor</title>
<link rel="stylesheet" href="/styles.css">
</head>
<body>
<nav class="navigation container sticky grid-container">
<div class="nav-brand" > iam<span style="color: var(--secondary-color);">developer</span></div>
<ul class="list-non-bullet nav-pills">
<li class="list-item-inline">
<a class="link link-active" href="\">home</a>
</li>
<li class="list-item-inline">
<a class="link" href="\projects.html">projects</a>
</li>
<li class="list-item-inline">
<a class="link" href="\blogs.html">blogs</a>
</li>
</ul>
</nav>
<header class="hero">
<img class="hero-img" src="/images/hero.svg" alt="">
<h1 class="hero-heading">Ritik Kapoor <br><span style="color: var(--primary-color);"><web developer></span></h1>
</header>
<section class="section ow">
<div class="container container-center">
<h1>technology stack</h1>
<hr/>
<ul class="space">
<li class=" list-item-inline"><img src="/images/html.svg" title="HTML5" alt="HTML 5"></li>
<li class="list-item-inline"><img src="/images/css3.svg" title="CSS 3" alt="CSS 3"></li>
<li class=" list-item-inline"><img src="/images/javascript.svg" title="JavaScript"alt="javascript"></li>
<li class=" list-item-inline "><img src="/images/react.svg" title="ReactJS" alt="ReactJS"></li>
<li class="list-item-inline "><img src="/images/nodejs.svg" title="NodeJS" alt="NodeJS"></li>
<li class="list-item-inline "><img src="/images/github (1).svg" title="GitHub" alt="GitHub"></li>
<li class="list-item-inline "><img src="/images/postman.svg" title="Postman" alt="Postman"></li>
</ul>
</div>
</section>
<section class="section">
<div class="container container-center">
<h1>projects</h1>
<hr/>
<p>I believe that the best way to learn a skill is through Projects and this is what I did. I have made various projects based on the above technology stack. Click on the link below to discover them.</p>
<a class="link link-primary" href="\projects.html">see projects</a>
</div>
</section>
<section class="section ow">
<div class="container container-center">
<h1>blogs</h1>
<hr/>
<p>Contributing is easy and safe. Even if you make a mistake, it's easily fixed. Even if you don't know exactly how things should look, or your grammar isn't all that good, don't worry about it! Keep reading and writing to aquire perfection. Share what you know and follow your strengths. Go through my blogs here and do follow me for more.</p>
<a class="link link-secondary" href="\blogs.html">browse blogs</a>
</div>
</section>
<!-- you can a hobby section -->
<footer class="footer">
<!--REMEMBER Don't use h1 h2 inside footer-->
<div class="footer-header">SOCIAL MEDIA</div>
<ul class="list-non-bullet social links">
<li class="list-item-inline">
<a class="link" href="https://github.com/rkapoor10" target="_blank">
<img src="/images/github.svg" alt="">
</a>
</li>
<li class="list-item-inline">
<a class="link" href="https://www.linkedin.com/in/ritik-kapoor-493469196"
target="_blank">
<img src="/images/linkedin.svg" alt="">
</a>
</li>
<li class="list-item-inline">
<a class="link" href="https://www.instagram.com/ritikkapoor.10/"
target="_blank">
<img src="/images/instagram.svg" alt="">
</a>
</li>
<li class="list-item-inline">
<a class="link" href="https://twitter.com/rkap810"
target="_blank">
<img src="/images/twitter.svg" alt="">
</a>
</li>
</ul>
</footer>
</body>
</html>