API tools faq
paste
Advertisement
sempena

Source Kode Bootstrap Jumbtron

sempena
Oct 15th, 2015
205
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.74 KB | None | 0 0
raw download clone embed print report
  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">
  7.     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  8.     <meta name="description" content="">
  9.     <meta name="author" content="">
  10.     <link rel="icon" href="../../favicon.ico">
  11.  
  12.     <title>Tutorial Bootstrap</title>
  13.  
  14.     <!-- Bootstrap core CSS -->
  15.     <link href="css/bootstrap.min.css" rel="stylesheet">
  16.  
  17.     <!-- Custom styles for this template -->
  18.     <link href="navbar.css" rel="stylesheet">
  19.  
  20.     <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
  21.     <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
  22.     <script src="../../assets/js/ie-emulation-modes-warning.js"></script>
  23.  
  24.     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  25.     <!--[if lt IE 9]>
  26.      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  27.      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  28.    <![endif]-->
  29.   </head>
  30.  
  31.   <body>
  32.  
  33.     <div class="container">
  34.       <!-- Static navbar -->
  35.       <nav class="navbar navbar-inverse">
  36.         <div class="container-fluid">
  37.           <div class="navbar-header">
  38.             <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  39.               <span class="sr-only">Toggle navigation</span>
  40.               <span class="icon-bar"></span>
  41.               <span class="icon-bar"></span>
  42.               <span class="icon-bar"></span>
  43.             </button>
  44.             <a class="navbar-brand" href="#">Fendy.web.id</a>
  45.           </div>
  46.           <div id="navbar" class="navbar-collapse collapse">
  47.             <ul class="nav navbar-nav">
  48.               <li class="active"><a href="index.php">Home</a></li>
  49.               <li><a href="#">About</a></li>
  50.               <li><a href="#">Contact</a></li>
  51.               <li class="dropdown">
  52.                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Tutorial <span class="caret"></span></a>
  53.                 <ul class="dropdown-menu">
  54.                   <li><a href="#">Computer</a></li>
  55.                   <li><a href="#">Internet</a></li>
  56.                   <li><a href="#">Networking</a></li>
  57.                   <li role="separator" class="divider"></li>
  58.                   <li class="dropdown-header">Nav header</li>
  59.                   <li><a href="#">Separated link</a></li>
  60.                   <li><a href="#">One more separated link</a></li>
  61.                 </ul>
  62.               </li>
  63.             </ul>
  64.             <ul class="nav navbar-nav navbar-right">
  65.               <li class="active"><a href="./">Default <span class="sr-only">(current)</span></a></li>
  66.               <li><a href="../navbar-static-top/">Static top</a></li>
  67.               <li><a href="../navbar-fixed-top/">Fixed top</a></li>
  68.             </ul>
  69.           </div><!--/.nav-collapse -->
  70.         </div><!--/.container-fluid -->
  71.       </nav>
  72.  
  73.       <!-- Main component for a primary marketing message or call to action -->
  74.      
  75.    
  76.     </div> <!-- /container -->
  77.     <div class="container">
  78.        <div class="jumbotron">
  79.         <center><h1>Welcome Syedara!</h1>
  80.         <p>Selamat Datang, Website ini membahas mengenai Internet, Computer, Networking, Security, Webdesign. Diulas dengan cara sederhana bisa dimengerti oleh awam sekalipun </p>
  81.         <p>
  82.           <a class="btn btn-lg btn-info" href="http://twitter.com/ab4nxc" role="button">Twitter &raquo;</a>
  83.           <a class="btn btn-lg btn-primary" href="http://facebook.com/fendyrains" role="button">Facebook &raquo;</a>
  84.           <a class="btn btn-lg btn-warning" href="http://fendy.web.id" role="button">Website &raquo;</a>
  85.         </p>
  86.         </center>
  87.       </div>
  88. <nav class="navbar navbar-inverse navbar-bottom">
  89.     <div class="container">
  90.         <p class="navbar-text pull-left">Copyleft &#169; 2015 by :
  91.          <a href="http://www.fendy.web.id">fendy.web.id</a>
  92.         </p>
  93.     </div>
  94.     </div>
  95.  
  96.     <!-- Bootstrap core JavaScript
  97.    ================================================== -->
  98.     <!-- Placed at the end of the document so the pages load faster -->
  99.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  100.     <script src="js/bootstrap.min.js"></script>
  101.     <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  102.     <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
  103.   </body>
  104. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!