-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
81 lines (69 loc) · 2.91 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<link rel="stylesheet" href="style.css">
<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=Young+Serif&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="section-one">
<b>
<h1 class="section-one__name">Barath D</h1>
</b>
<p class="section-one__role">
web developer
</p>
<a class="section-one__contact" href="contact.html">contact</a>
</div>
<br>
<div class="section-two">
<b>
<h2 class="section-two__title">About me </h2>
</b>
<p class="section-two__desc"> A passionate web developer excited to create new projects Lorem ipsum dolor sit amet consectetur adipisicing
elit. Doloremque repudiandae nemo recusandae rem, nam facilis impedit incidunt consequuntur qui eos esse
maxime delectus dolore nesciunt quos quasi quaerat. Dolorum quod modi beatae itaque, ab ducimus maiores, eum
aut eos sapiente quisquam inventore fugiat quam totam. Soluta, sapiente quidem officiis quod accusantium
iure saepe amet ab porro quisquam numquam eveniet aliquam laudantium sit incidunt corrupti magnam iste
facere itaque ad reiciendis possimus qui! Exercitationem est quia officia, tenetur doloremque mollitia
facere porro molestias, suscipit quod aut ad officiis adipisci a saepe amet, voluptatibus error obcaecati
ipsam dolorum cupiditate illum quisquam. Beatae.</p>
</div>
<!-- .section-three__desc -->
<div class="section-three">
<h2 class="section-three__title">My Interests</h2>
<ul class="section-three__desc">
<li>Web developer</li>
<li>Reading books</li>
<li>Photography</li>
</ul>
</div>
<div class="section-four">
<b>
<h2 class="section-four__title"> My projects</h2>
</b>
<ul class="section-four__desc">
<li>
<h1> <b> Amazon E-commerce Clone</b></h1>
</li>
<p> I completed amazon e-commerce website with react.js(frontend)</p>
<li>
<h1><b>Travel Website</b></h1>
</li>
<p>I made a travel webiste which is going to help many people to travel</p>
</ul>
</div>
<div class="section-five">
<p class="section-five__title"> social Media:
<a href="https://www.instagram.com/_barath_d?igsh=NWw4ODMwOHdhcjJ4">Instragram,</a>
<a href="https://www.linkedin.com/in/barath-d">Lindedin</a></p>
<p class="section-five__desc">©Barath d</p>
</div>
</div>
</body>
</html>