ReLZKL

index.html

<link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">


<header id="title">
 <div id="logo">
  <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/36322742_665294633819781_8607630200856903680_n.jpg?_nc_cat=103&oh=0e5b7aac3821599620603e16784c053a&oe=5C4F3E5D" alt="logo-bottiglia"/>
  </div>
  <div id="titolo">
    <h1>La Bottiglia Local Street Food</h1>
    <p id="sottotitolo">The Sandwich Boutique</p>
  </div>
</header>
<nav id="navbar">
  <ul>
    <li><a class="nav-link" href="#chisiamo">CHI SIAMO</a></li>
    <li><a class="nav-link" href="#cosafacciamo">COSA FACCIAMO</a></li>
    <li><a class="nav-link" href="#cantine">CANTINE</a></li>
    <li><a class="nav-link" href="#cibo">SALUMI E FORMAGGI</a></li>
    </nav>
  <main>
    
      
      <div class="info">
        <section id="chisiamo">
        <h4>CHI SIAMO</h4>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vehicula sem vitae orci tristique porttitor. Vestibulum vitae nisl sit amet dolor laoreet tempus ac volutpat ligula. Aenean odio metus, elementum quis neque sit amet, hendrerit interdum erat. Praesent dignissim nulla a odio ultrices, id fermentum leo varius. Pellentesque commodo in mauris eleifend commodo. Praesent pretium felis urna, vel mattis sem ornare vitae. Quisque tristique massa eget est blandit, ac placerat lorem mattis. Praesent sit amet tempus dui. Nam vestibulum libero quam, sit amet finibus ligula condimentum elementum. Nunc efficitur enim nunc, ut egestas augue dapibus ut.</p>
        </section>
      </div>
    
    <div class="info">
      <section id="cosafacciamo">
        <h4>COSA FACCIAMO</h4>
        <p>Suspendisse potenti. Nam bibendum eleifend efficitur. Aliquam sed risus lorem. Vestibulum ultrices nisi id nisi mattis, eget vulputate lectus blandit. Morbi vehicula quam vitae suscipit dapibus. Proin vel velit interdum, facilisis nisl non, mattis ligula. Proin nec tristique nibh. Nunc feugiat vehicula mauris ac faucibus. Ut porta ligula a dolor bibendum elementum. Pellentesque erat eros, finibus ac felis vitae, luctus tempor ante. Quisque id sollicitudin justo, ut sodales nulla. Duis lorem ligula, suscipit sed interdum vel, rhoncus at erat. Integer ultricies nec erat ac eleifend. Integer scelerisque nulla nibh, nec tristique massa sollicitudin sit amet.</p>
      </section>
    </div>

relzkl.markdown

ReLZKL

A Pen by Alessio on CodePen.

License.

style.css

body {background-color: #990033;
  text-align: center
}
img {width: auto;
height: auto;
max-width: 200px}

#titolo {padding-top:15px;
}
#sottotitolo {font-family: 'Indie Flower', cursive; font-size: 20px;}

nav ul li {display: inline-block;}

.nav-link {color: black;}
.nav-link:hover {
  color: #008080;
  text-decoration: none;
}

#navbar {padding-top:15px}
main {padding-top: 35px;}