SHARE
TWEET

Untitled

a guest Aug 12th, 2018 59 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <title>Home</title>
  5.   <meta charset="utf-8">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1">
  7.   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
  8.   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  9.   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  10.   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
  11. </head>
  12. <body>
  13.  
  14. <div class="container-fluid">
  15. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  16.   <a class="navbar-brand" href="#">Imon Bayazid</a>
  17.   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  18.     <span class="navbar-toggler-icon"></span>
  19.   </button>
  20.   <div class="collapse navbar-collapse" id="navbarNav">
  21.     <ul class="navbar-nav">
  22.       <li class="nav-item active">
  23.         <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
  24.       </li>
  25.       <li class="nav-item">
  26.         <a class="nav-link" href="#">About</a>
  27.       </li>
  28.       <li class="nav-item">
  29.         <a class="nav-link" href="#">Contact</a>
  30.       </li>
  31.     </ul>
  32.   </div>
  33. </nav>
  34.   <div class="row">
  35.     <div class="col">
  36.         <div class="card">
  37.           <h5 class="card-header">Featured</h5>
  38.           <div class="card-body">
  39.             <h5 class="card-title">Special title treatment</h5>
  40.             <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
  41.             <a href="#" class="btn btn-primary">Go somewhere</a>
  42.           </div>
  43.         </div>
  44.     </div>
  45.     <div class="col">
  46.         <div class="card">
  47.           <h5 class="card-header">Featured</h5>
  48.           <div class="card-body">
  49.             <h5 class="card-title">Special title treatment</h5>
  50.             <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
  51.             <a href="#" class="btn btn-primary">Go somewhere</a>
  52.           </div>
  53.         </div>
  54.  
  55.      </div>
  56.     <div class="col">
  57.         <div class="card">
  58.           <h5 class="card-header">Featured</h5>
  59.           <div class="card-body">
  60.             <h5 class="card-title">Special title treatment</h5>
  61.             <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
  62.             <a href="#" class="btn btn-primary">Go somewhere</a>
  63.           </div>
  64.         </div>
  65.  
  66.     </div>
  67.   </div>
  68. </div>
  69.  
  70. </body>
  71. </html>
RAW Paste Data
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
 
Top