-
Notifications
You must be signed in to change notification settings - Fork 0
/
3-bar.html
114 lines (107 loc) · 5.13 KB
/
3-bar.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
<!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="Bangkok is well known for its vibrant Night Life. There are plenty of speak-easy bars and clubs for everyone to enjoy.">
<meta name="keywords" content="bangkok night life, night clubs, bars, cocktails, wine bar">
<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(bar/bar-3.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>Bars in Bangkok</h2>
<p>Thailand Nightlife is definitely one of a kind. During weekends, teenagers and adults would hang out and chill in some of the most vibrant streets like Thonglor or Khaosan, which are where the best bars often are located. Locals love Thonglor. There are many foreigners or international students so it is likely that you will hear familiar tunes while you’re there. The age limit for entering all the clubs and bars in Thailand is 20 years old. There will be police officers checking for your ID at the doors. Personally, I think bars in Thailand are impressive. There are many bars that serve high quality drinks and they added their own twist of creativity. Each bars has its own characters that makes them very unique to experience.
</p>
</div>
</div>
</section>
<div class="site-container">
<main>
<div class="blog">
<div class="blog-post">
<div class="thumbnail">
<img src="bar/hanakaruta.jpeg" alt="hanakaruta" title="hanakaruta">
</div>
<div class="blog-content">
<h3>Hanakaruta</h3>
<span>Cocktail | Sathorn</span>
<p><a href="https://www.facebook.com/hanakaruta.sathorn">More</a></p>
</div>
</div>
<div class="blog-post">
<div class="thumbnail">
<img src="bar/just-a-drink.jpeg" alt="just a drink" title="just a drink">
</div>
<div class="blog-content">
<h3>Just a Drink</h3>
<span>Cocktail | Thonglor/span>
<p><a href="https://www.facebook.com/justadrinkmaybe">More</a></p>
</div>
</div>
<div class="blog-post">
<div class="thumbnail">
<img src="bar/revolucion.jpeg" alt="Revolution" title="Revolution Bar">
</div>
<div class="blog-content">
<h3>Revolution Bar</h3>
<span>Cocktail | Thonglor</span>
<p><a href="https://www.facebook.com/Revolucion-Cocktail-Bangkok-1379109385728191">More</a></p>
</div>
</div>
<div class="blog-post">
<div class="thumbnail">
<img src="bar/track-17.jpeg" alt="Track 17" title="Track 17 bar">
</div>
<div class="blog-content">
<h3>Track 17</h3>
<span>Cocktail |Thonglor</span>
<p><a href="https://www.facebook.com/track17bangkok">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>