Saved!

Simple css3 UI HTML5 - 45dPei5F

Simple css3 UI HTML5

Simple css3 UI HTML5

  
<script src="//code.jquery.com/jquery-latest.min.js"></script>
<header><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
	<div class="header">
		
	</div>
</header>
<nav>
navi  
</nav>


<section>
<div class="col--300">

100% - 300px
	
	
	
	
</div>
<div class="box-300">
	
300x250
		
		
	
	
	
</div>

<div class="col-100-br">100%</div>
</section>

<footer>
	<div class="col-100">100% footer
		<div class="col-100-br">100%</div>

		<div class="col-25">25%</div>
		<div class="col-25">25%</div>
		<div class="col-25">25%</div>
		<div class="col-25">25%</div>

	</div>
</footer>  
  
Meta
http://codesheet.org/placehold-img/?width=300&height=250&color=33aaff&text=&textcolor=

Quick add:

× Clear

Add Stylesheets

normalize.css
reset.css
nice.css
/> CodeSheet UI
Font Awesome
Bootstrap
Foundation
Animate

Add External JavaScript

jQuery 3.1.0
jQuery UI
Bootstrap
Angular

Add Google Fonts

Dosis
Exo+2
Lato
Lobster
Open+Sans
Open+Sans+Condensed
Oswald
Playfair+Display
Quicksand
Raleway
Rochester
Roboto
Roboto+Condensed
Roboto+Mono
Shadows+Into+Light
Ubuntu
Arvo
Indie Flower
Merriweather
Pacifico
Sedgwick Ave
Sedgwick Ave Display
html
css
js