-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
182 lines (170 loc) · 8.77 KB
/
contact.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!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>7Motor | Liên hệ</title>
<link rel="shortcut icon" type="image/icon" href="./img/seven.ico"/>
<!-- bootstrap5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- boxicons -->
<link href='https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css' rel='stylesheet'>
<script src="https://unpkg.com/boxicons@2.1.2/dist/boxicons.js"></script>
<!-- app css -->
<link rel="stylesheet" href="./css/grid.css">
<link rel="stylesheet" href="./css/app.css">
</head>
<body>
<!-- header -->
<header>
<a href="#" class="logo">
<img src="./img/7motor.png" alt="Logo">
</a>
<div class="main-menu-wrapper">
<ul class="main-menu m-1">
<li><a href="./index.html">Trang Chủ</a></li>
<li><a href="./about.html">Giới thiệu</a></li>
<li><a href="./products.html">Sản phẩm</a></li>
<li><a href="./faq.html">FAQ</a></li>
<li><a href="./news.html">Tin tức</a></li>
<li><a href="#" class="active">Liên hệ</a></li>
</ul>
</div>
</header>
<!-- end header -->
<!-- hero slide -->
<div class="hero">
<div class="container" id="hero-slide">
<!-- slide item -->
<div class="row mt-3">
<hr/>
<div class="col-12">
<div class="to-bot show-on-scroll">
<h3 class="main-title">Thông tin liên hệ</h3>
</div>
<div class="mt-5 to-top show-on-scroll">
Sự hài lòng của bạn rất quan trọng đối với chúng tôi! Để được hỗ trợ ngay lập tức và xử lý nhanh yêu cầu của bạn, chúng tôi khuyên bạn nên liên hệ với Đại lý Kawasaki ủy quyền tại địa phương. Đại lý có thể đáp ứng đầy đủ cho bạn các sản phẩm, thông tin giá cả (xe, phụ tùng), bảo dưỡng và bảo hành.
</div>
<div class="mt-5 to-top show-on-scroll">
Đối với tất cả các yêu cầu khác, bạn có thể liên hệ với Công ty TNHH 7Motor Việt Nam bằng cách sử dụng các chi tiết dưới đây.
</div>
<div class="row justify-content-around mt-5 to-top show-on-scroll">
<div class="col-3 bg-gradient p-3 rounded-top">
<h4 class="mb-3">ĐIỆN THOẠI</h4>
<p>Điện thoại: +(84) 28 3925 5899</p>
<p>Fax: +(84) 28 3925 5897</p>
</div>
<div class="col-3 bg-gradient p-3 rounded-top">
<h4 class="mb-3">ĐỊA CHỈ</h4>
<p>KTX A - ĐHCT, Phường Xuân Khánh, Quận Ninh Kiều, TP Cần Thơ</p>
</div>
<div class="col-3 bg-gradient p-3 rounded-top">
<h4 class="mb-3">EMAIL</h4>
<p>Thứ Hai - Thứ Sáu, 8:00 - 17:00</p>
<p>Thứ Bảy & Chủ Nhật, Không Làm Việc</p>
<p>Ngoài giờ làm việc, vui lòng liên hệ với chúng tôi tại: info@kawasaki-7motor.vn</p>
</div>
</div>
<div class="mt-5">
<p class="mt-5 to-top show-on-scroll">
LƯU Ý: Để việc hỗ trợ bạn tốt hơn, vui lòng chuẩn bị sẵn sàng Số khung (VIN) hoặc số thân (HIN).
</p>
</div>
<div class="mt-5">
<p class="mt-5 to-top show-on-scroll">
Điền vào mẫu bên dưới để chúng tôi giải đáp thắc mắc của bạn sớm nhất!
</p>
</div>
<form class="row mt-5 to-top show-on-scroll">
<div class="col-3"></div>
<div class="col-9">
<div class="w-50">
<div class="input-group input-group-lg m-3">
<input type="text" class="form-control" placeholder="Họ tên">
</div>
<div class="input-group input-group-lg m-3">
<input type="text" class="form-control" placeholder="Số điện thoại">
</div>
<div class="input-group input-group-lg m-3">
<input type="text" class="form-control" placeholder="Email">
</div>
<div class="input-group m-3">
<textarea class="form-control" rows="4" placeholder="Nội dung"></textarea>
</div>
<div class="text-lg-end">
<button type="button" class="btn mt-3">Gửi câu hỏi</button>
</div>
</div>
</div>
</form>
</div>
</div>
<!-- end slide item -->
<!-- slide control -->
<span class="slide-prev"></span>
<span class="slide-next"></span>
<!-- end slide control -->
</div>
</div>
<!-- end hero slide -->
<!-- footer section -->
<footer>
<div class="section-content">
<div class="row">
<div class="col-8">
<a href="#" class="logo">
<img src="./img/7motor.png" alt="">
</a>
<div class="mt-3">
<p class="text-uppercase" style="font-size: 1.4rem; margin-bottom: 0.5rem;">Công ty TNHH 7Motor Việt Nam</p>
<p class="m-0 ">Số GCNĐKDN: 0123456789</p>
<p class="m-0">Cấp lần đầu: Ngày 01/01/2021</p>
<p class="m-0">Đăng ký thay đổi lần thứ 2: Ngày 01/01/2022</p>
<p class="m-0">Cơ quan cấp: Sở kế hoạch và đầu tư TP Cần Thơ</p>
<p class="m-0">Trụ sở chính: KTX A - ĐHCT, Phường Xuân Khánh, Quận Ninh Kiều, TP Cần Thơ</p>
</div>
<ul class="socials mt-2">
<li><a href="#"><i class="bx bxl-facebook-circle"></i></a></li>
<li><a href="#"><i class='bx bxl-instagram-alt'></i></a></li>
<li><a href="#"><i class="bx bxl-twitter"></i></a></li>
<li><a href="#"><i class="bx bxl-youtube"></i></a></li>
</ul>
<div class="footer-logo">
<img src="./img/logo-da-thong-bao-bo-cong-thuong-mau-xanh.png" alt="">
</div>
</div>
<div class="col-3">
<h3 class="footer-header">
Đăng ký nhận tin
</h3>
<div class="subscribe-form mt-4">
<input type="text" class="form-control" name="" placeholder="Email...">
<button class="btn mt-2">Đăng ký</button>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-12 footer-copyright">
<span class="">
© 2022. Copyright by 7Motor
</span> |
<a href="#" class="">
Terms and Conditions
</a href="#"> |
<a href="#" class="">
Privacy Policy
</a href="#"> |
<a href="#" class="">
Cookie Policy
</a href="#">
</div>
</div>
</div>
</footer>
<!-- end footer section -->
<!-- app js -->
<script src="./js/app.js"></script>
</body>
</html>