-
Notifications
You must be signed in to change notification settings - Fork 0
/
location.html
157 lines (124 loc) · 7.41 KB
/
location.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quicktour</title>
</head>
<body>
<div class="container">
<img src="image/Quicktour.png" alt="logo" >
<ul class="nav">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="location.html">Location</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="other"><h2>Best towns of Romania </h2>
</div>
<div class="grid-container">
<div class="flip-card" id="townOradea" onclick="visitOradea()">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="image/image1.png" alt="index1-image">
<div class="text"> <p>Oradea</p></div>
</div>
<div class="flip-card-back">
<div class="title">
<div class="paragraph"><h3>Info</h3></div>
<div class="paragraph">With a height of almost 50 meters and four main levels, three of which with a panoramic view, the Tower of the City Hall Palace is also the clock to tell the exact hour in Oradea.
Oradea is among the most beautiful cities in Europe. Oradea is also known as the gateway to Romania.
</div>
</p></div>
</div>
</div>
</div>
<div class="flip-card" id="townTM" onclick="visitTM()">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="image/image2.png" alt="index2-image">
<div class="text"> <p>Timișoara</p></div>
</div>
<div class="flip-card-back">
<div class="title">
<div class="paragraph"><h3>Info</h3></div>
<div class="paragraph">Origins of Timisoara come from Middle Ages and the place always played an important role in the history due to its strategic location at the crossroads.
It was the second place in the world (after New York) with electric street lamps and second in Europe with horse-drawn trams.
</div>
</p></div>
</div>
</div>
</div>
<div class="flip-card" id="townCJ">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="image/image3.png" alt="index3-image">
<div class="text"> <p>Cluj-</p></div>
<div class="text2"> <p>Napoca</p></div>
</div>
<div class="flip-card-back">
<div class="title">
<div class="paragraph"><h3>Info</h3></div>
<div class="paragraph">You will find most of the monuments in the city center and that's where you will spend most of the time during your trip to Cluj-Napoca.
The heart of the city is the Union Square where you will find St. Michaels Church (probably the most impressive Gothic churches in Transylvania)...
</div>
</p></div>
</div>
</div>
</div>
<div class="flip-card" id="townBr">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="image/image4.png" alt="index4-image">
<div class="text"> <p>Brașov</p></div>
</div>
<div class="flip-card-back">
<div class="title">
<div class="paragraph"><h3>Info</h3></div>
<div class="paragraph">
When wandering the narrow, winding lanes of Brasov Old Town, it really feels like you traveled back in time as the place has this undeniable charm of the old times. With all the beauty around it really is easy to fall in love with the town.
Brasov can be also a good base to see some nearby amazing places and explore more of the famous Transylvania region.
</div>
</p></div>
</div>
</div>
</div>
<div class="flip-card" id="townB">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="image/image5.png" alt="index5-image">
<div class="text"> <p>București</p></div>
</div>
<div class="flip-card-back">
<div class="title">
<div class="paragraph"><h3>Info</h3></div>
<div class="paragraph">
Bucharest has been shaped by earthquakes, war and the whims of a dictator. And now in the middle of a construction boom there's a new wave of snazzy glass facades and high-rise towers that multiply by the year.
But you can still find big patches of the early 20th-century city dubbed “Little Paris” for its Beaux-Arts-style palaces,museums...
</div>
</p></div>
</div>
</div>
</div>
<div class="flip-card" id="townIS">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="image/image6.png" alt="index5-image">
<div class="text"> <p>Iași</p></div>
</div>
<div class="flip-card-back">
<div class="title">
<div class="paragraph"><h3>Info</h3></div>
<div class="paragraph">
Once the capital of the Moldavian region - which was part of Romania before it became an independent state in 1991 - Iasi was also briefly the Romanian capital during the First World War. Today, it's a lively, young city, with five universities and plenty of cultural attractions to explore. Here are seven things you shouldn't miss… </div>
</p></div>
</div>
</div>
</div>
</div>
</body>
</html>