Index of /students/paper/skripsi/10401209

(1)

LISTING PROGRAM

Halaman The Drinks

<title>The Drinks of Kafe Ritual</title>

body {

} --> </style>

.style6 {font-family: "Kristen ITC"}

.style7 {font-family: "Kristen ITC"; font-weight: bold; }

.style8 { font-family: "Lucida Calligraphy" }

--> </style>

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

(2)

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)

x.src=x.oSrc; }

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++)

x=MM_findObj(n,d.layers[i].document);

if(!x && d.getElementById) x=d.getElementById(n); return x; }

function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

function MM_goToURL() { //v3.0

var i, args=MM_goToURL.arguments; document.MM_returnValue = false; for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");

} //-->

</script> </head>

(3)

onLoad="MM_preloadImages('images/home_out.jpg','images/food_out.jpg','images/cont act_out.jpg','images/kafe_out.jpg','images/foto_out.jpg','images/video_o.jpg')">

<tr>

<td colspan="6"><img src="drinks_banner.gif" width="800"

height="120"></td> </tr>

<tr>

<img src="images/the_drinks_03.jpg" alt="" width="109" height="53" id="Image1" onClick="MM_goToURL('parent','index.html');return

document.MM_returnValue"

onMouseOver="MM_swapImage('Image1','','images/home_out.jpg',1)" onMouseOut="MM_swapImgRestore()"></td>

<img src="images/the_drinks_04.jpg" alt="" width="109" height="53" id="Image2" onClick="MM_goToURL('parent','the_foods.html');return document.MM_returnValue"

onMouseOver="MM_swapImage('Image2','','images/food_out.jpg',1)"

onMouseOut="MM_swapImgRestore()"></td> <td width="109">

<img src="images/the_drinks_06.jpg" alt="" width="109"

(4)

onMouseOver="MM_swapImage('Image3','','images/contact_out.jpg',1)" onMouseOut="MM_swapImgRestore()"></td>

</tr> <tr>

<img src="images/the_drinks_07.jpg" alt="" width="140"

height="30" id="Image4" onClick="MM_goToURL('parent','kafe.html');return document.MM_returnValue"

onMouseOver="MM_swapImage('Image4','','images/kafe_out.jpg',1)" onMouseOut="MM_swapImgRestore()"></td>

<div align="center"><strong>Brewed In</strong></div> </div>

<p class="style6">Beragam penyajian minuman kopi yang

<em>fresh</em> dan dengan cita rasa khas.</p>

<p class="style6"><strong>Capuccino</strong> (Hot / Cold)...17 000</p>

<p class="style6"><strong>Cafe Latte</strong> (Hot /

Cold)...17 000</p>

<p class="style6"><strong>Machiatto</strong> (Hot /

Cold)...15 000</p> <p

class="style6"><strong>Espresso</strong>...15 000</p> <p class="style6"><strong>Ice

(5)

</div> </div>

<div align="center"><strong>Ultimate Blend</strong></div> </div>

<p class="style6">Minuman <em>Blend</em> yang segar dan lembut

dengan berbagai pilihan rasa yang nikmat...</p>

<p class="style7">Ritual Ice Flava</p>

<p class="style6">(<em>Hazelnut, Amaretto, Vanilla, Caramel, Irish Cream)...</em>23 000</p>

<p class="style7">Chlorophylatte</p>

<p class="style6"><em>(Blend yang lembut dengan rasa dan aroma Green Tea)</em>.... ...23 000</p>

</div> </div>

<div align="center"><strong>Vietnamese Coffee</strong></div> </div>

<p class="style8">Minuman kopi khas vietnam, </p>

<p class="style8">yang dihasilkan dari biji kopi perancis yang kuat ditambah dengan susu kental dan es. Dibuat dengan cara yang unik menggunakan alat <em>press</em> khusus.</p>

(6)

</div>

<div align="center"><strong>Regular Origin Coffee</strong></div>

</div>

<p class="style6">Ramuan kopi alami dari biji-biji kopi pilihan asli Indonesia dan Amerika Selatan. Masing-masing dengan cita rasanya yang khas.</p>

