-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
91 lines (91 loc) · 3.89 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
<!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>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="header-info">
<H1 >PORTFOLIO.</H1>
<H2 class="info">MY NAME IS <BR>
<span>ARPIT SAHU</span></BR></H2>
<button >I'M FRONT-END DEVELOPER</button>
</div><div class="header-profile">
<nav>
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">WORKS</a></li>
<li><a href="#">DESIGN</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</nav>
<div class="profile">
<div class="overlay"></div>
<img src="images/dell-0J8thHZfosE-unsplash.jpg" alt="">
</div>
</div>
</header>
<div class="container">
<div class="subphoto">
<div class="secand-photo-bg"></div>
<div class="secand-photo">
<img src="images/IMG_20210213_140812.jpg" alt="">
</div>
<div class="photo-circul"></div>
<div class="photo-circul2"></div>
</div>
<div class="personal-info">
<h3>who am i</h3>
<h4>HELLO</h4>
<div class="highliter"></div>
<P>Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi aspernatur odio animi, blanditiis exercitationem ratione adipisci iusto consequuntur non dignissimos officiis quis facilis ad optio corrupti molestias voluptatem nulla esse, qui <br> <br> magni vero! Quam at quia explicabo sapiente possimus mollitia, excepturi, sed error quis atque a id ducimus rerum, reiciendis quo dignissimos tempore est minus? Vitae praesentium quis nobis sunt deleniti reiciendis illum quisquam doloremque.</P>
</div>
</div>
<div class="footer">
<h2>MY WORK </h2>
<h3>awesome projects</h3>
<div class="secandlight"></div>
<ul>
<li><a href="#">ALL</a></li>
<li><a href="#">GRAPHIC</a></li>
<li><a href="#">VIDEOS</a></li>
<li><a href="#">WEBSIDES</a></li>
<li><a href="#">BRANDING</a></li>
</ul>
<div class="project-ex">
<div class="ex">
<img src="https://i.pinimg.com/564x/87/42/87/874287d682d087c62f3d6a4a3828ad93.jpg" alt="">
</div>
<div class="ex">
<img src="https://i.pinimg.com/564x/ad/b5/07/adb507c093e4125d85f61a9bf0705a60.jpg" alt="">
</div>
<div class="ex">
<img src="https://i.pinimg.com/564x/3c/a4/19/3ca4197154b515b3471863682a415c7a.jpg" alt=""> </div>
<div class="ex">
<img src="https://i.pinimg.com/564x/f3/ee/38/f3ee38a802dfd4348fd15f969951f4d7.jpg" alt="">
</div>
<div class="ex">
<img src="https://i.pinimg.com/564x/df/9a/38/df9a38213e47656cbb8c81a290b01377.jpg" alt="">
</div>
<div class="ex">
<img src="https://i.pinimg.com/564x/90/00/b8/9000b81ffa06e691cf1bc2c7f17c4e71.jpg" alt="">
</div>
<div class="ex">
<img src="https://i.pinimg.com/564x/be/81/ec/be81ec0c576133cb6ba943d22bd54c7b.jpg" alt="">
</div>
<div class="ex">
<img src="https://i.pinimg.com/originals/99/8a/10/998a108d39593cec669dd14bb05ecdd0.jpg" alt="">
</div>
<div class="ex">
<img src="https://i.pinimg.com/564x/25/5e/02/255e026f62870933cc16c27c6a4db5c6.jpg" alt="">
</div>
</div>
<button>LODE MORE</button>
</div>
</body>
</html>