Skip to content

Instantly share code, notes, and snippets.

@gbvitrano
Last active May 14, 2021 09:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save gbvitrano/6e4cfea59ba90e97b98346a2e0da4b0f to your computer and use it in GitHub Desktop.
Save gbvitrano/6e4cfea59ba90e97b98346a2e0da4b0f to your computer and use it in GitHub Desktop.
Template base per pagine html gist.github - By @opendatasicilia
license: mit
<!DOCTYPE html>
<html lang="it">
<head>
<title>Template base per pagine index.html gist.github - By @OpenDataSicilia</title>
<meta charset="utf-8">
<meta http-equiv="content-language" content="IT">
<meta name="author" content="Giovan Battista Vitrano per OpenDataSicilia.it">
<meta name="keywords" content="Open Data, Sicilia">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<META HTTP-EQUIV="refresh" CONTENT="600">
<meta name="description" content="Template base per pagine index.html gist.github - By @OpenDataSicilia">
<meta name="robots" content="index,follow">
<meta name="creation_Date" content="16/03/2021">
<!-- favicon -->
<link rel="shortcut icon" href="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/favicon.ico"/>
<link rel="icon" href="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/favicon.png" type="image/png"/>
<!-- Bootstrap core CSS -->
<link href="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- backTop CSS -->
<link href="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/css/backTop.css" rel="stylesheet" type="text/css" />
<!-- Custom styles for this template -->
<link href="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/css/css_gb.css" rel="stylesheet">
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://use.fontawesome.com/releases/v5.15.1/js/all.js" crossorigin="anonymous"></script>
<!-- Open Graph Protocol -->
<meta property="og:title" content="opendatasicilia" />
<meta property="og:description" content="Template base per pagine index.html gist.github - By @OpenDataSicilia." />
<meta property="og:url" content="http://bl.ocks.org/gbvitrano/raw/6e4cfea59ba90e97b98346a2e0da4b0f/" />
<meta property="article:author" content="Giovan Battista Vitrano per Open Data Sicilia" />
<meta property="og:image" content="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/img/social_card.png" />
<meta property="og:site_name" content="palermohub.opendatasicilia.it" />
<!-- Open Graph Protocol -->
<!-- twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="opendatasicilia">
<meta name="twitter:description" content="Template base per pagine index.html gist.github - By @OpenDataSicilia.">
<meta name="twitter:image" content="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/img/social_card.png">
<meta name="twitter:creator" content="@gbvitrano Giovan Battista Vitrano per Open Data Sicilia">
<meta name="twitter:site" content="opendatasicilia.it" />
<meta name="twitter:url" content="https://opendatasicilia.it">
<!-- twitter -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87653723-4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-87653723-4');
</script>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
<div class="container">
<!--logo/associazione -->
<a class="navbar-brand js-scroll-trigger" title="@opendatasicilia" href="http://opendatasicilia.it/" target="_blank">@opendatasicilia</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<!-- menu dx -->
<a class="nav-link js-scroll-trigger" title="Progetto" href="#pro">Progetto</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" title="Mappa" href="#maps">Mappa</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" title="La comunità OpenDataSicilia" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" title="Contatti/Social" href="#contact">Contatti</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- blocco header- titolo e sottotitolo -->
<header class="bg-primary text-white">
<div class="container text-center">
<h1>Template base per pagine index.html gist.github </h1>
<p class="lead">Sottotitolo...</p>
</div>
</header>
<!-- Primo blocco -->
<section id="pro">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<h2>Progetto</h2>
<p class="lead">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.<br> It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum <br> Where can I get some?
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.</p>
</div>
</div>
</div>
</section>
<!-- Secondo blocco-->
<section id="maps" class="bg-light">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<h2>Suddivisione del territorio di Palermo - Censimento ISTAT 2011</h2>
<p class="lead">
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham. <br>
</p>
<!-- inizio mappa -->
<iframe width="100%" height="600px" frameborder="0" allowfullscreen src="//umap.openstreetmap.fr/it/map/suddivisione-del-territorio-di-palermo-censimento-_113434?scaleControl=false&miniMap=false&scrollWheelZoom=false&zoomControl=true&allowEdit=false&moreControl=true&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=caption&captionBar=false"></iframe><p><a href="//umap.openstreetmap.fr/it/map/suddivisione-del-territorio-di-palermo-censimento-_113434">Visualizza a schermo intero</a></p>
<!-- fine mappa -->
</div>
</div>
</div>
</section>
<!--Terzo blocco about -->
<section id="about">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<h2>La comunità OpenDataSicilia</h2>
<p class="lead"><strong><a href="https://groups.google.com/g/opendatasicilia" target="_blank">#OpenDataSicilia</a></strong>
è una iniziativa civica che si propone di far conoscere e diffondere la cultura dell&rsquo;open government e le prassi dell&rsquo;<strong>open data</strong> e aprire una discussione pubblica partecipata.
<br>Siamo accomunati dalla genuina volontà di contribuire a migliorare la qualità della vita delle nostre comunità e vogliamo farlo con spirito di collaborazione e concretezza.</p>
</div>
</div>
</div>
</section>
<!--Quarto blocco Social -->
<section id="contact">
<div class="container">
<!-- <div class="row">
<div class="col-lg-12 mx-auto"> -->
<!-- <h2>Contatti:</h2> -->
<div class="row justify-content-center">
<!-- icone social -->
<div class="social-icons">
<!-- Social sito web -->
<a class="social-icon" href="http://opendatasicilia.it/" title="Sito web opendatasicilia.it" target="_blank"><i class="fab fa fa-globe"></i></a>
<!-- Social ML -->
<a class="social-icon" href="https://groups.google.com/d/forum/opendatasicilia" title="Google mailing list" target="_blank"><i class="fa fa-envelope"></i></a>
<!-- Social twitter -->
<a class="social-icon" href="https://twitter.com/opendatasicilia" title="Twitter" target="_blank"><i class="fab fa-twitter"></i></a>
<!-- Social facebook -->
<a class="social-icon" href="https://www.facebook.com/groups/opendatasicilia/" title="FaceBook" target="_blank" ><i class="fab fa-facebook"></i></a>
<!-- Social telegram -->
<a class="social-icon" href="https://t.me/opendatasicilia" title="Gruppo Telegram" target="_blank" ><i class="fab fa-telegram"></i></a>
<!-- Social github -->
<a class="social-icon" href="https://github.com/opendatasicilia" title="GitHub" target="_blank"><i class="fab fa-github"></i></a>
<!-- Social data.world -->
<a class="social-icon" href="#" title="data.world - Coming Soon" target="_blank" ><i class="fa fa-database"></i></a>
<!-- </div>
</div> -->
</div>
</div> </div>
</section>
<!-- Footer -->
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">2021 - <a href="https://twitter.com/opendatasicilia" title="@OpenDataSicilia" target="_blank">@OpenDataSicilia</a> - I contenuti di questa pagina sono pubblicati con <a href="http://creativecommons.org/licenses/by/4.0/" title="Attribution 4.0 International (CC BY 4.0)" target="_blank">licenza CC BY 4.0</a><br>
Template di base: <a href="https://startbootstrap.com/template/scrolling-nav" target="_blank" title="An attractive one page Bootstrap theme perfect for creative portfolios and businesses">Start Bootstrap - Creative</a></p>
</div>
<!-- /.container -->
</footer>
<!-- Script vari -->
<!-- Condivisione social -->
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-6053b218aa458d52"></script>
<!-- Bootstrap core JavaScript -->
<script src="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/vendor/jquery/jquery.min.js"></script>
<script src="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom JavaScript for this theme -->
<script src="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/js/scrolling-nav.js"></script>
<!-- script toptoback automatico mobile/desktop -->
<a id='backTop'>Back To Top</a>
<script type="text/javascript" src="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/js/jquery.backTop.min.js"></script>
<script>
$(document).ready( function() {
$('#backTop').backTop({
'position' : 400,
'speed' : 300,
'color' : 'red',
});
});
</script>
<!-- Barra progressione -->
<script type="text/javascript" src="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/js/prognroll_home.js"></script>
<script>
$(function() {
$("body").prognroll({
height: 4, //Progress bar height in pixels
color: "#ff9900", //Progress bar background color
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment