-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
216 lines (208 loc) · 9.29 KB
/
index.html
File metadata and controls
216 lines (208 loc) · 9.29 KB
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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
<!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>Daksh_raj/about_me</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
</head>
<body>
<header id="main_header">
<div class="navbar">
<div class="about_me animate__animated animate__wobble">
ABOUT ME
</div>
<div class="menu">
<a href="#">Home</a>
<a href="$">About</a>
<a href="$">Services</a>
<a href="$">Contact</a>
</div>
</div>
<div class="Intro">
<div class="intro_content">
<p>Hello, i am</p>
<p class="name">Daksh Raj</p>
<h6>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat</h6>
<div class="buttons">
<button id="button1">Here me!</button>
<button id="button2">Know more</button>
</div>
</div>
<div class="intro_image">
<i class="fa-solid fa-graduation-cap"></i>
</div>
</div>
</header>
<section id="about_me">
<div class="my_image">
<img src="daksh.jpg" alt="Error image loading">
</div>
<div class="about_me_content">
<h1>About me</h1>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nulla ducimus ut quia velit, non enim saepe,
dignissimos, rerum explicabo deleniti laudantium esse sint quas. Culpa quo quisquam natus inventore vel
ducimus repellendus! Suscipit voluptatibus nisi, cupiditate incidunt amet cum sint consectetur illum
necessitatibus laborum laudantium corrupti exercitationem dolorum velit corporis?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius, quis? Odit molestiae aliquam obcaecati
labore quia reprehenderit officia nobis molestias est. Autem et nobis animi iste quibusdam aut
reiciendis libero.</p>
<p>
follow my work on:
</p>
<div class="icons">
<i class="fa-brands fa-facebook-square"></i>
<i class="fa-brands fa-instagram-square"></i>
<i class="fa-brands fa-linkedin-in"></i>
</div>
</div>
</section>
<div class="Services">
<h1>Services I offer</h1>
<div class="domain_name">
<div>
<i class="fa-solid fa-window-restore"></i>
<h2>Web-Development</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam nihil repellendus iure enim sed!
Exercitationem eveniet officiis expedita obcaecati amet! Nobis aliquam, inventore, ad esse vero unde
maxime est reiciendis, quas quos cum. Dolorem.
</p>
</div>
<div id="div2">
<i class="fa-solid fa-person-praying"></i>
<h2>Comptetive-Programming</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae enim distinctio vero architecto,
voluptate, nam pariatur obcaecati iusto iste, adipisci fuga aliquam. A corporis, natus nesciunt non
provident beatae? Eligendi.</p>
</div>
<div>
<i class="fa-brands fa-osi"></i>
<h2>Open source</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam, dicta iure nesciunt fugit maiores,
accusamus ullam sint autem rem in nostrum minima optio quisquam aliquam veritatis perferendis, modi
animi placeat?</p>
</div>
</div>
</div>
<div class="programming_languages">
<h2>Languages i know!</h2>
<div class="languages">
<div>
<i class="fa-brands fa-html5"></i>
<h2>HTML</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum architecto mollitia et reiciendis!
Facilis corporis, delectus dolores placeat minus culpa eius itaque quod doloremque laborum similique
eligendi nisi natus animi?
</p>
</div>
<div>
<i class="fa-brands fa-css3"></i>
<h2>CSS</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum architecto mollitia et reiciendis!
Facilis corporis, delectus dolores placeat minus culpa eius itaque quod doloremque laborum similique
eligendi nisi natus animi?
</p>
</div>
<div>
<i class="fa-brands fa-js"></i>
<h2>JAVASCRIPT</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum architecto mollitia et reiciendis!
Facilis corporis, delectus dolores placeat minus culpa eius itaque quod doloremque laborum similique
eligendi nisi natus animi?
</p>
</div>
<div>
<i class="fa-solid fa-copyright"></i>
<h2>C++</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum architecto mollitia et reiciendis!
Facilis corporis, delectus dolores placeat minus culpa eius itaque quod doloremque laborum similique
eligendi nisi natus animi?
</p>
</div>
<div>
<i class="fa-solid fa-copyright"></i>
<h2>C</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum architecto mollitia et reiciendis!
Facilis corporis, delectus dolores placeat minus culpa eius itaque quod doloremque laborum similique
eligendi nisi natus animi?
</p>
</div>
<div>
<i class="fa-brands fa-python"></i>
<h2>PYTHON</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum architecto mollitia et reiciendis!
Facilis corporis, delectus dolores placeat minus culpa eius itaque quod doloremque laborum similique
eligendi nisi natus animi?
</p>
</div>
</div>
</div>
<div class="clients_container">
<h1>Client feedback</h1>
<div class="clients">
<i class="fa-solid fa-arrow-left-long"></i>
<div class="client_image">
<img src="istockphoto-1310533180-170667a.jpg" alt="Error image loading">
</div>
<div class="divider">
</div>
<div class="client_feedback">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eum, odio voluptatum. Aperiam saepe
laudantium,
quia sequi nihil aut sed doloribus illo molestiae quis ex necessitatibus voluptas facilis reprehenderit
nisi
harum labore atque, maiores est obcaecati! Repellendus deleniti ratione sapiente id voluptatem excepturi
aspernatur iure placeat eos aperiam eligendi odit debitis ex perferendis, omnis eaque enim cum harum
libero
soluta obcaecati voluptate laborum minima? Illum similique itaque recusandae maxime natus fugiat,
eveniet
sequi incidunt quaerat libero. Nulla facere corrupti dolor maxime praesentium? Fuga perspiciatis, ipsum
adipisci autem ullam modi repellendus nihil fugiat assumenda atque numquam tempora repudiandae omnis
eaque
sunt nostrum!
</div>
<i class="fa-solid fa-arrow-right"></i>
</div>
</div>
<div class="title">
<h1>GET IN TOUCH!</h1>
</div>
<div class="get_in_touch_container">
<form action="backend.php" class="get_forms">
<input type="text" placeholder="NAME">
<input type="text" placeholder="EMAIL">
<input type="text" placeholder="MESSAGE">
<button>submit</button>
</form>
<div class="get_divider">
</div>
<div class="get_contact_info">
<h1>PHONE:</h1>
<h4>7294166036</h4>
<h1>EMAIL:</h1>
<h4>medhavisharma300@gmail.com</h4>
<h1>ADRESS:</h1>
<h4>Arap,patna,Bihar</h4>
<h1>SOCIAL MEDIA:</h1>
<div class="icons">
<i class="fa-brands fa-facebook-square"></i>
<i class="fa-brands fa-instagram-square"></i>
<i class="fa-brands fa-linkedin-in"></i>
</div>
</div>
</div>
<script src="https://kit.fontawesome.com/cebc997188.js" crossorigin="anonymous"></script>
<script>
document.getElementsByClassName('menu')
</script>
</body>
</html>