Anda di halaman 1dari 5

<html> <head> <title>Assignment 2</title> </head> <style> #search img{ position:absolute; left:610px; top:138px; } </style> <style> #right img{

position:relative; } </style> <body> <p1 style="color:#00a8d2;font-size:48px;font-family:Aria l, Helvetica, sans-serif;position:relative"> Farosh <b>Computers</b></p1> <div style="height:70px;color:#000000;position:absolute; left:40px;top:900px;bottom:100px;"> <TABLE BORDER="0" cellpadding="0" CELLSPACING="0 "> <TD WIDTH="774" HEIGHT="70" BACKGROUND="footer.j pg" VALIGN="right"> <font size="2" style="padding-left:250px;"> Copy right &#169 2003-2008 Farosh International. All Rights Reserved.<br /></font> <font size="2" style="paddingleft:330px;"> Designed by: Farosh International</P3></font> </TD> </TABLE> </div> <div id="menu" style="height:62px"> <TABLE BORDER="1" cellpadding="0" CELLSPACING="0 "> <TD WIDTH="805" HEIGHT="62" BACKGROUND="menu.jpg " VALIGN="top"> <p12 style="color:#ffffff;padding-left:20px;posi tion:absolute;top:80px;left:20px">Home</p12> <p14 style="color:#ffffff;padding-left:20px;posi tion:absolute;top:80px;left:80px">Categories</p14> <p15 style="color:#ffffff;padding-left:20px;posi tion:absolute;top:80px;left:170px">User Guides</p15> <p16 style="color:#ffffff;padding-left:20px;posi tion:absolute;top:80px;left:280px">Reviews</p16> <p17 style="color:#ffffff;padding-left:20px;posi tion:absolute;top:80px;left:380px">Hot Deals</p17> <p18 style="color:#ffffff;padding-left:20px;posi tion:absolute;top:80px;left:470px">FAQs</p18> </TD>

</TABLE> </div> <div id="search" style="height:53px;width:710px;paddingtop:10px;background-color:#f1f1f1;color:#000000;text-align:left;padding-left:100 px"> <font>Search the world of Shopping!<input type=" text" style="width:300px"></font> <img src="search.jpg" /> </div> <div style="height:31px;background-color:#ffffff;color:# 535353;font-family:Tahoma;font-size:11px;padding-left:5em;"> <p4>Hot Searches: Apple iPad Nano, Hugo Boss Clo thing, HD DVD Player, DSLR Camera, Toshiba 32" LCD TV, Unsecured Loans, Exercise Machines...</p4> </div> <div id="right" style="width:170px;height:680px;backgrou nd-color:#f1f1f1;position:absolute;left:650px"> <TABLE BORDER="0" cellpadding="0" CELLSPACING="0 "> <TD WIDTH="170" HEIGHT="396" BACKGROUND="right-b ox1.jpg" VALIGN="middle"> <p18> <font size="4" color="00a8d2" face="sans-s erif"><b> &nbsp;&nbsp;Favourite Items<b></p18> <div id="302" style="padding-left:5px;padding-to p:25px;padding-bottom:10px;vertical-align:middle;"><img style="float:left" src=" 302.jpeg" /><font size="2" color="00a8d2"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Nokia Asha302<br /></b> <br /> &nbsp;&nbsp;&nbsp;&nbsp;<u>Prices from 9900</u></font> </div> <div id="duos" style="padding-left:5px;padding-t op:15px;padding-bottom:10px"><img style="float:left" src="duos.png" /><font size ="2" color="00a8d2"><b>&nbsp;&nbsp;&nbsp;&nbsp;Samsung Galaxy<br />&nbsp;&nbsp;& nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Ace Duos</b> <br /> &nbsp;&nbsp;&nbsp;&nbsp;<br />& nbsp;&nbsp;&nbsp;<u>Prices from 19500</u></font></div> <div id="p" style="padding-left:5px;padding-top: 10px;padding-bottom:10px"><img style="float:left" src="p.jpg" /> <font size="2" color="00a8d2"><b>&nbsp;&nbsp;&nbsp;&nbsp;Sony Xperia P</b><br /> <br /> &nbsp;& nbsp;&nbsp;&nbsp;<u>Prices from 24000</u></font></div> <div id="iphone" style="padding-left:5px;padding -top:10px;padding-bottom:10px"><img style="float:left" src="iphone.jpeg" /><font size="2" color="00a8d2"><b>&nbsp;&nbsp;&nbsp;&nbsp;IPhone 5C</b><br /> <br /> & nbsp;&nbsp;&nbsp;&nbsp;<u>Prices from 60000</u></font></div> <div id="nexus" style="padding-left:5px;paddingtop:15px;padding-bottom:10px"><img style="float:left" src="nexus.jpeg" /> <font size="2" color="00a8d2"><b>&nbsp;&nbsp;&nbsp;&nbsp;LG Nexus 4</b><br /> <br /> & nbsp;&nbsp;&nbsp;&nbsp;<u>Prices from 45500</u></font></div> <div id="right-ad1" style="background-color:#fff fff;padding-top:10px;padding-bottom:0px"><img src="right-ad1.jpg" width="170" he ight="104" /></div> <div id="right-ad2" style="background-color:#fff fff;padding-top:10px;padding-bottom:0px"><img src="right-ad2.jpg" width="170" he ight="104" /></div> <div id="right-ad3" style="background-color:#fff fff;padding-top:10px;padding-bottom:0px"><img src="right-ad3.jpg" width="170" he ight="54" /></div>

