forked from hssh/node-js-sample
-
Notifications
You must be signed in to change notification settings - Fork 0
/
partiallydoneindex.html
91 lines (82 loc) · 2.41 KB
/
partiallydoneindex.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
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset="utf-8">
<title>My First Bitstarter</title>
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
<link rel = "stylesheet" href = "https://d396qusza40orc.cloudfront.net/startup%2Fcode%2Fbootstrap-combined.no-icons.min.css">
<style type = "text/css">
/* Large desktop */
@media (min-width:980 px){
body{
padding-top:60px;
}
}
/* Landscape phones and down */
@media (max-width:480px){
}
/* All form factors */
/* Main body and headings *?
body{
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.heading, .subheading {
font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
text-align: center;
}
p.lead{
padding-top: 1.5%;
font-size: 24px;
line-height: 30px;
}
p {
font-size: 18px;
line-height: 24px;
}
</style>
</head>
<body>
<!-- Mobile-friendly navbar adopted from example. -->
<!-- http://twitter.github.io/bootstrap/examples/starter-template.html -->
<div class = "navbar navbar-inverse navbar-fixed-top">
<div class = "navbar-inner">
<div class = "container">
<button type = "button" class = "btn btn-navbar"
data-toggle = "collapse" data-target=".nav-collapse">
<span class = "icon-bar"> </span>
<span class = "icon-bar"> </span>
<span class = "icon-bar"></span>
</button>
<a class="brand" href="#">Bitstarter</a>
<div class = "nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="#"> Home </a></li>
<li> <a href = "#about"> About </a> </li>
<li> <a href = "#contact"> Contact </a> </li>
</ul>
</div>
</div> <!--/.nav-collapse -->
</div>
</div>
<!-- We use row-fluid inside containers to achieve a resizable layout. -->
<!-- blogs.endjin.com/2013/04/tips-for-implementing-responsive-designs-using-bootstrap/ -->
<!-- http://stackoverflow.com/a/12270322 -->
<div class = "container">
<!-- Font and paired font of .heading/ .subheading and body from Google Fonts -->
<!-- www.google.com/fonts/speciment/Ubuntu -->
<!--www.google.com/fonts/specimen/Ubuntu#pairings -->
<div class = "row-fluid heading">
<div class = "span12">
<h1>Product </h1>
</div>
</div>
<div class = "row-fluid subheading">
<div class = "span12">
<!--special typography from Bootstrap for lead paragraph. -->
<!-- http://twitter.github.io/bootstrap/base-css.html#typography -->
<p class = "lead"> One sentence description. </p>
</div>
</div>
</div>
</body>
</html>