Skip to content

B
ban_son
Commit e17ab372 authored by TrungNguyen's avatar TrungNguyen
Browse files
Options

fix

parents
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1220 additions and 0 deletions
trungndph10309_WEB1013_ASMFINAL/.rescache 0 → 100644
View file @ e17ab372
{"__version__":1,"totalSize":4786374,"count":70,"data":{"Asignment":[1,4786374]}}
\ No newline at end of file
trungndph10309_WEB1013_ASMFINAL/Asignment/.rescache 0 → 100644
View file @ e17ab372
{"__version__":1,"totalSize":4786374,"count":70,"data":{"about.html":[0,5295],"banchay.html":[0,13925],"buy.html":[0,8985],"contact.html":[0,4156],"css":[1,11133],"details.html":[0,42374],"images":[1,4669232],"index.html":[0,13812],"moi.html":[0,13939],"Oder.css":[0,0],"qanda.html":[0,3523]}}
\ No newline at end of file
trungndph10309_WEB1013_ASMFINAL/Asignment/about.html 0 → 100644
View file @ e17ab372
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link rel="stylesheet" href="css/main.css" type="text/css">
<link rel="stylesheet" href="css/about.css" type="text/css">
</head>
<body>
<div style="min-width: 1280px;width: 100%;">
<div class="container">
<div class="header">
<img src="images/logo.png" alt="logo" class="logo">
<br />
<!-- <span>OanhSHOP</span> -->
</div>
<div class="nav">
<ul class="menu">
<li><a href="index.html">Trang chủ</a></li>
<li>Danh mục
<ul class="sub-menu">
<li><a href="moi.html">Son Mới</a></li>
<li><a href="banchay.html">Bán chạy</a></li>
</ul>
</li>
<li><a href="about.html">Thông tin</a></li>
<li><a href="contact.html">Liên hệ</a></li>
<li><a href="qanda.html">Hỏi Đáp</a></li>
</ul>
</div>
<div class="content">
<div class="groupbox">
<div class="text">
<div class="title">
Giới thiệu về Oanh Shop
</div>
<hr class="about" />
<div class="about">
<dt>Oanh shop là nơi bán các loại Son với những kiểu dáng mới nhất, giá cả cạnh tranh ưu đãi. Với phương châm hoạt động “Tất cả vì Khách Hàng”, Oanh Shop luôn không ngừng nỗ lực nâng cao chất lượng dịch vụ và sản phẩm, từ đó mang
đến trải nghiệm mua sắm trọn vẹn cho Khách Hàng Việt Nam.</dt>
<dt>Chúng tôi cam kết:</dt>
<dd>Cung cấp hàng chính hãng với chính sách hoàn tiền 111% nếu phát hiện hàng giả, hàng nhái.</dd>
<dd>Giao hàng tới quý khách trong thời gian ngắn nhất</dd>
<dd>Quý khách được kiểm tra hàng khi nhận hàng. Nếu phát hiện sản phẩm không đúng với yêu cầu có thể không nhận hàng.</dd>
</div>
<div class="title">Chúng tôi có những gì</div>
<div class="about">
<dt>Chúng tôi có đầy đủ các mặt hàng theo từng chủng loại: .Superfake , Superfake + , .Replica , Replia + , Replica 1:1, Authentic ... và các hãng nổi tiếng như Gc, Dior, VS, ...</dt>
</div>
<div class="title">Video giới thiệu về cửa hàng</div>
<div class="about">
<dt class="if">
<iframe height="476" src="https://www.facebook.com/sonyumeisakura/" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</dt>
</div>
<div class="title">Thông tin liên lạc</div>
<div class="about">
<dt>Quý khách có nhu cầu liên lạc, trao đổi hoặc đóng góp ý kiến, vui lòng tham khảo các thông tin sau:</dt>
<dd>Liên lạc qua điện thoại: 0925 557 895</dd>
<dd>Liên lạc qua email: oanhltph16066@fpt.edu.vn</dd>
<dd>Facebook:https://www.facebook.com/profile.php?id=100040509390885</dd>
<dd>Gửi ý kiến cho chúng tôi tại <a href="contact.html">đây</a></dd>
</div>
<div class="title">Địa chỉ cửa hàng</div>
<div class="about">
<dt class="if"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3723.9610261869575!2d105.75048631563374!3d21.03424538599537!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x313455943e66f261%3A0x17e7c21c37b0fb0c!2zQ-G6p3Ugdsaw4bujdCBYdcOibiBQaMawxqFuZw!5e0!3m2!1sen!2s!4v1584160370447!5m2!1sen!2s"
height="600" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</dt>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="cer">
Oanh Shop © 2020. Website bán son số 1 Việt Nam.<br/> Địa chỉ: cầu vượt Xuân Phương, Trịnh Văn Bô, Mỹ Đình, Từ Liêm, Hà Nội.<br/>0925 557 895
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
trungndph10309_WEB1013_ASMFINAL/Asignment/banchay.html 0 → 100644
View file @ e17ab372
This diff is collapsed.
trungndph10309_WEB1013_ASMFINAL/Asignment/buy.html 0 → 100644
View file @ e17ab372
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link rel="stylesheet" href="css/main.css" type="text/css">
<link rel="stylesheet" href="css/buy.css" type="text/css">
</head>
<body>
<div style="min-width: 1280px;width: 100%;">
<div class="container">
<div class="header">
<img src="images/logo.png" alt="logo" class="logo">
<br />
</div>
<div class="nav">
<ul class="menu">
<li><a href="index.html">Trang chủ</a></li>
<li>Danh mục
<ul class="sub-menu">
<li><a href="moi.html">Giày Mới</a></li>
<li><a href="banchay.html">Bán chạy</a></li>
</ul>
</li>
<li><a href="about.html">Thông tin</a></li>
<li><a href="contact.html">Liên hệ</a></li>
<li><a href="qanda.html">Hỏi Đáp</a></li>
</ul>
</div>
<div class="content">
<div class="groupbox">
<form action="#" method="dialog">
<fieldset>
<legend>
<div class="legend">
HOÀN THIỆN ĐƠN HÀNG
</div>
</legend>
<div class="form-control">
<div class="sp" id="item1">
<h3>Sensual Queen of Burnt </h3>
<label for="">Giá: </label>1.200.000 đ
</div>
<div class="sp" id="item2">
<h3>Sunny Side Up (Đỏ dâu)</h3>
<label for="">Giá: </label>1.000.000 đ
</div>
<div class="sp" id="item3">
<h3>Dust Pumpki</h3>
<label for="">Giá: </label>1.000.000 đ
</div>
<div class="sp" id="item4">
<h3>Unrivaled Chili King </h3>
<label for="">Giá: </label>450.000 đ
</div>
<div class="sp" id="item5">
<h3>lack Rouge Air Fit Velvet Tint version 6</h3>
<label for="">Giá: </label>450.000 đ
</div>
<div class="sp" id="item6">
<h3>Mango Tulip Garden </h3>
<label for="">Giá: </label>450.000 đ
</div>
<div class="sp" id="item7">
<h3>JORDAN 1</h3>
<label for="">Giá: </label>450.000 đ
</div>
<div class="sp" id="item8">
<h3>Pink Hibiscus Garden</h3>
<label for="">Giá: </label>400.000
</div>
<div class="sp" id="item9">
<h3>Red Camellia Garden </h3>
<label for="">Giá: </label>400.000
</div>
<div class="sp" id="item10">
<h3>Dry Daisy Garden</h3>
<label for="">Giá: </label>450.000 đ
</div>
<div class="sp" id="item12">
<h3>Warm Dahlia Garden</h3>
<label for="">Giá: </label>850.000 đ
</div>
<div class="sp" id="item13">
<h3>Vintage Sunset</h3>
<label for="">Giá: </label>850.000 đ
</div>
<div class="sp" id="item14">
<h3>Campfire Night</h3>
<label for="">Giá: </label>450.000 đ
</div>
<div class="sp" id="item15">
<h3>Pink Pillow </h3>
<label for="">Giá: </label>470.000 đ
</div>
<div class="sp" id="item16">
<h3>Winter Moon 2</h3>
<label for="">Giá: </label>400.000 đ
</div>
<div class="sp" id="item17">
<h3>Wanderlust</h3>
<label for="">Giá: </label>400.000 đ
</div>
<div class="sp" id="item18">
<h3>Coy Rose</h3>
<label for="">Giá: </label>450.000 đ
</div>
<div class="sp" id="item19">
<h3>Tough Rose </h3>
<label for="">Giá: </label>450.000 đ
</div>
<div class="sp" id="item20">
<h3> Girl Crush Rose</h3>
<label for="">Giá: </label>460.000 đ
</div>
<div class="sp" id="item21">
<h3>Prickly Rose </h3>
<label for="">Giá: </label>1.000.000 đ
</div>
<div class="sp" id="item22">
<h3>Vampire Rose </h3>
<label for="">Giá: </label>450.000 đ
</div>
</div>
<div class="form-control">
<label for="size">Cỡ:</label><br />
<select id="size" size="">
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="49">49</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
</select>
</div>
<div class="form-control">
<label for="ten">Tên của bạn:</label><br />
<input type="text" id="ten" placeholder="Họ và Tên" />
</div>
<div class="form-control">
<label for="ten">Số ĐT:</label><br />
<input type="text" id="ten" placeholder="Họ và Tên" />
</div>
<div class="form-control">
<label for="place">Địa chỉ</label><br />
<input type="text" id="place" placeholder="Email" />
</div>
<button type="submit" name="submit">Mua</button>
</fieldset>
</form>
</div>
</div>
<div class=" footer ">
<div class="cer ">
Oanh Shop © 2020. Website bán son số 1 Việt Nam.<br/> Địa chỉ: cầu vượt Xuân Phương, Trịnh Văn Bô, Mỹ Đình, Từ Liêm, Hà Nội.<br/>0925 557 895
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
trungndph10309_WEB1013_ASMFINAL/Asignment/contact.html 0 → 100644
View file @ e17ab372
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link rel="stylesheet" href="css/main.css" type="text/css">
<link rel="stylesheet" href="css/contact.css" type="text/css">
</head>
<body>
<div style="min-width: 1280px;width: 100%;">
<div class="container">
<div class="header">
<img src="images/logo.png" alt="logo" class="logo">
<br />
<!-- <span>Oanh SHOP</span> -->
</div>
<div class="nav">
<ul class="menu">
<li><a href="index.html">Trang chủ</a></li>
<li>Danh mục
<ul class="sub-menu">
<li><a href="moi.html">Son Mới</a></li>
<li><a href="banchay.html">Bán chạy</a></li>
</ul>
</li>
<li><a href="about.html">Thông tin</a></li>
<li><a href="contact.html">Liên hệ</a></li>
<li><a href="qanda.html">Hỏi Đáp</a></li>
</ul>
</div>
<div class="content">
<div class="groupbox">
<form action="#" method="dialog">
<fieldset>
<legend>
<div class="legend">
Liên hệ chúng tôi
</div>
</legend>
<div class="form-control">
<label for="ten">Nhập tên của bạn: *</label><br />
<input type="text" id="ten" placeholder="Họ và Tên" />
</div>
<div class="form-control">
<label for="mail">Nhập email của bạn: *</label><br />
<input type="text" id="mail" placeholder="Email" />
</div>
<div class="form-control">
<label for="chude">Tiêu đề hỗ trợ: *</label><br />
<input type="text" id="chude" placeholder="Chủ đề cần hỗ trợ " />
</div>
<div class="form-control">
<label for="noidung">Nội dung cần hỗ trợ: *</label><br />
<textarea name="noidung" id="noidung"></textarea>
</div>
<button type="submit" name="submit">Gửi</button>
</fieldset>
</form>
<form action="#" method="dialog">
<fieldset>
<legend>
<div class="legend">
Bạn muốn cập nhật những sản phẩm mới nhất
</div>
</legend>
<div class="form-control">
<label for="mail">Nhập Email của bạn: *</label><br />
<input type="text" id="mail" placeholder="Email" />
</div>
<button type="submit" name="submit">Subscrible Now</button>
</fieldset>
</form>
</div>
</div>
<div class=" footer ">
<div class="cer ">
Oanh Shop © 2020. Website bán son số 1 Việt Nam.<br/> Địa chỉ: cầu vượt Xuân Phương, Trịnh Văn Bô, Mỹ Đình, Từ Liêm, Hà Nội.<br/>0925 557 895
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
trungndph10309_WEB1013_ASMFINAL/Asignment/css/.rescache 0 → 100644
View file @ e17ab372
{"__version__":1,"totalSize":11133,"count":7,"data":{"about.css":[0,758],"buy.css":[0,1339],"contact.css":[0,790],"details.css":[0,2760],"item.css":[0,1361],"main.css":[0,3387],"qanda.css":[0,738]}}
\ No newline at end of file
trungndph10309_WEB1013_ASMFINAL/Asignment/css/about.css 0 → 100644
View file @ e17ab372
@charset "utf-8";
/**/
.groupbox {
margin: 30px 0 30px 2%;
width: 95%;
border: 1px solid brown;
border-radius: 10px;
background-color: #e4e4e4;
font-size: 20px;
min-height: 800px;
}
.text {
width: 96%;
margin: 25px 2% 25px 2%;
text-align: justify;
background-color: white;
box-shadow: 0 0 3px #a1a1a1;
}
.title,
.about {
width: 90%;
margin: 0 auto;
}
.title {
padding-top: 30px;
font-weight: bold;
}
hr {
margin-bottom: 30px;
opacity: 20%;
}
dt {
padding: 15px 0 5px 0;
}
dd {
padding-left: 40px;
display: list-item;
list-style-position: inside;
}
dd>a {
color: blue;
}
dt>iframe {
width: 1050px;
}
\ No newline at end of file
trungndph10309_WEB1013_ASMFINAL/Asignment/css/buy.css 0 → 100644
View file @ e17ab372
@charset "utf-8";
/**/
.groupbox {
margin: 30px 0 30px 2%;
width: 95%;
border: 1px solid brown;
border-radius: 10px;
background-color: silver;
font-size: 20px;
font-weight: bold;
min-height: 800px;
}
fieldset {
width: 95%;
margin: 40px 2% 30px 2%;
}
legend {
color: red;
text-align: center;
}
.form-control {
position: relative;
margin-top: 20px;
display: list-item;
list-style: none;
margin-left: 5%;
min-height: 50px;
}
input,
#size {
width: 95%;
line-height: 35px;
}
button {
padding: 0 30px 0 30px;
line-height: 40px;
margin-top: 20px;
margin-bottom: 30px;
margin-left: 500px;
background-color: red;
border: none;
color: white;
border-radius: 10px;
}
#size {
height: 39px;
}
h3 {
margin-bottom: 10px;
}
.sp {
visibility: hidden;
position: absolute;
}
#item1:target,
#item2:target,
#item3:target,
#item4:target,
#item5:target,
#item6:target,
#item7:target,
#item8:target,
#item9:target,
#item10:target,
#item12:target,
#item13:target,
#item14:target,
#item15:target,
#item16:target,
#item17:target,
#item18:target,
#item19:target,
#item20:target,
#item21:target,
#item22:target {
visibility: visible;
}
\ No newline at end of file
trungndph10309_WEB1013_ASMFINAL/Asignment/css/contact.css 0 → 100644
View file @ e17ab372
@charset "utf-8";
/**/
.groupbox {
margin: 30px 0 30px 2%;
width: 95%;
border: 1px solid brown;
border-radius: 10px;
background-color: silver;
font-size: 20px;
font-weight: bold;
min-height: 800px;
}
fieldset {
width: 95%;
margin: 40px 2% 30px 2%;
}
legend {
color: red;
}
.form-control {
margin-top: 20px;
display: list-item;
list-style: none;
margin-left: 5%;
color: orangered;
}
textarea {
resize: none;
height: 200px;
}
input,
textarea {
width: 95%;
line-height: 35px;
}
button {
padding: 0 10px 0 10px;
line-height: 25px;
margin-bottom: 30px;
margin-left: 58px;
background-color: #0a1538;
border: none;
color: white;
}
\ No newline at end of file
trungndph10309_WEB1013_ASMFINAL/Asignment/css/details.css 0 → 100644
View file @ e17ab372
@charset "utf-8";
/* */
.groupbox {
margin: 30px 0 30px 2%;
padding-top: 25px;
width: 95%;
border-radius: 10px;
min-height: 800px;
background-color: white;
border: 1px solid brown;
}
.boxitem {
margin: 0 auto;
position: relative;
margin: 1%;
height: 570px;
border-bottom: 1px solid #cfdada;
/* box-shadow: 0 0 3px silver; */
/* border: 1px solid orange; */
}
.img {
float: left;
width: 515px;
height: 515px;
box-shadow: 0 0 3px blue;
border-radius: 10px;
text-align: center;
background-color: white;
margin: 30px 0 0 30px;
z-index: -1;
}
.boxdetail {
margin-top: 30px;
width: 50%;
float: right;
}
table,
td,
th {
border-collapse: collapse;
border-spacing: 0;
}
tr {
height: 40px;
border-bottom: 1px solid #cfdada;
}
td {
padding-left: 10px;
font-size: 25px;
}
.detail {
width: 98%;
}
.cot1 {
width: 25%;
border-right: 1px solid #cfdada;
}
tr:first-child>.cot1 {
border: none;
}
.cot2 {
width: 75%;
}
.img>img {
max-width: 96%;
max-height: 96%;
margin: 2%;
}
.name>a {
font-weight: bold;
font-size: 40px;
text-decoration: none;
color: #ff4500;
}
.name {
text-align: center;
height: 80px;
}
.price {
font-size: 30px;
}
table {
margin-bottom: 20px;
}
.mua {
width: 200px;
height: 50px;
background-color: #ff4500;
margin: 0 auto;
text-align: center;
border-radius: 10px;
}
.mua>a {
text-decoration: none;
font-size: 25px;
line-height: 50px;
font-weight: bold;
color: white;
}
#item1,
#item2,
#item3,
#item4,
#item5,
#item6,
#item7,
#item8,
#item9,
#item10,
#item12,
#item13,
#item14,
#item15,
#item16,
#item17,
#item18,
#item19,
#item20,
#item21,
#item22 {
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}
#item1:target,
#item2:target,
#item3:target,
#item4:target,
#item5:target,
#item6:target,
#item7:target,
#item8:target,
#item9:target,
#item10:target,
#item12:target,
#item13:target,
#item14:target,
#item15:target,
#item16:target,
#item17:target,
#item18:target,
#item19:target,
#item20:target,
#item21:target,
#item22:target {
visibility: visible;
}
.boxitem2 {
width: 1130px;
margin: 0 auto;
font-size: 20px;
padding-bottom: 30px;
}
h1 {
text-align: center;
}
dt {
margin-top: 40px;
font-weight: bold;
border-bottom: 1px solid #a3a2a2;
}
dd {
margin: 15px 0 0 25px;
text-align: justify;
line-height: 30px;
}
\ No newline at end of file
trungndph10309_WEB1013_ASMFINAL/Asignment/css/item.css 0 → 100644
View file @ e17ab372
@charset "utf-8";
/* */
.groupbox {
margin: 30px 0 30px 2%;
width: 95%;
border: 1px solid brown;
border-radius: 10px;
background-color: silver;
}
.legend {
font-size: 25px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
box-shadow: 5px 5px 10px brown;
line-height: 50px;
color: white;
font-weight: bolder;
padding: 0 30px 0 30px;
background-color: #a83232;
margin-bottom: 20px;
}
.groupbox>a {
right: 0px;
line-height: 40px;
padding: 10px 30px 10px 30px;
text-decoration: none;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
font-weight: bold;
margin: 0 0 20px 20px;
background-color: #a86060;
color: white;
}
.boxitem {
margin: 0 auto;
}
.item {
width: 225px;
height: 250px;
box-shadow: 0 0 3px blue;
border-radius: 10px;
text-align: center;
display: block;
float: left;
margin: 2px 2px 15px 14px;
background-color: white;
}
.img {
margin-top: 5px;
height: 170px;
}
.img>a>img {
max-width: 90%;
height: 100%;
}
.name>a {
font-weight: bold;
text-decoration: none;
color: #ff4500;
}
.name,
.price {
height: 50px;
margin-top: 3px;
}
.price {
color: orange;
}
\ No newline at end of file
trungndph10309_WEB1013_ASMFINAL/Asignment/css/main.css 0 → 100644
View file @ e17ab372
@charset "utf-8";
/* */
* {
padding: 0;
margin: 0;
}
.container {
width: 1280px;
margin: 0 auto;
min-height: 1000px;
display: block;
background-image: url('../images/background.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
/* background-color: #c7c7c7; */
}
.header {
position: relative;
width: 100%;
height: 200px;
background-image: url('../images/background1.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.header>span {
position: absolute;
top: 130px;
left: 150px;
color: white;
font-weight: 900;
font-size: 40px;
text-shadow: 1px 0 blue, -1px 0 blue, 0 1px blue, 0 -1px blue;
}
.header>.logo {
padding-left: 90px;
height: 150px;
}
.nav {
width: 100%;
/* position: absolute;
bottom: 0; */
background-color: #d81010;
line-height: 40px;
color: white;
font-weight: bold;
}
.content {
width: 100%;
min-height: 800px;
}
.footer>.cer {
border-top: orangered double 1px;
background-color: #a0522d;
font-weight: bold;
line-height: 25px;
padding: 5px 0 5px 50px;
}
li {
list-style: none;
}
.menu {
font-variant: small-caps;
padding-left: 50px;
}
.menu>li {
display: inline-block;
/* padding: 0 50px 0 0; */
/* margin-left: 20px; */
text-align: center;
width: 125px;
}
.menu>li a {
color: #ffffff;
text-decoration: none;
}
.menu>li a:hover {
color: #ff4500;
}
li:hover {
background-color: #ffa500;
}
.sub-menu {
display: none;
position: absolute;
width: 125px;
}
li:hover>.sub-menu {
display: table-row;
background-color: #ca610b;
}
.sub-menu>li {
text-align: center;
/* padding-left: 10px; */
}
.fb-coments {
background-color: #ffffff;
}
.groupbox {
margin: 30px 0 30px 2%;
width: 95%;
border: 1px solid brown;
border-radius: 10px;
background-color: silver;
}
.legend {
font-size: 25px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
box-shadow: 5px 5px 10px brown;
line-height: 50px;
color: white;
font-weight: bolder;
padding: 0 30px 0 30px;
background-color: #a83232;
margin-bottom: 20px;
}
.groupbox>a {
right: 0px;
line-height: 40px;
padding: 10px 30px 10px 30px;
text-decoration: none;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
font-weight: bold;
margin: 0 0 20px 20px;
background-color: #a86060;
color: white;
}
.boxitem {
margin: 0 auto;
}
.item {
width: 225px;
height: 250px;
box-shadow: 0 0 3px blue;
border-radius: 10px;
text-align: center;
display: block;
float: left;
margin: 2px 2px 15px 14px;
background-color: white;
}
.img {
margin-top: 5px;
height: 170px;
}
.img>a>img {
max-width: 90%;
height: 100%;
}
.name>a {
font-weight: bold;
text-decoration: none;
color: #ff4500;
}
.name,
.price {
height: 50px;
margin-top: 3px;
}
.price {
color: orange;
}
\ No newline at end of file
trungndph10309_WEB1013_ASMFINAL/Asignment/css/qanda.css 0 → 100644
View file @ e17ab372
@charset "utf-8";
/**/
.groupbox {
margin: 30px 0 30px 2%;
width: 95%;
border: 1px solid brown;
border-radius: 10px;
background-color: #e4e4e4;
font-size: 20px;
min-height: 800px;
}
.text {
width: 96%;
margin: 25px 2% 25px 2%;
text-align: justify;
background-color: white;
box-shadow: 0 0 3px #a1a1a1;
min-height: 800px;
}
h1 {
color: red;
text-align: center;
line-height: 90px;
}
.quest,
.ans {
text-align: justify;
width: 90%;
margin: 0 auto;
}
.quest {
position: relative;
padding-top: 30px;
font-weight: bold;
}
.ans {
padding: 10px 0 0 50px;
color:orange;
}
.quest>a {
color:blue;
}
\ No newline at end of file
trungndph10309_WEB1013_ASMFINAL/Asignment/details.html 0 → 100644
View file @ e17ab372
This diff is collapsed.
trungndph10309_WEB1013_ASMFINAL/Asignment/images/.rescache 0 → 100644
View file @ e17ab372
{"__version__":1,"totalSize":4669232,"count":54,"data":{"1.jpg":[0,106282],"10.jpg":[0,4179],"11.jpg":[0,5831],"12.jpg":[0,5545],"13.jpg":[0,106282],"14.jpg":[0,4763],"15.jpg":[0,86546],"16.jpg":[0,5143],"17.jpg":[0,7100],"18.jpg":[0,10840],"19.jpg":[0,6050],"2.jpg":[0,36708],"20.jpg":[0,4988],"21.jpg":[0,5286],"22.jpg":[0,9564],"23.jpg":[0,9385],"24.jpg":[0,2782],"25.jpg":[0,8258],"26.jpg":[0,7799],"27.jpg":[0,6490],"28.jpg":[0,7923],"3.jpg":[0,181024],"4.jpg":[0,13072],"5.jpg":[0,23408],"6..jpg":[0,3662],"6.jpg":[0,5227],"7.jpg":[0,5769],"8.jpg":[0,4074],"9.jpg":[0,5923],"background.jpg":[0,99744],"background1.jpg":[0,80966],"banner.jpg":[0,683297],"giay (1).jpg":[0,67635],"giay (10).jpg":[0,32105],"giay (12).jpg":[0,261014],"giay (13).jpg":[0,41357],"giay (14).jpg":[0,124434],"giay (15).jpg":[0,58082],"giay (16).jpg":[0,114267],"giay (17).jpg":[0,98062],"giay (18).jpg":[0,101812],"giay (19).jpg":[0,95519],"giay (2).jpg":[0,113496],"giay (20).jpg":[0,133633],"giay (21).jpg":[0,136585],"giay (22).jpg":[0,137144],"giay (3).jpg":[0,58356],"giay (4).jpg":[0,189858],"giay (5).jpg":[0,87051],"giay (6).jpg":[0,735149],"giay (7).jpg":[0,124063],"giay (8).jpg":[0,87415],"giay (9).jpg":[0,222863],"logo.png":[0,95422]}}
\ No newline at end of file
trungndph10309_WEB1013_ASMFINAL/Asignment/index.html 0 → 100644
View file @ e17ab372
This diff is collapsed.
trungndph10309_WEB1013_ASMFINAL/Asignment/moi.html 0 → 100644
View file @ e17ab372
This diff is collapsed.
trungndph10309_WEB1013_ASMFINAL/Asignment/qanda.html 0 → 100644
View file @ e17ab372
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link rel="stylesheet" href="css/main.css" type="text/css">
<link rel="stylesheet" href="css/qanda.css" type="text/css">
</head>
<body>
<div style="min-width: 1280px;width: 100%;">
<div class="container">
<div class="header">
<img src="images/logo.png" alt="logo" class="logo">
<br />
<span>Oanh SHOP</span>
</div>
<div class="nav">
<ul class="menu">
<li><a href="index.html">Trang chủ</a></li>
<li>Danh mục
<ul class="sub-menu">
<li><a href="moi.html">Son Mới</a></li>
<li><a href="banchay.html">Bán chạy</a></li>
</ul>
</li>
<li><a href="about.html">Thông tin</a></li>
<li><a href="contact.html">Liên hệ</a></li>
<li><a href="qanda.html">Hỏi Đáp</a></li>
</ul>
</div>
<div class="content">
<div class="groupbox">
<div class="text">
<h1>FAQ</h1>
<div class="quest"> <a>Làm thế nào để mua hàng?</a>
</div>
<div class="ans" id="ans1">
<dt>Quý khách có thể đến đặt mua online hoặc đến cửa hàng.</dt>
</div>
<div class="quest"><a>Các bước đặt hàng online?</a>
</div>
<div class="ans" id="ans2">
<dt>Bước 1: quý khách chọn sản phẩm cần mua ấn để điền thông tin rồi ấn mua hoặc comment ở bên dưới sản phẩm.</dt>
<dt>Bước 2: Nhân viên của chúng tôi gọi điện để xác nhận và chốt đơn hàng.</dt>
<dt>Bước 3: Chuyển giao đơn hàng vào kho để lấy hàng và vận chuyển đến địa điểm ghi trong đơn hàng của quý khách.</dt>
<dt>Bước 4: Khách hàng nhận hàng kiểm tra và thanh toán.</dt>
</div>
<div class="quest"><a>Có thể trả lại hàng không?</a>
</div>
<div class="ans" id="ans3">
<dt>Có thể</dt>
<dt>Quý khách kiểm tra hàng khi nhận hàng. Nếu phát hiện sản phẩm không đúng với ghi trong đơn hàng quý khách có thể không nhận hàng và không phải trả tiền cho sản phẩm.</dt>
</div>
</div>
</div>
</div>
<div class=" footer ">
<div class="cer ">
Oanh Shop © 2020. Website bán son số 1 Việt Nam.<br/> Địa chỉ: cầu vượt Xuân Phương, Trịnh Văn Bô, Mỹ Đình, Từ Liêm, Hà Nội.<br/>0925 557 895
</div>
</div>
</div>
</div>
</body>
</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