Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@LazycoderAayu
LazycoderAayu authored Jul 8, 2024
0 parents commit a0ccc10
Show file tree
Hide file tree
Showing 4 changed files with 338 additions and 0 deletions.
84 changes: 84 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="signin.html" />
<link rel="stylesheet" href="signup.html" />
<link rel="shortcut icon" href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT-Zc_X0ZaT-iFvnANem9_B4X0r1I6esv7ukA&s">
<title>Luxe Layers</title>
</head>

<body>
<div id="main"></div>

<div id="nav">
<div id="nav-1">
<h2>menu<i class="ri-menu-3-line"></i></h2>
<div id="nav-2">
<h1>Luxe Layers</h1>
<div id="nav-3">
<button id="button1" onclick="window.location.href = 'signin.html';">sign in</button>
<button id="button2" onclick="window.location.href = 'signup.html';">sign up</button>


</div>
</div>
</div>
</div>
</div>
</body>
<h1 id="centerh1"> Luxe layers</h1>
<img id="background-image" src="https://theplanetapp.com/wp-content/uploads/2022/08/fast-fashion-1-scaled-1-scaled.webp">

<h2 id="middle">our some top clothes</h2>

<img id="top" src="https://encrypted-tbn1.gstatic.com/shopping?q=tbn:ANd9GcS_HQ2nnaz5K80vsYfEPsnrrd8f3CGxOSi8XeP6zkE2-2oM6TRrJw6Vo0l9HFNoBX9jCyNjBXUoaxQzOPleeUiKKqiCMJsWJXQUxjF5nqAz&usqp=CAE" alt="">

<img id="top" src="https://encrypted-tbn0.gstatic.com/shopping?q=tbn:ANd9GcQw4mIwmMbWV6XZWBm4O9MduYugnu9KFWSWgT3jBi-lJ1YTCTpiSdYHNvQd5AjD56mGU6DEtQDXJtWdXj9Q3CmFS_xcmFVLGmf33xI-qNs&usqp=CAE" alt="">



<img id="top" src="https://encrypted-tbn2.gstatic.com/shopping?q=tbn:ANd9GcRkp0wDJUD71UqPOMlcYjnIxEM326dMiD3eTS9XgNrl_JxB-gGEyHFy6raZzEXX2fQMm57hO1zARq_x67lu8Gu66MevdpQ6GVt_jQMf71GUo66Cq2Jx-xM2&usqp=CAE" alt="">

<h5 id="btm-center"> Welcome to [Luxe Layers], where style meets sophistication. Our carefully curated collection offers the latest trends in fashion,<br> designed to empower and inspire. From timeless classics to bold, statement pieces, each item is crafted with premium quality <br> materials and meticulous attention to detail. Discover your unique style and elevate your wardrobe with [Luxe Layers] today.

</h5>
<h3 id="about">1. Exclusive Collections: Our fashion clothes company offers exclusive collections designed by top-notch designers, ensuring unique and trendsetting styles.
<br>
2. High-Quality Materials: We use premium materials that provide both comfort and durability, ensuring that our clothes look great and last long.
<br>
3. Sustainable Fashion: We are committed to sustainability, using eco-friendly materials and ethical manufacturing processes to reduce our environmental footprint.
<br>
4. Customization Options: Personalize your wardrobe with our customization options, allowing you to tailor fits and styles to your exact preferences.
<br>
5. Wide Range of Sizes: Our inclusive sizing ensures that everyone can find the perfect fit, with sizes ranging from petite to plus.
<br>
6. Seasonal Collections: Stay ahead of the trends with our seasonal collections, featuring the latest styles for every occasion and weather.
<br>
7. Fast Shipping: Enjoy fast and reliable shipping, ensuring that your orders arrive quickly and safely.
<br>
8. Excellent Customer Service: Our dedicated customer service team is here to assist you with any questions or concerns, providing top-notch support.
<br>
9. Easy Returns and Exchanges: Shop with confidence knowing that we offer easy returns and exchanges, making sure you are completely satisfied with your purchase.
<br>
10. Loyalty Program: Join our loyalty program to earn rewards and exclusive discounts on future purchases, showing our appreciation for your continued support.</h3>
<br>



