-
Notifications
You must be signed in to change notification settings - Fork 61
/
Copy pathcharu22612.html
54 lines (44 loc) · 1.97 KB
/
charu22612.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
<!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">
<link rel="stylesheet" href="charu22612.css">
<title>Document</title>
</head>
<body>
<div class="top container">
<img src=""alt="" class="top-cloud">
<h1>hello</h1>
<h1>programmer</h1>
<img src="" alt="" class="bottom cloud">
<img src="" alt="">
<div class="middle-container">
<div class="profile">
<img src="" alt="" class="profile -img">
<h2>hello.</h2>
<p class="intro">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, voluptatem. Magnam eligendi nesciunt voluptatem tempora! Excepturi non dicta cum saepe repellendus numquam animi sunt incidunt consequatur dolor beatae maiores, voluptates repellat distinctio officiis maxime fugit consectetur magnam vitae a soluta eum! Aliquid saepe molestiae cum distinctio nisi numquam, eligendi quia!</p>
</div>
<div class="skills">
<h2>my skills.</h2>
<div class="skill-row">
<img src=""alt="" class="earth-img">
<h3>lorem, lpsum.</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore, ad?</p>
</div>
<div class="skill-row">
<img src="https://cdn-icons-png.flaticon.com/512/7282/7282541.png"alt="" class="duck-img">
<h3>lorem, ipsum dolor.</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores, assumenda?</p>
</div>
<div class="contact-me">
<h2>get in touch</h2>
<h3>Lorem ipsum dolor sit amet consectetur adipisicing.</h3>
<p class="contact-message">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, iure?</p>
</div>
</div>
</div>
</div>
</body>
</html>