-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutus.html
117 lines (115 loc) · 4.96 KB
/
aboutus.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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=K2D:wght@100;200;300;400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../css/styles.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Street Dreams | About Us</title>
<!-- Hotjar Tracking Code for https://bucolic-tapioca-1153e7.netlify.app/ -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:3751260,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>
<div class="nav">
<ul class="headerUL">
<li class="headerLI"><a href="index.html"><img src="../assets/Logo.png" alt=""></a></li>
<li class="headerLI headerText"><a href="index.html">Home</a></li>
<li class="headerLI headerText"><a href="members.html">Members</a></li>
<li class="headerLI headerText"><a href="aboutus.html">About Us</a></li>
<li class="headerLI headerText"><a href="contactus.html">Contact Us</a></li>
</ul>
</div>
<nav class="mobile">
<a href="index.html"><img class="mobileLogo" src="/assets/Logo.png" alt="StreetDreams Logo"></a>
<ul class="nav-menu">
<li class="nav-item">
<a href="index.html" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="members.html" class="nav-link">Members</a>
</li>
<li class="nav-item">
<a href="aboutus.html" class="nav-link">About us</a>
</li>
<li class="nav-item">
<a href="contactus.html" class="nav-link">Contact us</a>
</li>
</ul>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</nav>
</header>
<img src="../assets/PageHeaderImage.png" class="indexBgImg" alt="Background Image">
<p class="scrollToTopText">Scroll To Top</p>
<span class="material-icons md-48 scrollToTop">north</span>
<div class="aboutUsTop">
<div>
<h1>About Us</h1>
<p>We are a car club based around
Innlandet And Oslo Norway.
Street Dreams started in 2022
by some car enthusiasts that wanted
a group and a community to hang out with.</p>
</div>
<div>
<img src="../assets/AboutUs1.png" alt="About Us MX5">
</div>
</div>
<div class="aboutUsBot">
<div>
<img src="../assets/AboutUs2.png" alt="About Us Nissan">
</div>
<div>
<h2>Street Dreams</h2>
<p>Street Dreams members all have one
thing in common, all cars stands out
from the common cars you see on the Road.
If you are located around where we are based
and have a car that stands out, dont hesitate
send us an application <a href="apply.html">HERE</a>.</p>
</div>
</div>
<footer>
<div class="footerLeft">
<img src="../assets/Logo.png" alt="Logo">
</div>
<div class="footerMiddle">
<ul class="footerUL">
<li class="footerLI"><a href="apply.html">Apply</a></li>
<li class="footerLI"><a href="members.html">Members</a></li>
</ul>
</div>
<div class="footerRight">
<ul class="footerUL">
<li class="footerLI"><a href="aboutus.html">About Us</a></li>
<li class="footerLI"><a href="contactus.html">Contact Us</a></li>
</ul>
</div>
<div class="mobileFooter">
<ul class="footerUL">
<li class="footerLI"><a href="apply.html">Apply</a></li>
<li class="footerLI"><a href="members.html">Members</a></li>
<li class="footerLI"><a href="aboutus.html">About Us</a></li>
<li class="footerLI"><a href="contactus.html">Contact Us</a></li>
</ul>
</div>
</footer>
<script src="/src/hamburger.js"></script>
</body>
</html>