Tesla avec Bootstrap

index.html

<!-- ENTETE -->
<header>
  
  <nav>
    <div class="container">
      <img src="https://believemy.com/uploads/2f3811b9174e35a2d77902ffd36a9a37_4dfb82dd429edb6a11a81ff74e9abfc4.png" style="height: 30px"/>
    </div>
  </nav>
  
</header>

<!-- ICI : jumbotron -->
<div style="background: center/cover url('https://believemy.com/uploads/126d05180ddf6f2ea67c8b669855bf89_e45c0e92710b43b3b938ed8fc4938f71.png')">
  <div class="container">
    <h1>Bienvenue.</h1>
    <p>Le site Tesla vous permet de commander vos fusées et vos voitures, même lorsque vous êtes dans votre canapé.      <span>Un conseillé est en ligne.</span></p>
  </div>
</div>

<!-- PREMIERE SECTION -->
<section>
  
  <div class="container">
    
    <!-- ICI : progress bar-->
    
    <!-- ICI : alerte -->
    <div>
    Bienvenue sur Tesla. Ce site est en maintenance.
    <hr>
      <!-- ICI : les deux boutons -->
      
    </div>
    
    <nav>
     <!-- ICI : fil d'ariane -->
      
    </nav>
    
  </div>
  
</section>

<!-- DEUXIEME SECTION -->
<section>
  
  <div class="container">
    
    <!-- ICI : les cartes --> 
    
    <div>
      <img src="https://believemy.com/uploads/c7fe8837368024dc01e1845337f167e9_18fb807dabb97a3e4f920d1b0c9176b1.png" alt="...">
    </div>
    
    <div>
      <img src="https://believemy.com/uploads/c7fe8837368024dc01e1845337f167e9_18fb807dabb97a3e4f920d1b0c9176b1.png" alt="...">
    </div>
      
  </div>
  
</section>

<!-- TROISIEME SECTION -->
<section>
  <div style="width: 400px">
    <h2>Contactez-nous</h2>
    <!-- ICI : formulaire -->
  </div>
</section>

<!-- ICI : pied de page -->

style.css

/*
  
*/

styles

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet" />

tesla-avec-bootstrap.markdown

Tesla avec Bootstrap

A Pen by Believemy on CodePen.

License.