Untitled Document

<!DOCTYPE html>
<html>
<body>
<style>
body {background-color:beige; text-align:center;}
h1 {color:blue; font-size:40px; }
p {font-family:kinic; font-size:20px;}
</style>
<p><font color="red">Pasta Amore</font></p>
<p><font color=" green">To provide a warm atmosphere for your family where we can share the traditional cuisines of Italy. Our food will always be fun, fresh and filled with love</font></p>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {font-family: Arial;}

/* Style the tab */
.tab {
overflow: hidden;
border: 1px solid #ccc;
background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
}
</style>
</head>
<body>

<h2>More!</h2>
<p>Learn more!</p>

<div class="tab">
<button class="tablinks" onclick="openCity(event, 'Contact')">Contact</button>
<button class="tablinks" onclick="openCity(event, 'About')">Mission</button>
<button class="tablinks" onclick="openCity(event, 'Specials')">Specials</button>
</div>

<div id="Contact" class="tabcontent">
<h3>Contact</h3>
<p>123 Ave Street
507-234-4567.</p>
</div>

<div id="About" class="tabcontent">
<h3>Mission</h3>
<p>Mission Statement:
To provide a warm atmosphere for your family where we can share the traditional cuisines of Italy. Our food will always be fun, fresh and filled with love.</p>
</div>