<p class="style6"><strong>Ritual Irresistable Blend</strong>...15 000</p>

<p class="style6"><strong>Colombia Supreme</strong>...15 000</p>

<p class="style6"><strong>Toraja

Kalosi</strong>...15 000</p>

<p class="style6"><strong>Mocha

Java</strong>...15 000</p> <p

class="style6"><strong>Decaffeinated</strong>...15 000</p> <p align="center"><img src="images/coffeejar_small.jpg" alt=""

width="170" height="128"></p> </div>

</div>

<div align="center"><strong>Chilled Out</strong></div>

(7)

<p><span class="style6">Minuman ringan dengan rasa yang menyegarkan dan sensasi soda</span></p>

<p class="style7">Minteva</p>

<p class="style6">(<em>Terdiri dari teh, mint, dan soda)</em>...17 000</p>

<p class="style7">Submarine</p>

<p><em><span class="style6">(</span></em>Minuman Soda dengan warna biru laut, ditambah lembutnya krim)...17 000</p>

<p class="style6"><strong>Speachless</strong></p>

<p class="style6">(Perpaduan antara syrup raspberry dengan

sprite)...17 000</p> </div> </div>

<div align="center"><strong>Chocolate Fantasy</strong></div> </div>

<p>Minuman coklat dengan perpaduan rasa buah yang segar.

Disajikan panas / dingin (ice blended)</p>

<p><strong>Ritual Choco Spin</strong>...23 000</p>

<p><strong>Chocolada</strong>...19

000</p>

<p><strong>FrenchVanilla Choco</strong>...19

000</p>

<p><strong>Cocoa Classic</strong>...15 000</p>

<p><strong>Choco Rhumba</strong>...19

(8)

<p><strong>Mochaberry Blast</strong>...19 000</p>

<p align="center"><img src="images/S4011951_small.jpg" alt=""

width="85" height="113"></p> </div>

</div>

</div></td>

<div align="center"><strong>Classic Tea</strong></div> </div>

<div class="AccordionPanelContent"> <p><strong>Gen Maicha</strong></p>

<p>(<em>Teh hijau asal Jepang, yang menawarkan rasa yang sedikit manis dan rasa kacang)</em>...15 000</p>

<p><strong>English Breakfast</strong></p>

<p><em>(</em><em>Teh yang pekat dan kaya akan rasa teh yang

kuat)...15 000</em></p>

<p><em>(Teh dengan rasa ringan dan aroma sitrus yang segar)...15 000</em></p>

<p><strong>Formosa Oolong</strong></p>

<p><em>(Teh dengan aroma buah peach, cocok untuk menemani waktu santai anda)</em>...15 000</p>

<p align="center"><img src="../Kafe

(9)

</div> </div>

<div align="center"><strong>Uniquely Tea</strong></div> </div>

<p><strong>Herbal Tea</strong></p>

<p><em>(Teh yang diramu dengan rempah-rempah, membantu anda menghilangkan kepenatan sehari-hari)...17 000</em></p>

<p><strong>Fruit Tea</strong></p>

<p><em>(Teh yang memiliki aroma buah-buahan yang menyegarkan dan mengembalikan stamina anda)...17 000</em></p>

<p>(<em>Teh hijau yang dihidangkan dengan susu)...17 000</em></p>

<p align="left"><em>(Teh tradisional Jawa, yang disajikan dalam poci dari tanah liat dan gula batu)...17 000</em></p>

</div> </div>

<p><em>Aneka macam minuman teh, yang disajikan dingin untuk menyegarkan anda</em></p>

(10)

<p><strong>Ice Tea Latte</strong>...17 000</p> <p><strong>Ice Pearls Milk Tea</strong>...17 000</p> </div>

</div>

<div align="center"><strong>Other Drinks &

Beer</strong></div> </div>

<p>Sprite...10 000</p>

