-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
301 lines (233 loc) · 12.9 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
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
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
<!doctype html>
<!--[if IE 7 ]> <html class="no-js ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>We Are Lions – Established 2010</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="viewport" content="width= device-width, initial-scale= 1.0">
<meta name="robots" content="index, follow">
<link rel="stylesheet" href="css/styles.css">
<script type="text/javascript" src="http://use.typekit.com/ept7kha.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<script src="js/modernizr-1.7.min.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-17792052-18']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="container">
<header>
<div class="fixed">
<hgroup class="ir">
<h1>We Are Lions <em>Est. 2010</em></h1>
</hgroup>
<section id="primary-callout">
<h2>Welcome To The Lions Den</h2>
<p>Hello my fellow feline creatures, welcome to We Are Lions.
We are here to acknowledge the most interesting artists in the world.</p>
</section>
</div>
</header>
<div id="products-container">
<div class="fixed">
<section id="our-products">
<h3>Our Products</h3>
<p>Our products have been created by a few of the many gifted artists from the Arts of Life.
Arts of Life is a wonderful non–profit organization that employs mentally challenged artists that gives everybody an opportunity to grow.
For every t–shirt you buy, a portion of the money will go back to this awesome institution and the very artist who created the art for your mind–boggling tee.</p>
</section>
<div id="product-list-container" class="group">
<div class="item-container">
<div class="item-thumbnail">
<img src="img/gorillasmall.jpg" width="282" height="282" alt="Blue Brother" />
<h4>Blue Brother</h4>
</div>
<div class="item-more-info">
<ul class="item-slideshow">
<li><img src="img/gorillabig.jpg" width="595" height="450" alt="Faces - Front View" /></li>
<li><img src="img/faces02.jpg" width="595" height="450" alt="Faces - Closeup" /></li>
</ul>
<a class="previous ir">Previous Photo</a>
<a class="next ir">Next Photo</a>
<div class="item-purchasing">
<span class="price">$30</span>
<form target="paypal" class="paypal_form" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="T5FCRDZUYSN6G">
<input type="hidden" name="on0" value="Sizes">
<label for="os0">Sizes</label>
<select name="os0">
<option value="Small">Small </option>
<option value="Medium">Medium </option>
<option value="Large">Large </option>
</select>
<input type="image" src="https://www.paypalobjects.com/WEBSCR-640-20110429-1/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/WEBSCR-640-20110429-1/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
<div class="item-details">
<h5>Blue Brother- By: Jean Wilson</h5>
<p>Artist’s Statement</p>
<p>Art is relaxing. It makes me feel happy, and it makes me feel proud.</p>
<p>I prefer to make animals in my artwork, because I like animals. Dogs are my favorite. Paint is my favorite medium to work with. I am learning how to mix colors. First I draw outlines, then I paint. Sometimes on windows and sometimes on paper. I do collage too.</p>
<p>What I see in my artwork is my life. The painting of L’Arche house, where I live, is my favorite, because I learned something new when I made it. I get my ideas from my head and also from my life and family.
</p>
<a class="show-all-items" href="#">Back to Products</a>
</div>
</div>
</div>
<div class="item-container even">
<div class="item-thumbnail">
<img src="img/puzzlethumb.jpg" width="282" height="282" alt="Doggie Days" />
<h4>Doggie Days</h4>
</div>
<div class="item-more-info">
<ul class="item-slideshow">
<li><img src="img/puzzle01.jpg" width="595" height="450" alt="Puzzle - Front View" /></li>
<li><img src="img/puzzle01.jpg" width="595" height="450" alt="Puzzle - Closeup" /></li>
</ul>
<a class="previous ir">Previous Photo</a>
<a class="next ir">Next Photo</a>
<div class="item-purchasing">
<span class="price">$30</span>
<form target="paypal" class="paypal_form" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="UA7SLVLCR9DYA">
<input type="hidden" name="on0" value="Sizes">
<label for="os0">Sizes</label>
<select name="os0">
<option value="Small">Small </option>
<option value="Medium">Medium </option>
<option value="Large">Large </option>
</select>
<input type="image" src="https://www.paypalobjects.com/WEBSCR-640-20110429-1/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/WEBSCR-640-20110429-1/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
<div class="item-details">
<h5>Doggie Days- By: Gaby Carroll</h5>
<p>Artist’s Statement</p>
<p>I’ve been doing art since I was a little but I didn’t know I was this good until I came to work here and I love my job!</p>
<p>I paint on windows. I like painting on the glass.</p>
<p>My Coral scene was my first window and I couldn’t think of anything to do with that window and I started making a design on it and it just looked like coral.</p>
<p>My Jerusalem painting was inspired by a trip to Israel in ’06.</p>
<p>My Grandma painting is inspired by Grandma. She’d been sick for a long time and during my try-out days at Arts of Life, she showed me the painting and brushes and everything, and I miss her.</p>
<a class="show-all-items" href="#">Back to Products</a>
</div>
</div>
</div>
<div class="item-container">
<div class="item-thumbnail">
<img src="img/davidthumb.jpg" width="282" height="282" alt="Everything is coming up roses. Men go moon" />
<h4>Everything is coming up roses. Men go moon</h4>
</div>
<div class="item-more-info">
<ul class="item-slideshow">
<li><img src="img/david01.jpg" width="595" height="450" alt="Faces - Front View" /></li>
<li><img src="img/david02.jpg" width="595" height="450" alt="Faces - Back" /></li>
</ul>
<a class="previous ir">Previous Photo</a>
<a class="next ir">Next Photo</a>
<div class="item-purchasing">
<span class="price">$30</span>
<form target="paypal" class="paypal_form" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="XDWH5TLR87TRU">
<input type="hidden" name="on0" value="Sizes">
<label for="os0">Sizes</label>
<select name="os0">
<option value="Small">Small </option>
<option value="Medium">Medium </option>
<option value="Large">Large </option>
</select>
<input type="image" src="https://www.paypalobjects.com/WEBSCR-640-20110429-1/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/WEBSCR-640-20110429-1/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
<div class="item-details">
<h5>Everything is coming up roses. Men go moon- By: David Krueger</h5>
<p>"David Krueger combines bold colors and symbolic motifs. His geometric style is characterized by horizontal bands drawn across the canvas, which break up the frame into narrative sections, reminiscent of a comic book. Between these lines the artist uses decorative motifs including stars, zig-zags, squares, crosses, and x’s. Next to and within the abstract elements, David creates stylized depictions of humans and animals. The structures that he builds, and repetitive elements that he uses, make a wonderful stylistic complement to the fantastic imagery that flows freely from his imagination." - Arts of Life
</p>
<a class="show-all-items" href="#">Back to Products</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="contact-container">
<div class="fixed">
<section id="about-us" class="group">
<h3>About Us</h3>
<p>We Are Lions wants to give you the opportunity to rock some shirts never seen before.
Every time you wear a roaring shirt, you give these artists a window to spread their wings and travel across the world.
We Are Lion is a walking advertisement for not only an extraordinary person, but for yourself.
With groundbreaking technology, wear a mural, a comic, and a story.
Help make a beautiful painting slide off the wall and pulsate.
Our goal is to reach out to as many special artists and organizations as humanly possible to create double–take apparel and give as much money back to the people who create these outstanding pieces of art.</p>
<aside id="btn-facebook">
<iframe src="http://www.facebook.com/plugins/like.php?href=http://wearelions.org&send=false&layout=box_count&width=50&show_faces=false&action=like&colorscheme=light&font=arial&height=90" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:90px;" allowTransparency="true"></iframe>
</aside>
</section>
<h3>Contact Us</h3>
<form action="bin/process.php" method="post" id="contact-form">
<fieldset>
<ol>
<li>
<label for="personname">Name</label>
<input id="personname" name="personname" type="text" value="Name" title="Name" class="required" tabindex="1" />
</li>
<li>
<label for="email">Email</label>
<input id="email" name="email" type="text" value="E-Mail" title="E-Mail" class="required" tabindex="2" />
</li>
<li>
<label for="comment">Comments</label>
<textarea id="comment" name="comment" rows="10" title="Comment" class="required" tabindex="3">Comment</textarea>
</li>
</ol>
</fieldset>
<fieldset>
<button type="submit" id="form-submit">Send!</button>
</fieldset>
<div class="error"></div>
</form>
<div id="form-success">
<p>Thanks for the message! I'll drop you a line as soon as humanly possible.</p>
</div>
</div>
</div>
<footer>
<div class="fixed">
<span>Roar Loud.</span>
<span>Stop the “R” word.</span>
<a href="http://www.r-word.org" title="r-word.org">r-word.org</a>
</div>
</footer>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.js"></script>
<script>window.jQuery || document.write("<script src='js/jquery.min.js'>\x3C/script>")</script>
<script src="js/products/jquery.cycle.lite.min.js"></script>
<script src="js/products/products-config.js"></script>
<script src="js/form/jquery.form.js"></script>
<script src="js/form/jquery.validate.min.js"></script>
<script src="js/form/form-config.js"></script>
<script type="text/javascript">
var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"]];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
s.parentNode.insertBefore(g,s)}(document,"script"));
</script>
</body>
</html>