-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
75 lines (75 loc) · 2.98 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
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Shepards Avenue Interior Design">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="styles/styles.css" rel="stylesheet">
<title>Shepard Avenue</title>
<!-- Hotjar Tracking Code for Shepards Avenue -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:3237499,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
</head>
<body>
<header id="cover">
<a class="skip-main" href="#main">Skip to main content</a>
<div class="hamburger">
<label for="hamburger"><img src="icons/hamburger.png" alt="menu button"></label>
<input type="checkbox" id="hamburger">
<nav>
<ul>
<li class="logo"><a href="index.html">SA</a></li>
<li><a href="index.html" class="active">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li class="search"><img src="icons/search.png"></li>
</ul>
</nav>
</div>
</header>
<main>
<div class="landing">
<div class="landing-img"></div>
<div class="text-logo"><h1>Shepard Avenue</h1></div>
</div>
<div class="about-section">
<h2 id="main" tabindex="-1">About the blog</h2>
<div class="text">
<p>"Suspendisse quis tellus efficitur, varius neque nec, mattis sem. In sed diam vel massa lacinia pellentesque. Nullam porta libero leo, malesuada vestibulum risus posuere quis. Morbi vitae erat enim. Sed volutpat ullamcorper purus, vitae feugiat nisi molestie eget. Mauris fringilla pellentesque felis ut ultrices. Cras suscipit pretium porta. Praesent gravida aliquet volutpat. Curabitur at arcu at nibh luctus condimentum."</p>
</div>
</div>
<div class="latest">
<h3>Latest posts</h3>
</div>
</main>
<footer>
<section class="one"><h4>Shepard Avenue</h4></section>
<section class="two">
<ul>
<li><a href="blog.html">Blog</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</section>
<section class="three">
<ul>
<li><a href="https://www.instagram.com/noroff"><img src="/icons/instagram-2.png"></a></li>
<li><a href="https://www.facebook.com/noroffoslo"><img src="/icons/facebook-circular-logo-2.png"></a></li>
<li><a href="www.pinterest.com"><img src="/icons/pinterest-circular-logo-symbol-2.png"></a></li>
</ul>
</section>
</footer>
</body>
</html>