nicolo/fara-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Responsive nav (no animation...)

Browse Source
This commit is contained in:
Nicolò P
2021-08-03 19:03:27 +02:00
parent eaaa25c389
commit 499138614e
8 changed files with 148 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
index.html
View File

@@ -4,6 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/spectre-icons.css">
<script src="js/ui.js" type="text/javascript"></script>
<title>Nel cielo di Fara</title>
</head>
@@ -11,16 +12,28 @@
<header class="main-header home">
<div class="container">
<div class="columns text-gray" id="nav">
<div class="column col-lg-7 col-sm-2 col-md-2">
<img src="img/InnovaPatrimonio_logo_transparent_bg_150x98.png" alt="Logo InnovaPatrimonio" id="logo">
<div class="column col-lg-7 col-sm-10 col-md-2">
<img class="hide-sm" src="img/InnovaPatrimonio_logo_transparent_bg_150x98.png" alt="Logo InnovaPatrimonio" id="logo">
<i class="icon icon-menu show-sm"></i>
</div>
<div class="column col-lg-5 col-sm-10 col-md-10 nav-light nav-menu" id="links">
<div class="column col-sm-2 show-sm text-right">
<img class="show-sm" src="img/InnovaPatrimonio_logo_transparent_bg_150x98.png" alt="Logo InnovaPatrimonio" id="logo">
</div>
<div class="hide-sm column col-lg-5 col-sm-10 col-md-10 nav-light nav-menu" id="links">
<a href="index.html" title="Torna alla home page">Home</a>
<a href="progetto.html" title="Vai alla descrizione del progetto">Il progetto</a>
<a href="itinerario.html" title="Vai all'itinerario">L'itinerario</a>
<a href="news.html" title="Leggi news ed eventi">News & Eventi</a>
<a href="credits.html" title="Credits del progetto">Credits</a>
</div>
<nav class="d-hide h-nav bg-white opensans">
<p id="close-nav">X</p>
<a href="index.html" title="Torna alla home page">Home</a>
<a href="progetto.html" title="Vai alla descrizione del progetto">Il progetto</a>
<a href="itinerario.html" title="Vai all'itinerario">L'itinerario</a>
<a href="news.html" title="Leggi news ed eventi">News & Eventi</a>
<a href="credits.html" title="Credits del progetto">Credits</a>
</nav>
</div>
</div>
<div id="title" class="text-center">