<p>Coca cola...10 000</p> <p>Diet Coke...12 000</p> <p>Drinking Water... 5 000</p> <p>Freshly Juice...20 000</p> <p>Corona...25 000</p>

<p>Heinekken...25 000</p> <p>Bintang...15 000</p> </div>

</div>

</div></td> </tr>

<tr>

<td>

<img src="images/the_drinks_10.jpg" alt="" width="140" height="30" id="Image5" onClick="MM_goToURL('parent','foto_gal.htm');return

onMouseOver="MM_swapImage('Image5','','images/foto_out.jpg',1)" onMouseOut="MM_swapImgRestore()"></td>

</tr>

(11)

<td>

<img src="images/the_drinks_11.jpg" alt="" width="140" height="30" id="Image6" onClick="MM_goToURL('parent','video_gal.html');return

onMouseOver="MM_swapImage('Image6','','images/video_o.jpg',1)" onMouseOut="MM_swapImgRestore()"></td>

</tr>

<tr>

<td>

</tr> <tr>

<td>

</tr> <tr>

<td>

<img src="images/spacer.gif" width="140" height="1"

alt=""></td>

<td>

alt=""></td> <td>

(12)

<td>

</tr> </table>

<script type="text/javascript"> <!--

var Accordion1 = new Spry.Widget.Accordion("Accordion1");

var Accordion2 = new Spry.Widget.Accordion("Accordion2"); //-->

</script> </body> </html>

Halaman Kafe <html> <head>

<!--

body {

}

.style1 {

font-family: Arial, Helvetica, sans-serif; font-size: 12px;

(13)

--> </style>

<!--

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} }

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;

for(i=0;i<(a.length-2);i+=3)

}

(14)

var i, args=MM_goToURL.arguments; document.MM_returnValue = false; for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'"); }

//--> </script> </head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0"

marginheight="0"

onLoad="MM_preloadImages('images/home_out.jpg','images/food_out.jpg','images/drin ks_outt.jpg','images/contact_out.jpg','images/kafe_out.jpg','images/foto_out.jpg','images/v ideo_o.jpg')">

<tr>

<tr>

<td>

<img src="images/kafe_03.jpg" alt="" width="109" height="53"

id="Image1" onClick="MM_goToURL('parent','index.html');return document.MM_returnValue"

<td>

(15)

onMouseOver="MM_swapImage('Image2','','images/food_out.jpg',1)" onMouseOut="MM_swapImgRestore()"></td>

<td>

<img src="images/kafe_05.jpg" alt="" width="109" height="53" id="Image3" onClick="MM_goToURL('parent','the_drinks.html');return document.MM_returnValue"

onMouseOver="MM_swapImage('Image3','','images/drinks_outt.jpg',1)" onMouseOut="MM_swapImgRestore()"></td>

<td>

id="Image4" onClick="MM_goToURL('parent','contact.html');return document.MM_returnValue"

</tr>

<tr>

<td>

<img src="images/kafe_07.jpg" alt="" width="140" height="30" id="Image5" onClick="MM_goToURL('parent','kafe.html');return

<td colspan="2" rowspan="5" valign="top" background="images/kafe_08.jpg"><div

align="justify">

<p class="style1">Kafe Ritual menyajikan konsep "home cafe".</p>

<p class="style1">Dengan konsep ini, anda akan merasakan kenyamanan dan suasana yang beda. Sangat cocok bagi anda yang ingin bersantai dan melepas lelah.</p>

<p class="style1">Anda dapat bersantai sambil menikmati tayangan televisi, ataupun

(16)

<p class="style1">Bila anda ingin <em>browsing</em> internet, Kafe Ritual juga sudah dilengkapi dengan fasilitas hot-spot, dimana fasilitas ini disediakan secara cuma-cuma bagi para pengunjung.</p>

</div></td>

<p>Dengan penataan ruang, pemilihan furniture, serta pencahayaan yang diatur sedemikian rupa, kami menjamin anda akan menikmati kunjungan anda.</p>

</div>

