Commit eb575933 authored by 13612383's avatar 13612383
Browse files

Update 372ed073c7dfc5a9809b759fe686746b.jpg, 1.png,...

Update 372ed073c7dfc5a9809b759fe686746b.jpg, 1.png, 1e1ea6b9cf9952fd1678a18fcfd7a3b9.jpg, 1f750c38d16a655fc8e58670ad7f0ccc.jpg, 133a1cee3dbba79bca4bb6d5825d7aaa.jpg, 94ccb9874fb9a0cc70c94b4279dabebd.jpg, 969ed677104f396dec6a74c615db7d93.jpg, 705a90f255507afdec31084ec4e2bcb4.jpg, 139122393fec7e3d48978cabfa003458.jpg, c1d828f4c67a0f50de3dfff02377de74.jpg, d883c04b563c11e166233808f8dde2e7.jpg, about page.html, about.css, Adidas Windbreaker.html, Beige Blazer.css, Beige Blazer.html, burberry logo shirt.html, Cable Knit V-Neck Sweater.html, cards.css, contact.css, contact.html, Cream Ralph Lauren.html, nike two piece lounge set.html, nike zip up sweater.html, product.css, product.html, tommy hilfiger.html, Vintage Guess Bag.html files
parent 5b524769
1.png

16.8 KB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Adidas Windbreaker | Vintage Thrifts</title>
<link rel="stylesheet" href=".\beige blazer.css">
<body>
<h1><a href="store.html"> <img src="1.png" alt="1">
</a> </h1>
</body>
<div class="topnav-centered">
<ul>
<li><a href="store.html" style="text-decoration: none;">Home</a></li>
<li><a href="product.html" style="text-decoration: none;">Products</a></li>
<li><a href="contact.html" style="text-decoration: none;">Contact</a></li>
<li><a href="about page.html" style="text-decoration: none;">About</a></li>
</ul>
<main class="container">
<!-- Left Column / Headphones Image -->
<div class="left-column">
<img data-image="black" src="372ed073c7dfc5a9809b759fe686746b.jpg" alt="Adidas Windbreaker">
<img data-image="blue" src="372ed073c7dfc5a9809b759fe686746b.jpg" alt="Adidas Windbreaker">
<img data-image="red" class="active" src="372ed073c7dfc5a9809b759fe686746b.jpg" alt="Adidas Windbreaker">
</div>
<!-- Right Column -->
<div class="right-column">
<!-- Product Description -->
<div class="product-description">
<h1>Adidas Windbreaker </h1>
</div>
<!-- Product Pricing -->
<div class="product-price">
<span> $65 </span> <a href="#" class="cart-btn">Add to cart</a>
</div>
</div>
</main>
</div>
</html>
\ No newline at end of file
html, body {
height: 100%;
width: 100%;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}
h1 {text-align: center;}
p {text-align: center;}
div {text-align: center;}
h1 {font-size: 80px;}
h2 {text-align: center;}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
display: inline;
}
nav ul{
list-style: none;
margin: 0 2px;
padding: 0;
display: flex;
justify-content: space-around;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 15px;
display: flex;
}
.left-column {
width: 65%;
position: relative;
}
.left-column img {
width: 80%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: all 0.3s ease;
}
.left-column img.active {
opacity: 1;
}
.right-column {
width: 35%;
margin-top: 60px;
}
.product-description {
border-bottom: 1px solid #E1E8EE;
margin-bottom: 20px;
}
.product-description span {
font-size: 12px;
color: #358ED7;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
}
.product-description h1 {
font-weight: 300;
font-size: 52px;
color: #43484D;
letter-spacing: -2px;
}
.product-description p {
font-size: 16px;
font-weight: 300;
color: #86939E;
line-height: 24px;
}
.product-price {
display: flex;
align-items: center;
}
.product-price span {
font-size: 26px;
font-weight: 300;
color: #43474D;
margin-right: 300px;
}
.cart-btn {
display: inline-block;
background-color: #7DC855;
border-radius: 6px;
font-size: 16px;
color: #FFFFFF;
text-decoration: none;
padding: 12px 30px;
transition: all .5s;
}
.cart-btn:hover {
background-color: #64af3d;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Beige Blazer | Vintage Thrifts</title>
<link rel="stylesheet" href=".\beige blazer.css">
<body>
<h1><a href="store.html"> <img src="1.png" alt="1">
</a> </h1>
</body>
<div class="topnav-centered">
<ul>
<li><a href="store.html" style="text-decoration: none;">Home</a></li>
<li><a href="product.html" style="text-decoration: none;">Products</a></li>
<li><a href="contact.html" style="text-decoration: none;">Contact</a></li>
<li><a href="about page.html" style="text-decoration: none;">About</a></li>
</ul>
<main class="container">
<!-- Left Column / Headphones Image -->
<div class="left-column">
<img data-image="black" src=" v" alt="beige blazer">
<img data-image="blue" src="969ed677104f396dec6a74c615db7d93.jpg" alt="beige blazer">
<img data-image="red" class="active" src="969ed677104f396dec6a74c615db7d93.jpg" alt="beige blazer">
</div>
<!-- Right Column -->
<div class="right-column">
<!-- Product Description -->
<div class="product-description">
<h1>Beige Blazer </h1>
</div>
<!-- Product Pricing -->
<div class="product-price">
<span>$70</span> <a href="#" class="cart-btn">Add to cart</a>
</div>
</div>
</main>
</div>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Cable Knit V-Neck Sweater | Vintage Thrifts</title>
<link rel="stylesheet" href=".\cable knit v-neck sweater.css">
<body>
<h1><a href="store.html"> <img src="1.png" alt="1">
</a> </h1>
</body>
<div class="topnav-centered">
<ul>
<li><a href="store.html" style="text-decoration: none;">Home</a></li>
<li><a href="product.html" style="text-decoration: none;">Products</a></li>
<li><a href="contact.html" style="text-decoration: none;">Contact</a></li>
<li><a href="about page.html" style="text-decoration: none;">About</a></li>
</ul>
<main class="container">
<!-- Left Column / Headphones Image -->
<div class="left-column">
<img data-image="black" src="139122393fec7e3d48978cabfa003458.jpg" alt="Cable Knit V-Neck Sweater">
<img data-image="blue" src="139122393fec7e3d48978cabfa003458.jpg" alt="Cable Knit V-Neck Sweater">
<img data-image="red" class="active" src="139122393fec7e3d48978cabfa003458.jpg" alt="Cable Knit V-Neck Sweater">
</div>
<!-- Right Column -->
<div class="right-column">
<!-- Product Description -->
<div class="product-description">
<h1> Cable Knit V-Neck Sweater </h1>
</div>
<!-- Product Pricing -->
<div class="product-price">
<span> $35 </span> <a href="#" class="cart-btn">Add to cart</a>
</div>
</div>
</main>
</div>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Cream Ralph Lauren Button Up | Vintage Thrifts</title>
<link rel="stylesheet" href=".\beige blazer.css">
<body>
<h1><a href="store.html"> <img src="1.png" alt="1">
</a> </h1>
</body>
<div class="topnav-centered">
<ul>
<li><a href="store.html" style="text-decoration: none;">Home</a></li>
<li><a href="product.html" style="text-decoration: none;">Products</a></li>
<li><a href="contact.html" style="text-decoration: none;">Contact</a></li>
<li><a href="about page.html" style="text-decoration: none;">About</a></li>
</ul>
<main class="container">
<!-- Left Column / Headphones Image -->
<div class="left-column">
<img data-image="black" src="705a90f255507afdec31084ec4e2bcb4.jpg" alt="Cream Ralph Lauren Button Up">
<img data-image="blue" src="705a90f255507afdec31084ec4e2bcb4.jpg" alt="Cream Ralph Lauren Button Up">
<img data-image="red" class="active" src="705a90f255507afdec31084ec4e2bcb4.jpg" alt="Cream Ralph Lauren Button Up">
</div>
<!-- Right Column -->
<div class="right-column">
<!-- Product Description -->
<div class="product-description">
<h1> Cream Ralph Lauren Button Up </h1>
</div>
<!-- Product Pricing -->
<div class="product-price">
<span> $50 </span> <a href="#" class="cart-btn">Add to cart</a>
</div>
</div>
</main>
</div>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Vintage Guess Shoulder Bag | Vintage Thrifts</title>
<link rel="stylesheet" href=".\beige blazer.css">
<body>
<h1><a href="store.html"> <img src="1.png" alt="1">
</a> </h1>
</body>
<div class="topnav-centered">
<ul>
<li><a href="store.html" style="text-decoration: none;">Home</a></li>
<li><a href="product.html" style="text-decoration: none;">Products</a></li>
<li><a href="contact.html" style="text-decoration: none;">Contact</a></li>
<li><a href="about page.html" style="text-decoration: none;">About</a></li>
</ul>
<main class="container">
<!-- Left Column / Headphones Image -->
<div class="left-column">
<img data-image="black" src="1f750c38d16a655fc8e58670ad7f0ccc.jpg" alt="vintage guess bag">
<img data-image="blue" src="1f750c38d16a655fc8e58670ad7f0ccc.jpg" alt="vintage guess bag">
<img data-image="red" class="active" src="1f750c38d16a655fc8e58670ad7f0ccc.jpg" alt="vintage guess bag">
</div>
<!-- Right Column -->
<div class="right-column">
<!-- Product Description -->
<div class="product-description">
<h1>Vintage Guess Shoulder Bag </h1>
</div>
<!-- Product Pricing -->
<div class="product-price">
<span> $30 </span> <a href="#" class="cart-btn">Add to cart</a>
</div>
</div>
</main>
</div>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>About Isobel Thrifts</title>
<link rel="stylesheet" href=".\about.css">
</head>
<body>
<h1><a href="store.html"> <img src="1.png" alt="1">
</a> </h1>
<div class="topnav-centered">
<ul>
<li><a href="store.html" style="text-decoration: none;">Home</a></li>
<li><a href="product.html" style="text-decoration: none;">Products</a></li>
<li><a href="contact.html" style="text-decoration: none;">Contact</a></li>
<li><a href="about page.html" style="text-decoration: none;">About</a></li>
</ul>
<H2> About Vintage Thrifts </H2>
<p style="text-align:left"> Isobel Thrifts is a page created to sell old clothes and to share thrift finds with ohters.
As I have become more interested in social media and fashion trends I have grown out of my previous style; However
I did not want to chuck my clothes in the bin or have them go to a thrift store where no one would buy it. These clothes
are still trendy and wearable for everyday but just aren't by style anymore.
I also have a love for thrifting and finding treasures, especially because old trends come back in fashion and its more
sustainable to buy secondhand clothes than consuming fast fashion. However, as thrifting can often by difficult and has limited sizing
i wanted to help others find good pieces, whilst still enjoying the process of thrifting. </p>
</div>
</body>
</html>
\ No newline at end of file
.sanserif {
font-family: Arial, Helvetica, sans-serif;
}
h1 {text-align: center;}
p {text-align: center;}
div {text-align: center;}
h1 {font-size: 80px;}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
display: inline;
}
nav ul{
list-style: none;
margin: 0 2px;
padding: 0;
display: flex;
justify-content: space-around;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Burberry Logo T-Shirt | Vintage Thrifts</title>
<link rel="stylesheet" href=".\beige blazer.css">
<body>
<h1><a href="store.html"> <img src="1.png" alt="1">
</a> </h1>
</body>
<div class="topnav-centered">
<ul>
<li><a href="store.html" style="text-decoration: none;">Home</a></li>
<li><a href="product.html" style="text-decoration: none;">Products</a></li>
<li><a href="contact.html" style="text-decoration: none;">Contact</a></li>
<li><a href="about page.html" style="text-decoration: none;">About</a></li>
</ul>
<main class="container">
<!-- Left Column / Headphones Image -->
<div class="left-column">
<img data-image="black" src="c1d828f4c67a0f50de3dfff02377de74.jpg" alt="Burberry Logo T-Shirt">
<img data-image="blue" src="c1d828f4c67a0f50de3dfff02377de74.jpg" alt="Burberry Logo T-Shirt">
<img data-image="red" class="active" src="c1d828f4c67a0f50de3dfff02377de74.jpg" alt="Burberry Logo T-Shirt">
</div>
<!-- Right Column -->
<div class="right-column">
<!-- Product Description -->
<div class="product-description">
<h1> Burberry Logo T-Shirt </h1>
</div>
<!-- Product Pricing -->
<div class="product-price">
<span> $300 </span> <a href="#" class="cart-btn">Add to cart</a>
</div>
</div>
</main>
</div>
</html>
\ No newline at end of file
.sanserif {
font-family: Arial, Helvetica, sans-serif;
}
h1 {text-align: center;}
p {text-align: center;}
div {text-align: center;}
h1 {font-size: 80px;}
h2 {text-align: center;}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
display: inline;
}
nav ul{
list-style: none;
margin: 0 2px;
padding: 0;
display: flex;
justify-content: space-around;
}
table, th, td {
border: 0px solid black;
border-collapse: collapse;
}
table.center {
margin-left:auto;
margin-right:auto;
}
.container {
position: relative;
width: 50%;
}
.image {
display: block;
width: 100%;
height: auto;
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 400px;
width: 400px;
opacity: 0;
transition: .5s ease;
background-color: #D3D3D3;
}
.container:hover .overlay {
opacity: 1;
}
.text {
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment