-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathservice-hotel.html
135 lines (130 loc) · 6.42 KB
/
service-hotel.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DỊCH VỤ TRÔNG GIỮ CHÓ MÈO</title>
<link rel="stylesheet" href="./css/service.css" type="text/css">
<link rel="icon" type="image/x-icon" href="./library/logoko-01.png">
<link rel="stylesheet" href="./css/style.css">
<script src="https://kit.fontawesome.com/09f1ff1e12.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined">
<script src="https://www.w3schools.com/lib/w3.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" type="text/javascript" ></script>
<style>
.box {
width: 25%;
}
.color div {
margin-top: 2px;
}
@media screen and (max-width: 780px) {
.box {
width: 200px;
}
}
</style>
</head>
<body>
<!-- chèn html header -->
<!-- <div w3-include-html="header.html"></div> -->
<div id="header"></div>
<script>
load("header.html");
function load(url)
{
req = new XMLHttpRequest();
req.open("GET", url, false);
req.send(null);
document.getElementById("header").innerHTML = req.responseText;
}
</script>
<!-- phần nội dung -->
<div class="content-page">
<div class="header-page">
<img src="library/pethotel.jpg" alt="">
<div class="header-page-text">
<h1>DỊCH VỤ <br> KHÁCH SẠN <br> CHÓ MÈO</h1>
<hr/>
<span>Ngôi nhà thứ hai cho thú cưng</span>
</div>
</div>
<p class="header-text">Khách sạn chó mèo MarPet cung cấp những giá trị dịch vụ tốt nhất cho thú cưng trong thời gian gửi tại đây bao gồm: <b>chăm sóc, dinh dưỡng, vệ sinh, tắm rửa, chải chuốt và cả những kế hoạch huấn luyện cơ bản</b>. Tất cả chó mèo khi gửi tại khách sạn của chúng tôi đều được đối xử như thế chúng là thú cưng của chúng tôi vậy.</p>
<div class="content color">
<h1>CHÚNG TÔI<br/>CAM KẾT</h1>
<div class="content-text">Chúng tôi tự hào là một trong những khách sạn 5⭐️ chăm sóc thú cưng chuyên nghiệp đầu tiên tại Việt Nam với mô hình hiện đại, luôn đảm bảo điều kiện ánh sáng và vệ sinh theo tiêu chuẩn chất lượng. Tất cả các khu vực đều được giám sát bởi hệ thống camera 24/7 đảm bảo quá trình vận hành an toàn tối đa.</div>
</div>
<div class="content white">
<div><img src="https://vnn-imgs-f.vgcloud.vn/2020/01/21/08/thu-cung-1.jpg" alt=""></div>
<span>
<h1 style="margin-bottom: 20px;">VÌ SAO NÊN<br/>CHỌN MARPET?</h1>
<div class="content-text">Tại MarPet, chúng tôi mong muốn cung cấp môi trường sạch sẽ, an toàn và thoải mái cho thú cưng. Chính vì vậy thiết kế phòng nghỉ cho chó mèo cũng luôn được chúng tôi chú trọng và nâng cấp thường xuyên. Thời gian ăn uống dành cho thú cưng đảm bảo theo khung giờ khoa học hợp lý. Chế độ dinh dưỡng đảm bảo cân bằng, phù hợp và cần thiết cho thú cưng.</div>
</span>
</div>
<div class="content price">
<h1>BẢNG GIÁ DỊCH VỤ</h1>
<div class="content-text">Kích thước của phòng chỉ có thể ước lượng và tham khảo. Thực tế có thể tùy theo kích cỡ, trọng lượng và nhu cầu sử dụng của mỗi thú cưng.</div>
<div class="box-container">
<div class="box">
<p>Chuồng M - Dành cho thú cưng tối đa 10kg</p>
<h2>150k/ngày</h2>
</div>
<div class="box">
<p>Chuồng L - Dành cho thú cưng tối đa 20kg</p>
<h2>200k/ngày</h2>
</div>
<div class="box">
<p>Chuồng XL - Dành cho thú cưng tối đa 10kg</p>
<h2>250k/ngày</h2>
</div>
</div>
<div class="box-container">
<div class="box">
<p>Phòng VIP C - Dành cho thú cưng tối đa 10kg</p>
<h2>300k/ngày</h2>
</div>
<div class="box">
<p>Phòng VIP B - Dành cho thú cưng tối đa 20kg</p>
<h2>400k/ngày</h2>
</div>
<div class="box">
<p>Phòng VIP A - Dành cho thú cưng tối đa 40kg</p>
<h2>500k/ngày</h2>
</div>
</div>
</div>
<div class="contact">
<h3>XIN VUI LÒNG LIÊN HỆ: 088.633.8357</h3>
</div>
</div>
<!-- chèn html footer -->
<!-- <div w3-include-html="footer.html"></div> -->
<div id="footer"></div>
<script>
load("footer.html");
function load(url)
{
req = new XMLHttpRequest();
req.open("GET", url, false);
req.send(null);
document.getElementById("footer").innerHTML = req.responseText;
}
</script>
<!-- function để chèn html -->
<script>
w3.includeHTML();
</script>
<!-- js mở chatbox và quay về đầu trang -->
<script src="./js/chatBox&returnTop-btn.js"></script>
<!-- js khi kéo xuống thì hiện 1 thanh nav cố định ở đầu trang web -->
<script src="./js/flat-menu.js"></script>
<!-- js xổ ra các mục nhỏ của footer khi trình duyệt thu nhỏ -->
<script src="./js/footer.js"></script>
<script src="./js/products_detail.js"></script>
<script src="./js/searchHeader.js"></script>
<script src="./js/searchdetails.js"></script>
<script src="./js/searchMobile.js"></script>
</body>
</html>