Code
advertisement
First page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="stylesheet.css" type="text/css"/>
<title>La Vie Est Belle</title>
</head>
<body>
<div id="header"></div>
<div id="img2"><img src="Img/la.jpg" alt="img2"/></div>
<div id="img1"><img src="Img/1.jpg" alt="img1"/></div>
<div id="home"><a href="main.html" >Home</a> </div>
<div id="menu"><a href="Menu.html" >Sample menu</a></div>
<div id="us"><a href="About Us.html">About Us</a></div>
<div id="booking"><a href="booking.html" >Online Booking</a></div>
<div id = "firstpara" >
<div id="img3"> <img src="Img/3.jpg" height= "110" width= "200" alt="img3"/> </div>
<h2 >Sizzling Happy Hours!</h2>
Come on in to check out our sizzling hot happy hours! Everyday from 3:30pm to Closing, $3 Domestic beers, $3.50 Imports, and $6.00
house martinis and Polynesian drinks!
<p>And soon we will be introducing bar sized plates to enjoy during the happy hour!</p>
<p>With happy hours this long, we should just call'em happy days!</p>
</div>
<div id="secondpara">
<div id="img4"><img src="Img/4.jpg" height= "110" width= "200" alt="img4" /></div>
<h2>French Cuisine</h2>
La Vie Est Belle is pleased to announce that we now have a new menu featuring a French section. All French food lovers are welcome to
enjoy our new servings prepared from French cooks.
</div>
<div id="aud" >
<object data="song.mp3" type="audio/mpeg" width="200" height="30"></object>
</div>
<div id="img5"><img src="Img/5.jpg" alt ="img5"/> </div>
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
</p>
</body>
</html>
Second page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="stylesheet.css" type="text/css"/>
<title>Sample Menu</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$(".img6").slideUp(1000);
});
$(".btn2").click(function(){
$(".img6").slideDown(1000);
});
});
</script>
</head>
<body>
<div id="header"></div>
<div id="img2"><img src="Img/la.jpg" alt="img2"/></div>
<div class="img6" id="img6a"><img src="Img/college.jpg" width="1200" height="550" alt="img6a"/></div>
<div id="home"><a href="main.html">Home</a> </div>
<div id="menu"><a href="Menu.html">Sample menu</a></div>
<div id="us"><a href="About Us.html">About Us</a></div>
<div id="booking"><a href="booking.html">Online Booking</a></div>
<div id="btn1"><button class="btn1" style="background-color: #999966;font-family: Oswald; font-size: 40px;">Show me the
menu</button></div>
<div id="btn2"><button class="btn2" style="background-color: #999966;font-family: Oswald; font-size: 40px;">Back to the
cover</button></div>
<div id="img7"><img src="Img/7.jpg" alt="img7"/></div>
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
</p>
</body>
</html>
Third page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="stylesheet.css" type="text/css"/>
<title>About Us</title>
</head>
<body>
<div id="header"></div>
<div id="img2"><img src="Img/la.jpg" alt ="img2"/></div>
<div id="home"><a href="main.html" >Home</a> </div>
<div id="menu"><a href="Menu.html" >Sample menu</a></div>
<div id="us"><a href="About Us.html">About Us</a></div>
<div id="booking"><a href="booking.html" >Online Booking</a></div>
<div id="loc">
<h2 id="loc1">Location</h2>
Cristoforo Colombo Street 15
<br/><br/>
85326 Positano (SA) Italia
<br/><br/>Tel. +39 089 660587
<br/><br/>Fax +39 089987118
</div>
<div id="arrive">
<h2 >How To Arrive</h2>
<ul>
<li><h3>By Train </h3>
At Amalfi Central Station you can ask for a private car. It will take you to "La Vie Est Belle" in approximately one
hour. You can find the train schedule <a href="www.trenitalia.com">here.</a>
</li>
<li><h3>By Car </h3>
Take the highway A5 Stabia-Salerno-Positano and exit at Salerno di Castellammare. After that follow the signs to
Pompei.
</li>
<li><h3>By Bus </h3>
At Sirenuse Bus Station you can take bus number 13 which will bring you in the beginning of Caprese street. You
have to walk straight for 10 minutes and then take the first right turn. <a href="http://www.italylogue.com/planning-a-trip/bus-travel-initaly.html">Here</a> you will find the bus schedule.
</li>
</ul>
</div>
<div id="map"><img src="Img/map.jpg" width= "500" alt ="map"/></div>
<div id="panorama"><img src="Img/panorama.jpg" height="200" width="900" alt="panorama"/></div>
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
</p>
</body>
</html>
Third page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="stylesheet.css" type="text/css"/>
<title>Online Booking</title>
</head>
<body id="back">
<div id="header"></div>
<div id="img2"><img src="Img/la.jpg" alt="img2"/></div>
<div id="home"><a href="main.html" >Home</a> </div>
<div id="menu"><a href="Menu.html" >Sample menu</a></div>
<div id="us"><a href="About Us.html" >About Us</a></div>
<div id="booking"><a href="booking.html" >Online Booking</a></div>
<div id="size">
<input type="radio" name="party" value="number" />1
<input type="radio" name="party" value="number" />2
<input type="radio" name="party" value="number" />3
<input type="radio" name="party" value="number" />4
<input type="radio" name="party" value="number" />5
<p id="choose">Choose Party Size</p>
</div>
<div id="about"><img src="Img/us.jpg" alt="about" /></div>
<div id="dulub">
<label >Choose:
<select class="aa" >
<option value="din">Breakfast</option>
<option value="lun">Lunch</option>
<option value="din">Dinner</option>
</select>
</label>
</div>
<div id="aaa">
<label >Date:
<input type="text" name="date" class="aa" size="5"/>
</label>
<label > Month:
<select class="aa" >
<option value="Jan">January</option>
<option value="Feb">February</option>
<option value="Mar">March</option>
<option value="May">May</option>
<option value="April">April</option>
<option value="June">June</option>
<option value="July">July</option>
<option value="Aug">August</option>
<option value="Sept">September</option>
<option value="Oct">October</option>
<option value="Nov">November</option>
<option value="Dec">December</option>
</select>
</label>
</div>
<div id="contact">
<label >First Name:
<input type="text" name="fclient" />
</label>
<p>
<label>Last Name:
<input type="text" name="lclient" />
</label>
</p>
<p>
<label>Phone Number:
<input type="text" name="number"/>
</label>
</p>
</div>
<div onmouseover="mOver(this)" onmouseout="mOut(this)" id="bb">
La Vie Est Belle</div>
<script type="text/javascript">
function mOver(obj) {
obj.innerHTML = " We will be waiting for you! :)"
}
function mOut(obj) {
obj.innerHTML = " Thank You For Your Booking! :)"
}
</script>
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
</p>
</body>
</html>