</TD> </TABLE> </div> <div id="middle" style="width:389px;height:680px;backgro und-color:#f1f1f1;position:absolute;left:240px"> <div id="lcd"> <TABLE BORDER="0" cellpadding="0" CELLSPACING="0 "> <TD WIDTH="389" HEIGHT="189" BACKGROUND="lcd.jpg " VALIGN="left"><font size="5" color="ffffff" style="position:absolute;right:0px ;top:45px;"><b>Amazing Sale! <br /></b> <b>Great HDTV Deals!</b></font> <div style="padding-left:180px;padding-t op:50px;position:absolute;left:20px;"><img src="findout.jpg" /></div> </TD> </TABLE> </div>

<div id="sale" > <TABLE BORDER="0" cellpadding="0" CELLSPACING="0 "> <TR> <TD WIDTH="389" HEIGHT="189" BACKGROUND="sale.jp g" VALIGN="bottom"> <h6> <b><font size="4" color="00a8d2" face="sans -serif" style="padding-left:20px;">Amazing Sale!</font></b></h6> <font align="justify" style="padding-left:20px;" >Farosh is offering amazing offers for <br /></font> <font align="justify" style="padding-left:20px;" >HDtvs. We have special discount for <br /></font> <font align="justify" style="padding-left:20px;" >our Regular Customers. Also we have<br /></font> <font align="justify" style="padding-left:20px;" >the special surprises for our new <br /></font> <font align="justify" style="padding-left:20px;" >customers. </font> <br /> <div style="padding-bottom:20px;padding-left:20p x"><br /><img src="findout.jpg" /></div> </TD> </TR> </TABLE> </div>

<div id="ipads" style="background-color:#ff0000; position:absolute;"> <TABLE BORDER="0" cellpadding="0" CELLSPACING="0 "> <TD WIDTH="389" HEIGHT="286" BACKGROUND="gallery .jpg" VALIGN="bottom"> <font style="padding-left:10px;position:absolute ;top:10px;color:#00a8d2"><b>New Stuff</b></font> <font style="padding-left:90px;position:absolute ;top:10px;color:#00a8d2"><b>Top Sellers</b></font>

<font style="padding-left:190px;position:absolut e;top:10px;color:#00a8d2"><b>Hot Deals</b></font> <TABLE BORDER="0" cellpadding="0" CELLSPACING=17 "> <TD WIDTH="109" HEIGHT="140" BACKGROUND="shuffle.jpeg" V ALIGN="bottom"> </TD> <TD WIDTH="73" HEIGHT="139" BACKGROUND="nano.jpg" VALIGN ="bottom"> </TD> <TD WIDTH="100" HEIGHT="139" BACKGROUND="ipod.jpg" VALIG N="right"> </TD> </TABLE> <TABLE BORDER="0" cellpadding="0" CELLSPACING=12"> <td> <font color="00a8d2" size="2"><b>iPod Shuffle!</b> </font> <br /> <p10> <b>From 6500</b></p10> <img src="goshop.jpg" /> </td> <td> <font color="00a8d2" size="2"><b>iPod Nano!</b> </f ont> <br /> <p11> <b>From 14500</b></p11> <img src="goshop.jpg" /> </td> <td> <font color="00a8d2" size="2"><b>iPod Classic 160GB !<b> </font> <br /> <p12> <b>From 26000</b></p12> <img src="goshop.jpg" /> </td> </TABLE> </TD> </TABLE> </div> </div> <div id="left" style="width:199px;height:680px;position: absolute;left:10px"> <TABLE BORDER="0" cellpadding="0" CELLSPACING="0 "> <TD WIDTH="199" HEIGHT="680" BACKGROUND="body-le ft-back.jpg" VALIGN="top"> <div id="categories" style="heigtht:80px;padding -left:10px;"><font size="4" color="ffffff"><b>Shopping Categories</b></font> <br /></div> <div id="mobiles" style="height:80px;postion:abs olute;padding-left:10px;"><br /><font size="2" color="ffffff"><b>Mobiles</b><br /> <br /> <u>All type of mobiles,accessories <br />and much more...</u></font></ div> <div id="Books" style="height:80px;postion:absol ute;padding-left:10px;"><br /><font size="2" color="ffffff"><b>Books, DVD's and Music</b> <br /><br />CD's, Magazine Subscriptions <br />300: The Movie & more</ font></div> <div id="iPods" style="height:80px;postion:absol ute;top:120px;padding-left:10px;"><br /><font size="2" color="ffffff"><b>iPods</ b> <br /><br /> <u>All type of iPods and walkmans <br />and much more for music.

..</u></font></div> <div id="TVs" style="height:80px;postion:absolut e;padding-left:10px;"><br /><font size="2" color="ffffff"><b>TVs</b> <br /><br / > <u>All type of TV,LCD and display <br />accessories...</u></font></div> <div id="Camera" style="height:80px;postion:abso lute;padding-left:10px;"><br /><font size="2" color="ffffff"><b>Camera</b> <br / ><br /> <u>SLR, DSLR and all type of <br />Digital Cameras</u></font></div> <div id="Home Stuff" style="height:80px;postion: absolute;padding-left:10px;"><br /><font size="2" color="ffffff"><b>Home Stuff</ b> <br /><br /> <u>Exercise Machines, LED lights, <br />DVD Players and much mor e...</u></font></div> <div id="Tablet PC" style="height:80px;postion:a bsolute;padding-left:10px;"><br /><font size="2" color="ffffff"><b>Tablets PC's< /b> <br /><br /> <u>All type of Tablet PC's and<br />their accessories....</u></ font></div> <div id="Toys" style="height:80px;postion:absolu te;padding-left:10px;"><br /><font size="2" color="ffffff"><b>Toys and Games</b> <br /> <br /><u>All type of Electronic toys and<br />Play Stations....</u></fon t></div> </TD> </TABLE> </div>

</body> </html>