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
<div class="container"> | |
<div class="row"> | |
</div> | |
</div> |
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
*, *:before, *:after { | |
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; | |
} | |
html { | |
font: normal 100% "open-sans"; | |
-webkit-font-smoothing: antialiased; | |
text-rendering: optimizelegibility; | |
} |
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
<!doctype html> | |
<html class="no-js"> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<title></title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="stylesheet" href="css/reset.css"> | |
<link rel="stylesheet" href="css/main.css"> |
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
<!-- Border w/o pseudo elements --> | |
<style> | |
.separator { | |
width: 100%; | |
height: 1px; | |
background: #000; | |
} | |
</style> | |
<div class="content"> |
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
<div class="content"> | |
<p>Lorem ipsum.</p> | |
</div> | |
<div class="header"></div> | |
<div class="sidebar"></div> | |
<div class="footer"></div> |
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
<!--SEO Optimized--> | |
<div class="header"></div> | |
<div class="content"> | |
<p>Lorem ipsum.</p> | |
</div> | |
<div class="sidebar"></div> |
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
require 'rack' | |
require 'rack/contrib/try_static' | |
use ::Rack::TryStatic, | |
:root => "build", # where middleman files are generated | |
:urls => %w[/] # match all requests | |
:try => ['.html', 'index.html', '/index.html'] # try these postfixes sequentially | |
# 404 | |
run lambda { [404, {'Content-Type' => 'text/plain'}, [' File not found.']]} |
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
gem 'rack-contrib' | |
group :development do | |
gem 'unicorn' | |
end |
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
<nav> | |
<li>Home</li> | |
<li class="active">About</li> | |
<li>Contact</li> | |
</nav> | |
.active { | |
background: red; | |
} |
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
.gradient { | |
background-image: -o-linear-gradient(bottom, #8A858B 0%, #A6A0A7 100%); | |
background-image: -moz-linear-gradient(bottom, #8A858B 0%, #A6A0A7 100%); | |
background-image: -webkit-linear-gradient(bottom, #8A858B 0%, #A6A0A7 100%); | |
background-image: -ms-linear-gradient(bottom, #8A858B 0%, #A6A0A7 100%); | |
background-image: linear-gradient(to bottom, #8A858B 0%, #A6A0A7 100%); | |
} | |
.box { | |
border: 1px solid #aaa; |
NewerOlder