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

Home page - first draft (temp JSgit st)

Browse Source
This commit is contained in:
Nicolò P
2021-07-28 17:25:10 +02:00
parent 4ac893d841
commit 8a8269718d
13 changed files with 141 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
index.html
View File

@@ -8,13 +8,43 @@
<title>Nel cielo di Fara</title>
</head>
<body>
<header class="main-header">
<header class="main-header bg1">
<div class="container">
<!-- GRIIIIDDDDD -->
<div class="columns" id="nav">
<div class="column col-7">
<img src="img/InnovaPatrimonio_logo_transparent_bg_150x98.png" alt="Logo InnovaPatrimonio" id="logo">
</div>
<div class="column col-5" 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>
</div>
</div>
<div id="title">
<h1 class="arvo text-center">Nel cielo di Fara</h1>
<button class="text-center">Entra</button>
</div>
</header>
<main></main>
<footer class="roboto">
<p id="copy">&copy; Avviso pubblico Beni Culturali e Turismo POR FESR Lazio 2014-2020</p>
<p><img src="img/FESR_BARRA_BENEFICIARI_DEF.jpg" id="benef" alt="Loghi enti beneficiari"></p>
</footer>
</body>
<!-- MOOOVE AWAAAAAYY -->
<script type="text/javascript">
window.addEventListener('load', function () {
let navlinks = document.querySelector('#links').children;
Array.from(navlinks).forEach(element => {
let ref = element.href.substr(element.href.lastIndexOf('/'), element.href.length);
if (window.location.href.includes(ref)) {
element.setAttribute('class', 'active');
}
});
});
</script>
</html>