forked from GalvanizeOpenSource/Learn-To-Code-Week-1
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
80 lines (69 loc) · 2.53 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
<!DOCTYPE html>
<html>
<head>
<title>Lets Build a one page site with Javascript, Jquery, HTML and CSS!</title>
<link href="CSS/style.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="wrap ">
<div class="section sTop">
<div class="inner">
<h1 class="title">My amazing one page website </h1>
<h2 class="subtitle">And it's all about mopeds!</h2>
</div>
</div>
<div class="subMenu" >
<div class="inner">
<a href="#sTop" class="subNavBtn">Home</a>
<a href="#s1" class="subNavBtn">My Mopeds</a>
<a href="#s2" class="subNavBtn">Why Mopeds?</a>
<a href="#s3" class="subNavBtn">Try Mopeds!</a>
<a href="#s4" class="subNavBtn">Spy Mopeds</a>
<a href="#s5" class="subNavBtn">Buy Mopeds</a>
<a href="https://twitter.com/grahammcbain" class="subNavBtn extLink end">Follow me on twitter</a>
</div>
</div>
<div class="section s1">
<div class="inner ">
<h1>My Mopeds</h1>
<ul>
<li><a href="http://www.mopedarmy.com/img/gallery/picture_card_0711.jpg">Peugeot 102sp</a></li>
<li><a href="http://www.mopedarmy.com/img/gallery/ped.jpg">Garelli Super Sport XL</a></li>
<li><a href="http://www.mopedarmy.com/photos/brand/2/11295/">Puch Magnum</a></li>
</ul>
</div>
</div>
<div class="section s2">
<div class="inner">
<h1>Why Mopeds?</h1>
<h2>Because they are practical, maneuverable, and fun!
<p><a href="https://mopedschool.files.wordpress.com/2014/06/tomos.jpg"><img style="heigh:100px;" src="https://mopedschool.files.wordpress.com/2014/06/tomos.jpg" title="Me in the glory days"/><p>
</div>
</div>
<div class="section s3">
<div class="inner">
<h1>Try Mopeds!</h1>
<h2>My wife Alissa tried mopeds and she loves them!</h2>
<p><a href="http://imgur.com/AVmlW8k"><img src="http://i.imgur.com/AVmlW8k.jpg" title="source: imgur.com"/></p>
</div>
</div>
<div class="section s4">
<div class="inner">
<h1>Spy Mopeds!</h1>
<a href="http://garage.1977mopeds.com/build/Puch+Maxi+2V">Checkout one of my favorite projects on garage!</a>
</div>
</div>
<div class="section s5">
<div class="inner">
<h1>Buy Mopeds</h1>
<ul>
<li><a href="http://www.boltmotorbikes.com/">Bolt Motorbikesp</a></li>
<li><a href="http://www.1977mopeds.com/mopeds-22.html">1977 Mopeds!</a></li>
<li><a href="http://fortcollins.craigslist.org/search/sso?query=moped">Craigslist</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>