forked from heroku/node-js-sample
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
modify index.html as the first bitstarter page
- Loading branch information
Zhao Guopeng from EC2
committed
Jul 12, 2013
1 parent
53fae64
commit f3ff2e7
Showing
1 changed file
with
100 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1 +1,100 @@ | ||
Hello World from index.html | ||
<!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 { | ||
height: 124px; | ||
line-height:124px; | ||
} | ||
.thermometer, .order, .social { | ||
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 blank"> | ||
About | ||
</div> | ||
</div> | ||
<div class="row heading"> | ||
<div class="span12"> | ||
<h1>Bitstarter Title</h1> | ||
</div> | ||
</div> | ||
<div class="row subheading"> | ||
<div class="span12"> | ||
<p class="lead">This is my first bitstarter project.</p> | ||
</div> | ||
</div> | ||
<div class="row pitch"> | ||
<div class="span6 video"> | ||
Video | ||
</div> | ||
<div class="span6"> | ||
<div class="thermometer"> | ||
Thermomenter | ||
</div> | ||
<div class="order"> | ||
Order | ||
</div> | ||
<div class="social"> | ||
Social | ||
</div> | ||
</div> | ||
</div> | ||
<div class="row section1"> | ||
<div class="span12"> | ||
Marketing Section1 | ||
</div> | ||
</div> | ||
<div class="row section2"> | ||
<div class="span12"> | ||
Marketing Section2 | ||
</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> |