-
Notifications
You must be signed in to change notification settings - Fork 1
/
index_copy.html
executable file
·102 lines (102 loc) · 4.35 KB
/
index_copy.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
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>GroundworkCSS ♥ A Responsive HTML5, CSS & Javascript Toolkit</title>
<!-- Modernizr -->
<script src="js/libs/modernizr-2.6.2.min.js"></script>
<!-- jQuery-->
<script type="text/javascript" src="js/libs/jquery-1.10.2.min.js"></script>
<!-- framework css -->
<!--[if gt IE 9]><!-->
<link type="text/css" rel="stylesheet" href="css/groundwork.css">
<!--<![endif]-->
<!--[if lte IE 9]>
<link type="text/css" rel="stylesheet" href="css/groundwork-core.css">
<link type="text/css" rel="stylesheet" href="css/groundwork-type.css">
<link type="text/css" rel="stylesheet" href="css/groundwork-ui.css">
<link type="text/css" rel="stylesheet" href="css/groundwork-anim.css">
<link type="text/css" rel="stylesheet" href="css/groundwork-ie.css">
<![endif]-->
<link type="text/css" rel="stylesheet" href="css/main.css">
<link href='http://fonts.googleapis.com/css?family=Merriweather:400,700' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="colorbox">
<div class="box three centered fourths">
<div class="row">
<div class="one half">
<img class="logo" src="images/savings-multiplied-logo.png"/>
</div><!--logo section-->
<div class="one half">
<!--nav class="nav nocollapse"-->
<ul class="topnav">
<li><button class="blue round button" href="#">About</button></li>
<li><button class="green round button" href="#">Contact</button></li>
<li><button class="purple round button" href="#">Blog</button></li>
<li><button class="pink round button" href="#">Press</button></li>
</ul>
<!--/nav-->
<img class="tagline" src="images/tagline.png"/>
</div><!--top nav-->
</div> <!--first row ("savings multiplied, nav")-->
</div> <!--top box-->
</div class="colorbox">
<nav class="nav nocollapse">
<div class="box three centered fourths">
<ul>
<li>Buy</li>
<li>Sell</li>
<li>How it Works</li>
<li>Links</li>
<li>Community</li>
<li><input type="search" placeholder="search" class="search"></li>
</ul>
</div>
</nav>
<div class="colorbox">
<div class="box three centered fourths">
<div class="row twins-row">
<div class="three fifths">
<p>We're making one aspect of life easier for parents of multiples:</p>
<p><img src="images/owl_bright_blue_32.png"/>Buying and selling gently used sets of clothes!</p>
</div>
<div class="two fifths twins-container">
<img src="images/twins.jpg"/>
</div>
</div> <!--second row (will contain the text "we're blah blah", first baby pic)-->
<div class="row">
<div class="three fifths">
<img class="shop_now" src="images/left_2_shop_now.png"/>
</div>
<div class="two fifths">
<img src="images/triplets.jpg"/>
</div>
</div><!--third row ("shop now, second pic of three babies")-->
<div class="row">
<div class="three fifths">
<img src="images/tree.png" class="pull-right"/>
</div>
<div class="two fifths">
<img src="images/quads.jpg"/>
</div>
</div><!--fourth row (tree pic, pic of 4 toddlers)-->
<div class="row footer">
<nav class="nav nocollapse">
<ul>
<li><img src="images/facebook_callout.png"/></li>
<li><img src="images/twitter_callout.png"/></li>
<li><img src="images/message_board_callout.png"/></li>
<li><img src="images/special_offers_callout.png"/></li>
</ul>
</nav>
</div><!--fifth row (last graphical nav element)-->
</div> <!--bottom box-->
</div> <!--bottom colorbox-->
</body>
</html>