<h3 id="footer">
all rights reserved copyraight@ Luxe Layers
<br>
<br>
email :- aayuXX@XXXXXX.com
<br>
phone :- 91+ 902XXXXXXX

</h3>


</html>
61 changes: 61 additions & 0 deletions signin.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sign In</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
text-align: center;
padding-top: 50px;
}
.container {
background-color: #ffffff;
width: 300px;
margin: 0 auto;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
input[type=text], input[type=password] {
width: 100%;
padding: 10px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
button {
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
width: 100%;
}
button:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<div class="container">
<h2>Sign In</h2>
<form action="/login" method="post">
<label for="username">Username:</label>
<input type="text" id="username" name="username" required><br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required><br><br>
<button type="submit">Sign In</button>
</form>
</div>
</body>
</html>



60 changes: 60 additions & 0 deletions signup.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sign Up</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
text-align: center;
padding-top: 50px;
}
.container {
background-color: #ffffff;
width: 300px;
margin: 0 auto;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
input[type=text], input[type=password] {
width: 100%;
padding: 10px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
button {
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
width: 100%;
}
button:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<div class="container">
<h2>Sign Up</h2>
<form action="/register" method="post">
<label for="username">Username:</label>
<input type="text" id="username" name="username" required><br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required><br><br>
<label for="confirm_password">Confirm Password:</label>
<input type="password" id="confirm_password" name="confirm_password" required><br><br>
<button type="submit">Sign Up</button>
</form>
</div>
</body>
</html>
133 changes: 133 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,133 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

html,
body {
height: 100%;
width: 100%;
}

#nav {
height: 100px;
width: 100%;
position: fixed;
background-color: rgb(248, 248, 248);
display: flex;
justify-content: space-between;
padding: 0px 5px;
}

#nav-1 {
display: flex;
align-items: center;
justify-content: center;
gap: 810px;
}

#nav-2 {
display: flex;
align-items: center;
justify-content: center;
gap: 690px;
}

#nav h2 {
font-size: 17px;
border: 1.5px solid #000000;
background-color: rgb(206, 156, 30);
font-weight: 500;
padding: 8px 16px;
border-radius: 50px;
color: #fff;
}

#nav h1 {
font-weight: 590;
font-size: 26px;
text-transform: uppercase;
left: 55%;
}

#nav button {
padding: 7px 12px;
border-radius: 50px;
border: 1.5px solid #000;
font-size: 16px;
font-weight: 600;
}

#button1 {
border: none;
background-color: rgb(236, 78, 171);
color: #fff;
}

#button2 {
border: none;
background-color: rgb(160, 107, 190);
color: #fff;
}

#centerh1 {
font-size: 170px;
text-transform: uppercase;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
color: #fff;
}
#btm-center{
position: absolute;
bottom: 32%;
right: 25%;
font-size: 16px;
color: #ffffff;
}
#background-image{
size: cover;
width: 100%;
height: 100%;
}
#middle{
text-align: center;
font-size: 5.5vh;
font-weight: 700;
color: #fff;
background-color: #000;
width: 100%;
height: 70px;
}
#top{
justify-content: space-between;
padding: 25px 70px;

}
#about{
text-align: left;
color: #ffffff;
font-size: 24px;
line-height: 38px;
background-color: #000;
}
#footer{
background-color: rgb(59, 56, 56);
width: 100%;
height: 150px;
font-size: 22px;
padding: 18px;
padding-left: 10px;
color: bisque;
}
img{
border-radius: 40px;
border: 0.5px solid #000;
font-weight: 700;

}

0 comments on commit a0ccc10

Please sign in to comment.