elaborato by @TonyLand - Codewith.it

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

Referenze

getDefinisce un metodo di invio di dati al server
<th>Definisce una cella di intestazione di una tabella HTML.
<title>Definisce il titolo della pagina web.
typeSpecifica la tipologia/funzione di un elemento.
downloadConsente di scaricare file al click di collegamento ipertestuale.
<li>Inserisce voci all'interno di una lista

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Review of Functions I

Turni settimanali tabella

Countdown Fine Scuola

Questionario Serie A

primo esercizio 26 gennaio

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;
}