-
Notifications
You must be signed in to change notification settings - Fork 0
/
wags.html
245 lines (229 loc) · 11 KB
/
wags.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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
<!DOCTYPE HTML>
<!--
Overflow 1.1 by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Home | The Wags</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300italic" rel="stylesheet" type="text/css" />
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.poptrox.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
</noscript>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-50130061-1', 'ericnolte.com');
ga('require', 'displayfeatures');
ga('send', 'pageview');
</script>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
</head>
<body>
<!-- Header -->
<section id="header">
<header>
<h1>The Wags</h1>
<p>An american classic</p>
</header>
<footer>
<a href="#banner" class="button style2 scrolly scrolly-centered">Our story</a>
</footer>
</section>
<!-- Banner -->
<section id="banner">
<header>
<h2>1986 Jeep Grand Wagoneer </h2>
</header>
<p>The wags was purchased by Ariel and I in October of 2012.<br />
It was the biggest project we've have taken on together to date.<br />With my automotive expertise and Ariel's devotion<br />the wags slowly became our dream Jeep.</p>
<footer>
<a href="#first" class="button style2 scrolly">Here is our journey.</a>
</footer>
</section>
<!-- Feature 1 -->
<article id="first" class="container box style1 right">
<a href="" class="image full"><img src="images/head1.jpg" alt="" /></a>
<div class="inner">
<header>
<h2>She wasn't<br />
terrible...</h2>
</header>
<p>to start with. Sure, the paint was dull, the vinyl was worn, and the metal was dented. But the interior was in great shape!</p>
</div>
</article>
<!-- Feature 2 -->
<article class="container box style1 left">
<img class="image full" src="images/head2.jpg" alt="Wagoneer" />
<div class="inner">
<header>
<h2>And so it<br />
began.</h2>
</header>
<p>For the next six months, nearly all free time was spent breaking her down to the bare shell and building her back up again.</p>
</div>
</article>
<!-- Portfolio -->
<article class="container box style2">
<header>
<h2>Steel and Plastic</h2>
<p>Its like eating an elephant...<br />
...one bite at a time.</p>
</header>
<div class="inner gallery">
<div class="row flush">
<div class="3u"><a href="images/set1/1set1.jpg" class="image full"><img src="images/set1/1set1thumb.jpg" alt="" title="Gutted" /></a></div>
<div class="3u"><a href="images/set1/2set1.jpg" class="image full"><img src="images/set1/2set1thumb.jpg" alt="" title="Making love" /></a></div>
<div class="3u"><a href="images/set1/3set1.jpg" class="image full"><img src="images/set1/3set1thumb.jpg" alt="" title="Thats my girl" /></a></div>
<div class="3u"><a href="images/set1/4set1.jpg" class="image full"><img src="images/set1/4set1thumb.jpg" alt="" title="Slow and Steady" /></a></div>
</div>
<div class="row flush">
<div class="3u"><a href="images/set1/5set1.jpg" class="image full"><img src="images/set1/5set1thumb.jpg" alt="" title="Suited up" /></a></div>
<div class="3u"><a href="images/set1/6set1.jpg" class="image full"><img src="images/set1/6set1thumb.jpg" alt="" title="Base" /></a></div>
<div class="3u"><a href="images/set1/7set1.jpg" class="image full"><img src="images/set1/7set1thumb.jpg" alt="" title="Fresh" /></a></div>
<div class="3u"><a href="images/set1/8set1.jpg" class="image full"><img src="images/set1/8set1thumb.jpg" alt="" title="and dressed." /></a></div>
</div>
</div>
</article>
<!-- Feature 3 -->
<article id="first" class="container box style1 right">
<a href="" class="image full"><img src="images/head3.jpg" alt="us" /></a>
<div class="inner">
<header>
<h2>At last<br />
she was ready...</h2>
</header>
<p>to hit the road. She was a real sight to be seen. Ariel and I began noticing people randomly smiling and sometimes even waving as we drove by.</p>
</div>
</article>
<!-- Feature 4 -->
<article class="container box style1 left">
<a href="" class="image full"><img src="images/head4.jpg" alt="ariel trans" /></a>
<div class="inner">
<header>
<h2>However,<br />
three weeks later...</h2>
</header>
<p>The transmission. It was toast.<br /> "I've always wanted to see how an automatic transmission worked."<p class="right">-Eric</p>
</div>
</article>
<!-- Portfolio -->
<article class="container box style2">
<header>
<h2>Sun and planets</h2>
<p>Eric and I dive into the dark art of<br /> rebuilding an automatic transmission.</p>
</header>
<div class="inner gallery">
<div class="row flush">
<div class="3u"><a href="images/set2/1set2.jpg" class="image full"><img src="images/set2/1set2thumb.jpg" alt="" title="Amazine" /></a></div>
<div class="3u"><a href="images/set2/2set2.jpg" class="image full"><img src="images/set2/2set2thumb.jpg" alt="" title="Dirt" /></a></div>
<div class="3u"><a href="images/set2/3set2.jpg" class="image full"><img src="images/set2/3set2thumb.jpg" alt="" title="The root" /></a></div>
<div class="3u"><a href="images/set2/4set2.jpg" class="image full"><img src="images/set2/4set2thumb.jpg" alt="" title="I'll have a cup of Disneyland, please" /></a></div>
</div>
<div class="row flush">
<div class="3u"><a href="images/set2/5set2.jpg" class="image full"><img src="images/set2/5set2thumb.jpg" alt="" title="Cherish" /></a></div>
<div class="3u"><a href="images/set2/6set2.jpg" class="image full"><img src="images/set2/6set2thumb.jpg" alt="" title="Different." /></a></div>
<div class="3u"><a href="images/set2/7set2.jpg" class="image full"><img src="images/set2/7set2thumb.jpg" alt="" title="History was made here" /></a></div>
<div class="3u"><a href="images/set2/8set2.jpg" class="image full"><img src="images/set2/8set2thumb.jpg" alt="" title="People come and go and walk away" /></a></div>
</div>
</div>
</article>
<!-- Feature 5 -->
<article id="first" class="container box style1 right">
<a href="" class="image full"><img src="images/head6.jpg" alt="" /></a>
<div class="inner">
<header>
<h2>And like<br />
a phoenix... </h2>
</header>
<p>from the ashes, the Wags hit the road again in full glory. All that glitters may not be gold, but in this case it is.</p>
</div>
</article>
<!-- Feature 6 -->
<article class="container box style1 left">
<img class="image full" src="images/head5.jpg" alt="Wagoneer" />
<div class="inner">
<header>
<h2>RELSWAG...<br />
</h2>
</header>
<p>our license plate. Short for "Ariel's Wag", but often misinterpretted as "Real Swag". True in both occasions.</p>
</div>
</article>
<!-- Portfolio -->
<article class="container box style2">
<header>
<h2>Only..</h2>
<p><br />
in a Jeep Wagoneer.</p>
</header>
<div class="inner gallery">
<div class="row flush">
<div class="3u"><a href="images/set3/1set3.jpg" class="image full"><img src="images/set3/1set3thumb.jpg" alt="" title="Sleepy" /></a></div>
<div class="3u"><a href="images/set3/2set3.jpg" class="image full"><img src="images/set3/2set3thumb.jpg" alt="" title="Dashing" /></a></div>
<div class="3u"><a href="images/set3/3set3.jpg" class="image full"><img src="images/set3/3set3thumb.jpg" alt="" title="Captain's chair" /></a></div>
<div class="3u"><a href="images/set3/4set3.jpg" class="image full"><img src="images/set3/4set3thumb.jpg" alt="" title="As fun as it gets" /></a></div>
</div>
<div class="row flush">
<div class="3u"><a href="images/set3/5set3.jpg" class="image full"><img src="images/set3/5set3thumb.jpg" alt="" title="Classic" /></a></div>
<div class="3u"><a href="images/set3/6set3.jpg" class="image full"><img src="images/set3/6set3thumb.jpg" alt="" title="The tail" /></a></div>
<div class="3u"><a href="images/set3/7set3.jpg" class="image full"><img src="images/set3/7set3thumb.jpg" alt="" title="Only in a..." /></a></div>
<div class="3u"><a href="images/set3/8set3.jpg" class="image full"><img src="images/set3/8set3thumb.jpg" alt="" title="Stand proud" /></a></div>
</div>
</div>
</article>
<!-- Contact -->
<article class="container box style3">
<header>
<h2>And now this chapter has come to an end...</h2>
<p>as we start out on our next adventure. Ariel and I have found a loving home for our beloved Wags. Visit our homepage, <a href="http://adventureforbreakfast.com">Adventure for Breakfast</a> to keep up with the latest in our story. Long live the American tradition of the Jeep Wagoneer.</p>
</header>
<!--<form action="//forms.brace.io/[email protected]" method="POST">
<div class="row half">
<div class="6u"><input type="text" class="text" name="name" placeholder="Name" /></div>
<div class="6u"><input type="text" class="text" name="_replyto" placeholder="Email" /></div>
</div>
<div class="row half">
<div class="12u">
<textarea name="message" placeholder="Message"></textarea>
</div>
</div>
<div class="row">
<div class="12u">
<ul class="actions">
<li><input id ="sendMessage" type="submit" value="Send" class="button form" name="Send Message"></li>
</ul>
</div>
</div>
</form>-->
</article>
<!--
<section id="footer">
<ul class="icons">
<li><a href="https://twitter.com/Eric_Nolte" class="fa fa-twitter solo"><span>Twitter</span></a></li>
<li><a href="https://www.facebook.com/ariel.manleynolte" class="fa fa-facebook solo"><span>Facebook</span></a></li>
<li><a href="https://plus.google.com/u/0/+EricNolte/about" class="fa fa-google-plus solo"><span>Google+</span></a></li>
</ul>
<div class="copyright">
<ul class="menu">
<li>© Eric and Ariel Nolte.</li>
<li>Design: <a href="http://html5up.net/">HTML5 UP</a></li>
</ul>
</div>
</section>
-->
<br>
</body>
</html>