API tools faq
paste
Advertisement
kalukalu

Lab 2

kalukalu
Feb 19th, 2018
74
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.37 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Lab 2</title>   
  6. <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
  7. </head>
  8.  
  9. <body>
  10.     <nav class="navbar navbar-default navbar-fixed-top">
  11.       <div class="container">
  12.         <div class="navbar-header">
  13.           <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  14.             <span class="sr-only">Toggle navigation</span>
  15.             <span class="icon-bar"></span>
  16.             <span class="icon-bar"></span>
  17.             <span class="icon-bar"></span>
  18.           </button>
  19.           <a class="navbar-brand" href="#">Start Bootstrap</a>
  20.         </div>
  21.         <div id="navbar" class="navbar-collapse collapse">
  22.           <ul class="nav navbar-nav navbar-right">
  23.             <li class="active"><a href="../navbar/">Home</a></li>
  24.             <li><a href="../navbar-static-top/">About</a></li>
  25.             <li><a href="../navbar-static-top/">Services</a></li>
  26.             <li><a href="../navbar-static-top/">Contact</a></li>
  27.           </ul>
  28.         </div><!--/.nav-collapse -->
  29.       </div>
  30.      </nav>
  31.    
  32.     <br>
  33.     <br>
  34.     <div class="container">
  35.         <div class="row">
  36.             <h2 class="col-md-3">Page Heading</h2><h3 class="col-md-7">Second Text</h3>
  37.         </div>
  38.     </div>
  39.     <div class="container">
  40.         <div class="row">
  41.             <div class="col-md-3">
  42.                 <img src="img/1.jpg" alt="Microsoft Azure" width="250" height="200">
  43.                 <h2>Project One</h2>
  44.                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi molestias magnam, nihil, obcaecati optio distinctio? Ratione blanditiis sapiente fuga velit accusantium unde, vero, earum obcaecati magni, amet fugiat. Debitis, ipsa!
  45.             </div>
  46.             <div class="col-md-3">
  47.                 <img src="img/2.jpg" alt="Facebook" width="250" height="200">
  48.                 <h2>Project Two</h2>
  49.                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam perspiciatis corporis eius consectetur, neque quisquam similique reiciendis ipsa deserunt est nulla sed ab, eligendi iste dolor temporibus repellat delectus saepe!
  50.             </div>
  51.             <div class="col-md-3">
  52.                 <img src="img/3.png" alt="Bootstrap" width="250" height="200">
  53.                 <h2>Project Three</h2>
  54.                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum quia nesciunt molestias voluptate, voluptas similique laudantium commodi eaque. Perspiciatis illum accusamus explicabo recusandae quis libero labore est hic quibusdam corporis.
  55.             </div>
  56.             <div class="col-md-3">
  57.                 <img src="img/4.jpg" alt="Facebook" width="250" height="200">
  58.                 <h2>Project Four</h2>
  59.                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque ullam perferendis perspiciatis nisi quisquam, debitis architecto, distinctio, odit iste inventore, quas quidem ducimus! Corporis repellendus officia architecto molestias soluta in.
  60.             </div>
  61.         </div>
  62.         <br>
  63.         <div class="row">
  64.             <div class="col-md-3">
  65.                 <img src="img/1.jpg" alt="Microsoft Azure" width="250" height="200">
  66.                 <h2>Project Four</h2>
  67.                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi molestias magnam, nihil, obcaecati optio distinctio? Ratione blanditiis sapiente fuga velit accusantium unde, vero, earum obcaecati magni, amet fugiat. Debitis, ipsa!
  68.             </div>
  69.             <div class="col-md-3">
  70.                 <img src="img/2.jpg" alt="Facebook" width="250" height="200">
  71.                 <h2>Project Five</h2>
  72.                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam perspiciatis corporis eius consectetur, neque quisquam similique reiciendis ipsa deserunt est nulla sed ab, eligendi iste dolor temporibus repellat delectus saepe!
  73.             </div>
  74.             <div class="col-md-3">
  75.                 <img src="img/3.png" alt="Bootstrap" width="250" height="200">
  76.                 <h2>Project Six</h2>
  77.                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum quia nesciunt molestias voluptate, voluptas similique laudantium commodi eaque. Perspiciatis illum accusamus explicabo recusandae quis libero labore est hic quibusdam corporis.
  78.             </div>
  79.             <div class="col-md-3">
  80.                 <img src="img/4.jpg" alt="Facebook" width="250" height="200">
  81.                 <h2>Project Seven</h2>
  82.                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque ullam perferendis perspiciatis nisi quisquam, debitis architecto, distinctio, odit iste inventore, quas quidem ducimus! Corporis repellendus officia architecto molestias soluta in.
  83.             </div>
  84.         </div>
  85.     </div>
  86. </body>
  87. </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!