Scribd
Upload
35 views

CODE

The document contains code for a website promoting a vintage clothing store. It includes HTML code for pages displaying the store homepage, about page and order form. It also includes CSS code to style elements of the website.

Uploaded by

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

CODE

The document contains code for a website promoting a vintage clothing store. It includes HTML code for pages displaying the store homepage, about page and order form. It also includes CSS code to style elements of the website.

Uploaded by

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

CODE

<!DOCTYPE html>
<head>
<title>home</title>
<link rel="stylesheet" type="text/css" href=c:\Users\Jha\Desktop\website\
style.css>
</head>
<body >
<div style="text-align: center;"><img style="width: 18%; height: fit-
content;" src="c:\Users\Jha\Desktop\logoo.png">
</div>
<div style="text-align: center;margin-top: 10px;">
<a style="padding-right: 20px;" href="home.html">Home</a>
<a style="padding-right: 20px;"href="About.html">About</a>
<a style="padding-right: 20px;" href="services.html">Services</a>
</div>

<h1 style="font-size: 35px; text-align: center;">


<i>Rediscover the vinatge charm!</i></h1>
<p style="font-size: 20; text-align: center;margin: bottom 50px;">Step into a
world where timeless elegance meets retro charm.
<br> At RetroWardrobe, we curate a collection of vintage clothing
pieces that exude sophistication and style.
</p>
<hr color="black" style="width: 60%;">
<h1 style="font-size: 35px; text-align: center;">
check out our collections!</h1>
<div class="topnav">
<input type="text" placeholder="Search..">
<label for="dress"></label>
<select name="dress" id="dress">
<option value="Mini Dresses ">Mini Dresses </option>
<option value="Drop Waist Dress">Drop Waist Dress</option>
<option value="Bodycon Dress">Bodycon Dress</option>
</select>
<label for="Bottoms"></label>
<select name="Bottoms" id="Bottoms">
<option value="Swing Skirt">Swing Skirt </option>
<option value="etro High-Waisted Shorts">etro High-Waisted Shorts</option>
<option value="Boho Bell-bottoms">Boho Bell-bottoms</option>
</select>
<label for="Tops"></label>
<select name="Tops" id="Tops">
<option value="Retro Ruffle Top ">Retro Ruffle Top </option>
<option value="Boho Chic Blouse">Boho Chic Blouse</option>
<option value="Mod Mary Top">Mod Mary Top</opion>
</select>
</div>
<div style="text-align: center;">
<img style="width:22.3%;" src=c:\Users\Jha\Desktop\undershirt.jpg.jpg>
<img style="width:22.2%;" src=c:\Users\Jha\Desktop\dress.jpg.jpg>
<img style="width:22.5%;" src=c:\Users\Jha\Desktop\jean.jpg.jpg>
<img style="width:23%;" src=c:\Users\Jha\Desktop\uggs.jpg.jpg>
<h3 style="color:white; margin-top: 150px;">outfit ideas for you this summer</h3>
</div>
<div style="text-align: center;">
<iframe width="560" height="300" src="https://www.youtube.com/embed/OGtlhY-H0FI?
si=NlGptaJdjSWfGKyK" title="YouTube video player"
frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media;
gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<head>
<title>about</title>
</head>
<body bgcolor="#d9c7ce">
<div style="text-align: center;"><img style="width: 18%; height: fit-content;"
src="logoo.png">
</div>
<div style="text-align: center;margin-top: 10px;">
<a style="padding-right: 20px;" href="home.html">Home</a>
<a style="padding-right: 20px;"href="About.html">About</a>
<a style="padding-right: 20px;" href="services.html">Services</a>
</div>
<h1 style="font-size: 35px; text-align: center;">
<i>About Us</i></h1>
<p style="font-size: 20; text-align: center; line-height:30px;margin:bottom
70px ;">Welcome to RetroWardrobe, where vintage charm meets modern style.<br>
We're passionate about curating timeless fashion pieces that evoke nostalgia
and add a unique flair to your wardrobe. <br>
Whether you're a seasoned collector or new to the world of vintage fashion,
we're here to help you find that perfect piece to express your
individuality.
</p>
<div style="text-align: center;"><a style="font-size: 20px; background-color:
rgb(167, 53, 129);
padding: 15px 35px 15px 35px; color: azure; " href="https://www.google.com/">read
more</a>
</div>
<!DOCTYPE html>
<head>
<title>services</title>
<link rel="stylesheet" type="text/css" href=c:\Users\Jha\Desktop\website\
style.css>
</head>
<body bgcolor="#d9c7ce">
<div style="text-align: center;"><img style="width: 18%; height: fit-content;"
src="logoo.png">
</div>
<div style="text-align: center;margin-top: 10px;">
<a style="padding-right: 20px;" href="home.html">Home</a>
<a style="padding-right: 20px;"href="About.html">About</a>
<a style="padding-right: 20px;" href="services.html">Services</a>
</div>
<h1 style="font-size: 35px; text-align: center;">
<i>Place your order now!</i></h1>
<p style="font-size: 20; text-align: center; line-height:30px;margin:bottom
70px ;">
</p>
</head>
<body>
<div class="order-form">
<form action="#" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>

<label for="email">Email:</label>
<input type="email" id="email" name="email" required>

<label for="address">Shipping Address:</label>


<textarea id="address" name="address" rows="4" required></textarea>

<label for="item">Item:</label>
<input type="text" id="item" name="item" required>

<label for="quantity">Quantity:</label>
<input type="number" id="quantity" name="quantity" required>

<input type="submit" value="Place Order">


</form>
</div>
</body>
</html>
body{
background-color: #d9c7ce;
}
.topnav input[type=text] {
float: center;
padding: 6px;
border: none;
margin-top: 8px;
margin-bottom:8px;
font-size: 17px;
text-align: center;
}
.topnav {
overflow: hidden;
background-color:palevioletred;

}
select {
float: left;
display: block;
color:black;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
select {
background-color: palevioletred;
color:white;
}

.order-form {
margin: 0 auto;
max-width: 400px;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
input[type="text"], input[type="email"], textarea {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;}
input[type="submit"] {
background-color: palevioletred;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: palevioletred;
}

You might also like