Landing page di un prodotto by @carmian - Codewith.it

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

References

mutedL'attributo muted viene utilizzato impostare risorse HTML audio e video con volume muto
idIdentifica univocamente un elemento HTML
mediaSpecifica a quale dispositivo/display/documento è ottimizzata una risorsa.
forSpecifica a quale id è associato l'elemento in cui è dichiarato.
formenctypeDefinisce il tipo di codifica dei dati di un elemento input
<h2>Titolo di intestazione di secondo livello

Users

Log in to search for users

Explore

Find inspiration

Laus Informatica srl - Negozio eBay

La storia di Cappuccetto Rosso

Navbar Example 3

Test dell identikit

Listino Scontistica test

test js coinmarketcap

Italiano-Cinema [Bacheca]

JS Istruzioni condizionali es2

programma di x,y,z

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="styles.css" />
    <title>IL FOX TERRIER</title>
  </head>

<body>

<header id="header">
<h1>FOX TERRIER</h1>
<img id="header-img" src="https://static.vecteezy.com/ti/vettori-gratis/p1/4871818-filo-volpe-terrier-isolato-su-sfondo-bianco-illustrazione-di-un-cane-vettoriale.jpg" alt="foto">

<nav id="nav-bar">
  
  <a href="#storia" class="nav-link">Storia</a>
  <a href="#caratteristiche" class="nav-link"> Caratteristiche</a>
  <a href="#carattere" class="nav-link">Carattere</a>
  
</nav>
</div>
</header>
<div id="videocentro">
<video id="video" src="" alt="video"></video>
</div>

<h3 id="storia">Storia</h3>
<p class="testo">Le origini delle due razze sono molto antiche, secondo il Kennel Club la definizione terrier viene dal latino terra[2] e indicava un gruppo di cani, tra cui gli antenati del fox, che avevano lo scopo di lavorare "sul terreno" andando a caccia e con il compito di snidare le prede perché i cacciatori potessero predarle. Questa funzione si è nel tempo specializzata ed affinata sino a distinguere le varie e differenti specie di terrier di cui il fox terrier è uno dei capostipiti. Sino ai primi del Novecento il Kennel Club non distingueva il fox a pelo liscio da quello a pelo ruvido tanto che erano consueti gli incroci tra esemplari appartenenti alle due diverse razze. Successivamente le razze hanno avuto distinti standard che, come già detto, si distinguono solo ed unicamente per le caratteristiche del pelo.

In Inghilterra, luogo d'origine della razza, il fox era il cane prediletto per stanare la volpe dalla tana. Questa caratteristica della razza si è mantenuta immutata ed ancora oggi un fox è capace di introdursi nella tana di una volpe, percorrerla, scovare la volpe e minacciarla al punto da costringerla a fuggire dalla tana in modo che i cacciatori possano intervenire. Questo compito rendeva i fox cani che stavano separati dal resto della muta canina che cacciava la volpe. Al tempo stesso gli inglesi hanno spesso utilizzato i fox come cani sterminatori di ratti[3].

Il fox terrier è stato un cane molto popolare per tutta la fine dell'Ottocento e per la prima metà del Novecento. Il primo a lanciarne la moda è stato probabilmente re Edoardo VII del Regno Unito, proprietario di un wired fox terrier chiamato Caesar of Notts che fece diventare questa razza molto popolare nei salotti dell'aristocrazia inglese. Ha contribuito alla fama del fox anche lo scrittore Jerome K. Jerome che nel 1889 ha inserito nel suo romanzo Tre uomini in barca (per non parlar del cane) il buffo fox terrier Montmorency. Nel 1928 ebbe una sua popolarità anche Titina, la fox terrier che accompagnò il capitano Umberto Nobile nelle sue trasvolate polari, salvandosi insieme a lui dopo il catastrofico incidente occorso al dirigibile Italia.

