forked from sparkbox/dr-style-prototype
/
index.html
98 lines (85 loc) · 3.92 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
<!doctype html>
<!--[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]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" href="css/base.css">
<!--[if lte IE 8]>
<link rel="stylesheet" href="css/fallback.css">
<![endif]-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>
<script src="js/libs/modernizr-2.5.2.min.js"></script>
<script src="js/jquery.fittext.js"></script>
<script src="js/libs/util.js"></script>
<script src="js/plugins.js"></script>
<script src="js/script.js"></script>
<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
<!--[if lt IE 7 ]>
<script defer src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
<script defer>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
<![endif]-->
</head>
<body>
<!-- Prompt IE 6 users to install Chrome Frame. -->
<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
<div class="main">
<div class="wrapper">
<div class="logo">
<a href="http://dressresponsively.com/" title="Go to dressresponsively.com">
<img src="img/dr-logo.png" alt="Dress Responsively Logo" />
</a>
</div>
<div class="typography">
<h1>Dress Responsively</h1>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Maecenas sed diam eget risus varius blandit sit amet non.</p>
<a href="#" class="button">Click me</a>
</div>
</div>
<div class="swatches">
<div class="details">
<ul>
<li class="a">
<img src="img/shirt.png" alt="Friends don't let friends fix widths" />
</li>
<li class="b">
<p class="num-votes"><strong>269</strong> votes</p>
</li>
<li class="c">
<p>YOU DECIDE</p>
</li>
</ul>
</div>
<div class="colors">
<ul>
<!--
To add more colors:
1. add an <li> here with a class of the color's name
2. add colors to the palette in _variables.scss
3. change $num-colors in _variables.scss
4. apply background color in _smallest.scss
-->
<li class="primary"> </li>
<li class="secondary"> </li>
<li class="neutral"> </li>
</ul>
</div>
</div>
</div>
<script>
$(".details li.c p").fitText(0.4);
</script>
</body>