<p align="justify" class="style1">Dan tidak ketinggalan pilihan minuman-minuman variasi kami, mulai dari kopi, teh, cokelat, hingga soda, serta makanan ringan maupun yang agak 'berat' juga sudah kami persiapkan untuk anda nikmati.</p>

</blockquote></td> </tr>

<tr>

<td>

<img src="images/kafe_10.jpg" alt="" width="140" height="30" id="Image6" onClick="MM_goToURL('parent','foto_gal.htm');return document.MM_returnValue"

onMouseOver="MM_swapImage('Image6','','images/foto_out.jpg',1)"

onMouseOut="MM_swapImgRestore()"></td>

</tr> <tr>

<td>

(17)

</tr> <tr>

<td>

<img src="images/kafe_12.jpg" width="140" height="30"

alt=""></td> </tr> <tr>

<td width="140" height="336" align="left"

background="images/kafe_13.jpg"><img src="images/wifiiiconstock.jpg" width="140" height="104"></td>

</tr> <tr>

<td>

alt=""></td> <td>

<td>

alt=""></td> <td>

(18)

</tr>

</table>

</body>

</html>

Halaman Foto Galeri <html>

<head>

<TITLE>Kafe Ritual Photo Gallery</TITLE>

var windowWidth, windowHeight; var thumbHeight;

var agent = navigator.userAgent.toLowerCase();

var mac = (agent.indexOf("mac")!=-1);

var ie = ((agent.indexOf("msie") != -1)&& (agent.indexOf('opera')==-1));

function setHeight(thumbFrameHeight){

if (!(mac && ie)){ windowSize();

thumbHeight = thumbFrameHeight;

document.getElementById("BottomFrame").style.height=(thumbHeight+20) +

(19)

document.getElementById("TopFrame").style.height=((windowHeight-thumbHeight) * .85) + "px";

document.getElementById("TopFrame").style.width=(windowWidth*.9)

+ "px";

document.getElementById("BottomFrame").style.width=(windowWidth*.9) + "px";

} }

function resizeThis(){

setHeight(thumbHeight); }

function windowSize() {

var myWidth = 0, myHeight = 0;

if( typeof( window.innerWidth ) == 'number' ) { //Non-IE

myWidth = window.innerWidth; myHeight = window.innerHeight;

} else if( document.documentElement &&

( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {

//IE 6+ in 'standards compliant mode'

myWidth = document.documentElement.clientWidth; myHeight = document.documentElement.clientHeight;

} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {

//IE 4 compatible

myWidth = document.body.clientWidth;

(20)

}

windowWidth = myWidth;

windowHeight = myHeight; }

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} }

}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

(21)

}

</script>

body {

-->

</style></head>

<table cellpadding=0 cellspacing=0 border=0 valign=middle align=middle

bgcolor="#FFFFFF"> <tr>

(22)

<div class="title">Adobe Web Photo Gallery</div> <div class="info"></div>

</div> </div>

</div> </td>

</div> </div>

</td> </tr>

</table> </td> </tr>

(23)

Your browser does not support iframes. </iframe>

</td>

</iframe> </td> </tr> </table>

</td> </tr> </table>

<p><img src="images/contact_07.jpg" width="140" height="30" id="Image1" onClick="MM_goToURL('parent','kafe.html');return document.MM_returnValue" onMouseOver="MM_swapImage('Image1','','images/kafe_out.jpg',1)"

onMouseOut="MM_swapImgRestore()"><img src="images/contact_10.jpg"

width="140" height="30" id="Image2" onClick="MM_goToURL('parent','video_gal.html');return document.MM_returnValue"

onMouseOver="MM_swapImage('Image2','','images/video_o.jpg',1)" onMouseOut="MM_swapImgRestore()"></p>

<p><br>

<img src="images/contact_03.jpg" width="109" height="53" id="Image3"

(24)

onMouseOver="MM_swapImage('Image3','','images/home_out.jpg',1)"

onMouseOut="MM_swapImgRestore()"><img src="images/contact_04.jpg" width="109" height="53" id="Image4"

onClick="MM_goToURL('parent','the_foods.html');return document.MM_returnValue" onMouseOver="MM_swapImage('Image4','','images/food_out.jpg',1)"

onClick="MM_goToURL('parent','the_drinks.html');return document.MM_returnValue" onMouseOver="MM_swapImage('Image5','','images/drinks_outt.jpg',1)"

onClick="MM_goToURL('parent','contact.html');return document.MM_returnValue" onMouseOver="MM_swapImage('Image6','','images/contact_out.jpg',1)"

onMouseOut="MM_swapImgRestore()"><br>

</p>

</div> </body>

Halaman Video Galeri

<HTML><style type="text/css"> <!--

body {

background-color: #FFFF66;

text-align: center;

}

.style1 {

font-family: "Comic Sans MS"; font-size: 36px;

(25)

--> </style>

<title>Video Gallery of Kafe Ritual</title>

}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

(26)

} //--> </script> <BODY

