-
Notifications
You must be signed in to change notification settings - Fork 0
/
story.html
231 lines (188 loc) · 14.9 KB
/
story.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
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width">
<title>Cal Poly Magazine</title>
<!-- Included CSS Files -->
<link rel="stylesheet" href="https://webresource.its.calpoly.edu/cpwebtemplate/5.0.1/common/css/cp_screen.min.css">
<link rel="stylesheet" href="stylesheets/foundation.css">
<link rel="stylesheet" href="stylesheets/rwd-nav.css" />
<link rel="stylesheet" href="stylesheets/app.css">
<link rel="stylesheet" href="stylesheets/custom.css">
<script src="javascripts/modernizr.foundation.js"></script>
<!-- IE Fix for HTML5 Tags -->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper" class="row">
<div class="twelve columns">
<div class="row">
<div class="twelve columns">
<div id="header">
<div id ="accessibilityNav">
<ul>
<li><a href="#topH1" id="skip" title="skip to content">Skip to Content</a></li>
<li><a href="http://www.calpoly.edu/help.html" id="helpLink" title="help">?</a></li>
</ul>
</div>
<h1 align="center"><img src="images/cpmag-wordmark.png" alt="Cal Poly Magazine, San Luis Obispo"></h1>
</div>
</div>
</div>
<div class="row">
<div class="twelve columns">
<a href="#main" class="skip">Skip navigation</a>
<div class="nav-primary">
<h3 class="nav">Sections:</h3>
<ul>
<li class="nav-current"><a href="index.html">Home</a></li>
<li><a href="#">Past Issues</a></li>
<li><a href="#">Alumni</a></li>
<li><a href="#">Giving</a></li>
<li class="last"><a href="#">Contact</a></li>
</ul>
</div>
<div class="nav-primary toc">
<h3 class="nav toc">Sections:</h3>
<ul>
<li class="nav-current"><a href="#">Table of Contents</a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="three columns">
<div class="panel vertical_nav">
<h3 style="margin-top:10px">In This Edition:</h3>
<ul class="nav-bar vertical">
<li><a href="#" class="nav-current">Nulla</a></li>
<li><a href="#">Gravida Sollicitudin</a></li>
<li><a href="#">Venenatis</a></li>
<li><a href="#">Etiam Ullamcorper, Odio nec Pharetra</a></li>
<li><a href="#">Nulla</a></li>
<li><a href="#">Gravida Sollicitudin</a></li>
<li><a href="#">Venenatis</a></li>
<li><a href="#">Etiam Ullamcorper, Odio nec Pharetra</a></li>
<li><a href="#">Duis Diam Massa</a></li>
<li class="last"><a href="#">Duis Diam Massa</a></li>
</ul>
</div>
</div>
<div class="nine columns">
<div class="issue">
<p>Fall 2013</p>
</div>
<a name="topH1"></a>
<h2>Thiow en Suilwen Elno</h2>
<div class="img_right">
<img src="images/FreemanCompetition2.jpg" alt="FreemanCompetition2" class="">
<p>Nunc sit amet lectus leo. Etiam ullamcorper.</p>
</div>
<p>Nulla gravida sollicitudin diam et venenatis. Nunc auctor tellus a arcu scelerisque tempor. Suspendisse pellentesque gravida sapien, in consectetur mauris fringilla sit amet. Morbi in convallis enim. Suspendisse potenti. Duis rhoncus tincidunt mauris, ut mattis nibh molestie id. Fusce felis mi, pulvinar ac porta ut, sagittis sit amet risus. Aenean id erat in tortor dictum fringilla sed vitae nulla. Mauris volutpat, nunc vitae dapibus interdum, justo nulla sagittis dolor, id fermentum tellus felis quis est. In hac habitasse platea dictumst. In elementum augue eget augue tempus imperdiet. Sed eget nisi congue odio ornare tempus at vitae elit. Vestibulum accumsan, purus a feugiat feugiat, magna est suscipit magna, id egestas augue elit a tortor. Morbi viverra ligula eu magna dictum ac convallis urna euismod.</p>
<p>Donec quis condimentum turpis. Vivamus non lectus ligula. Duis diam massa, gravida nec placerat vitae, malesuada eget mauris. Donec elementum, mi id molestie mollis, lacus risus mattis sem, sit amet vehicula arcu enim iaculis ante. Aliquam erat volutpat. Duis congue sapien sit amet enim tristique porta. Vestibulum sit amet luctus urna. Quisque tempus consectetur velit a suscipit. Sed sollicitudin mattis congue. Quisque quis mollis purus. Quisque mollis, elit sit amet malesuada condimentum, dolor purus blandit lacus, in ultricies tortor massa at leo. Mauris nibh eros, mollis ut ullamcorper in, rhoncus at leo. Vivamus nunc mauris, volutpat ac accumsan sed, venenatis et elit. Nam interdum, velit vitae dapibus adipiscing, lorem dolor volutpat odio, a fermentum neque magna a ipsum. Nam vel ipsum et risus ultrices tincidunt et vel velit. Integer eros magna, aliquet eu hendrerit sit amet, ullamcorper et nisi.</p>
<p>Praesent eget lacinia quam. Donec hendrerit pellentesque tristique. Integer viverra convallis malesuada. Phasellus hendrerit tellus est, vitae pellentesque ligula. Praesent odio quam, cursus vitae hendrerit et, dictum quis nunc. Pellentesque eget nunc metus, et dignissim odio. Vestibulum vel orci sit amet lorem porta pulvinar eu vel neque. Integer pretium ornare magna, et sagittis sem elementum et. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas vulputate auctor dui, quis rutrum tortor consequat id. Suspendisse vehicula ante sed quam convallis volutpat. Aliquam erat volutpat. Morbi at erat tortor. Aliquam erat volutpat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin quam sem, pretium sed facilisis quis, vehicula sit amet ipsum.</p>
<p>Fusce ac tellus arcu. Nam vel sem quis nunc fermentum mattis non pulvinar lacus. Aliquam id mollis libero. Aliquam erat volutpat. Quisque consectetur blandit lobortis. Aliquam adipiscing egestas malesuada. Curabitur sit amet augue sed tellus dignissim consequat. Morbi justo nulla, sollicitudin non luctus et, venenatis et urna. Aenean iaculis, ligula nec placerat vestibulum, augue risus euismod diam, in congue massa eros ut tellus. Fusce erat velit, vehicula nec placerat quis, dapibus ut eros. In sodales, orci a viverra hendrerit, libero mi sagittis lorem, dictum mollis metus sapien ac nisl. Nam condimentum cursus velit vel adipiscing. Praesent rhoncus sodales velit, et tincidunt lacus commodo a. Etiam nec dolor metus, a porta lectus. Mauris felis ligula, placerat non blandit eu, posuere a enim.</p>
<p>Nunc sit amet lectus leo. Etiam ullamcorper, odio nec pharetra malesuada, mauris risus blandit neque, suscipit aliquet risus orci sit amet turpis. Sed massa quam, rhoncus nec volutpat ut, feugiat eget nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus vulputate eros quis lacus consequat non faucibus dui aliquet. Maecenas blandit turpis nec neque vulputate eu molestie velit facilisis. Nunc fermentum posuere metus. Vivamus odio mauris, bibendum a porttitor id, accumsan in libero.</p>
`
<p>Donec sed massa velit. Aliquam consequat placerat varius. Nunc ut mi mi, vitae interdum nibh. Maecenas imperdiet volutpat risus, eget ornare nisi aliquam id. In nibh dui, ornare ac cursus non, dictum sit amet leo. Vivamus tincidunt mi ac neque porttitor gravida. Donec tellus lacus, semper nec feugiat id, tristique ac erat. In odio mi, laoreet sit amet pretium interdum, facilisis at sapien. Sed rhoncus, diam eu iaculis consequat, felis nisi dapibus sapien, sit amet volutpat nulla felis non urna. Duis mi enim, semper vitae tempus id, tempus et diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc venenatis nunc ligula. Aliquam elementum, nibh condimentum semper lacinia, quam enim luctus augue, at tempor nisi dui semper nulla. Suspendisse tincidunt orci venenatis ipsum congue fermentum. Mauris tincidunt ipsum eget dolor elementum semper. Donec venenatis felis vel dui condimentum sit amet lobortis nunc laoreet.</p>
<p>Proin vestibulum malesuada lorem, nec vehicula lacus volutpat accumsan. Aenean sed eleifend ante. Sed dignissim urna at mi tincidunt ac condimentum massa molestie. Aliquam consectetur tortor a libero viverra adipiscing. Praesent ullamcorper elit non purus volutpat aliquet. Sed egestas lorem sed tortor tempus rutrum. Quisque non libero at ipsum hendrerit consequat ac sed arcu. Vivamus non iaculis nibh. Suspendisse at ipsum erat, ut vulputate risus. Aliquam ac suscipit risus.</p>
</div>
<hr/>
</div>
<div class="row">
<div class="three columns">
<div class="panal _widget">
<img src="images/image_placeholder.gif" alt="Image Placeholder">
<h2 class="serif">Cras Felis Eiam</h2>
<p>Integer a nunc a leo pretium facilisis. Cras felis diam, suscipit eu volutpat a, ultricies sed purus. Morbi velit sem, volutpat eget sollicitudin ac, tempor vitae tellus. Morbi erat dui, vulputate eget consectetur vel, tempus eu libero. Pellentesque in metus orci. Morbi non ante ipsum. </p>
</div>
</div>
<div class="three columns">
<div class="panal _widget">
<img src="images/image_placeholder.gif" alt="Image Placeholder">
<h2 class="serif">Pretium Cacilisis</h2>
<p>Integer a nunc a leo pretium facilisis. Cras felis diam, suscipit eu volutpat a, ultricies sed purus. Morbi velit sem, volutpat eget sollicitudin ac, tempor vitae tellus. Morbi erat dui, vulputate eget consectetur vel, tempus eu libero. Pellentesque in metus orci. Morbi non ante ipsum. Proin posuere congue metus eu ultrices.Proin posuere congue metus eu ultrices.</p>
</div>
</div>
<div class="three columns">
<div class="panal _widget">
<img src="images/image_placeholder.gif" alt="Image Placeholder">
<h2 class="serif">Suscipit eu Volutpat</h2>
<p>Integer a nunc a leo pretium facilisis. Cras felis diam, suscipit eu volutpat a, ultricies sed purus. Morbi velit sem, volutpat eget sollicitudin ac, tempor vitae tellus. Morbi erat dui, vulputate eget consectetur vel, tempus eu libero.</p>
</div>
</div>
<div class="three columns">
<div class="panal _widget">
<img src="images/image_placeholder.gif" alt="Image Placeholder">
<h2 class="serif">A Nunc</h2>
<p>Integer a nunc a leo pretium facilisis. Cras felis diam, suscipit eu volutpat a, ultricies sed purus. Morbi velit sem, volutpat eget sollicitudin ac, tempor vitae tellus. Morbi erat dui, vulputate eget consectetur vel, tempus eu libero.Morbi non ante ipsum. Proin posuere congue metus eu ultrices.4</p>
</div>
</div>
</div>
<div class="row">
<div class="twelve columns">
<div id="footer">
<div id="footerSocial">
<a href="http://www.facebook.com/CaliforniaPolytechnic"><img src="https://webresource.its.calpoly.edu/cpwebtemplate/5.0.1/common/images_html/footer/facebook.png" alt="Facebook" width="32" height="32"/></a>
<a href="http://www.youtube.com/calpoly"><img src="https://webresource.its.calpoly.edu/cpwebtemplate/5.0.1/common/images_html/footer/youtube.png" alt="YouTube" width="32" height="32"/></a>
<a href="http://twitter.com/calpoly"><img src="https://webresource.its.calpoly.edu/cpwebtemplate/5.0.1/common/images_html/footer/twitter.png" alt="Twitter" width="32" height="32"/></a>
<a href="http://www.linkedin.com/groups?gid=80105"><img src="https://webresource.its.calpoly.edu/cpwebtemplate/5.0.1/common/images_html/footer/linkedin.png" alt="Linked In" width="32" height="32"/></a>
</div>
<ul id="footer_links">
<li><a href="http://www.calpoly.edu/">CP Home</a></li>
<li><a href="http://www.calpoly.edu/directory.html">Directory</a></li>
<li><a href="http://maps.calpoly.edu/">Campus Maps & Directions</a></li>
<li><a href="http://www.elcorralbookstore.com/">Bookstore</a></li>
<li><a href="http://registrar.calpoly.edu/acad_cal/">Calendar</a></li>
<!--<li><a href="#">Sitemap</a></li>-->
<li><a href="http://www.afd.calpoly.edu/hr/jobopportunities.asp">Employment</a></li>
<li><a href="http://www.calpoly.edu/policy.html">Campus Policies</a></li>
<li><a href="http://www.calpoly.edu/contactus.html">Contact Us</a></li>
<li id="footerLogo"><a href="http://www.calpoly.edu/"><img src="https://webresource.its.calpoly.edu/cpwebtemplate/5.0.1/common/images_html/footer/footer_logo.png" height="24" width="138" alt="Cal Poly" title="Go to Cal Poly Home" /></a></li>
</ul>
<ul>
<li><a href="http://get.adobe.com/reader/">Get Adobe Reader</a></li>
<li><a href="http://office.microsoft.com/en-us/downloads/">Microsoft Viewers</a></li>
</ul>
<div id="footer_deptinfo">
<p>© 2012 Cal Poly Magazine <img src="https://webresource.its.calpoly.edu/cpwebtemplate/5.0.1/common/images_html/footer/footer_separator.jpg" alt="" height="10" width="1" /> San Luis Obispo, California 93407<br />
Phone: 805-756-1111</p>
</div>
</div><!-- #EndLibraryItem --><script type="text/javascript" src="https://webresource.its.calpoly.edu/cpwebtemplate/5.0.1/common/jquery/calpoly.min.js"></script>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
<!-- Included JS Files (Uncompressed) -->
<!--
<script src="javascripts/modernizr.foundation.js"></script>
<script src="javascripts/jquery.js"></script>
<script src="javascripts/jquery.foundation.reveal.js"></script>
<script src="javascripts/jquery.foundation.orbit.js"></script>
<script src="javascripts/jquery.foundation.buttons.js"></script>
<script src="javascripts/jquery.foundation.tabs.js"></script>
<script src="javascripts/jquery.foundation.forms.js"></script>
<script src="javascripts/jquery.foundation.tooltips.js"></script>
<script src="javascripts/jquery.foundation.accordion.js"></script>
<script src="javascripts/jquery.placeholder.js"></script>
<script src="javascripts/jquery.foundation.alerts.js"></script>
-->
<!-- Included JS Files (Compressed) -->
<script src="javascripts/foundation.js"></script>
<script src="javascripts/respond.js"></script>
<script src="javascripts/jquery.js"></script>
<script src="javascripts/rwd-nav.js"></script>
<!-- Initialize JS Plugins -->
<script src="javascripts/app.js"></script>
</body>
</html>