-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
113 lines (112 loc) · 5.17 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
<!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">
<script src="https://kit.fontawesome.com/1ad4d3ae1e.js" crossorigin="anonymous" defer></script>
<title>Ranjeet Singh | Home</title>
<link rel="stylesheet" href="style.css">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<div class="container">
<nav class="navbar">
<a href="/index.html" class="brand-link">
<h2 class="brand-title">< @jeetsdev /></h2>
</a>
<ul>
<li class="inline-list-items"><a href="/" class="nav-li active-page">Home</a></li>
<li class="inline-list-items"><a href="/projects/project.html" class="nav-li">Projects</a></li>
<li class="inline-list-items"><a href="/blogs/blogLanding.html" class="nav-li">Blogs</a></li>
</ul>
</nav>
<header class="main-sec">
<img src="images/hero.svg" alt="Illustration here" class="hero-img">
<div class="about-sec">
<h1>
<span>👋</span> Hello World ! I'm <span>Ranjeet, </span> Desiging & Devloping
<span>Webapps.</span>
</h1>
<p>
A Full-Stack devloper in making, who is passionate about creating rich user
interfaces and interactive Web apps using JavaScript and React. I am constantly learning, evolving,
exploring and developing.
Let's talk to learn and build, <a href="#social-presence">Click here</a>
</p>
</div>
</header>
<section>
<div class="sec-con">
<h2 class="sec-heading "><i class="fas fa-cogs" aria-hidden="true"></i>Skills</h2>
<p class="sec-text">I am familiar with HTML 5 , CSS 3, JavaScript, Node JS, React JS, Git, Github and
Web Hosting.
</p>
</div>
</section>
<section>
<div class="sec-con">
<h2 class="sec-heading"><i class="fas fa-laptop-code"></i>Projects</h2>
<p class="sec-text">
Building projects is the best way to learn and showcase something, and the industry is slowly and
steadly moving towards projects based learning, So here you can check my projects that I have hosted
online.
</p>
<a href="/projects/project.html" class="links primary-link">Projects</a>
</div>
</section>
<section>
<div class="sec-con">
<h2 class="sec-heading "><i class="fas fa-blog"></i>Blogs</h2>
<p class="sec-text">
I love writing about my learning experience and share my technical and non-technical
knowledge with the community. Thus you can check them here
</p>
<a href="/blogs/blogLanding.html" class="links secondary-link">Blogs
</a>
</div>
</section>
<section>
<div class="sec-con">
<h2 class="sec-heading "><i class="fa fa-user" aria-hidden="true"></i>About me</h2>
<p class="sec-text">
Hey there ! I am <span>Ranjeet Singh.</span> I like playing around with tech and exploring new things.
My goal is to work with a team where I can use my skills to build products and meaningful
experiences for users.
I love connecting with peoples and building something
great with them.
<span style="display: block;">See You Around !</span>
</p>
</div>
</section>
<footer class="social" id="social-presence">
<ul class="">
<li class="social-li">
<a href="https://www.linkedin.com/in/jeetsdev/" target="_blank" class="social-links">
<i class="fa fa-linkedin"></i>
</a>
</li>
<li class="social-li">
<a href="https://github.com/jeetsdev" target="_blank" class="social-links">
<i class="fa fa-github"></i>
</a>
</li>
<li class="social-li">
<a href="https://twitter.com/jeetsdev" target="_blank" class="social-links">
<i class="fa fa-twitter"></i>
</a>
</li>
<li class="social-li">
<a href="https://jeetsdev.netlify.app" target="_blank" class="social-links">
<i class="fa fa-briefcase"></i>
</a>
</li>
</ul>
<p>© 2021 | Made with <span> ❤️ </span> by
<a href="https://twitter.com/jeetsdev" class="social-links page-links">Jeetsdev
</a>
</p>
</footer>
</div>
</body>
</html>