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
.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;
}
input[type=text], select, textarea {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical
\ No newline at end of file
<!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> Contact Us </H2>
<p style="text-align:center">
Instagram: @vintagethrifts <br>
Youtube: @vintagethrifts <br>
Email: vintagethrifts@gmail.com </p>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Nike Two Piece Lounge Set | 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="d883c04b563c11e166233808f8dde2e7.jpg" alt="Nike Two Piece Lounge Set">
<img data-image="blue" src="d883c04b563c11e166233808f8dde2e7.jpg" alt="Nike Two Piece Lounge Set">
<img data-image="red" class="active" src="d883c04b563c11e166233808f8dde2e7.jpg" alt="Nike Two Piece Lounge Set">
</div>
<!-- Right Column -->
<div class="right-column">
<!-- Product Description -->
<div class="product-description">
<h1> Nike Two Piece Lounge Set </h1>
</div>
<!-- Product Pricing -->
<div class="product-price">
<span> $100 </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> Nike Zip Up Sweater | 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="94ccb9874fb9a0cc70c94b4279dabebd.jpg" alt="vintage guess bag">
<img data-image="blue" src="94ccb9874fb9a0cc70c94b4279dabebd.jpg" alt="vintage guess bag">
<img data-image="red" class="active" src="94ccb9874fb9a0cc70c94b4279dabebd.jpg" alt="vintage guess bag">
</div>
<!-- Right Column -->
<div class="right-column">
<!-- Product Description -->
<div class="product-description">
<h1> Nike Zip Up Sweater </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
.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Product</title>
<link rel="stylesheet" href=".\product.css">
</head>
<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>
<br>
<H2 CLASS="SANSERIF"> All Products </H2>
<table class="center">
<tr>
<th> <div class="container">
<img src="969ed677104f396dec6a74c615db7d93.jpg" alt="Beige Blazer" style="width:400px;height:400x" class="image"></a>
<div class="overlay">
<a href="beige blazer.html" style="text-decoration: none;"> <div class="text"> Beige Blazer </a> </div>
</div> </div> </th>
<th> <div class="container">
<img src="1f750c38d16a655fc8e58670ad7f0ccc.jpg" alt="Vintage Guess Shoulder Bag" style="width:400px;height:400x" class="image">
<div class="overlay">
<a href="vintage guess bag.html" style="text-decoration: none;"> <div class="text"> Vintage Guess Shoulder Bag </a> </div>
</div> </div> </th>
<th> <div class="container">
<img src="372ed073c7dfc5a9809b759fe686746b.jpg" alt="Vintage Adidas Windbreaker" style="width:400px;height:400x" class="image">
<div class="overlay">
<a href="adidas windbreaker.html" style="text-decoration: none;"> <div class="text"> Vintage Adidas Windbreaker </div>
</div> </div></th>
</tr>
<tr>
<td><div class="container">
<img src="139122393fec7e3d48978cabfa003458.jpg" alt="Cable Knit V-Neck Sweater" style="width:400px;height:400x" class="image">
<div class="overlay">
<a href="cable knit v-neck sweater.html" style="text-decoration: none;"><div class="text"> Cable Knit V-Neck Sweater </div>
</div> </div></td>
<td><div class="container">
<img src="705a90f255507afdec31084ec4e2bcb4.jpg" alt="Cream Ralph Lauren Button Up" style="width:400px;height:400x" class="image">
<div class="overlay">
<a href="cream ralph lauren.html" style="text-decoration: none;"><div class="text"> Cream Ralph Lauren Button Up </div>
</div> </div> </td>
<td> <div class="container">
<img src="94ccb9874fb9a0cc70c94b4279dabebd.jpg" alt="Nike Zip Up Sweater" style="width:400px;height:400x" class="image">
<div class="overlay">
<a href="nike zip up sweater.html" style="text-decoration: none;"><div class="text"> Nike Zip Up Sweater </div>
</div></div></td>
</tr>
<tr>
<td> <div class="container">
<img src="c1d828f4c67a0f50de3dfff02377de74.jpg" alt="Burberry Logo T-Shirt" style="width:400px;height:400x" class="image">
<div class="overlay">
<a href="burberry logo shirt.html" style="text-decoration: none;"> <div class="text"> Burberry Logo T-Shirt </div>
</div></div> </td>
<td> <div class="container">
<img src="d883c04b563c11e166233808f8dde2e7.jpg" alt="Nike Two Piece Lounge Set" style="width:400px;height:400x" class="image">
<div class="overlay">
<a href="nike two piece lounge set.html" style="text-decoration: none;"> <div class="text"> Nike Two Piece Lounge Set </div>
</div></div></td>
<td> <div class="container">
<img src="133a1cee3dbba79bca4bb6d5825d7aaa.jpg" alt="Tommy Hilfiger Striped Sweater" style="width:400px;height:400x" class="image">
<div class="overlay">
<a href="tommy hilfiger.html" style="text-decoration: none;"><div class="text"> Tommy Hilfiger Striped Sweater </div>
</div></div> </td>
</tr>
</table>
</div>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Tommy Hilfiger Striped Sweater | 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="133a1cee3dbba79bca4bb6d5825d7aaa.jpg" alt="Tommy Hilfiger Striped Sweater">
<img data-image="blue" src="133a1cee3dbba79bca4bb6d5825d7aaa.jpg" alt="Tommy Hilfiger Striped Sweater">
<img data-image="red" class="active" src="133a1cee3dbba79bca4bb6d5825d7aaa.jpg" alt="Tommy Hilfiger Striped Sweater">
</div>
<!-- Right Column -->
<div class="right-column">
<!-- Product Description -->
<div class="product-description">
<h1> Tommy Hilfiger Striped Sweater </h1>
</div>
<!-- Product Pricing -->
<div class="product-price">
<span> $45 </span> <a href="#" class="cart-btn">Add to cart</a>
</div>
</div>
</main>
</div>
</html>
\ 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