diff options
Diffstat (limited to 'showcase/bike/guides/index.html')
| -rw-r--r-- | showcase/bike/guides/index.html | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/showcase/bike/guides/index.html b/showcase/bike/guides/index.html new file mode 100644 index 0000000..fb97e69 --- /dev/null +++ b/showcase/bike/guides/index.html @@ -0,0 +1,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> |