244 lines
9.7 KiB
HTML
244 lines
9.7 KiB
HTML
<!DOCTYPE html>
|
|
<!--[if lt IE 7 ]>
|
|
<html class="ie ie6" lang="en"> <![endif]-->
|
|
<!--[if IE 7 ]>
|
|
<html class="ie ie7" lang="en"> <![endif]-->
|
|
<!--[if IE 8 ]>
|
|
<html class="ie ie8" lang="en"> <![endif]-->
|
|
<!--[if (gte IE 9)|!(IE)]><!-->
|
|
<html lang="en"> <!--<![endif]-->
|
|
<head>
|
|
|
|
<!-- Basic Page Needs
|
|
================================================== -->
|
|
<meta charset="utf-8">
|
|
<title>Carte da legare: Archivi della psichiatria in Italia.</title>
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
|
|
<!-- Mobile Specific Metas
|
|
================================================== -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
|
|
<!-- CSS
|
|
================================================== -->
|
|
<!-- Skeleton responsive -->
|
|
<link rel="stylesheet" href="css/skeleton.css">
|
|
<!-- Skeleton responsive -->
|
|
<link rel="stylesheet" href="css/layout.css">
|
|
<!-- Template -->
|
|
<link rel="stylesheet" href="css/main.css">
|
|
<!-- Icons -->
|
|
<link rel="stylesheet" href="css/font-awesome.min.css">
|
|
<!-- Slider -->
|
|
<link rel="stylesheet" href="css/nivo-slider.css"/>
|
|
<!-- Slider -->
|
|
<link rel="stylesheet" href="themes/default/default.css"/>
|
|
<!-- Photogallery -->
|
|
<link rel="stylesheet" href="css/colorbox.css"/>
|
|
<!-- Slide menu -->
|
|
<link rel="stylesheet" href="css/jquery.navgoco.css">
|
|
<!-- Google Font -->
|
|
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
|
|
<link href='http://fonts.googleapis.com/css?family=Cambo' rel='stylesheet' type='text/css'>
|
|
|
|
<!-- Font Awesome -->
|
|
<!--[if IE 7]>
|
|
<link rel="stylesheet" href="css/font-awesome-ie7.min.css">
|
|
<![endif]-->
|
|
|
|
<!-- HTML5 Support for ancient browsers -->
|
|
<!--[if lt IE 9]>
|
|
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
|
<![endif]-->
|
|
|
|
<!-- SVG support for gradients -->
|
|
<!--[if gte IE 9]>
|
|
<style type="text/css">
|
|
.gradient {
|
|
filter: none;
|
|
}
|
|
</style>
|
|
<![endif]-->
|
|
|
|
<!-- Javascripts
|
|
================================================== -->
|
|
|
|
<!-- JQuery -->
|
|
<script type='text/javascript' src='js/jquery.js'></script>
|
|
<!-- Nivo slider -->
|
|
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
|
|
<!-- jQuery Placeholder -->
|
|
<script type="text/javascript" src="js/jquery.placeholder.js"></script>
|
|
<!-- Tab Menu jQuery plugin -->
|
|
<script type="text/javascript" src="js/jquery.colorbox-min.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
$(function () { // Launched when page is ready
|
|
|
|
// JQuery Placeholder init
|
|
$('input, textarea').placeholder();
|
|
|
|
// Nivo slider init
|
|
$('#slider').nivoSlider({
|
|
effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
|
|
slices: 15, // For slice animations
|
|
boxCols: 8, // For box animations
|
|
boxRows: 4, // For box animations
|
|
animSpeed: 500, // Slide transition speed
|
|
pauseTime: 3000, // How long each slide will show
|
|
startSlide: 0, // Set starting Slide (0 index)
|
|
directionNav: true, // Next & Prev navigation
|
|
controlNav: false, // 1,2,3... navigation
|
|
controlNavThumbs: false, // Use thumbnails for Control Nav
|
|
pauseOnHover: true, // Stop animation while hovering
|
|
manualAdvance: false, // Force manual transitions
|
|
prevText: 'Prev', // Prev directionNav text
|
|
nextText: 'Next', // Next directionNav text
|
|
randomStart: false // Start on a random slide
|
|
});
|
|
|
|
});
|
|
</script>
|
|
|
|
<!-- Favicons
|
|
================================================== -->
|
|
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
|
|
<!-- Apple Touch Icons -->
|
|
<link rel="apple-touch-icon" href="favicon/apple-touch-icon.png" />
|
|
<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-touch-icon-57x57.png" />
|
|
<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-touch-icon-72x72.png" />
|
|
<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-touch-icon-114x114.png" />
|
|
<link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-touch-icon-144x144.png" />
|
|
<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-touch-icon-60x60.png" />
|
|
<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-touch-icon-120x120.png" />
|
|
<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-touch-icon-76x76.png" />
|
|
<link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-touch-icon-152x152.png" />
|
|
<!-- Windows 8 Tile Icons -->
|
|
<meta name="msapplication-square70x70logo" content="favicon/smalltile.png" />
|
|
<meta name="msapplication-square150x150logo" content="favicon/mediumtile.png" />
|
|
<meta name="msapplication-wide310x150logo" content="favicon/widetile.png" />
|
|
<meta name="msapplication-square310x310logo" content="favicon/largetile.png" />
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- Header -->
|
|
<div class="sixteen columns">
|
|
<div class="container">
|
|
<div class="sixteen header">
|
|
<div class="ten"><img src="images/header.jpg" alt="logo"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END // Header -->
|
|
<div class="container bg-container">
|
|
<!-- mini -->
|
|
<div class="mini-bar">
|
|
</div>
|
|
<!-- END // mini -->
|
|
<!-- Page content -->
|
|
<div class="sixteen columns content clearfix">
|
|
|
|
<!-- elemento colonna sx -->
|
|
<div class="four columns content alpha">
|
|
<ol class="base_list vertical_menu">
|
|
<li><i class="fa fa-caret-right"></i> <a href="#">Home</a></li>
|
|
<li><i class="fa fa-caret-right"></i> <a href="#">Progetto</a></li>
|
|
<li><i class="fa fa-caret-right"></i> <strong><a href="#">Archivi</a></strong></li>
|
|
<li><i class="fa fa-caret-right"></i> <a href="#">Inventari</a></li>
|
|
<li><i class="fa fa-caret-right"></i> <a href="#">Ricerca</a></li>
|
|
<li><i class="fa fa-caret-right"></i> <a href="#">Statistiche</a></li>
|
|
<li><i class="fa fa-caret-right"></i> <a href="#">Storie di vita</a></li>
|
|
<li><i class="fa fa-caret-right"></i> <a href="#">Materiali e link</a></li>
|
|
<li><i class="fa fa-caret-right"></i> <a href="#">Credits e contatti</a></li>
|
|
</ol>
|
|
<div class="four columns partner"><img src="images/loghi.png" alt="logo"></div>
|
|
</div>
|
|
<!-- END // elemento colonna sx -->
|
|
<!-- colonna centrale -->
|
|
<div class="eleven columns content clearfix ">
|
|
<div class="widget">
|
|
<h1>Notizie</h1>
|
|
<ul class="base_list news_list">
|
|
<li>
|
|
<div class="date">September 2013</div>
|
|
<a href=""><strong>A.Wallace, British ist</strong></a><br>
|
|
Lorem ipsum dolor sit amet,
|
|
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
|
|
et dolore magna aliqua Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, consectetur
|
|
adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
</li>
|
|
<li>
|
|
<div class="date">September 2013</div>
|
|
<a href=""><strong> On the Origin of Species</strong></a><br>
|
|
Lorem ipsum dolor sit amet, consectetur
|
|
adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum
|
|
dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
|
magna aliqua Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
|
|
incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, consectetur adipisicing
|
|
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
</li>
|
|
<li>
|
|
<div class="date">September 2013</div>
|
|
<a href=""><strong>The Malay Archipelago</strong></a><br>
|
|
Lorem ipsum dolor sit amet, consectetur
|
|
adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum
|
|
dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
|
magna aliqua Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
|
|
incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, consectetur adipisicing
|
|
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
</li>
|
|
<li>
|
|
<div class="date">September 2013</div>
|
|
<a href=""><strong>Darwin and Charles Lyell</strong></a><br>
|
|
Lorem ipsum dolor sit amet,
|
|
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
|
|
et dolore magna aliqua Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, consectetur
|
|
adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
<div class="clearfix num_bar">
|
|
<a href="#a"><i class="fa fa-caret-left"></i> previous</a> |
|
|
<a class="current" href="#b">1</a> |
|
|
<a href="#c">2</a> |
|
|
<a href="#d">3</a> |
|
|
<a href="#e">4</a> |
|
|
<a href="#f">5</a> |
|
|
<a href="#g">6</a> |
|
|
<a href="#h">7</a> |
|
|
<a href="#i">8</a> |
|
|
<a href="#l">9</a> |
|
|
<a href="#m">next <i class="fa fa-caret-right"></i></a>
|
|
</div>
|
|
</div>
|
|
<!-- END // colonna centrale -->
|
|
|
|
<!-- END // Page content -->
|
|
|
|
|
|
|
|
</div>
|
|
<!-- END // Container -->
|
|
|
|
|
|
<!-- Footer -->
|
|
<div class="footer">
|
|
<div class="container">
|
|
<div class="sixteen columns">
|
|
<div class="widget">
|
|
<strong>Carte da legare</strong> Copyright 2013 MIBAC - Ministero per i Beni e le Attività Culturali
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END // Footer -->
|
|
</body>
|
|
</html> |