HTML, CSS and JavaScript playground

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="style.css" />
    <link rel="icon" href="images/tab.png" />
    <title>Home</title>
  </head>
  <body>
    <div class="container">
      <div class="tap">
        <img src="images/tap.png" alt="">
      </div> 
      <div class="setaEsquerda">
        <img src="images/Path Copy.svg" alt="">
      </div> 
      <div class="setaDireita">
        <img src="images/Path.svg" alt="">
      </div> 
      <div class="millennium"> 
        <img src="images/millennium.png" alt="" width="250" height="56">
      </div>

<div class="cartoes"> 
        <img src="images/4Cartoes.png" alt="">
      </div>
      
      
      <img src="images/principal.jpg" alt="">
      
      <button class="aderir">Aderir</button> 
 
    </div>
  
      <div class="options">
        <ul class="list-inline">
            <li>Cartões de Crédito</li>
            <li>Comparar</li>
            <li>Perguntas Frequentes</li>
        </ul>
      </div>

<div class="titulo">
        MUDE O STATUS QUO <br> DAS SUAS VIAGENS
      </div>
      <div class="subtitulo">
        Agora ganha Milhas em todas as compras com <br> os cartões de crédito TAP Millennium BCP
      </div>

<button class="conhecaoscartoes">Conheça os Cartões</button> 
      
      <div class="blanco"></div>

</body>
</html>

.aderir{
    height: 40px;
    width: 106px;
    background-color: #D81C29;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    margin-left:1225px;
    margin-bottom: 710px;
    margin-right:35px;
    
}

body{
    padding-left:269px;
    padding-right:269px;
    background-color:black;
    margin: 0; 
}

.container .millennium{
    position: absolute;
    top: 5.3%;
    border-radius: 5px;
    margin-left: 290px;

}
.container .tap{
    position: absolute;
    top: 5.3%;
    border-radius: 5px;
    margin-left: 36px;
}

.container .aderir{
    position: absolute;
    top: 3.8%;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 16.3px;
    
}

.container{
    position: relative;
    width: 10px;
    
}

.options{
    position: absolute;
    top: 5.3%;
    border-radius: 5px;
    margin-left: 808px;
}
.options .list-inline{
    display: inline;
    padding-left: 1em;
}

.options .list-inline li {
    width: 319px;
    height:19px;
    list-style: none;
    display: inline;
    color: #fff;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
       
}

.titulo{
    position: absolute;
    top: 10%;
    border-radius: 5px;
    font-size:40px;
    font-family: 'Lato', sans-serif; 
    font-weight: bold;
    color: #fff;
    margin-top:110px;
    margin-bottom:466px;
    margin-left:144px;
}

.subtitulo {
    position: absolute;
    top: 22%;
    border-radius: 5px;
    font-size:20px;
    font-family: 'Lato', sans-serif;
    color: #fff;
    margin-top:110px;
    margin-bottom:466px;
    margin-left:144px;

}

.setaEsquerda{
    position: absolute;
    top: 42.1%;
    border-radius: 5px;
    margin-left: 36px;
}

.setaDireita{
    position: absolute;
    top: 42.1%;
    border-radius: 5px;
    margin-left: 1290px;
}

.cartoes{
    position: absolute;
    top: 75.2%;
    border-radius: 5px;
    margin-left: 144px;
    
}

.conhecaoscartoes{
    height: 40px;
    width: 201px;
    background-color: #72BE44;
    font-size: 16px;
    text-align: center;
    margin-left:144px;
    margin-bottom: 320px;
    margin-right:1021px;
    margin-top:384px;
    position: absolute;
    top: 3.8%;
    color: black;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 16.3px;
    font-weight:bold;
}

.blanco{
    background-color: #fff;
    height:780px;
    width: 1366px;
    padding:0;
    margin:0;
}