-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
37 lines (37 loc) · 1.64 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
<!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="styles.css">
<script src="https://kit.fontawesome.com/51e52ffc9b.js" crossorigin="anonymous"></script>
<title>Document</title>
</head>
<body>
<nav class="navbar">
<ul>
<li id="brand"><a href="index.html" class="nav-link">Doug Cooper</a></li>
<li><a href="contact.html" class="nav-link"> <i class="far fa-envelope"></i>Contact</a></li>
<li><a href="about.html" class="nav-link">About</a></li>
</ul>
</nav>
<header id="home">
<h1 class="header-tag">Nice to Meet you!</h1>
<h3 class="header-tag">Welcome to the Jungle</h3>
</header>
<div class="main">
<section id="about">
<div id="about-picture">
<img src="./assets/tiger.jpg" alt="Tiger about-picture" id="profile-pic"
</div>
<div id="about-content">
<h2>Doug Cooper</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos exercitationem excepturi dolor sint dolores cumque culpa voluptate reprehenderit eveniet, odio minus facere nemo dignissimos fuga repellat optio quam blanditiis perspiciatis!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum nisi quo vitae exercitationem enim tenetur asperiores est molestias? Dolorem deleniti, exercitationem amet facere consectetur natus. Voluptas dolores soluta corporis tempore.
</p>
</div>
</section>
</div>
</body>
</html>