elaborato by @TonyLand - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

<li>Inserisce voci all'interno di una lista
<td>Definisce una cella di una tabella HTML.
titleIndica informazioni aggiuntive riguardo un elemento HTML
<head>Tag primario di un documento HTML
application-x-www-form-urlencodedCodifica dei caratteri di un form
crossoriginGestisce richieste tra documenti provenienti da origini differenti.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Idee background personaggio

pagina prova sara

fibonacci manoel

Indovina il numero 1 a 10

classifica finita

Italiano-Cinema [Bacheca]

Calcolatrice php

benvenuti nella mia scuola

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!DOCTYPE html>
<html>
	<head>
		<title>Elaborato azienda</title>
		<meta charset="utf-8">
	</head>
	<body>
      <h1>THE WORLD BIKE</h1>
      <div class="btn-container">
                        <button class="btn"> HOME </button>
                        <button class="btn"> MENU</button>
                        <button class="btn"> TRASH</button>
       					<button class="btn"> CLOSE </button>
                     </div>
      <image src="https://image.freepik.com/vettori-gratuito/raccolta-di-loghi-moderni-in-bicicletta_23-2147675653.jpg"></image>
      <h2>SE LA BICILETTA VUOI COMPRARE DA THE WORLD BIKE DEVI ANDARE!!!</h2>
      <form name="ELABORATO AZIENDA" action="" method="post" enctype="text/plain" target="_blank">
        <legend>SCEGLI IL TUO MODELLO:</legend>
      <select name="PRODOTTO">
       <option value="ELENCO"> ELENCO </option>
        <option value="BICI">BICICLETTE ELETTRICHE</option>
        <option value="MONOPATTINI">MONOPATTINI ELETTRICI</option>
      </select>
      </form>
      	<div class="FOTO BICI ELETTRICA 2019">
                    <div class="BICI 2019">
                        <div class="numberText">1/4</div>
                        <img src=https://ebikemag.com/wp-content/uploads/2015/05/Neox-Crosser.jpg alt="">
                    </div>
        <div class="FOTO BICI ELETTRICA 2020">
                    <div class="BICI 2020">
                        <div class="numberText">2/4</div>
                        <img src="https://ebikemag.com/wp-content/uploads/2015/05/Neox-Crosser-bianca.jpg" alt="">
                    </div>
          <div class="FOTO MONOPATTINI ELETTRICI 2019">
                    <div class="MONOPATTINI 2019">
                        <div class="numberText">3/4</div>
                        <img src="https://wips.plug.it/cips/tecnologia/cms/2020/05/monopattino-elettrico.jpg?w=738&a=c&h=415" alt="">
                    </div>
            <div class="FOTO MONOPATTINI ELETTRICI 2020">
                    <div class="MONOPATTINI 2020">
                      <div class="numberText">4/4</div>
                        <img src="https://www.qualescegliere.it/wp-content/uploads/2019/08/ninebot-by-segway-kickscooter-es2.png" alt="">
                    </div>
       </body>
</html>

*{
	font-family: consolas,'courier new',monospace;
	color:#0F0F0F;
  }
h1{
  text-align:center;
  font-size:40px;
  background-color:black;
  color:red;
}
h2{
  font-size:20px;
  color:blue;
}
img{
  height:300px;
  width:300px;
  border-radius:10px;
  max-width: 30%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
}
.btn {
  background-color: DodgerBlue; 
  border: none; 
  color: black; 
  padding: 12px 16px; 
  font-size: 16px; 
  cursor: pointer; 
  text-align: center;
}