Контролно 2


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">

</head>

<body>
<div class="container fluid bg-dark>">
    <div class="row bg-dark">
        <div class="navbar navbar-expand-lg">
            <a href="" class="navbar-brand text-light">Company Logo</a>
            <ul class="navbar-nav">
                <li href="" class="nav link text-light">Home (current)</li>
                <li href="" class="nav link text-light">About</li>
                <li href="" class="nav link text-light">Services</li>
                <li href="" class="nav link text-light">Contact</li>
            </ul>
        </div>
    </div>
</div>>

   <div class="container">
       <div class="row">
          <div class="col">
             <img src="http://placehold.it/900x400" alt="" class="">
          </div>
          <div class="col">
             <h2>Business Name</h2>
             <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>
             <button type="button" class="btn btn-warning">Call to action!</button>
          </div>
       </div>
   </div>

   <div class="container">
       <div class="row">
           <div class="col">
               <span class="border border-warning"></span>
               <h5>Card 1</h5>
               <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
               <div class="col-lg col-12 d-grid">
                   <button class="btn btn-warning" type="button">More info</button>
               </div>
           </div>
           <div class="col">
               <span class="border border-warning"></span>
               <h5>Card 2</h5>
               <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
               <div class="col-lg col-12 d-grid">
                   <button class="btn btn-warning" type="button">More info</button>
               </div>
           </div>
           <div class="col">
               <span class="border border-warning"></span>
               <h5>Card 3</h5>
               <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
               <div class="col-lg col-12 d-grid">
                   <button class="btn btn-warning" type="button">More info</button>
               </div>
           </div>
       </div>
   </div>

<!-- Scripts -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<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>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>

</body>

</html>