-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (113 loc) · 6.57 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title>
Shane Sells Shirts | Shirts for your grandma
</title>
<meta name="author" content="Shane Boland">
<meta name="description" content="Shirts sold by Shane. Affordable t-shirts that you will buy, and wear. Or else.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Compiled and minified stylesheet -->
<link rel="stylesheet" href="css/style.min.css">
<!-- Uncomment to view & test baseline -->
<!-- <link rel="stylesheet" href="http://basehold.it/20"> -->
<!-- Favicon includes -->
<link rel="icon" href="favicon.ico?v=2" />
<link rel="icon" type="image/png" href="favicon-32x32.png?v=2" sizes="32x32" />
<link rel="icon" type="image/png" href="favicon-16x16.png?v=2" sizes="16x16" />
<!-- Typekit fonts -->
<script src="//use.typekit.net/fqq8qzp.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
</head>
<body>
<div class="content-wrapper"><!-- Start content wrapper -->
<section class="full-height vertical-align-container">
<header class="xl-margin-bottom vertical-align-inner">
<h1 class="no-margin color-change">Shane Sells Shirts</h1>
<h3>Shirts for your grandma*</h3>
<br><br><br><br>
<p class="tiny">*Just kidding, tell your grandma to keep her grubby little fingers off of my t‑shirts.</p>
</header>
</section>
<section class="full-height vertical-align-container">
<div class="vertical-align-inner">
<h2>Hi I’m Shane.</h2>
<p>We’ve never met. Now we have.</p>
<p>You’re probably wondering 3 things right now...</p>
<p class="indent"><em>Who is this guy? <br>
Why is he making all of these shirts? <br>
Are these shirts actually Will Ferrell in disguise?</em></p>
<p>The answer to all four of those questions is <em>“Yes.”</em></p>
<p>How often do you floss? Probably not enough.</p>
</div>
</section>
<section class="full-height vertical-align-container">
<div class="vertical-align-inner">
<h2>How does it work?</h2>
<!-- <div class="indent"> -->
<p class="negative-indent"><strong>Step 1:</strong> I make the shirts</p>
<p>This part already happened. We’re doing great so far.</p>
<p class="negative-indent"><strong>Step 2:</strong> You buy the shirts</p>
<p>You shove a $20 bill in your computer’s CD drive. I get to pay my rent.</p>
<p class="negative-indent"><strong>Step 3:</strong> You get the shirts</p>
<p>The shirt will be packaged with love, shipped with care, and thrown through your bedroom window upon delivery.</p>
<!-- </div> -->
</div>
</section>
</div><!-- End content wrapper -->
<div class="align-center text-black bg-silver lg-padding vertical-align-container xl-margin-bottom">
<p class="vertical-align-inner">Order a shirt and I’ll send you an autographed photo of me, looking <a href="http://angryyogibo.tumblr.com">angry in a Yogibo store</a>.</p>
</div>
<section class="grid">
<div class="unit half">
<div class="box">
<h2>Bowling Balls.</h2>
<div class="align-center">
<img src="img/bowling-ball.jpg" width="100%" class="margin-bottom">
</div>
<p><strong>Status:</strong> Not funded — 7 days of voting left</p>
<p>Bowling, America’s most popular sport. Every morning, like clockwork, the citizens awaken and flock like geese to the nearest bowling alley.</p>
<p>If you like this design, please fund it on Threadless so that it can be printed.</p><br>
<div class="align-center">
<a href="https://www.threadless.com/designs/balls-7/" class="button button-color-change">Fund this shirt on Threadless</a>
</div>
</div>
</div>
<div class="unit half">
<div class="box">
<h2>Beach Balls.</h2>
<div class="align-center">
<img src="img/beach-ball.jpg" width="100%" class="margin-bottom">
</div>
<p><strong>Status:</strong> Not funded — 8 days of voting left</p>
<p>Ahh the humble beach ball. The humble, but <strong>evil</strong> beach ball. Terrorizing America’s youth since the beginning of time.</p>
<p>Damn beach balls.</p>
<p>If you like this design, please fund it on Threadless so that it can be printed.</p><br>
<div class="align-center">
<a href="https://www.threadless.com/designs/beach-balls-5" class="button button-color-change">Fund this shirt on Threadless</a>
</div>
</div>
</div>
</section>
<div class="content-wrapper">
<section class="full-height vertical-align-container">
<div class="vertical-align-inner">
<h2>Why should you buy one?</h2>
<p>Do you like world peace?</p>
<p>Do you like true love?</p>
<p>Do you like money and power?</p>
<p class="indent">ME NEITHER!</p>
<p>But you will love these shirts!</p>
<p>Also, if you order a shirt, you will receieve an autographed photo of me, looking <a href="http://angryyogibo.tumblr.com">angry in a Yogibo store</a>
</div>
</section>
</div>
<footer class="site-footer text-white button-color-change">
<p>Copyright 2015 — Property of President Barack Obama</p>
</footer>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script async crossorigin src='//genius.com/annotations/load_standalone_embeds.js'></script>
</body>
</html>