onLoad="MM_preloadImages('images/kafe_out.jpg','images/foto_out.jpg','images/home_ out.jpg','images/food_out.jpg','images/drinks_outt.jpg','images/contact_out.jpg')">

<span class="style1">Video Gallery of Kafe Ritual</span><br> <br>

<tr>

<p id="player0"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</p>

var s1 = new SWFObject("flvplayer.swf","single", "320", "240", "6"); s1.addParam("allowfullscreen","true");

s1.addVariable("file","S4012219_01.flv"); s1.addVariable("image","S4012219_01.jpg");

(27)

</script></td>

<td><p id="player0"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</p>

var s1 = new SWFObject("flvplayer.swf","single", "320", "240", "6");

s1.addParam("allowfullscreen","true"); s1.addVariable("file","S4012220_01.flv"); s1.addVariable("image","S4012220_01.jpg"); s1.write("player0");

</script> </td> <tr>

</table></td> <tr>

</table> <br> <br> <br>

<img src="images/contact_07.jpg" width="140" height="30" id="Image1" onClick="MM_goToURL('parent','kafe.html');return document.MM_returnValue"

onMouseOver="MM_swapImage('Image1','','images/kafe_out.jpg',1)"

onMouseOut="MM_swapImgRestore()"><img src="images/contact_09.jpg"

width="140" height="30" id="Image2" onClick="MM_goToURL('parent','foto_gal.htm');return document.MM_returnValue" onMouseOver="MM_swapImage('Image2','','images/foto_out.jpg',1)"

(28)

<img src="images/index_03.jpg" width="109" height="53" id="Image3" onClick="MM_goToURL('parent','index.html');return document.MM_returnValue" onMouseOver="MM_swapImage('Image3','','images/home_out.jpg',1)"

onMouseOut="MM_swapImgRestore()"><img src="images/contact_04.jpg" width="109" height="53" id="Image4" onClick="MM_goToURL('parent','the_foods.html');return document.MM_returnValue" onMouseOver="MM_swapImage('Image4','','images/food_out.jpg',1)"

onMouseOut="MM_swapImgRestore()"><img src="images/contact_05.jpg" width="109" height="53" id="Image5" onClick="MM_goToURL('parent','the_drinks.html');return document.MM_returnValue" onMouseOver="MM_swapImage('Image5','','images/drinks_outt.jpg',1)"

onMouseOut="MM_swapImgRestore()"><img src="images/contact_06.jpg" width="109" height="53" id="Image6" onClick="MM_goToURL('parent','contact.html');return document.MM_returnValue" onMouseOver="MM_swapImage('Image6','','images/contact_out.jpg',1)"

<br>

</BODY>

</HTML>

Halaman Contact <html>

<head>

<title>Contact Us</title>

<!-- body {

(29)

}

.style1 {

font-family: "Comic Sans MS";

font-weight: bold; }

.style5 {font-family: "Comic Sans MS"; font-weight: bold; color: #008000; } -->

</style>

<!--

function MM_effectShake(targetElement) {

Spry.Effect.DoShake(targetElement); }

function MM_openBrWindow(theURL,winName,features) { //v2.0

window.open(theURL,winName,features); }

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)

