-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaboutme.html
72 lines (55 loc) · 2.8 KB
/
aboutme.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
<!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>