Shopping Website-Dukart
<html>
<head>
<style>
.drop {
position:relative;
display: inline-block;
}
.dropdown-content {
display:none;
position: absolute;
background-color:#cc9900;
min-width: 110px;
box-shadow: 10px 10px 10px 10px rgba(60,0,0,0.2);
padding:12px 16px;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
}
.magnify {
transition: transform 0.5s;
}
.magnify:hover {
transform: scale(1.1);
}
</style>
<title>Dukart
</title>
</head>
<body alink="#e65c00" vlink="#000000" bgcolor="#804000">
<table border="0" width="100%" bgcolor="#ff9900">
<tr>
<th class="magnify" height="10" align="left">
<div class="dropdown">
<span><figure><img height ="400%" src="menu.png"><figcaption><font color="#661a00">Menu</font></figcaption></figure></span>
<div class="dropdown-content">
<p><a style="text-decoration: none;" href="home.html">Home</a></p>
<p>Today's Deals</p>
<p>Trending Offers</p>
<p><hr></p>
<p>Your Orders</p>
<p>Your Wishlist</p>
<p>Account Details</p>
<p><hr></p>
<p>Settings</p>
<p><table border="0" width="50%" bgcolor="#cc9900">
<tr>
<th>Customer Service</th>
<th><img height ="35px" src="customercare.png"></th>
</tr>
</table>
</p>
</div>
</div>
</th>
<th><font size="5" color="#661a00"><marquee class="magnify"> DUKART.COM </marquee></font></th>
<td class="magnify" height="10" align="right"><img height="700%" src="ducart.png"></td>
<td><input size="30" type="Search" placeholder="Search for products, brands and more"><input size="15" type="Submit" value="search"></td>
<td class="magnify"><img height="25%" src="searchicon2.png"></td>
<th class="magnify"><a href="dulogin.html" style="text-decoration:none"><font color="#661a00">Login & Signup</font></a></th>
<th class="magnify"><font color="#661a00">More</font></th>
<th class="magnify" height="10" align="left"><figure><img height ="400%" src="cart2.png"><figcaption><font color="#661a00">Cart</font></figcaption></figure></th>
</tr>
</table>
<br>
<table border="0" width="100%" bgcolor="#cc6600" height="8%">
<tr>
<th class="magnify" width="12.5%">
<div class="dropdown">
<span> Electronics</span>
<div class="dropdown-content">
<p>Mobile</p>
<p>Tablets</p>
<p>Laptops</p>
<p>Fridge</p>
</div>
</div>
</th>
<th class="magnify" width="12.5%">
<div class="dropdown">
<span>TVs & Applainces</span>
<div class="dropdown-content">
<p>Smart TV</p>
<p>Mixer Grinder</p>
<p>Air Conditioners</p>
<p>Microwaves</p>
</div>
</div>
</th>
<th class="magnify" width="12.5%">
<div class="dropdown">
<span>Men</span>
<div class="dropdown-content">
<p>Clothing</p>
<p>Footwear</p>
<p>Accessories</p>
<p>Grooming</p>
</div>
</div>
</th>
<th class="magnify" width="12.5%">
<div class="dropdown">
<span>Women</span>
<div class="dropdown-content">
<p>Ethnic Wear</p>
<p>Western Wear</p>
<p>Footwear</p>
<p>Accessories</p>
</div>
</div>
</th>
<th class="magnify" width="12.5%">
<div class="dropdown">
<span>Baby & Kids</span>
<div class="dropdown-content">
<p>Party Dresses</p>
<p>Kids Footwear</p>
<p>Toys</p>
<p>Infant Essentials</p>
</div>
</div>
</th>
<th class="magnify" width="12.5%">
<div class="dropdown">
<span>Home & Furnitures</span>
<div class="dropdown-content">
<p>Sofa</p>
<p>Kitchen & Dininig</p>
<p>Home Furnishings</p>
<p>Decor & lighting</p>
</div>
</div>
</th>
<th class="magnify" width="12.5%">
<div class="dropdown">
<span>Sports & Books</span>
<div class="dropdown-content">
<p>Exercise & Fitness</p>
<p>Travel Accessories</p>
<p>School Textbooks</p>
<p>Fiction Books</p>
</div>
</div>
</th>
<th class="magnify" width="12.5%">
<div class="dropdown">
<span>Groceries</span>
<div class="dropdown-content">
<p>Cooking Essentials</p>
<p>Packaged Foods</p>
<p>Skin care</p>
<p>Household Supplies</p>
</div>
</div>
</th>
</table>
<br>
<table border="0" width="100%" bgcolor="cc6600" height="8%">
<tr>
<th class="magnify" width="1%"><a href="home.html"><img height="50%" src="aboutus.png"></a><figcaption>About Us</figcaption></th>
<th class="magnify" width="1%"><img height="50%" src="goodquality.png"><figcaption>Best Quality</figcaption></th>
<th class="magnify" width="1%"><img height="50%" src="guarantee.png"><figcaption>Guaranteed</figcaption></th>
<th class="magnify" width="1%"><img height="50%" src="discount.png"><figcaption>Discounts</figcaption></th>
<th class="magnify" width="1%"><img height="50%" src="24.png"><figcaption>24 Hour Service</figcaption></th>
</tr>
</table>
<br>
<table border="0" width="100%" bgcolor="cc6600" height="8%">
<tr>
<th class="magnify" width="1%"><img height="30%" src="billpay.png"><figcaption>Bill Payments</figcaption></th>
<th class="magnify" width="1%"><img height="25%" src="moneytransfer.png"><figcaption>Send Money</figcaption></th>
<th class="magnify" width="1%"><img height="70%" src="fashion.png"><figcaption>Fashion & Trends</figcaption></th>
<th class="magnify" width="1%"><img height="70%" src="grocery.png"><figcaption>Groceries</figcaption></th>
<th class="magnify" width="1%"><img height="27%" src="furniture.png"><figcaption>Home Decor</figcaption></th>
</tr>
</table>
<br>
<img src="redminote8.jpg" width="100%" height="55%">
<br><br>
<img src="clothingbanner.png" width="100%" height="46%">
<br><br>
<img src="oneplus6.jpg" width="100%" height="46%">
<br><br>
<table border="0" width="100%" bgcolor="#804000">
<tr>
<td colspan="4"><h2>Trending Sale</h2><hr></td></tr>
<tr>
<th class="magnify"><img src="wintersale.jpg" width="75%"></th>
<th class="magnify"><img src="winter.jpg" width="75%"></th>
<th class="magnify"><img src="promocode.jpg" height="108%" width="75%"></th>
<th class="magnify"><img src="sandals.jpg" width="75%"></th>
</tr>
</table>
<br><br>
<img src="electricitypayment.jpg" width="100%" height="60%">
<br><br>
<table border="0" width="100%" bgcolor="#804000">
<tr>
<td colspan="4"><h2>Mens's Wear</h2><hr></td></tr>
<tr>
<th class="magnify"><img src="uspoloassociation.jpg" height="21%" width="75%"></th>
<th class="magnify"><img src="leatherretjack.jpg" height="21%" width="83%"></th>
<th class="magnify"><img src="veirdocotjack.jpg" height="22%" width="75%"></th>
<th class="magnify"><img src="nikemensfly.jpg" height="27.5%" width="75%"></th>
</tr>
</table>
<br><br>
<table border="0" width="100%" bgcolor="#804000">
<tr>
<td colspan="4"><h2>Womens's Grooming</h2><hr></td></tr>
<tr>
<th class="magnify"><img src="vaselinealoelotion.jpg" height="30%" width="95%"></th>
<th class="magnify"><img src="nivealotion.jpg" height="30%" width="95%"></th>
<th class="magnify"><img src="libertyperf.jpg" height="20%" width="75%"></th>
<th class="magnify"><img src="wowapple.jpg" height="20%" width="65%"></th>
</tr>
</table>
<br><br>
<table border="0" width="100%" bgcolor="#804000">
<tr>
<td colspan="4"><h2>Luxury Which Matches You</h2><hr></td></tr>
<tr>
<th class="magnify"><img src="luxurywatch.jpg" width="75%"></th>
<th class="magnify"><img src="jewelry.jpg" width="75%"></th>
<th class="magnify"><img src="jewelry1.jpg" height="83%" width="75%"></th>
<th class="magnify"><img src="comingsoon.jpg" width="75%"></th>
</tr>
</table>
<br><br>
<table border="0" width="100%" bgcolor="#804000">
<tr>
<td colspan="4"><h2>Bagpacks</h2><hr></td></tr>
<tr>
<th class="magnify"><img src="killerlouis.jpg" height="17.5%" width="55%"></th>
<th class="magnify"><img src="skybagsfigo.jpg" height="26%" width="85%"></th>
<th class="magnify"><img src="skybagssteam.jpg" height="26%" width="75%"></th>
<th class="magnify"><img src="ametourister.jpg" height="23.5%" width="75%"></th>
</tr>
</table>
<br><br>
<img src="skincare.jpg" width="100%" height="60%">
<br><br>
<table border="0" width="100%" bgcolor="#804000">
<tr>
<td colspan="4"><h2>Headphones</h2><hr></td></tr>
<tr>
<th class="magnify"><img src="jblc100si.jpg" height="20%" width="75%"></th>
<th class="magnify"><img src="sonywixb400.jpg" height="20%" width="75%"></th>
<th class="magnify"><img src="senheisercx275.jpg" height="20%" width="90%"></th>
<th class="magnify"><img src="sonyextrabass.jpg" height="24%" width="75%"></th>
</tr>
</table>
<br><br>
<img src="groceries1.jpg" width="100%" height="60%">
<br><br>
<table border="0" width="100%" bgcolor="#804000">
<tr>
<td colspan="4"><h2>Kitchen & Home Appliances</h2><hr></td></tr>
<tr>
<th class="magnify"><img src="solimospicerack.jpg" height="13%" width="48%"></th>
<th class="magnify"><img src="prestigeiris.jpg" height="24%" width="75%"></th>
<th class="magnify"><img src="vacuumcleaner.jpg" height="40%" width="110%"></th>
<th class="magnify"><img src="elicavetro.jpg" height="19.5%" width="75%"></th>
</tr>
</table>
<br>
<br><br>
<img src="dogitems.png" width="100%" height="65%">
<br><br>
<table border="0" width="100%" bgcolor="#804000">
<tr>
<td colspan="4"><h2>Flagship Smartphones</h2><hr></td></tr>
<tr>
<th class="magnify"><img src="samgalxm40.jpg" height="26%" width="85%"></th>
<th class="magnify"><img src="realmex.jpg" height="22%" width="65%"></th>
<th class="magnify"><img src="pocof1.jpg" height="26.5%" width="70%"></th>
<th class="magnify"><img src="minote8pro.jpg" height="18%" width="50%"></th>
</tr>
</table>
<br>
<table border="0" width="100%" bgcolor="#804000">
<tr>
<td colspan="4"><h2>Electronics</h2><hr></td></tr>
<tr>
<th class="magnify"><img src="sandiskultra.jpg" height="40%" width="115%"></th>
<th class="magnify"><img src="jblinfinity.jpg" height="15%" width="75%"></th>
<th class="magnify"><img src="miledtv4x.jpg" height="23.5%" width="95%"></th>
<th class="magnify"><img src="canoneos1500d.jpg" height="19%" width="85%"></th>
</tr>
</table>
<br><br>
<img src="sale2.jpg" width="100%" height="60%">
<br><br>
<table border="0" width="100%" bgcolor="#804000">
<tr>
<td colspan="4"><h2>Men's Grooming</h2><hr></td></tr>
<tr>
<th class="magnify"><img src="ustraacologne.jpg" height="48%" width="125%"></th>
<th class="magnify"><img src="beardopeelmask.jpg" height="22%" width="78%"></th>
<th class="magnify"><img src="setwetcharcoal.jpg" height="16.5%" width="50%"></th>
<th class="magnify"><img src="philipsbg1025.jpg" height="25%" width="70%"></th>
</tr>
</table>
<br>
<hr color="black">
<h2><font size="7" color="black" face="times">Follow us on:</font></h2>
<img class="magnify" width="60" src="instagram-new.png">
<img class="magnify" width="60" src="facebook-new.png">
<img class="magnify" width="60" src="twitter-circled.png">
<img class="magnify" width="60" src="youtube-play.png"></font>
<strong><font size="5"><center>DUKART.COM</center></font></strong>
<font size="5"><b><span>©</span>1989-2019 Conditions Of Use</b></font>
</body>
</html>
Comments
Post a Comment