-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
157 lines (143 loc) · 5.35 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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content= "Portfolio about Aspiring Web Developer, Bhairav K Sharma. You will get know the skills about me!" />
<meta name="author" content="Bhairav K Sharma" />
<meta name="keywords" content= "Web Developer, Bhairav, Sharma" />
<link rel="icon" type="image/x-icon" href="./assets/logo_small.ico" />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
<title>BKS</title>
</head>
<body class="">
<nav>
<div class="custom">
<div class="logo">
<img src="./assets/logo_expand.png" alt="logo" class="logo_img" />
</div>
<div class="hamBurger">
<button class="toggle"><i class="bi bi-list"></i></button>
</div>
</div>
<ul class="navLink">
<li><a href="#home" class="link">Home</a></li>
<li><a href="#about" class="link">About</a></li>
<li><a href="#skill" class="link">Skills</a></li>
<li><a href="#project" class="link">Project</a></li>
<li><a href="#contact" class="link">Contact</a></li>
</ul>
</nav>
<section class="home" id="home">
<div class="main_text">
<span>Hello, I'm <span class="name101">Bhairav!</span></span>
</div>
<div class="sub">
<span>Aspiring Web Developer</span>
</div>
<div class="buttons">
<a href="#about" class="btn1">Explore</a>
</div>
</section>
<section class="box" id="about">
<div class="a_text">
<span class="heading"> About Me </span>
<span class="context_1">
Hello, I'm Bhairav K Sharma—a passionate individual with a love for
various pursuits. You'll often find me immersed in the world of
football, reveling in the thrill of the game. Beyond the sports field,
my hands deftly fold paper into intricate designs, thanks to my
fascination with Origami. In the realm of leisure, I find solace in
the harmonious notes of music and the captivating narratives of vlogs.
Whether it's a catchy tune or an insightful video, I appreciate the
power of audio and visual storytelling. Looking towards the future, my
ambition is to carve a path as a web developer. With a keen interest
in crafting digital landscapes, I aspire to contribute to the
ever-evolving world of web development. Join me on this exciting
journey as I weave together my passions and aspirations.
</span>
</div>
<div class="proImg">
<img src="./assets/profile.jpg" alt="profile" class="img1" />
</div>
</section>
<section class="box" id="skill" >
<div class="header">
<span class="shead">Skills</span>
</div>
<div class="cards">
<div class="card">
<div class="name">
<span>HTML</span>
<div class="bar">
<div class="html"></div>
</div>
</div>
</div>
<div class="card">
<div class="name">
<span>CSS</span>
<div class="bar">
<div class="css"></div>
</div>
</div>
</div>
<div class="card">
<div class="name">
<span>JS</span>
<div class="bar">
<div class="js"></div>
</div>
</div>
</div>
<div class="card">
<div class="name">
<span>Python</span>
<div class="bar">
<div class="python"></div>
</div>
</div>
</div>
<div class="card">
<div class="name">
<span>React JS</span>
<div class="bar">
<div class="react"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="box" id="project" >
<div class="header">
<span class="shead">Project</span>
</div>
<div class="project" id="proj">
<div class="resume">
<span>Download my resume here <a href="/assets/BhairavKSharma.pdf" download>Link!</a></span>
</div>
</section>
<section class="contact_footer box" id="contact">
<div class="contact">
<form>
<label for="name">Enter full name</label>
<input type="text" name="name" id="name">
<label for="email">Enter email address</label>
<input type="email" name="email" id="email">
<label for="message">Message</label>
<textarea name="message" cols="30" rows="10" id="message"></textarea>
<div class="button3">
<button type="button" onclick="dataSend()" class="btn1">Send</button>
</div>
</form>
</div>
<div class="copyright">
<span>Developed with love by Bhairav!</span>
</div>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.js" integrity="sha512-+k1pnlgt4F1H8L7t3z95o3/KO+o78INEcXTbnoJQ/F2VqDVhWoaiVml/OEHv9HsVgxUaVW+IbiZPUJQfF/YxZw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="script.js"></script>
</body>
</html>