x.src=x.oSrc; }

(30)

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src;

x.src=a[i+2];} }

} //--> </script> </head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"

onLoad="MM_preloadImages('images/home_out.jpg','images/food_out.jpg','images/drin ks_outt.jpg','images/kafe_out.jpg','images/foto_out.jpg','images/video_o.jpg')">

<table width="800" height="601" border="0" align="center" cellpadding="0"

cellspacing="0" id="Table_01"> <tr>

(31)

<tr>

<img src="images/contact_02.jpg" width="364" height="53"

alt=""></td> <td>

<img src="images/contact_03.jpg" alt="" width="109" height="53" id="Image1" onClick="MM_goToURL('parent','index.html');return

<td>

<img src="images/contact_04.jpg" alt="" width="109" height="53" id="Image2" onClick="MM_goToURL('parent','the_foods.html');return document.MM_returnValue"

<td>

<img src="images/contact_05.jpg" alt="" width="109" height="53" id="Image3" onClick="MM_goToURL('parent','the_drinks.html');return document.MM_returnValue"

<td>

<img src="images/contact_06.jpg" width="109" height="53"

alt=""></td> </tr>

<tr>

<td>

<img src="images/contact_07.jpg" alt="" width="140" height="30" id="Image4" onClick="MM_goToURL('parent','kafe.html');return

(32)

<p><img src="index1.gif" width="150" height="100"></p> <p class="style1">KAFE RITUAL</p>

<p class="style1">Jl. KH Ahmad Dahlan No.37A</p> <p class="style1">Kebayoran Baru - Jakarta 12130</p> <p class="style1">Phone : +62 21 7280 1122</p> <p class="style1">Fax : +62 21 7279 4919</p>

<p class="style5" onClick="MM_openBrWindow('images/peta.jpg','','')" onMouseOver="MM_effectShake(this)">Click here for the map of Kafe Ritual</p>

</tr>

<tr>

<td>

<img src="images/contact_09.jpg" alt="" width="140" height="30" id="Image5" onClick="MM_goToURL('parent','foto_gal.htm');return

</tr>

<tr>

<td>

<img src="images/contact_10.jpg" alt="" width="140" height="30" id="Image6" onClick="MM_goToURL('parent','video_gal.html');return document.MM_returnValue"

onMouseOver="MM_swapImage('Image6','','images/video_o.jpg',1)"

(33)

</tr> <tr>

<td>

</tr> <tr>

<td>

</tr>

<tr>

<td>

alt=""></td> <td>

<td>

alt=""></td> <td>

(34)

</table>

</html>

Halaman The Foods <html>

<head>

<title>The Foods Of Kafe Ritual</title>

<!-- body {

}

--> </style>

.style1 {font-family: "Lucida Calligraphy"} .style3 {color: #FFFF00}

.style4 {font-family: "Lucida Calligraphy"; font-weight: bold; } -->

</style>

(35)

}

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;

for(i=0;i<(a.length-2);i+=3)

}

var i, args=MM_goToURL.arguments; document.MM_returnValue = false;

for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'"); }

//--> </script>

(36)

<tr>

</tr> <tr>

<td>

<img src="images/the_foods_03.jpg" alt="" width="109"

height="53" id="Image1" onClick="MM_goToURL('parent','index.html');return document.MM_returnValue"

<td>

<img src="images/the_foods_05.jpg" alt="" width="109" height="53" id="Image3" onClick="MM_goToURL('parent','the_drinks.html');return

(37)

<img src="images/the_foods_06.jpg" alt="" width="109" height="53" id="Image4" onClick="MM_goToURL('parent','contact.html');return document.MM_returnValue"

</tr> <tr>

<td>

<img src="images/the_foods_07.jpg" alt="" width="140" height="30" id="Image2" onClick="MM_goToURL('parent','kafe.html');return document.MM_returnValue"

<p align="center">Hidangan dari daging sapi dan ayam, dengan resep yang sesuai bagi anda yang ingin bersantap malam sekaligus bersantai di kafe kami.</p>

