Advertisement
Guest User

Untitled

a guest
Jan 27th, 2015
193
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.20 KB | None | 0 0
  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4.   <head>
  5.     <meta charset="utf-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1">
  8.     <meta name="description" content="">
  9.     <meta name="author" content="">
  10.     <link rel="icon" href="./favicon.ico">
  11.  
  12.     <title>ODDSKILL</title>
  13.  
  14.     <!-- Bootstrap core CSS -->
  15.     <link href="./css/bootstrap.min.css" rel="stylesheet">
  16.  
  17.     <link href='http://fonts.googleapis.com/css?family=Coda:400,800' rel='stylesheet' type='text/css'>
  18.    
  19.      <!-- oddskill custom CSS -->
  20.     <link href="./css/oddskill_custom.css" rel="stylesheet">
  21.  
  22.    
  23.     <!--script src="../assets/js/ie-emulation-modes-warning.js"></script>
  24.  
  25.    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  26.     <!--[if lt IE 9]>
  27.      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  28.      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  29.    <![endif]-->
  30.   </head>
  31.  
  32.   <body>
  33.     <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  34.       <div class="container">
  35.         <div class="navbar-header">
  36.           <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  37.             <span class="sr-only">Toggle navigation</span>
  38.             <span class="icon-bar"></span>
  39.             <span class="icon-bar"></span>
  40.             <span class="icon-bar"></span>
  41.           </button>
  42.          
  43.         </div>
  44.         <div id="navbar" class="navbar-collapse collapse">
  45.           <ul class="nav navbar-nav">
  46.               <li><a href="#">HOME</a></li>
  47.               <li><a href="#">APPS</a></li>
  48.               <li><a href="#">GAMES</a></li>
  49.               <li><a href="#">AUDIO</a></li>
  50.               <li><a href="#">ABOUT</a></li>
  51.               <li><a href="#">CONTACT</a></li>
  52.             </ul>  
  53.  
  54.  
  55.  
  56.  
  57.  
  58.         </div><!--/.navbar-collapse -->
  59.       </div>
  60.     </nav>
  61.    
  62.  
  63.     <!-- Main jumbotron for a primary marketing message or call to action -->
  64.     <div class="jumbotron">
  65.       <div class="container">
  66.         <h1>ODDSKILL</h1>
  67.         <p>Apps, games and flying carpets. </p>
  68.  
  69.        
  70.       </div>
  71.     </div>
  72.  
  73.  
  74.    <!-- Marketing messaging and featurettes
  75.    ================================================== -->
  76.     <!-- Wrap the rest of the page in another container to center all the content. -->
  77.  
  78.     <div class="container marketing">
  79.  
  80.       <!-- Three columns of text below the carousel -->
  81.       <div class="row">
  82.         <div class="col-lg-4">
  83.           <img class="img-square" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" style="width: 200px; height: 200px;">
  84.           <h2>Apps</h2>
  85.           <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
  86.           <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
  87.         </div><!-- /.col-lg-4 -->
  88.         <div class="col-lg-4">
  89.           <img class="img-square" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" style="width: 200px; height: 200px;">
  90.           <h2>Games</h2>
  91.           <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
  92.           <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
  93.         </div><!-- /.col-lg-4 -->
  94.         <div class="col-lg-4">
  95.           <img class="img-square" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" style="width: 200px; height: 200px;">
  96.           <h2>Audio</h2>
  97.           <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
  98.           <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
  99.         </div><!-- /.col-lg-4 -->
  100.       </div><!-- /.row -->
  101.  
  102.      
  103.      
  104.  
  105.  
  106.       <!-- FOOTER -->
  107.        <footer>
  108.         <p class="pull-right"><a href="#">Back to top</a></p>
  109.         <p>&copy; 2014 CLS-IT, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
  110.       </footer>  
  111.  
  112.     </div><!-- /.container -->
  113.  
  114.    
  115.  
  116.  
  117.  
  118.     <!-- Bootstrap core JavaScript
  119.    ================================================== -->
  120.     <!-- Placed at the end of the document so the pages load faster -->
  121.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  122.     <script src="./js/bootstrap.min.js"></script>
  123.     <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  124.     <script src="./assets/js/ie10-viewport-bug-workaround.js"></script>
  125.   </body>
  126. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement