Scribd
Upload
19 views

code (1)

Uploaded by

Vidushi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
19 views

code (1)

Uploaded by

Vidushi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 5

<html>

<head>
<title>phiran1</title>
<link rel="stylesheet" type="text/css" href="./assests/css/abtus.css" >
<style>
.box1 {
margin: 0 auto; /* Centers the box horizontally */
padding: 50px;
display: flex; /* Enables flexbox for centering */
justify-content: center; /* Centers child elements horizontally */
align-items: center; /* Centers child elements vertically */
min-height: 100vh; /* Ensures full viewport height for centering */
background-color:#F9D689; /* Optional: Adds a background color for contrast */
}
body {
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
background-color: #F9D689;
padding: 20px;
margin: 0;
}
.product-container {
display: flex;
flex-direction: column;
background: #fff;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
padding: 20px;
max-width: 800px;
}
.product-image {
text-align: center;
margin-bottom: 20px;
}
.product-image img {
width: 80%; /* Adjusted to ensure proper scaling */
height: auto;
border-radius: 10px;
}
.product-details {
text-align: left;
padding: 0 20px;
}
.product-title {
font-size: 1.8rem;
font-weight: bold;
color: maroon;
margin-bottom: 10px;
}
.product-price {
font-size: 1.5rem;
color: #973131;
margin-bottom: 15px;
}
.product-desc {
font-size: 1rem;
line-height: 1.6;
margin-bottom: 20px;
color: #555;
}
.product-buttons {
display: flex;
justify-content: flex-start;
gap: 10px;
margin-top: 20px;
}
.product-buttons button {
padding: 10px 20px;
font-size: 1rem;
font-weight: bold;
border: none;
border-radius: 5px;
cursor: pointer;
}
.add-to-cart {
background-color: #28a745;
color: white;
}
.wishlist {
background-color: #ffc107;
color: white;
}
</style>
</head>
<body>
<style>
#bill{
font-family:Arial, sans-serif;
border: 1px solid #ccc;
padding: 20px;
width:300px;
margin:50px auto;
text-align: left;
background-color: #f7d7e5;
}
#bill h2{
text-align: center;
}
#bill p{
margin: 10px 0;
}
</style>
<script>
function printBill()
{
const productName = "Latest Turquooise Blue Kasmiri Aari Phiran";
const productPrice=5000;

const billWindow = window.open("", "_blank", "width=400,height=600");


billWindow.document.write(`
<!DOCTYPE html>
<html>
<head>
<title>Bill</title>
<style>
body {
font-family: Arial, sans-serif;
padding: 20px;
text-align: center;
}
h2 {
color: #973131;
}
.bill-details {
text-align: left;
margin: 20px auto;
width: 300px;
padding: 10px;
border: 1px solid #ccc;
background-color: #f7d7e5;
}
.bill-details p {
margin: 5px 0;
}
</style>
</head>
<body>
<h2>Purchase Bill</h2>
<div class="bill-details">
<p><strong>Product: </strong> ${productName}</p>
<p><strong>Total Amount: </strong> ₹${productPrice}</p>
<br>

<p>Need help? Contact us at : [email protected]</p>


<br>
<p>Thank you for shopping with us!</p>
</div>
</body>
</html>
`);
billWindow.document.close();
}
</script>
<div class="box">
<div class="header side-space">
<div class="header-left container ">
<a class="header-text-left text-style"
href="abtus.html">ABOUT US</a>
<a class="header-text-left text-style "
href="#">STORIES</a>

<a class="header-text-left text-style"


href="SERVICES">SERVICES</a>
<div>
<a class="listclass" onClick="Menu()" href="#">SHOP</a>
<ul class="menuitem" >
<li ><a onClick="Menu()" style="color:white; text-
decoration:none" href="#">KASHMIR</a>
<ul class="submenu"> <!-- Nested dropdown -->
<li><a style="color:white;text-decoration:none;"
href="phirans.html">PHIRANS</a></li>
<li> <a style="color:white;text-decoration:none;"
href="shawls.html">KASHMIRI SHAWLS</a></li>
</ul>
</li>
<li>
<a style="color:white;" >RAJASTHAN</a>
<ul class="submenu"> <!-- Nested dropdown -->
<li><a style="color:white; text-
decoration:none;" href="RajasthaniJhumka.html">KUNDAN JWELLERY</a></li>

<li><a style="color:white;
text-decoration:none;" href="RajasthaniJooti.html">RAJASTHANI JOOTIES</a></li>
</ul>
</li>
<li><a style="color:white; text-decoration:none;"
href="#">PUNJAB</a>
<ul class="submenu"> <!-- Nested dropdown -->
<li><a href="#"></a>PHULKARIS</li>
<li><a style="color:white; text-decoration:none;"
href="phulkari1.html">BRASS,COPPER AND KANSA UTENSILS</a></li>

</ul></li>

</ul>
</ul>
<script>
function Menu() {
const menu = document.querySelector('.menuitem');
menu.classList.toggle('visible');
}

</script>

</div>
<a class="header-text-left text-style"
href="customerpage.html">CONTACT</a>
<img class="img "src="./assests/images/logo.png">
<div>
<form action="RajasthaniJooti.html" class="search">
<input type="text" placeholder="Search.." name="search"
style="width:78%;">
<button type="submit"><img class="img-icon
search-bar"src="./assests/images/search.png"></button>
</form>
</div>
<a href="login.html"><img
class="img-icon"src="./assests/images/user.png" ></a>
<a href="login.html"><img
class="img-icon"src="./assests/images/love.png"></a>
<img class="img-icon"src="./assests/images/cart.png">
</div>
</div>

<div class="box1">
<div class="product-container">
<div class="product-image">
<img src="./assests/images/DSC02356.jpg" alt="Kashmiri Phiran">
</div>
<div class="product-details">
<div class="product-title">Latest Turquooise Blue Kasmiri Aari Phiran</div>
<div class="product-price">₹5000</div>
<div class="product-desc">
Fabric-Jacquard<br>Sleeve styling-Full Sleeved with flowered border<br>Neck-
V neck shaped<br>Ornamentation- Aari Hand-work<br>color-Blue and
white<br>Description-<br><b>Latest Turquooise Blue Kasmiri Aari
Phiran</b><br>Floral
Embroidered V-neck Cotton staright Kashmiri kurta, Long with straight
hem hand weaved regular wear phiran extracted from the soil of kashmir only for u:)
</div>
</div>
<div class="product-buttons">
<button class="add-to-cart">Add to Cart</button>
</div>
</div>
</div>
<div class="footer container2">
<img class="img6" src="./assests/images/logo.png">
<a class="text-style2" href="ABOUT US">Blog</a>
<a class="text-style2 " href="customerpage.html">Contact Us</a>
<a class="text-style2" href="SERVICES">Shipping and Delivery</a>
<a class="text-style2" href="SHOP">Privacy Policy</a>
<a class="text-style2" href="SHOP">Terms and Conditions</a>

</div>
</body>
</html>

You might also like