Scribd
Upload
3 views3 pages

code

The document is an HTML template for a website titled 'SHOP HOT PINK', featuring a vibrant design aimed at women's fashion. It includes sections for product listings such as denim pants, a trench coat, and a T-shirt, along with their prices. The footer provides contact information and store hours.

Uploaded by

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

code

The document is an HTML template for a website titled 'SHOP HOT PINK', featuring a vibrant design aimed at women's fashion. It includes sections for product listings such as denim pants, a trench coat, and a T-shirt, along with their prices. The footer provides contact information and store hours.

Uploaded by

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

<!

DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>SHOP HOT PINK</title>
<link rel="stylesheet" href="style.css">
</head>

<style>
.header {
height: 100px;
background-color: #FF1493;
color: #FFB6C1;
font-weight: bold;
font-size: 28px;
text-align: center;
padding: 20px;
}

.content {
width: 80%;
margin: auto;
display: flex;
gap: 20px;
margin-top: 20px;
margin-bottom: 20px;
}

.about {
border-radius: 10px;
text-align: center;
font-size: 18px;
color: #FF69B4;
}

.sp1 {
width: 50%;
padding: 20px;
color: #C71585;
font-size: 18px;
background-color:#E9967A;
border-radius: 10px;
text-align: center;
}

.sp2 {
width: 50%;
padding: 20px;
color: #FFC0CB;
font-size: 18px;
background-color: #DC143C;
border-radius: 10px;
text-align: center;
}

.sp3 {
width: 50%;
padding: 20px;
color: #C71585;
font-size: 18px;
background-color:#E9967A;
border-radius: 10px;
text-align: center;
}

{font-family:arial, sans-serif;}

.sp1:hover {
background-color: #FF6347
}

.sp2:hover {
background-color: #ffe6e6
}

.sp3:hover {
background-color: #FF6347
}

footer {
color:white;
background-color: #A52A2A;
text-align: center;
padding: 10px;
height: 60px
}
</style>

<body>

<header>
<div class="header">
<p>SHOP HOT PINK</p>
</header>

<div class="about">
<p> Đồ xinh giá xịn </p>
<p> Cho phụ nữ chúng mình!</p>
</div>

<div class="content">

<div class="sp1">
<img src="sp1.jpg" width="220px" height="250px";>
<h3>Quần denim</h3>
<p>250.000đ</p>
</div>

<div class="sp2">
<img src="sp2.jpg"; width="220px" height="250px">
<h3>Áo choàng măng tô</h3>
<p>350.000đ</p>
</div>

<div class="sp3">
<img src="sp3.jpg"; width="220px" height="250px">
<h3>Áo T-shirt</h3>
<p>90.000đ</p>
</div>

</div>
<footer>
<p> Địa chỉ: 385 Nguyễn Văn Cừ, P.1, Q.5 </p>
<p> SĐT: 0123456789 | Mở cửa: 7:00-21:00 </p>

</footer>
</body>
</html>

You might also like