-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgallery.html
79 lines (58 loc) · 5.52 KB
/
gallery.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> Gallery - Test </title>
<link rel="stylesheet" href="styles/navstyle2.css">
<link rel="stylesheet" href="styles/main.css">
<!-- This is a script/link to use Font Awesome logos and icons -->
<script src="https://kit.fontawesome.com/676f8f5b34.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="bg-img"></div>
<nav class="navbar">
<ul class="navbar-nav">
<li class="logo">
<a href="#" class="nav-link">
<span class="link-text">Tatuppa</span>
<i class="fas fa-angle-double-right"></i>
</a>
</li>
<li class="nav-item">
<a href="index.html" class ="nav-link">
<i class="fas fa-home"></i>
<span class = "link-text">Home</span>
</a>
<a href="work.html" class ="nav-link">
<i class="fas fa-briefcase"></i>
<span class = "link-text">Work</span>
</a>
<a href="school.html" class ="nav-link">
<i class="fas fa-laptop-code"></i>
<span class = "link-text">School</span>
</a>
<a href="gallery.html" class ="nav-link">
<i class="fab fa-envira"></i>
<span class = "link-text">Gallery</span>
</a>
<a href="videos.html" class ="nav-link">
<i class="fas fa-film"></i>
<span class = "link-text">Videos</span>
</a>
<a href="aboutme.html" class ="nav-link">
<i class="far fa-address-card"></i>
<span class = "link-text">About Me</span>
</a>
</li>
</ul>
</nav>
<main>
<h1>Gallery</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus commodo nibh sed tempus tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vestibulum lacus quam, ut porta libero dignissim et. Integer dolor lacus, eleifend eu tortor ac, laoreet dignissim odio. Ut eu metus lectus. Mauris gravida nisi eget lectus convallis, et rutrum sapien bibendum. Donec eu malesuada magna. Maecenas fermentum consectetur nulla nec imperdiet.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean faucibus ipsum a laoreet dignissim. Mauris placerat ipsum id lorem blandit elementum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed libero elit, dignissim quis orci id, tincidunt suscipit dui. Duis vel leo odio. Integer mollis elit non orci eleifend hendrerit. Donec in suscipit nulla. Mauris tristique ex quis nibh ultrices, non faucibus justo pharetra.
In felis velit, condimentum non posuere non, consequat vel nulla. Nam tincidunt quam eget nulla tincidunt fringilla. Maecenas ultricies, leo sed imperdiet pellentesque, mi est viverra libero, at venenatis turpis ante a nibh. Cras fringilla sed enim non aliquam. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In sed mauris neque. Fusce convallis velit vel eros blandit, id congue augue fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In hac habitasse platea dictumst. Donec lobortis, nibh in mollis finibus, odio dolor fermentum eros, non cursus justo massa vel lectus. Morbi fermentum arcu lacus, non fringilla elit tempor non.
Nullam pretium augue tortor, sed porta augue dictum sed. Proin facilisis vestibulum elit, eu sagittis nunc fermentum quis. Donec porta porttitor aliquet. Proin ornare neque at neque luctus, et mattis lacus bibendum. Sed volutpat velit quis ornare convallis. Cras non lacus fringilla, commodo ligula sit amet, auctor velit. Vivamus tempor hendrerit laoreet. Duis erat risus, laoreet at lectus hendrerit, vestibulum dictum nibh. Suspendisse sit amet venenatis tortor, dictum aliquam lectus. Suspendisse potenti. Donec tristique sapien nisi, ut malesuada urna scelerisque at. Curabitur sit amet convallis mauris, at blandit turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vel ipsum in sapien pellentesque fringilla. Nulla ac egestas arcu. Vestibulum venenatis tristique nibh vitae condimentum.
Proin sed nisi nec dolor vehicula molestie. Maecenas nunc nulla, rhoncus consectetur egestas non, ultrices non purus. Sed pellentesque ut diam sed efficitur. In eget fringilla felis, sit amet rhoncus elit. Donec euismod turpis pulvinar risus efficitur, et convallis ipsum hendrerit. Vestibulum risus libero, convallis a bibendum nec, posuere id velit. Nulla sodales vitae nibh ut commodo. Morbi vitae mauris nisl. Cras a quam volutpat, dictum augue ut, varius urna. Sed vel maximus neque. Donec porta, odio ut sollicitudin mattis, lacus est dignissim lacus, imperdiet sollicitudin nisl urna in velit. Nam semper tellus metus, tristique placerat dui fringilla vel. Aenean tristique orci eget urna ultrices congue. Nulla eget dolor sed metus pharetra semper. Pellentesque ac luctus diam.</p>
</main>
</body>
</html>