<!DOCTYPE html>
<html lang="it">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Sito web del Ristorante Rosmarino - Albano Laziale (RM)">
    <meta name="author" content="Mattia Calicchia">

    <title>Rosmarino - Ristorante Pizzeria</title>

    <!-- Bootstrap Core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
       
    <!-- Theme CSS -->
    <link href="css/grayscale.min.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">

    <!-- Navigation -->
    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                    Menu <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top">
                Rosmarino
                <p class="subtitle">Ristorante & Pizzeria</p>
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
                <ul class="nav navbar-nav">
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#about">Chi Siamo</a>
                    </li>
                     <li>
                        <a class="page-scroll" href="#dovesiamo">Dove Siamo</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#contact">Contatti</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#photo-gallery">Foto</a>
                    </li>
                    <li>
                    <a class="page-scroll" href="#prenota">
                            <i class="fa fa-cutlery"></i> Prenota
                        </a>
                    </li>    
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <!-- Intro Header -->
    <header class="intro">
        <div class="intro-body">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2">
                        <h1 style="font-size:50px;">"La vita è una combinazione di magia e pasta."</h1>
                        <p class="intro-text">Federico Fellini</p>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- About Section -->
    <section id="about" class="container content-section text-center">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2">
                <img src="img/rosmarino.png" width="200px"><br>
                
                <h2>Cos'è Rosmarino?</h2>
                <p>Rosmarino è un piccolo ristorante situato al centro di Albano Laziale,</br>
                graziosa cittadina dei Castelli Romani a pochi chilometri da Roma.</br>
        <br>
                Aperto a cena per farvi gustare i piatti tipici della cucina italiana, </br> 
               preparati con prodotti freschi e genuini, in un'atmosfera intima ed accogliente.
        </p>
             <h2>Orario</h2>
                <p>Lunedi – Domenica : 19:00 – 22:30 </p>
                <p><strong>Martedì giorno di chiusura</strong></p>
            </div>
        </div>
    </section>

    <!-- Download Section -->
    <section  class="content-section text-center">
        <div class="download-section">
            <div class="container">
                <div class="col-lg-8 col-lg-offset-2">
                    <h1 style='font-size:50px'>"Il buon cibo è il fondamento della vera felicità."</h1>
                    <p class='intro-text'>Auguste Escoffier</p>
          
            </div>
        </div>
    </section>

    <!-- Contact Section -->
    <section id="dovesiamo" class="container content-section text-center">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2">
                <h2>Dove siamo?</h2>
                <p>Ci troviamo in Corso Giacomo Matteotti 202, Albano Laziale (RM)</br> Di fianco al teatro Alba Radians</p>
        <div class="google-maps">
          <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1488.847948859895!2d12.658147490919857!3d41.72708052132233!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1325850699019ee1%3A0xe38f5914e7aeebf4!2sRosmarino!5e0!3m2!1sit!2sit!4v1473538678971" width="400" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
        </div>
            </div>
        </div>
    </section>
        
            <!-- Download Section -->
    <section  class="content-section text-center">
        <div class="download2-section">
            <div class="container">
                <div class="col-lg-8 col-lg-offset-2">
                    <h1 style='font-size:50px'>"Non c’è amore più sincero di quello per il cibo."</h1>
                    <p class='intro-text'>George Bernard Shaw</p>
          
            </div>
        </div>
    </section>
        
 <!-- Contact Section -->
    <section id="contact" class="container content-section text-center">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2">
                <h2>Contatti</h2>
                <p>Per info e prenotazioni, non esitare a contattarci! </br>
                Tel. 3480300355 </br>
                Email: <a href="mailto:info@rosmarinoalbano.it">info@rosmarinoalbano.it</a>
        <h2>Puoi trovarci anche su</h2></br>
                <ul class="list-inline banner-social-buttons">
                    <li>
                        <a href="https://www.facebook.com/rosmarinoalbano" class="btn btn-default btn-lg"><i class="fa fa-facebook fa-fw"></i> <span class="network-name">Facebook</span></a>
                    </li>
                    <li>
                        <a href="https://instagram.com/rosmarinoalbano" class="btn btn-default btn-lg"><i class="fa fa-instagram fa-fw"></i> <span class="network-name">Instagram</span></a>
                    </li>
                </ul>
                </p>

               
            </div>
        </div>
    </section>   
        
        <!-- Download Section -->
    <section  class="content-section text-center">
        <div class="download3-section">
            <div class="container">
                <div class="col-lg-8 col-lg-offset-2">
                    <h1 style='font-size:50px'>"Tutto quello che vedete lo devo agli spaghetti."</h1>
                    <p class='intro-text'>Sophia Loren</p>
          
            </div>
        </div>
    </section> 
        


      <!-- Contact Section -->
    <section id="photo-gallery" class="container content-section text-center">
        <div class="row">
                <div class="container">
                    <div class="col-lg-8 col-lg-offset-2">
                <h2>Le ultime foto da Instagram</h2>
                <div class="powr-instagram-feed" id="e93996b6_1501699490"></div>         
            </div>
        </div>
    </section> 
           <!-- Download Section -->
    <section  class="content-section text-center">
        <div class="download4-section">
            <div class="container">
                <div class="col-lg-8 col-lg-offset-2">
                    <h1 style='font-size:50px'>"Non c’è sensazione migliore al mondo di una scatola di pizza calda in grembo."</h1>
                    <p class='intro-text'>Kevin James</p>
          
            </div>
        </div>
    </section>     
     
          <!-- Contact Section -->
    <section id="prenota" class="container content-section text-center">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2">
                <h2>Prenota un tavolo!</h2>
            
                <iframe src="https://module.lafourchette.com/it_IT/module/216187-d3d0f" width="100%" marginwidth="0" height="652" marginheight="0" scrolling="No" frameborder="0">
                </iframe>
         
               
            </div>
        </div>
    </section>

           <!-- Download Section -->
    <section  class="content-section text-center">
        <div class="download5-section">
            <div class="container">
                <div class="col-lg-8 col-lg-offset-2">
                    <h1 style='font-size:50px'>"Tutto ciò che viene dalla mia cucina è cresciuto nel cuore."</h1>
                    <p class='intro-text'>Paul Eluard</p>
          
            </div>
        </div>
    </section>



    <!-- Footer -->
    <footer>
        <div class="container text-center">
            <p>Sito realizzato da<a href="http://mattiacalicchia.com"> Mattia Calicchia</a> </p></br>
            <p>
                <a href="//www.iubenda.com/privacy-policy/7904064" class="iubenda-black iubenda-embed" title="Privacy Policy">Privacy Policy</a><script type="text/javascript">(function (w,d) {var loader = function () {var s = d.createElement("script"), tag = d.getElementsByTagName("script")[0]; s.src = "//cdn.iubenda.com/iubenda.js"; tag.parentNode.insertBefore(s,tag);}; if(w.addEventListener){w.addEventListener("load", loader, false);}else if(w.attachEvent){w.attachEvent("onload", loader);}else{w.onload = loader;}})(window, document);</script>
            </p>
        </div>
    </footer>

    <!-- jQuery -->
    <script src="vendor/jquery/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

    <!-- Theme JavaScript -->
    <script src="js/grayscale.min.js"></script>

   
<script src="//www.powr.io/powr.js" external-type="html"></script> 

</body>


<script>
 //Google Analitycs
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-21655051-1', 'auto');
  ga('send', 'pageview');

</script>
</html>
