Navigazione by @KingStef - Codewith.it

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

References

srcIndica la provenienza di una risorsa esterna (tramite URL).
formenctypeDefinisce il tipo di codifica dei dati di un elemento input
hrefDefinisce l'URL della risorsa/pagina di destinazione.
<pre>Indica una parte di testo preformattato
<nav>Definisce un menu di navigazione
<h2>Titolo di intestazione di secondo livello

Users

Log in to search for users

Explore

Find inspiration

tabella con immagine

Form di Registrazione

BuzzTech Blog | News blog Magazine

es da correggere

esercitazione 6

Prenotazione Appuntamento

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.

<link href="https://fonts.googleapis.com/css?family=Arvo&display=swap" rel="stylesheet">

<nav role="navigation" class="primary-navigation">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Tables &dtrif;</a>
      <ul class="dropdown">
        <li><a href="#">Students</a></li>
        <li><a href="#">Country Of Origin</a></li>
        <li><a href="#">Mobility Companies</a></li>
        <li><a href="#">Join Tables</a></li>
      </ul>
    </li>
    <li><a href="#">Gallery</a></li>
    <li><a href="#">About</a></li>
  </ul>
</nav>

nav.primary-navigation {
	 margin: 0 auto;
	 display: block;
	 padding: 50px 0 0 0;
	 text-align: center;
	 font-size: 16px;
}
 nav.primary-navigation ul li {
	 list-style: none;
	 margin: 0 auto;
	 border-left: 2px solid #3ca0e7;
	 display: inline-block;
	 padding: 0 30px;
	 position: relative;
	 text-decoration: none;
	 text-align: center;
	 font-family: arvo;
}
 nav.primary-navigation li a {
	 color: black;
}
 nav.primary-navigation li a:hover {
	 color: #3ca0e7;
}
 nav.primary-navigation li:hover {
	 cursor: pointer;
}
 nav.primary-navigation ul li ul {
	 visibility: hidden;
	 opacity: 0;
	 position: absolute;
	 padding-left: 0;
	 left: 0;
	 display: none;
	 background: white;
}
 nav.primary-navigation ul li:hover > ul, nav.primary-navigation ul li ul:hover {
	 visibility: visible;
	 opacity: 1;
	 display: block;
	 min-width: 250px;
	 text-align: left;
	 padding-top: 20px;
	 box-shadow: 0px 3px 5px -1px #ccc;
}
 nav.primary-navigation ul li ul li {
	 clear: both;
	 width: 100%;
	 text-align: left;
	 margin-bottom: 20px;
	 border-style: none;
}
 nav.primary-navigation ul li ul li a:hover {
	 padding-left: 10px;
	 border-left: 2px solid #3ca0e7;
	 transition: all 0.3s ease;
}
 a {
	 text-decoration: none;
}
 a:hover {
	 color: #3ca0e7;
}
 ul li ul li a {
	 transition: all 0.5s ease;
}