JVFabia

Untitled

Aug 11th, 2020
307
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.89 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.   <header>
  4.     <title>Aprendiendo Bootstrap</title>
  5.     <link
  6.      rel="stylesheet"
  7.      href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
  8.      integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
  9.      crossorigin="anonymous"
  10.    />
  11.   </header>
  12.   <body>
  13.     <div class="container">
  14.       <div class="row">
  15.         <div class="col-8">
  16.           <div class="img-thumbnail" alt="900x350"></div>
  17.         </div>
  18.         <div class="col-4">
  19.             <div class="card">
  20.                 <div class="card-header">
  21.                   Featured
  22.                 </div>
  23.                 <div class="card-body">
  24.                   <h5 class="card-title">Special title treatment</h5>
  25.                   <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
  26.                   <a href="#" class="btn btn-primary">Go somewhere</a>
  27.                 </div>
  28.               </div>
  29.         </div>
  30.       </div>
  31.       <div class="row">
  32.           <div class="col">
  33.             <div class="alert alert-secondary" role="alert">
  34.                 A simple secondary alert—check it out!
  35.               </div>
  36.           </div>
  37.       </div>
  38.       <div class="row">
  39.         <div class="col-4">
  40.             <div class="card">
  41.                 <div class="card-header">
  42.                   Featured
  43.                 </div>
  44.                 <div class="card-body">
  45.                   <h5 class="card-title">Special title treatment</h5>
  46.                   <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
  47.                   <a href="#" class="btn btn-outline-dark">Go somewhere</a>
  48.                 </div>
  49.               </div>              
  50.           </div>
  51.           <div class="col-4">
  52.             <div class="card">
  53.                 <div class="card-header">
  54.                   Featured
  55.                 </div>
  56.                 <div class="card-body">
  57.                   <h5 class="card-title">Special title treatment</h5>
  58.                   <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
  59.                   <a href="#" class="btn btn-outline-dark">Go somewhere</a>
  60.                 </div>
  61.               </div>              
  62.           </div>
  63.           <div class="col-4">
  64.             <div class="card">
  65.                 <div class="card-header">
  66.                   Featured
  67.                 </div>
  68.                 <div class="card-body">
  69.                   <h5 class="card-title">Special title treatment</h5>
  70.                   <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
  71.                   <a href="#" class="btn btn-outline-dark">Go somewhere</a>
  72.                 </div>
  73.               </div>              
  74.           </div>
  75.       </div>
  76.     </div>
  77.   </body>
  78. </html>
  79.  
Add Comment
Please, Sign In to add comment