Advertisement
Guest User

Untitled

a guest
Mar 25th, 2017
70
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.95 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1">
  6.         <link rel="stylesheet"
  7.         href="../css/bootstrap.min.css">
  8.             <script
  9.                 src="../js/bootstrap.js" </script>
  10.             <script src="../js/bootstrap.min.js" </script>
  11.              <style>
  12.   .carousel-inner > .item > img,
  13.   .carousel-inner > .item > a > img {
  14.       width: 70%;
  15.       margin: auto;
  16.   }
  17.   </style>
  18.     </head>
  19.     <body>
  20.         <div class="container">
  21.             <h1> Welcome To The BootStrap Page!</h1>
  22.             <p> This is some text. Sup dawg.</p>
  23.             <br>
  24.        
  25.         <div id="myCarousel" class="carousel slide" data-ride="myCarousel">
  26.             <ol class="carousel-indicators">
  27.                 <li data-target="#myCarousel" data-slide-to="0"
  28.                 class="active"></li>
  29.                 <li data-target="#myCarousel" data-slide-to="1">
  30.                 </li>
  31.                 <li data-target="#myCarousel" data-slide-to="2">
  32.                 </li>
  33.                 <li data-target="#myCarousel" data-slide-to="3">
  34.                 </li>
  35.                 </ol>
  36.                
  37.                  <div class="carousel-inner" role="listbox">
  38.     <div class="item active">
  39.       <img src="../imgs/buildingPicture.jpg" alt="Building Picture">
  40.     </div>
  41.  
  42.     <div class="item">
  43.       <img src="../imgs/buisnessStockimg.jpg" alt="Buisness Stock Photo ">
  44.     </div>
  45.  
  46.     <div class="item">
  47.       <img src="../imgs/greatness.png" alt="Greatness">
  48.     </div>
  49.  
  50.     <div class="item">
  51.       <img src="../imgs/stockbuisnessv2.jpg" alt="Stock Buisness Photo 2">
  52.     </div>
  53.   </div>
  54.  
  55.   <!-- Left and right controls -->
  56.   <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
  57.     <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  58.     <span class="sr-only">Previous</span>
  59.   </a>
  60.   <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
  61.     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  62.     <span class="sr-only">Next</span>
  63.   </a>
  64. </div>
  65.                
  66.     </body>
  67. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement