-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathaboutme.html
More file actions
72 lines (55 loc) · 2.8 KB
/
Copy pathaboutme.html
File metadata and controls
72 lines (55 loc) · 2.8 KB
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
<!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>About Me</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.
</p>
</main>
</body>
</html>