-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
68 lines (65 loc) · 3.46 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/style.css" rel="stylesheet">
<link href="css/fontawesome-all.min.css" rel="stylesheet">
<script src="js/script.js"></script>
<title>Bernard Stojanovic - Portfolio</title>
</head>
<body>
<header class="header-page">
<section class="header-text">
<h1>Bernard Stojanovic</h1>
<h3>Self Taught Photographer</h3>
</section>
</header>
<main>
<section class="about">
<h1>About</h1>
<hr>
<div class="potrait-space">
<img src="img/potrait.jpg" alt="Bernard's potrait">
</div>
<div class="about-text">
<img class="small-screen-image" src="img/potrait.jpg" alt="Bernard's potrait">
<p>Hey <span class="far fa-hand-spock"></span> <br>
Bernard known as Bero from Croatia. Nice to meet you <span class="far fa-smile fa-rotate-180"></span><br>
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In auctor a dolor in condimentum. Fusce hendrerit et nulla at rhoncus. Curabitur et congue velit. Nunc vitae lectus erat. Proin non fermentum eros. Phasellus sit amet urna quam. Etiam vitae ultrices metus. Sed elit leo, tincidunt a enim sed, bibendum sodales lacus. Quisque a nibh eget felis luctus lobortis sed ac justo. Cras eget placerat purus, a pretium augue. Quisque eget est at quam aliquam vulputate non sit amet massa. Duis ut nulla venenatis, placerat neque a, blandit lorem.<br>
<br>
Maecenas consectetur mi a mollis sollicitudin. Vestibulum sodales lacus sed malesuada dignissim. Fusce sem felis, suscipit in convallis vel, ornare non ligula. Integer feugiat odio quis lectus convallis, eleifend tincidunt est tristique. Duis id dui et nibh varius aliquet. Aliquam erat volutpat. Fusce suscipit libero purus, quis dictum turpis congue sit amet. Aliquam erat volutpat. Praesent massa nibh, pulvinar eu quam in, facilisis porta augue. Nullam convallis leo a dictum tincidunt. Proin mattis enim justo, in pharetra elit varius a. Aliquam erat volutpat. Donec eros massa, efficitur eget luctus a, pharetra nec neque. In quam arcu, scelerisque bibendum mi in, tempus laoreet dui. Pellentesque suscipit diam turpis, ut pretium felis efficitur sit amet.<br>
<br>
Aliquam ut ante ante. Ut vitae molestie justo. Sed fringilla sed felis sed luctus. Sed iaculis eros nec leo pretium efficitur. Proin lobortis, libero sed scelerisque sagittis, quam lorem sollicitudin lectus, ac tempus diam purus sed erat. Vivamus tempus blandit ante. Curabitur dignissim vestibulum semper. Aenean in velit at augue ullamcorper rutrum. Praesent vulputate ut lacus sed dapibus. Nullam consequat, massa at condimentum elementum, nulla urna porttitor turpis, quis condimentum arcu magna in lectus. Sed et quam sit amet orci sodales luctus. Mauris erat augue, rutrum et lacinia id, bibendum at libero. Nulla at mauris sem. Suspendisse potenti. Nam.<br>
<br>
https://www.lipsum.com/</p>
</div>
</section>
<section class="galery-category">
<h1>Galery</h1>
<hr>
<div class="galery">
<div class="picture">
<img src="img/img1.jpg" alt="">
</div>
<div class="picture">
<img src="img/img2.jpg" alt="">
</div>
<div class="picture">
<img src="img/img3.jpg" alt="">
</div>
<div class="picture">
<img src="img/img4.jpg" alt="">
</div>
<div class="picture">
<img src="img/img5.jpg" alt="">
</div>
<div class="picture">
<img src="img/img6.jpg" alt="">
</div>
</div>
</section>
</main>
</body>
</html>