<p align="center">Disajikan dengan nasi, sup, dan sayuran.</p>

<p align="center" class="style1"><strong>Ritual Beef BBQ</strong></p>

<p align="center" class="style1"><strong>Black Pepper Beef</strong></p>

<p align="center" class="style1"><strong>Chicken

(38)

<p align="center" class="style1"><strong>Chicken Roasted</strong></p>

</div> </div>

<p align="center">Berbagai pilihan Dim Sum yang cocok untuk menemani saat

minum kopi dan teh anda</p>

<p align="center"><strong><span class="style1">Hakau</span></strong></p>

<p align="center" class="style1"><strong>Siewmay</strong></p> <p align="center" class="style1"><strong>Fried Wantan

Mayonaise</strong></p>

<p align="center" class="style1"><strong>Charsiew Pie</strong></p> <p align="center" class="style1"><strong>Spring Roll</strong></p> <p align="center" class="style1"><strong>Hatoshi</strong></p>

<p align="center" class="style1"><strong>Ekado</strong></p> <p align="center" class="style3">18 000</p>

</div> </div>

<div align="center"><strong>Soup n Salad</strong></div> </div>

(39)

<p align="center">Pilihan sup yang hangat dan salad yang segar untuk anda nikmati di kafe kami.</p>

<p align="center"><strong><span class="style1">Zuppa

Soup</span></strong></p>

<p align="center" class="style1"><strong>Golden bag Soup</strong></p>

<p align="center" class="style1"><strong>Fruit Salad</strong></p> <p align="center" class="style1"><strong>Caesar Salad</strong></p> <p align="center" class="style3">15 000</p>

</div>

<div align="center"><strong>Snack & Quiche</strong></div> </div>

<p>Makanan kecil yang pas untuk menemani anda membaca, mengobrol, dan bersantai di kafe kami. Terdapat pilihan kentang goreng, roti, dan Quiche

yang berisi daging asap, keju, bayam, dan <em>lorraine</em>.</p>

<p><strong><span class="style1">Skinny Tiny Potato</span></strong></p>

<p class="style1"><strong>Crispy Plain Bread</strong></p>

<p class="style1"><strong>Quiche</strong></p>

</div> </div>

(40)

<div align="center"><strong>Dessert to Die For</strong></div> </div>

<p>Kue, Jelly, dan Pudding yang lezat. Pilihan yang tepat untuk mendampingi minuman kopi dan teh anda</p>

<p class="style1"><strong>Black Forrest</strong></p> <p class="style1"><strong>Tiramisu</strong></p>

<p class="style1"><strong>Blueberry Cheese Cake</strong></p> <p class="style3">15 000</p>

<p class="style4">Coffee Jelly</p> <p class="style4">Colada Mousse</p> <p class="style4">Almond Puding</p> <p class="style4">Tofu Puding</p> <p class="style3">15 000</p>

</div> </div> </div>

<div align="center"><strong>Fond of Fondue</strong></div> </div>

<p>Sajian yang terdiri dari cheese stick, buah strawberry dan jeruk,

<em>marshamellow</em>, yang dihidangkan dengan coklat cair hangat untuk sausnya.</p>

(41)

</div>

</div> </div>

</div></td> </tr>

<tr>

<td>

<img src="images/the_foods_09.jpg" alt="" width="140" height="30" id="Image5" onClick="MM_goToURL('parent','foto_gal.htm');return

</tr> <tr>

<td>

<img src="images/the_foods_10.jpg" alt="" width="140" height="30" id="Image6" onClick="MM_goToURL('parent','video_gal.html');return document.MM_returnValue"

</tr> <tr>

<td>

<img src="images/the_foods_11.jpg" width="140" height="30"

alt=""></td> </tr> <tr>

(42)

</tr>

<tr>

<td>

</tr> </table>

<script type="text/javascript">

<!--

var Accordion1 = new Spry.Widget.Accordion("Accordion1"); //-->

</script>

(43)

</html>

Halaman Index

