rjp2525

Untitled

Nov 11th, 2013
107
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.32 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>CreeperBay</title>
  8.     <link href="css/bootstrap.css" rel="stylesheet">
  9.     <style>
  10.       body {
  11.         margin-top: 60px;
  12.         background: url(img/bg.png) no-repeat fixed;
  13.         background-size: 100% 100%;
  14.       }
  15.     </style>
  16.     <!--[if lt IE 9]>
  17.      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  18.      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  19.    <![endif]-->
  20.   </head>
  21.   <body>
  22.     <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  23.       <div class="container">
  24.         <div class="navbar-header">
  25.           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  26.             <span class="sr-only">Toggle navigation</span>
  27.             <span class="icon-bar"></span>
  28.             <span class="icon-bar"></span>
  29.             <span class="icon-bar"></span>
  30.           </button>
  31.           <a class="navbar-brand" href="#">Project name</a>
  32.         </div>
  33.         <div class="collapse navbar-collapse">
  34.           <ul class="nav navbar-nav navbar-right">
  35.             <li class="active"><a href="#">Home</a></li>
  36.             <li><a href="#">About</a></li>
  37.             <li><a href="#">Get Started</a></li>
  38.             <li><a href="#">Top Shops</a></li>
  39.             <li class="dropdown">
  40.               <a href="#" class="dropdown-toggle" data-toggle="dropdown">Account <b class="caret"></b></a>
  41.               <ul class="dropdown-menu">
  42.                 <li><a href="#">Login</a></li>
  43.                 <li><a href="#">Register</a></li>
  44.                 <li><a href="#">Forgot Password</a></li>
  45.               </ul>
  46.             </li>
  47.           </ul>
  48.         </div>
  49.       </div>
  50.     </div>
  51.     <div class="container">
  52.       <div class="row">
  53.         <div class="col-md-9">
  54.           <div class="panel panel-default">
  55.             <div class="panel-heading">
  56.               <h3 class="panel-title">Panel title</h3>
  57.             </div>
  58.             <div class="panel-body">
  59.               Panel content
  60.             </div>
  61.           </div>
  62.         </div>
  63.         <div class="col-md-3">
  64.           <div class="panel panel-default">
  65.             <div class="panel-heading">
  66.               <h3 class="panel-title">Sidebar Panel title</h3>
  67.             </div>
  68.             <div class="panel-body">
  69.               Panel content
  70.             </div>
  71.           </div>
  72.           <div class="panel panel-default">
  73.             <div class="panel-heading">
  74.               <h3 class="panel-title">Sidebar Panel title</h3>
  75.             </div>
  76.             <div class="panel-body">
  77.               Panel content
  78.             </div>
  79.           </div>
  80.           <div class="panel panel-default">
  81.             <div class="panel-heading">
  82.               <h3 class="panel-title">Sidebar Panel title</h3>
  83.             </div>
  84.             <div class="panel-body">
  85.               Panel content
  86.             </div>
  87.           </div>
  88.         </div>
  89.       </div>
  90.     </div>
  91.     <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
  92.     <script src="js/bootstrap.js"></script>
  93.   </body>
  94. </html>
Advertisement
Add Comment
Please, Sign In to add comment