Negli anni 30 ebbe molta popolarità il fox terrier Asta, cane da compagnia dei coniugi detective Nick e Nora nella famosa serie di film de L'Uomo Ombra; era interpretato da Skippy, un fox addestrato a Hollywood che comparve successivamente anche nel film Susanna! Un famosissimo wire fox terrier (bianco) nei fumetti è Milou, compagno di avventure di Tintin, creato dall'autore belga Hergé. Successivamente un altro fox terrier molto celebre nel Regno Unito fu Beauty, il primo cane che venne adoperato per il soccorso nelle macerie nel corso della Seconda guerra mondiale.</p>
<h3 id="caratteristiche">Caratteristiche</h3>
<p class="testo">La razza riconosciuta dall'ENCI (Ente Nazionale Cinofilia Italiana) fa parte del terzo gruppo di razze secondo la divisione della Federazione Cinologica Internazionale "Terrier" nelle esposizioni canine dove i soggetti vengono valutati secondo standard di razza da esperti giudici.

L'altezza al garrese dei maschi non deve essere maggiore dei 39 cm. Le femmine sono leggermente più piccole.[4] Il peso ideale per i maschi è di 8,25 kg[5] e di 7,1 per le femmine.[1]

La linea superiore del cranio è quasi piatta[6] e va restringendosi verso il tartufo. Il muso deve risultare lungo quanto il cranio e lo stop è poco marcato. Gli occhi sono infossati, piccoli e di colore scuro e di espressione vivace (non a mandorla). Le orecchie, inserite alte, si ripiegano a metà sul davanti con forma a "V". Il collo, robusto e con una buona muscolatura, si allarga verso il garrese all'incollatura con le spalle. Il dorso è solido e la groppa rettilinea.

La coda viene tagliata generalmente ad un terzo circa della lunghezza ed è portata alta: è l'unico terrier che porta la coda a candela. Il mantello si presenta fitto e con colorazione bianca, eventualmente con macchie nere o marroni. Negli esemplari a pelo ruvido il mantello è sempre tricolore, cioè con base bianca e macchie nere e tan (arancio). Il mantello ruvido ha un pelo ritorto tipo stuoia di cocco ed è mantenuto in ordine da una tecnica di toelettatura detta stripping da praticarsi una volta ogni 2/4 mesi.</p>
<h3 id="carattere">Carattere</h3>
<p class="testo">Il Fox Terrier è un cane coraggioso, vivace, allegro, vigile, determinato, astuto e sicuro di sé. Essendo molto intelligente, apprende velocemente. Può dimostrarsi piuttosto ostinato, caratteristica comune ad altri terrier. E l'addestramento deve essere quindi inflessibile e coerente. [4]

I fox terrier, come d'altronde tutti i terrier, devono essere educati per mitigare il loro carattere forte ed hanno bisogno di capire subito il loro ruolo in famiglia: una volta stabilito il capobranco gli altri esemplari si adattano alla gerarchia e sono vispi e giocherelloni, molto affettuosi con i bambini e fedeli a tutta la famiglia, intelligenti e curiosi. Occorre tuttavia ricordare che il Fox Terrier ha mascelle molto forti e una dentatura che in proporzione è tre volte superiore alla sua taglia. È dunque sempre necessario fare attenzione in certi frangenti, per esempio quando i maschi si trovano di fronte ad altri maschi e possono esprimere tutta la loro aggressività. Anche per questo è consigliabile tenere un solo esemplare in famiglia o al massimo una coppia.</p>
<div id="fondo">
<form id="form" method="POST" action="https://www.freecodecamp.com/email-submit">
  <input id="email" placeholder="Inserisci la tua email" type="email" name="email"></input>
  <input id="submit" type="submit">
</form>
</div>

</body>
</html>

*{
  scroll-behavior: smooth;
}
html{
  margin: auto;
  padding: 0;
  width: 80%;
  max-width: 500px;
  min-width: 450px;
}
#header-img{
  width: 10%;
  object-fit: cover;
}
#header{
  display: flex;
  justify-content: center;
}
#nav-bar{
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: 10%;
  text-align: center;
  position: fixed;
  top:3%;
  left:80%;

}
a{
  text-decoration: none;
  color: black;
}
#videocentro{
  display: flex;
  justify-content: center;
}
.testo{
  column-count: 3;
  text-align: justify;
  column-gap: 4%;
  margin-left: 2%;
  margin-right: 2%;
  font-size: 1rem;
  padding-bottom: 5%;
}
.testo::first-letter{
  font-size: 5rem;
  float: left;
  padding: 0%;
  margin-top: -10;
  margin-bottom: -20;
}
h1, h3{
  letter-spacing: 20%;
}
#fondo{
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 992px) {
  body {
    background-color: white;
  }
}