-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
136 lines (126 loc) · 6.07 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
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE HTML>
<!--
Spectral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>WunderBike</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="landing is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">WunderBike</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="chainAndCassette.html">Chain and Cassette Swap</a></li>
<li><a href="brakePadsRotors.html">Brakes</a></li>
<li><a href="emergencyCallOut.html">Emergency Flat Tire Callout</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2></h2>
<p><br />
<br /></p>
</div>
<a href="#one" class="more scrolly">About WunderBike</a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h2>About WunderBike<br />
Your Local Mobile Bike Mechanic</h2>
<p>Cycle repairs are always needed when we least expect it. Our vision to you- a fellow cyclist-<br />
is that we deliver the repairs you need whereever you are- may it be at home, at your workplace or when stuck out on the roads. We will travel to you by bike to reduce the impact on our environment.<br />
Come have a look at our site and see what Services we provide!</p>
</header>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="./assets/css/images/david-dvoracek-LPr1QM3JIgE-unsplash.jpg" alt="" /></div><div class="content">
<h2>Chain and Cassette Swap</h2>
<p>Chains and Cassettes do wear. It is the nature of moving parts. Your shifting not working properly? Most likely it is either of both parts that could cause the issue. Select "Chain and Cassette Swap" in the menu or <a href="chainAndCassette.html">follow the link</a> and have a look at the services we offer.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="./assets/css/images/tim-foster-12nAcd2C8b8-unsplash.jpg" alt="" /></div><div class="content">
<h2>Brakes: Pads and Rotors Swap</h2>
<p>Brakes are the most important parts of the bike. If they don't perform correctly, they are a hazard to your safety. Like cassettes and chains, brake pads (disc or rim) and rotors (disc) do wear over time. If you find yourself having issues with your brakes, select "Brakes" in the menu or <a href="brakePadsRotors.html">follow the link</a> to have a look at the services we offer.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="./assets/css/images/profile.png" alt="" /></div><div class="content">
<h2>Emergency Flat Tire Callout</h2>
<p>You got a flat while on your ride? No problem, we got you covered! <a href="emergencyCallOut.html">Follow this link</a> and see what we do to get you out of there, pricing included. We would advise you, if you can, to move somewhere where you would be safer (if in dark alleys etc) and we are coming to you!</p>
</div>
</section>
</section>
<!-- Three -->
<section id="three" class="wrapper style3 special">
<div class="inner">
<header class="major">
<h2>WunderBike</h2>
<p>The 4 things that matter to us most: You can contact us with any cycling related question; You can be assured of the products we are using are products we would use ourselves; Trying our best to keep you safe and that we will travel to you by bike to reduce the impact on our environment.</p>
</header>
<ul class="features">
<li class="icon fa-paper-plane">
<h3>Contact Us</h3>
<p>If you got any questions, we would strongly recommend you follow the link for email down below. We will be in touch with you as soon as possible.</p>
</li>
<li class="icon solid fa-headphones-alt">
<h3>Safety first</h3>
<p>Whichever our services you are using - please be safe!</p>
</li>
<li class="icon fa-heart">
<h3>Satisfaction</h3>
<p>The products that We - WunderBike - use are products that had been to satisfactory quality for ourselves.</p>
</li>
<li class="icon fa-flag">
<h3>Your Location Matters</h3>
<p>We are mobile mechanics and travel to your destination. Please just keep in mind we are CYCLING mechanics and travel to you by bike.</p>
</li>
</ul>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© Judith Kraziewicz</li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>