forked from heroku/node-js-sample
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
104 lines (102 loc) · 2.67 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My First Bitstarter</title>
<link type="text/css" rel="stylesheet"
href="https://d396qusza40orc.cloudfront.net/startup%2Fcode%2Fbootstrap-2.3.2.css">
<style type="text/css">
body {
padding-top: 20px;
padding-bottom: 40px;
}
.container {
width: 960px;
}
p.lead {
padding-top: 15px;
}
.navigation, .pitch, .section1, .section2, .faq, .footer {
padding: 10px 0px 10px 0px;
}
.video, .thermometer, .order, .social {
border: 1px dotted;
text-align: center;
}
.video {
/* Internal borders have 1px width, thus need to add 4 x 1px to 120px. */
height: 124px;
line-height: 124px;
}
.thermometer, .order, .social {
/* line-height to vertically center: http://phrogz.net/css/vertical-align/index.html */
height: 40px;
line-height: 40px;
}
div.row {
border: 1px solid;
}
</style>
</head>
<body>
<div class="container">
<div class="row navigation">
<div class="span2 logo">
Logo
</div>
<div class="span6 blank">
Blank
</div>
<div class="span4 about">
About
</div>
</div>
<div class="row heading">
<div class="span12">
<h1>Lock and Loaded Mac!</h1>
</div>
</div>
<div class="row subheading">
<div class="span12">
<p class="lead">Your Mac, Your Way, With all the Apps you Need!</p>
</div>
</div>
<div class="row pitch">
<div class="span6 video">
Video
</div>
<div class="span6">
<div class="thermometer">
Thermometer
</div>
<div class="order">
Order
</div>
<div class="social">
Social
</div>
</div>
</div>
<div class="row section1">
<div class="span12">
Whatever your style, Developer?, Artist?, Student? We'll send you the perfect fully loaded Macintosh
</div>
</div>
<div class="row section2">
<div class="span12">
Wouldn't you like to turn on your Mac the minute it arrives have all the software you need updated and ready to go? So did we. So that's why started "Lock and Loaded Mac".
</div>
</div>
<div class="row faq">
<div class="span12">
FAQ
</div>
</div>
<div class="row footer">
<div class="span12">
Footer
</div>
</div>
</div>
</body>
</html>