D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
jkeohan
Full window
Github gist
ThankHeaven
<!DOCTYPE html> <html> <head> <link href='https://fonts.googleapis.com/css?family=Raleway:400, 600' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Droid+Sans:regular,bold' rel='stylesheet' type='text/css'/> <link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/> <link rel='stylesheet' href='main.css'/> </head> <body> <div class="header"> <div class="container"> <ul class="nav"> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact Us</a></li> <li><a href="#">Store Hours</a></li> </ul> <div class="social" style="float:right"> <a href="#"><img src="https://cloud.githubusercontent.com/assets/9553453/11516957/bbfcc828-9854-11e5-8aa5-bad86740a381.jpg"></a> <a href="#"><img src="https://cloud.githubusercontent.com/assets/9553453/11516970/bc12aec2-9854-11e5-8a8c-fa714e74388e.jpg"></a> <a href="#"><img src="https://cloud.githubusercontent.com/assets/9553453/11516961/bc045a16-9854-11e5-993e-7e7d4d44c233.jpg"></a> </div> </div> </div> <div class="jumbotron"> <div class="container"> <div class="main"> <h1>Thank Heaven</h1> <h2>Clothing for newborns to 8 years old</h2> <!-- <p>Thank Heaven carries European and American brands including: 3 Pommes, Deux Par Deux, Kiwi Industries, Lemon, Le Top, and Kissy Kissy.</p> --> <a class="btn-main boys" href="index.html#boys">Shop Boys</a> <a class="btn-main girls" href="index.html#girls">Shop Girls</a> </div> </div> </div> <a name="girls"></a> <div class="supporting girls"> <div class="container"> <div class="col" id="col1"> <!-- <img src="https://s3.amazonaws.com/codecademy-content/projects/broadway/design.svg"> --> <!-- <h2>Design</h2> <p>Make your projects look great and interact beautifully.</p> --> <!-- <a class="btn-default" href="#">Learn more</a> --> </div> <div class="col" id="col2"> <!-- <img src="https://s3.amazonaws.com/codecademy-content/projects/broadway/develop.svg"> --> <!-- <h2>Develop</h2> <p>Use modern tools to turn your design into a web site</p> --> <!-- <a class="btn-default" href="#">Learn more</a> --> </div> <div class="col" id="col3"> <!-- <img src="https://s3.amazonaws.com/codecademy-content/projects/broadway/deploy.svg"> --> <h2>Latest Collection</h2> <p>Use modern tools to turn your design into a web site</p> <!-- <a class="btn-default" href="#">Learn more</a> --> </div> </div> <div class="clearfix"></div> </div> <a name="boys"></a> <div class="supporting boys"> <div class="container"> <div class="col" id="col1"> <!-- <img src="https://s3.amazonaws.com/codecademy-content/projects/broadway/design.svg"> --> <h2>Designs by 3 Pommes</h2> <p>Check out our latest collection of 3 Pommes.</p> <!-- <a class="btn-default" href="#">Learn more</a> --> </div> <div class="col" id="col2"> <!-- <img src="https://s3.amazonaws.com/codecademy-content/projects/broadway/develop.svg"> --> <!-- <h2>Develop</h2> <p>Use modern tools to turn your design into a web site</p> --> <!-- <a class="btn-default" href="#">Learn more</a> --> </div> <div class="col" id="col3"> <!-- <img src="https://s3.amazonaws.com/codecademy-content/projects/broadway/deploy.svg"> --> <!-- <h2>Deploy</h2> --> <!-- <p>Use modern tools to turn your design into a web site</p> --> <!-- <a class="btn-default" href="#">Learn more</a> --> </div> </div> <div class="clearfix"></div> </div> <div class="additionalInfo"> <div class="container"> <div class="comments"> <h2>Our Philosophy</h2> <p>"Thank Heaven is a unique and friendly store located in the heart of Austin Street (Queens). Our philosophy is to make our customers’ experience fun for the little ones and their moms.</p> </div> <div class="hours"> <h2>Hours:</h2> <p> Tuesday - Saturday: 11:00 am - 6:00 pm<br> Sunday: 11:00 am - 5:00 pm<br> Closed Mondays </p> </div> </div> </div> <div class="footer"> <div class="container"> <p>© Broadway 2015</p> </div> </div> </body> </html>