Skip to content

Instantly share code, notes, and snippets.

@otarza

otarza/gist:3503458

Created August 28, 2012 19:54
Show Gist options
  • Save otarza/3503458 to your computer and use it in GitHub Desktop.
Save otarza/3503458 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!DOCTYPE HTML>
<html>
<head>
<title>Studio - Web, Mobile & FB Apps</title>
<link rel="stylesheet" href="less/reset.less" type="text/css" media="all">
<link rel="stylesheet" href="docs/assets/css/bootstrap.css" type="text/css" media="all">
<link rel="stylesheet" href="css/studio.css" type="text/css" media="all">
</head>
<body>
<header class="row" id="header">
<div id="shell">
<a href="#" class="span2" id="home-link"></a>
<a href="#" class="span2" id="mobile-link"> </a>
<a href="#" class="span3" id="web-link"> </a>
<a href="#" class="span2" id="fb-link"> </a>
<div id="text-links">
<a href="#" class="span2" id="home-link-txt">Home</a>
<a href="#" class="span2" id="mobile-link-txt"> Mobile </a>
<a href="#" class="span2" id="web-link-txt"> Web </a>
<a href="#" class="span2" id="fb-link-txt"> Facebook </a>
</div>
<div id="link-connections">
<a href="#home" class="span2" id="home-connect"></a>
<a href="#mobile" class="span2" id="mobile-connect"> </a>
<a href="#web" class="span2" id="web-connect"> </a>
<a href="#fb" class="span2" id="fb-connect"> </a>
</div>
</div>
</header>
<section class="row" id="content">
<aside class="span3">
<nav class="well sidebar-nav">
<ul class="nav nav-list">
<li class="active"><a class="active" href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
</ul>
</nav>
</aside>
</section>
<footer class="row">
<h1 class="offset3">Footer</h1>
<div class=" offset1 span3">
<nav class="well">
<ul class="nav nav-list">
<li><a class="active" href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 1 </a></li>
</ul>
</nav>
</div>
<div class="span3">
<div class="well">
<p>
paragraph with some text here
paragraph with some text here
paragraph with some text here
paragraph with some text here
paragraph with some text here
paragraph with some text here
paragraph with some text here
paragraph with some text here
paragraph with some text here
</p>
</div>
</div>
<div class="span3">
<div class="well">
<span>image here</span>
<img src="img/slide-1.jpg">
<span>once more</span>
<img src="img/slide-3.jpg">
</div>
</div>
<div class="span5">
<div class="well">
<form>
<legend>Subscribe or Contact form here</legend>
<label>Label name</label>
<input type="text" placeholder="Type something…">
<textarea placeholder="Type your message"></textarea>
<span class="help-block">Example block-level help text here.</span>
<label class="checkbox">
<input type="checkbox"> Check me out
</label>
<button type="submit" class="btn">Submit</button>
</form>
</div>
</div>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment