-
Notifications
You must be signed in to change notification settings - Fork 0
/
photo.html
66 lines (65 loc) · 2.67 KB
/
photo.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./style.css" />
<title>Photographer</title>
</head>
<body>
<main>
<div class="banner">
<img src="./img/photo-bg.jpg" alt="Banner" />
<div class="author">
<h1>Elina Morel</h1>
<h3>Photographer</h3>
</div>
</div>
<div class="story">
<div class="story-description">
<h3>My Story</h3>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laudantium
quisquam, laborum soluta, doloribus facilis vel dignissimos fugit
doloremque quam quas rerum ut id. Iste accusantium laudantium maxime
aut laboriosam quo! Ex ullam illum reiciendis impedit iure ipsam
totam, dignissimos voluptate quis unde nostrum, eveniet molestiae,
nemo quod! Veniam similique, optio veritatis dolore explicabo
</p>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laudantium
quisquam, laborum soluta, doloribus facilis vel dignissimos fugit
doloremque quam quas rerum ut id. Iste accusantium laudantium maxime
aut laboriosam quo! Ex ullam illum reiciendis impedit iure ipsam
totam, dignissimos voluptate quis unde nostrum, eveniet molestiae,
nemo quod! Veniam similique, optio veritatis dolore explicabo
</p>
</div>
<div class="profile">
<img src="./img/photo-profile.jpg" alt="Profile" />
</div>
</div>
<div class="my-work">
<div class="work-description">
<h3>My Work</h3>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laudantium
quisquam, laborum soluta, doloribus facilis vel dignissimos fugit
doloremque quam quas rerum ut id. Iste accusantium laudantium maxime
aut laboriosam quo! Ex ullam illum reiciendis impedit iure ipsam
totam, dignissimos voluptate quis unde nostrum, eveniet molestiae,
nemo quod! Veniam similique, optio veritatis dolore explicabo
</p>
</div>
<div class="work-gallery">
<img src="./img/photo-gallery-1.jpg" alt="" />
<img src="./img/photo-gallery-2.jpg" alt="" />
<img src="./img/photo-gallery-3.jpg" alt="" />
<img src="./img/photo-gallery-4.jpg" alt="" />
<img src="./img/photo-gallery-5.jpg" alt="" />
<img src="./img/photo-gallery-6.jpg" alt="" />
</div>
</div>
</main>
</body>
</html>