bootstrap_get_started_index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example of Fluid Layout with Twitter Bootstrap version 2.3.2 for CodeCademy</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Example of Fluid Layout with Twitter Bootstrap version 2.3.2 for CodeCademy">
<meta name="author" content="Pedro Martins">
<!-- Le styles -->
<link rel="stylesheet" href="../library/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="../library/bootstrap/css/bootstrap-responsive.css">
<link rel="stylesheet" href="../css/style.css">
</head>
<body>
<div class="navbar navbar-fixed-top navbar-inverse">
<div class="navbar-inner">
<div class="container-fluid">
<a class="brand" href="#"><img src="../image/codecademy-logo-white.png" width="111" height="30" alt="w3resource logo"></a>
<div class="nav-collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<p class="navbar-text pull-right">Logged in as <a href="#">username</a></p>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span3">
<div class="well sidebar-nav">
<ul class="nav nav-list">
<li class="nav-header">Frontend</li>
<li class="active"><a href="#">HTML 4.01</a></li>
<li><a href="#">HTML5</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">JavaScript</a></li>
<li><a href="#">Twitter Bootstrap</a></li>
<li><a href="#">Flex</a></li>
<li><a href="#">JQuery</a></li>
<li><a href="#">Javascript</a></li>
<li class="nav-header">Backend</li>
<li><a href="#">PHP</a></li>
<li><a href="#">Ruby</a></li>
<li><a href="#">Python</a></li>
</ul>
</div><!--/.well -->
</div><!--/span-->
<div class="span9">
<div class="leaderboard">
<h1>Learn to code interactively, for free.</h1>
<p>People all over the world are learning with Codecademy. Join in now!</p>
<p><a class="btn btn-success btn-large">Join CodeCademy now</a></p>
</div>
<div class="row-fluid">
<div class="span4">
<h2>Build Projects</h2>
<p>Learn to create interactive websites, fun games, and killer apps. These projects allow you to learn and use your knowledge to create a variety of personalized web applications and websites that will impress your friends, your family and even your boss!</p>
<p><a class="btn btn-success btn-large" href="#">Start Building now!</a></p>
</div><!--/span-->
<div class="span4">
<h2>Join the Community</h2>
<p>Stay motivated by joining groups to code with your friends! Groups allow you to extend you contacts, meet new people and learn new tips and tricks that are not mentioned inside the tracks. They also have extra tutorials and information. A must have!</p>
<p><a class="btn btn-success btn-large" href="#">Make new friends now!</a></p>
</div><!--/span-->
<div class="span4">
<h2>Be Recognized</h2>
<p>Build your profile and show off your progress with points and badges. Each badge represents an achievement that you made and that you can show to anyone you like! Furthermore, if you achieve enough points and help enough people, you can receive free stickers and even become a moderator! By the way, mods also get free t-shirts :P</p>
<p><a class="btn btn-success btn-large" href="#">Share your badges now!</a></p>
</div><!--/span-->
</div><!--/row-->
<hr>
<footer>
<p>© Company 2013</p>
</footer>
</div>
</div>
</div>
</body>
</html> Pasted: Jun 16, 2013, 2:01:00 pm
Views: 51