<title>Welcome To Kafe Ritual</title>

.style1 {

font-family: Arial, Helvetica, sans-serif;

font-size: 12; }

body {

.style2 {font-family: Arial, Helvetica, sans-serif} -->

</style>

<!--

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} }

(44)

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

}

var i, args=MM_goToURL.arguments; document.MM_returnValue = false; for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'"); }

//--> </script>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"

onLoad="MM_preloadImages('images/food_out.jpg','images/kafe_out.jpg','images/foto_ out.jpg','images/drinks_outt.jpg','images/contact_out.jpg','images/video_o.jpg')">

<table width="800" height="601" border="0" align="center" cellpadding="0"

(45)

<tr>

</tr> <tr>

<td>

<img src="images/index_04.jpg" alt="" width="109" height="53"

id="Image2" onClick="MM_goToURL('parent','the_foods.html');return document.MM_returnValue"

<td>

<img src="images/index_05.jpg" alt="" width="109" height="53" id="Image6" onClick="MM_goToURL('parent','the_drinks.html');return document.MM_returnValue"

onMouseOver="MM_swapImage('Image6','','images/drinks_outt.jpg',1)"

onMouseOut="MM_swapImgRestore()"></td> <td>

<img src="images/index_06.jpg" alt="" width="109" height="53" id="Image7" onClick="MM_goToURL('parent','contact.html');return

onMouseOver="MM_swapImage('Image7','','images/contact_out.jpg',1)"

onMouseOut="MM_swapImgRestore()"></td> </tr>

<tr>

(46)

<img src="images/index_07.jpg" alt="" width="140" height="30" id="Image3" onClick="MM_goToURL('parent','kafe.html');return document.MM_returnValue"

<p><strong>Selamat Datang di situs Kafe Ritual...</strong></p>

<p align="justify"><img src="index1.gif" width="150" height="100"> Pada situs kami ini, kami akan menginformasikan kepada anda segala sesuatu mengenai Kafe Ritual.</p>

<p align="justify">Baik itu konsep, suasana, serta daftar menu minuman dan makanan yang kami sajikan.</p>

<p align="justify">Kafe Ritual berada di wilayah Gandaria, tepatnya di JL. K.H. Ahmad Dahlan No. 37 A.</p>

<p align="justify">Terletak pada daerah yang padat dilalui kendaraan,

Kafe Ritual menawarkan tempat untuk anda bersantai, beristirahat, serta menjauhkan diri dari kegiatan sehari-hari.</p>

</div></td>

<td colspan="3" rowspan="5" valign="top" background="images/index_09.jpg"><p

class="style1">Kafe Ritual menyajikan konsep "Home Cafe", dimana anda dapat menikmati kopi dan merasakan kenyamanan seperti halnya di rumah anda sendiri.</p>

<p class="style1">Untuk merasakan lebih jelas mengenai suasana yang diberikan Kafe Ritual, silahkan kunjungi halaman situs <em>"Kafe Kami"</em></p>

<p class="style2"><img src="index2.gif" width="100" height="150"> Ingin mengetahui tentang apa saja yang disajikan oleh Kafe Ritual? silahkan anda kunjungi halaman situs <em>"The Foods"</em> dan <em>"The Drinks"</em></p>

(47)

</tr> <tr>

<td>

<img src="images/index_10.jpg" alt="" width="140" height="30" id="Image4" onClick="MM_goToURL('parent','foto_gal.htm');return document.MM_returnValue"

onMouseOver="MM_swapImage('Image4','','images/foto_out.jpg',1)"

onMouseOut="MM_swapImgRestore()"></td> </tr>

<tr>

<td>

<img src="images/index_11.jpg" alt="" width="140" height="30" id="Image5" onClick="MM_goToURL('parent','video_gal.html');return document.MM_returnValue"

</tr> <tr>

<td>

<img src="images/index_12.jpg" width="140" height="30"

alt=""></td> </tr> <tr>

<td>

</tr> <tr>

<td>

(48)

<td>

alt=""></td>

</tr>

</table>