summary refs log tree commit diff
path: root/bike/guides/index.html
blob: fb97e696b6d19cb33c708be597c8457ba2237252 (plain) (blame)
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
<!doctype html>
<html lang="en"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="../css/main.css">
<link rel="shortcut icon" href="../i/fav.png">
<title>Bike Mastery: Guides</title></head><body>

<header>
	<h1>Our Guides
	<i>Bike Mastery</i></h1>
</header>

<nav>
	<a href=".." class="btn">Home</a>
	<a href="" class="btn">Guides</a>
	<a href="../parts" class="btn">Parts</a>
	<a href="../order" class="btn">Order</a>
	<a href="../template" class="btn">Template</a>
	<a href="http://github.com/4stc/bike_mastery" class="btn">Source</a>
	<i>Bike Mastery / Guides</i>
</nav>

<main class="grid"><div>
	<h2>Video Guides</h2><hr>
	<video controls poster="../i/thumbnail.png">
		<source src="../v/example.webm" type="video/webm">
		<source src="../v/example.mp4" type="video/mp4">
		<p>The video isn't loading. Try using a different browser</p>
	</video>
	<h3>The Ultimate Guide to Understanding Your Bike</h3><br>
	<video controls poster="../i/thumbnail.png">
		<source src="../v/example.webm" type="video/webm">
		<source src="../v/example.mp4" type="video/mp4">
		<p>The video isn't loading. Try using a different browser</p>
	</video>
	<h3>Knowing When a Bike Part Needs Replaced</h3><br>

	<video controls poster="../i/thumbnail.png">
		<source src="../v/example.webm" type="video/webm">
		<source src="../v/example.mp4" type="video/mp4">
		<p>The video isn't loading. Try using a different browser</p>
	</video>
	<h3>How to Properly Adjust Your Bike Seat</h3><br>
	<video controls poster="../i/thumbnail.png">
		<source src="../v/example.webm" type="video/webm">
		<source src="../v/example.mp4" type="video/mp4">
		<p>The video isn't loading. Try using a different browser</p>
	</video>
	<h3>Tire Replacement Guide</h3><br>
</div>
</main>

<footer>
	<p>Made by Name Surname |
	<a href="../i/guides_mobile.png" target="_blank">Mobile Wireframe</a> |
	<a href="../i/guides_desktop.png" target="_blank">Desktop Wireframe</a>
	</p>
</footer>

</body></html>