-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtds.html
89 lines (82 loc) · 3.95 KB
/
tds.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
<!DOCTYPE HTML>
<html>
<head>
<title>T-Shirt Designs</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-loading-0 is-loading-1 is-loading-2">
<!-- Main -->
<div id="main">
<!-- Header -->
<header id="header">
<h1>T-Shirt Options</h1>
<p style="color: red">WARNING: This page will take a loooooooong time to load.</p>
<p>At full resolution!</p>
<p>The same thing as the voting form. But bigger. Because bigger is better ;)</p>
<p>Also, sorry that this page is ugly af, just whipped something together real quick</p>
<!-- <ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a href="#" class="icon fa-envelope-o"><span class="label">Email</span></a></li>
</ul> -->
</header>
<!-- Thumbnail -->
<section id="thumbnails">
<article>
<a class="thumbnail" href="images/designs/1.png" data-position="left center"><img src="images/designs/1.png" alt="" /></a>
<!-- <h2>Diam tempus accumsan</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> -->
</article>
<article>
<a class="thumbnail" href="images/designs/2.jpg"><img src="images/designs/2.jpg" alt="" /></a>
<!-- <h2>Vivamus convallis libero</h2>
<p>Sed velit lacus, laoreet at venenatis convallis in lorem tincidunt.</p> -->
</article>
<article>
<a class="thumbnail" href="images/designs/3.jpg" data-position="top center"><img src="images/designs/3.jpg" alt="" /></a>
<!-- <h2>Nec accumsan enim felis</h2>
<p>Maecenas eleifend tellus ut turpis eleifend, vitae pretium faucibus.</p> -->
</article>
<article>
<a class="thumbnail" href="images/designs/4.jpg"><img src="images/designs/4.jpg" alt="" /></a>
<!-- <h2>Donec maximus nisi eget</h2>
<p>Tristique in nulla vel congue. Sed sociis natoque parturient nascetur.</p> -->
</article>
<article>
<a class="thumbnail" href="images/designs/5.png" data-position="top center"><img src="images/designs/5.png" alt="" /></a>
<!-- <h2>Nullam vitae nunc vulputate</h2>
<p>In pellentesque cursus velit id posuere. Donec vehicula nulla.</p> -->
</article>
<article>
<a class="thumbnail" href="images/designs/6.jpg"><img src="images/designs/6.jpg" alt="" /></a>
<!-- <h2>Phasellus magna faucibus</h2>
<p>Nulla dignissim libero maximus tellus varius dictum ut posuere magna.</p> -->
</article>
<article>
<a class="thumbnail" href="images/designs/7.png"><img src="images/designs/7.png" alt="" /></a>
<!-- <h2>Proin quis mauris</h2>
<p>Etiam ultricies, lorem quis efficitur porttitor, facilisis ante orci urna.</p> -->
</article>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="copyright">
<li>Website © 2015 Sanil Chawla.</li>
<li>Designs © 2015 MSJHS Class of 2018.</li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>