Day2.html

<button class="button-uber">Request now</button>
  <style>
    .button-uber {
      background-color: black;
      color: white;
      padding: 10px 20px;
      border: 1px solid white;
      cursor: pointer;
      display: inline-block;
      margin: 10px;
    }
  </style>
<br><br>

<button class="button-amazon">Add to Cart</button>
  <style>
    .button-amazon {
      background-color: rgb(255, 216, 20);
      color: black;
      padding: 12px 42px;
      border: 1px solid;
      border-radius: 30px;
      cursor: pointer;
      display: inline-block;
      margin: 10px;
    }
  </style>
<br><br>

<button class="button-github">Sign up</button>
  <style>
    .button-github {
      background-color: rgb(46, 164, 79);
      color: white;
      padding: 12px 24px;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      display: inline-block;
      margin: 10px;
    }
  </style>
<br><br>

<button class="button-bootstrap-purple">Get started</button>
<button class="button-bootstrap-grey">Download</button>
  <style>
  .button-bootstrap-purple {
      background-color: rgb(121, 82, 179);
      color: white;
      padding: 10px 20px;
      border: none;
      cursor: pointer;
      display: inline-block;
      margin: 10px;
    }

    .button-bootstrap-grey {
      background-color: rgb(108, 117, 125);
      color: white;
      padding: 10px 20px;
      border: none;
      cursor: pointer;
      display: inline-block;
      margin: 10px;
    }
  </style>
<br><br>

<button class="button-linkedin-blue">Apply on company website</button>
<button class="button-linkedin-save">Save</button>
  <style>
    /* LinkedIn Buttons */
    .button-linkedin-blue {
      background-color: rgb(10, 102, 194);
      color: white;
      padding: 10px 20px;
      border: 1px solid;
      border-radius: 30px;
      cursor: pointer;
      display: inline-block;
      margin: 10px;
    }

    .button-linkedin-save {
      background-color: white;
      color: rgb(56, 19, 203);
      padding: 10px 20px;
      border: 1px solid rgb(55, 12, 210);
      border-radius: 30px;
      cursor: pointer;
      display: inline-block;
      margin: 10px;
    }
  </style>
<br><br>

<a href="https://www.amazon.com" target="_blank">Back to Amazon</a>
    <h1>Nike Black Running Shoes</h1>
    <h2>$39 - in stock.</h2>
    <h4>Free delivery tomorrow.</h4>
    <button class="button-add-cart">Add to Cart</button>
    <button class="button-buy-now">Buy now</button>

    <style>
      h1 {
        color: rgb(0, 113, 133);
        font-size: 24px; 
        margin-bottom: 0; 
      }
    
      h2 {
        color: rgb(0, 118, 0); 
        font-weight: bold; 
        margin-bottom: 0; 
      }
    
      h4 {
        font-size: 16px; 
        margin-bottom: 0; 
      }
    
      .button-add-cart {
        background-color: rgb(255, 216, 20);
        color: black;
        padding: 10px 20px;
        border: none;
        border-radius: 30px;
        cursor: pointer;
        margin-top: 10px;
      }
    
      .button-buy-now {
        background-color: rgb(255, 164, 28);
        color: black;
        padding: 10px 20px;
        border-radius: 30px;
        border: none;
        cursor: pointer;
        margin-top: 10px;
      }
    </style>