Scribd
Upload
9 views

code (1)

Uploaded by

Vidushi
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
9 views

code (1)

Uploaded by

Vidushi
Copyright
© © All Rights Reserved
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