-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
147 lines (146 loc) · 5.73 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
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SURF & PADDLE CO.</title>
<link href="main.css" rel="stylesheet" type="text/css">
<link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
</head>
<body>
<header>
<div id="topbar">
<div id="tllogo">
<a href="//www.ronjonsurfshop.com"><img src="images/logo.png" class="makeimgmdl"/> SURF & PADDLE CO. BLOG</a><!--
--></div><!--
--><div id="trnavcontainer">
<ul>
<li>
<a href="//www.ronjonsurfshop.com/About_Ronjons.aspx">ABOUT</a><!--
--></li><!--
--><li><!--
--><a href="//www.ronjonsurfshop.com/search/">SEARCH</a><img src="images/search.png" class="makeimgmdl"/>
<!-- Extra Credit: Make this an input field with "SEARCH" as the placeholder and Sip the color of its background, then make the Search icon below the link.-->
</li>
</div><!--
--></div>
<h1>SURF & PADDLE CO.</h1>
<h3>An Ironyard Academy Project Est. Fall 2013
</header>
<div id="main">
<article>
<h2>
A FANTASTIC ENGAGING HEADLINE GOES HERE
</h2>
<div id="byline">
<img src="images/amsmall.png" /><!--HAVEN'T VERTICAL ALIGNED MIDDLE THIS YET, SEEMS NOT EXACTLY MIDDLE...--><!--
--><div id="bylinetext"><!--
--><a href="//www.google.com/search?q=anne+marie+duff&rlz=1C5CHFA_enUS559US559&oq=anne+marie&aqs=chrome.0.0j69i57j0l4.1157j0j7&sourceid=chrome&es_sm=91&ie=UTF-8#q=anne+marie">Anne Marie</a><!--
--><span class="mleft">on</span><!--
--><span class="underline">Monday Oct. 7th 9:22pm</span><!--
--></div>
</div>
<p>
Locavore ea meggings, deep v gentrify bespoke butcher yr typewriter. Nisi sunt 8-bit craft beer, leggings deep v biodiesel Williamsburg. Actually hashtag art party nesciunt squid pour-over. Kitsch Vice cray, Marfa brunch fingerstache officia Schlitz Blue Bottle cillum. Mlkshk 8-bit aliquip fingerstache sunt.
</p>
<p>
Distillery ad sriracha, synth wolf street art brunch excepteur consectetur art party irony fugiat. Duis chia yr, pour-over Portland velit High Life non aesthetic fugiat tattooed shabby <span class="chic">chic mixtape</span>.
</p>
<blockquote>
WOAH, THAT'S RADICAL!
</blockquote>
<p>
Swag nisi mixtape cray, non hashtag blog tote bag dolor bitters before they sold out ea dolore. Raw denim mixtape drinking vinegar, Vice 3 wolf moon authentic officia aute id. Keffiyeh yr retro, salvia do <span class="aliqua">aliqua (rollover)</span> leggings selvage narwhal farm-to-table dolor Tonx DIY photo booth. Bitters gastropub non 3 wolf moon Blue Bottle organic, cray aesthetic jean shorts velit umami. Mlkshk roof party cardigan, farm-to-table aute plaid wolf master cleanse. Thundercats tattooed lo-fi culpa, mollit Pinterest American Apparel. 3 wolf moon VHS hella, Tonx beard chambray sustainable jean shorts synth mlkshk fugiat excepteur banh mi eu whatever.
</p>
<p>
Vinyl sartorial culpa bespoke labore, ethical readymade tofu selfies ut locavore commodo mumblecore paleo typewriter. Mumblecore slefies nostrud, asymmetrical 90's fanny pack est Blue Bottle ethnic blog. Narwhal Shoreditch fixie tofu, nisi before
</p>
<div id="postfeedback">
<ul>
<li>
<img src="images/comments.png" class="makeimgmdl"/><span>Read Comments</span>
</li>
<li>
<img src="images/later.png" class="makeimgmdl"/><span>Read Later</span>
</li>
<li>
<img src="images/share.png" class="makeimgmdl"/><span>Share This Post</span>
</li>
</ul>
</div>
</article><!--
--><aside>
<div id="annemarie">
<img src="images/annemarie.png" />
<h4>ANNE MARIE</h4>
<div id="amsocial">
<ul>
<li>
Twitter
</li>
<li>
Facbook
</li>
<li>
Instagram
</li>
</ul>
</div>
</div>
<div id="ad">
<img src="images/girlfriend.png" /><!--
--><a href="//www.wahinesportsnetwork.com/wp-content/uploads/2014/02/Alana_Blanchard.jpg" target="_blank">About This Ad</a>
</div>
<div>
<h2>SIDEBAR SECTION HEADING</h2> <!-- h5 perhaps? -->
<p>
Distillery ad sriracha, synth wolf street art brunch excepteur consectetur art party irony fugiat. Duis chia yr, pour-over Portland velit High Life non aesthetic fugiat tattooed shabby <span class="chic">chic mixtape</span>.ethical cornhole mustache roof party proident aesthetic hoodie.
</p>
</div>
</aside>
</div>
<footer>
<h2>MOST POPULAR POSTS</h2>
<div id="postimgsquares">
<ul>
<li id="one">
<a href="//www.theironyard.com">ANOTHER COOL POST</a> <!-- backgroundimg()? vs. <img src="images/sq1.jpg"? /> -->
</li><!--
--><li id="two">
<a href="//www.theironyard.com">POST TITLE</a>
</li><!--
--><li id="three">
<a href="//www.theironyard.com">HERE'S ANOTHER LONGER POST TITLE</a>
</li><!--
--><li id="four">
<a href="//www.theironyard.com">OH COOL A POST!</a>
</li>
</ul>
</div>
<div id="bottomproperfooter"><!--
--><div id="ftrcontentarea"><!--
--><div id="copyrightportion"><!--
--><img src="images/theironyard.png" class="makeimgmdl"/><!--
--><span>The Ironyard Copyright 2013, All Rights Reserved</span><!--
--></div><!--
--><div id="brnav"><!--
--><ul>
<li>
Nav Item 1
</li>
<li>
Nav Item 2
</li>
<li>
Nav Item 3
</li>
<li>
Nav Item 5
</li>
</ul>
</div>
</div> <!--ftrcontentarea-->
</div>
</footer>
</body>
</html>