-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
111 lines (109 loc) · 3.74 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
<!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>Rajeev Kumar — Developer & Designer</title>
<link rel="icon" href="img/favicon.png" />
<link rel="stylesheet" href="css/style.css" />
<!-- FONTS -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;800&display=swap"
rel="stylesheet"
/>
</head>
<body>
<header class="header">
<div class="header-content">
<a class="header-contact" href="mailto:[email protected]">
<img src="img/email-icon.svg" alt="email Icon inside a circle" /><span
class="header-contact"
>Get in touch</span
>
</a>
<nav class="navbar">
<a
class="social-connect common-text"
href="https://www.behance.net/RajeevKumar504"
target="_blank"
>Behance</a
>
<p class="common-text">/</p>
<a
class="social-connect common-text"
href="https://www.linkedin.com/in/rajeevkumar504/"
target="_blank"
>LinkedIn</a
>
<p class="common-text">/</p>
<a
class="social-connect common-text"
href="https://github.com/Rajeevjewar"
target="_blank"
>Github</a
>
</nav>
</div>
</header>
<main>
<section class="section-hero">
<div class="hero-content">
<img
class="profile"
src="img/profile-Picture.png"
alt="Profile Picture"
/>
<div class="name common-text">
<p>Hello, I’m Rajeev</p>
<img class="hello-hand" src="img/download.png" alt="Hello Emoji" />
</div>
<h1 class="primary-heading gradient">
Building digital products and creative experiences.
</h1>
<div class="main-btn">
<a
class="main-social"
href="https://www.linkedin.com/in/rajeevkumar504/"
><span>LinkedIn me</span>
<img class="arrow-icon" src="img/arrow.svg" alt="arrow" />
</a>
</div>
</div>
</section>
<section class="section-work">
<div class="secondary">
<h2 class="secondary-heading gradient">
Explore some of my digital Design Product and Experiences.
</h2>
</div>
<!-- <div class="projects">
<div class="project-1">
<div class="project-img">
<img src=".project-img" alt="Kanban Task Manager" />
</div>
<div class="project-text">
<h3 class="tertiary-heading">Kanban Task Manager</h3>
<p class="text">
Master your tasks effortlessly! Discover my intuitive Kanban
tool with three columns (Todo, Doing, Done) for smooth task
tracking. Embrace dark and bright modes, add tasks on the fly,
and effortlessly organize your workflow.
</p>
<a
class="main-social"
href="https://www.linkedin.com/in/rajeevkumar504/"
><span>LinkedIn me</span>
<img class="arrow-icon" src="img/arrow.svg" alt="arrow" />
</a>
</div>
</div>
<div class="project-2"></div>
<div class="project-3"></div>
</div> -->
</section>
</main>
</body>
</html>