Advertisement
deyanivanov966

Контролно 2

Jan 16th, 2022
949
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>Document</title>
  7.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
  9.     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
  10.  
  11. </head>
  12.  
  13. <body>
  14. <div class="container fluid bg-dark>">
  15.     <div class="row bg-dark">
  16.         <div class="navbar navbar-expand-lg">
  17.             <a href="" class="navbar-brand text-light">Company Logo</a>
  18.             <ul class="navbar-nav">
  19.                 <li href="" class="nav link text-light">Home (current)</li>
  20.                 <li href="" class="nav link text-light">About</li>
  21.                 <li href="" class="nav link text-light">Services</li>
  22.                 <li href="" class="nav link text-light">Contact</li>
  23.             </ul>
  24.         </div>
  25.     </div>
  26. </div>>
  27.  
  28.    <div class="container">
  29.        <div class="row">
  30.           <div class="col">
  31.              <img src="http://placehold.it/900x400" alt="" class="">
  32.           </div>
  33.           <div class="col">
  34.              <h2>Business Name</h2>
  35.              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
  36.              <button type="button" class="btn btn-warning">Call to action!</button>
  37.           </div>
  38.        </div>
  39.    </div>
  40.  
  41.    <div class="container">
  42.        <div class="row">
  43.            <div class="col">
  44.                <span class="border border-warning"></span>
  45.                <h5>Card 1</h5>
  46.                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
  47.                <div class="col-lg col-12 d-grid">
  48.                    <button class="btn btn-warning" type="button">More info</button>
  49.                </div>
  50.            </div>
  51.            <div class="col">
  52.                <span class="border border-warning"></span>
  53.                <h5>Card 2</h5>
  54.                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
  55.                <div class="col-lg col-12 d-grid">
  56.                    <button class="btn btn-warning" type="button">More info</button>
  57.                </div>
  58.            </div>
  59.            <div class="col">
  60.                <span class="border border-warning"></span>
  61.                <h5>Card 3</h5>
  62.                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
  63.                <div class="col-lg col-12 d-grid">
  64.                    <button class="btn btn-warning" type="button">More info</button>
  65.                </div>
  66.            </div>
  67.        </div>
  68.    </div>
  69.  
  70. <!-- Scripts -->
  71. <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
  72. <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
  73. <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
  74.  
  75. </body>
  76.  
  77. </html>
  78.  
Advertisement
Advertisement
Advertisement
RAW Paste Data Copied
Advertisement