Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html>
- <head>
- <title>Tesla</title>
- <link rel="stylesheet" href="stile.css">
- <link rel="stylesheet" href="css/bootstrap.min.css">
- </head>
- <body style="background-color: lightgray">
- <!-- Scripts -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
- <script src="js/bootstrap.min.js"></script>
- <!-- End Scripts -->
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
- <a class="navbar-brand" href="#">
- <img src="https://i.pinimg.com/originals/85/75/79/857579f25c1269f438f3b7f22f9accc9.png" width="30"
- height="30">
- </a>
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
- <span class="navbar-toggler-icon"></span>
- </button>
- <div class="collapse navbar-collapse" id="navbarSupportedContent">
- <ul class="navbar-nav mr-auto">
- <li class="nav-item active">
- <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">Cars</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">Registrati</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">Login</a>
- </li>
- </ul>
- </div>
- </nav>
- <!-- Carosello -->
- <div class="bd-example">
- <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
- <ol class="carousel-indicators">
- <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
- <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
- <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
- </ol>
- <div class="carousel-inner">
- <div class="carousel-item active">
- <img src="http://cdn.auto.it/images/2014/04/14/bf8e5880-a648-11e3-9868-bb1b603215a8_tesla-model-s_810x456.jpg" class="immagini" alt="">
- <div class="carousel-caption d-none d-md-block">
- <h5 style="font-family: verdana;font-size:40px">LA CLASSE NON E' OLIO DI MOTORI</h5>
- <p Style="font-family: verdana;">attira l'attenzione con la macchina più elegante la TESLA LUXURY.</p>
- </div>
- </div>
- <div class="carousel-item">
- <img src="https://images2-motori.gazzettaobjects.it/redlive/2019/01/09/17/00/TeslaModelSP100D-apertura-375x289.jpg" class="immagini" alt="">
- <div class="carousel-caption d-none d-md-block">
- <h5 style="font-family: verdana;font-size:40px">LA CLASSE NON E' OLIO DI MOTORI</h5>
- <p Style="font-family: verdana;">attira l'attenzione con la macchina più elegante la TESLA LUXURY.</p>
- </div>
- </div>
- <div class="carousel-item">
- <img src="https://tech4u.it/wp-content/uploads/2014/10/tesla1_03_10_14.jpg" class="immagini" alt="...">
- <div class="carousel-caption d-none d-md-block">
- <h5 style="font-family: verdana;font-size:40px">LA CLASSE NON E' OLIO DI MOTORI</h5>
- <p Style="font-family: verdana;">attira l'attenzione con la macchina più elegante la TESLA LUXURY.</p>
- </div>
- </div>
- <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
- <span class="carousel-control-prev-icon" aria-hidden="true"></span>
- <span class="sr-only">Previous</span>
- </a>
- <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
- <span class="carousel-control-next-icon" aria-hidden="true"></span>
- <span class="sr-only">Next</span>
- </a>
- </div>
- </div>
- <div class="container">
- <div class=override>
- <p id=titoloContainer>TESLA</p>
- <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>
- </div>
- </div>
- <div class="row">
- <div class="col">25%</div>
- <div class="col">25&</div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement