-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
58 lines (51 loc) · 2.79 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
<!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>Datta Velivela</title>
<link rel="stylesheet" href="index.css">
<link rel="icon" href="butterfly.ico">
<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=Rubik:wght@400;500;600;700&display=swap" rel="stylesheet">
<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=Karla&display=swap" rel="stylesheet">
</head>
<body>
<div class="navbar-link">
<img src="butterfly.ico" alt="me" class="butterfly">
<a href="#" class="about">About</a>
<a href="#" class="work">Work</a>
<a href="#" class="contact">Contact</a>
</div>
<div class="hero">
<img src="geo.png" alt="pattern" class="geo">
<p class="headline">I design experiences which makes sense</p>
<p class="description">I design digital apps and websites for startups, entrepreneurs, and brands with cool projects.</p>
<input type="button" class="resume-button" value="Resume">
</div><hr>
<div class="about-section">
<p class="about-header">About</p>
<p class="about-myself">Lorem ipsum dolor sit amet consectetur adipisicing elit.st, is ab nostrum sed aliquam alias, accusantium non eius aperiam iustoLorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum magnam distinctio quo impedit est, animi officiis eum reiciendis qui, perspiciatis ab nostrum sed aliquam alias, accusantium non eius aperiam iustoLorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum magnam distinctio quo impedit est, animi officiis eum reiciendis qui, perspiciatis ab nostrum sed aliquam alias, accusantium non eius aperiam iusto.</p>
</div><hr>
<div class="project-section">
<p class="project-header">Projects</p>
<div class="first">
</div>
<div class="second">
</div>
<div class="third">
</div>
</div><hr>
<div class="contact-section">
<p class="contact-header">Contact</p>
<p class="mailme">Lorem ipsum dolor sit amet cem ipsum dolor sit amem ipsum dolor sit amonsectetur adipisicing consectetur adipisicing</p>
</div><hr>
<div class="footer-section">
</div>
<hr>
</body>
</html>