-
Notifications
You must be signed in to change notification settings - Fork 0
/
4-play.html
113 lines (107 loc) · 5.06 KB
/
4-play.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" type="image/icon" sizes="32x32" href="images/favicon.ico">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="List of experiences you can not missed if you come to Bangkok. We include the best places for getting Thai massage and other activities you can do while you're here.">
<meta name="keywords" content="bangkok, thai massage, bangkok activities, massages">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="author" content="Mue Tanpairoj">
<title>Bar</title>
<link rel="stylesheet" href="style.css" />
<style>
.hero .left{
background-image: url(play/nap-elite-2.jpeg);
background-size: cover;
height: 60vh;
background-repeat: no-repeat;
background-position: center;
}
</style>
<!-- font awesome -->
<script src="https://kit.fontawesome.com/4261af9220.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- Nav -->
<div class="container">
<nav>
<h2 class="logo"><a href="index.html">Bangkok</a></h2>
<ul>
<li><a href="2-eat.html">EAT</a></li>
<li><a href="4-play.html">PLAY</a></li>
<li><a href="3-bar.html">BAR</a></li>
</ul>
</nav>
</div>
<!-- Hero -->
<section class="hero">
<div class="left"></div>
<div class="right">
<div class="content-box">
<h2>Activities in Bangkok</h2>
<p>There are many interesting activities you should do while you’re here. One of the things that you shouldn’t miss is getting a message. It could be anything from Thai Massage, aroma massage to massage candle. You can get 1 hour of very high quality massage for a more affordable price elsewhere. A traditional Thai massage is when the practitioner uses their hands, thumbs, elbows, forearms and sometimes feet to press and reduce tension in your muscle. It is an ancient practice that was used to help reduce body discomfort and also calm your anxieties and energize you. These are some places that we really like to go, although not all of them offer Thai massage.
</p>
</div>
</div>
</section>
<div class="site-container">
<main>
<div class="blog">
<div class="blog-post">
<div class="thumbnail">
<img src="play/armarapa-5.jpeg" alt="Armarapa-spa" title="Armarapa Spa">
</div>
<div class="blog-content">
<h3>Armarapa</h3>
<span>Spa | R.C.A</span>
<p><a href="https://www.facebook.com/WangHingHoi/">More</a></p>
</div>
</div>
<div class="blog-post">
<div class="thumbnail">
<img src="play/calm-spa.jpeg" alt="Calm-spa" title="Calm Spa">
</div>
<div class="blog-content">
<h3>Calm Spa</h3>
<span>Spa | Sukhumvit 16</span>
<p><a href="http://www.marieguimarbkk.com/">More</a></p>
</div>
</div>
<div class="blog-post">
<div class="thumbnail">
<img src="play/yumoto-spa.jpeg" alt="Yumoto Spa" title="ํYumoto Spa">
</div>
<div class="blog-content">
<h3>Yumoto Spa</h3>
<span>Spa | Sukhumvit 26</span>
<p><a href="https://www.timeout.com/bangkok/th/restaurants/sorn">More</a></p>
</div>
</div>
<div class="blog-post">
<div class="thumbnail">
<img src="play/view-2.jpeg" alt="Vie Spa" title="Vie Spa">
</div>
<div class="blog-content">
<h3>Vie Spa</h3>
<span>Fine Dining | Sapan Taksin</span>
<p><a href="https://www.facebook.com/Taahrabkk">More</a></p>
</div>
</div>
</div>
</main>
<footer>
<ul class="links">
<li><a href="https://www.facebook.com/AmazingThailand/"><i class="fa-brands fa-facebook"></i></a></li>
<li><a href="https://www.instagram.com/tourismthailand/"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href = mailto:"ntanpairoj1@babson.edu"><i class="fa-solid fa-envelope"></i></a></li>
</ul>
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="5-sitemap.html">Sitemap</a></li>
<li><a href="6-contact.html">Contact</a></li>
</ul>
</footer>
</div>
</body>
</html>