Advertisement
moabcavsaenjoy

Untitled

Sep 24th, 2019
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.35 KB | None | 0 0
  1. <!doctype html>
  2. <html>
  3.  
  4. <head>
  5.     <title>Tesla</title>
  6.     <link rel="stylesheet" href="stile.css">
  7.     <link rel="stylesheet" href="css/bootstrap.min.css">
  8. </head>
  9.  
  10. <body style="background-color: lightgray">
  11.  
  12. <!-- Scripts -->
  13. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  14. <script src="js/bootstrap.min.js"></script>
  15. <!-- End Scripts -->
  16.  
  17.  
  18. <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  19.   <a class="navbar-brand" href="#">
  20.     <img src="https://i.pinimg.com/originals/85/75/79/857579f25c1269f438f3b7f22f9accc9.png" width="30"
  21.     height="30">
  22.   </a>
  23.   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  24.     <span class="navbar-toggler-icon"></span>
  25.   </button>
  26.  
  27.   <div class="collapse navbar-collapse" id="navbarSupportedContent">
  28.     <ul class="navbar-nav mr-auto">
  29.       <li class="nav-item active">
  30.         <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
  31.       </li>
  32.       <li class="nav-item">
  33.         <a class="nav-link" href="#">Cars</a>
  34.       </li>
  35.       <li class="nav-item">
  36.         <a class="nav-link" href="#">Registrati</a>
  37.       </li>
  38.       <li class="nav-item">
  39.         <a class="nav-link" href="#">Login</a>
  40.       </li>
  41.     </ul>
  42.   </div>
  43. </nav>
  44.  
  45.  
  46. <!-- Carosello -->
  47.  
  48.  
  49. <div class="bd-example">
  50.   <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
  51.     <ol class="carousel-indicators">
  52.       <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
  53.       <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
  54.       <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
  55.     </ol>
  56.     <div class="carousel-inner">
  57.       <div class="carousel-item active">
  58.         <img src="http://cdn.auto.it/images/2014/04/14/bf8e5880-a648-11e3-9868-bb1b603215a8_tesla-model-s_810x456.jpg" class="immagini" alt="">
  59.         <div class="carousel-caption d-none d-md-block">
  60.           <h5 style="font-family: verdana;font-size:40px">LA CLASSE NON E' OLIO DI MOTORI</h5>
  61.           <p Style="font-family: verdana;">attira l'attenzione con la macchina più elegante la TESLA LUXURY.</p>
  62.         </div>
  63.       </div>
  64.       <div class="carousel-item">
  65.         <img src="https://images2-motori.gazzettaobjects.it/redlive/2019/01/09/17/00/TeslaModelSP100D-apertura-375x289.jpg" class="immagini" alt="">
  66.         <div class="carousel-caption d-none d-md-block">
  67.          <h5 style="font-family: verdana;font-size:40px">LA CLASSE NON E' OLIO DI MOTORI</h5>
  68.           <p Style="font-family: verdana;">attira l'attenzione con la macchina più elegante la TESLA LUXURY.</p>
  69.         </div>
  70.       </div>
  71.       <div class="carousel-item">
  72.         <img src="https://tech4u.it/wp-content/uploads/2014/10/tesla1_03_10_14.jpg" class="immagini" alt="...">
  73.         <div class="carousel-caption d-none d-md-block">
  74.          <h5 style="font-family: verdana;font-size:40px">LA CLASSE NON E' OLIO DI MOTORI</h5>
  75.           <p Style="font-family: verdana;">attira l'attenzione con la macchina più elegante la TESLA LUXURY.</p>
  76.       </div>
  77.     </div>
  78.     <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
  79.       <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  80.       <span class="sr-only">Previous</span>
  81.     </a>
  82.     <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
  83.       <span class="carousel-control-next-icon" aria-hidden="true"></span>
  84.       <span class="sr-only">Next</span>
  85.     </a>
  86.   </div>
  87. </div>
  88.  
  89.  
  90. <div class="container">
  91.     <div class=override>
  92.   <p id=titoloContainer>TESLA</p>
  93.   <p id="testoContainer"> <b>E'</b> un'azienda specializzata nella produzione di <b>veicoli elettrici</b>, pannelli fotovoltaici e sistemi di stoccaggio energetico. L'obiettivo dell'azienda è la produzione di veicoli elettrici ad alte prestazioni orientati verso il mercato di massa. <b>L'</b>azienda è chiamata cosi in onore del noto inventore <b>Nikola Tesla. I</b>l 24 agosto 2015, secondo na classifica di Forbes, Tesla è l'azienda più <b>innovativa del mondo.</b></p>
  94. </div>
  95. </div>
  96. <div class="row">
  97.     <div class="col">25%</div>
  98.     <div class="col">25&</div>
  99. </body>
  100.  
  101.  
  102. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement