-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (132 loc) · 5.52 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>About Scotland</title>
</head>
<body>
<header>
<div class="buttons">
<button class="button">Travel and Planning</button>
<button class="button">Places to go</button>
<button class="button">Nature</button>
<button class="button" id="switcher">Switch Day/Night</button>
</div>
</header>
<main>
<div class="main-photo">
<h1>Welcome to Scotland</h1>
<img
src="images/main-photo.jpeg"
alt="Autumn in Scotland"
id="main-photo"
/>
</div>
<div>
<p id="main-info">
Discover a land of stunning landscapes, rich history, and warm
welcomes. From scenic lochs and rugged mountains to vibrant cities and
charming villages, Scotland has something for everyone. Explore
ancient castles, hear the sound of live Scottish music, and experience
the beauty and magic of Scotland for yourself.
</p>
</div>
<div class="life">
<h2>LIFE IN SCOTLAND</h2>
<div class="life-wrapper">
<div class="blocks">
<img
src="images/weather.jpg"
alt="Close-up view of a fallen autumn leaf gently drifting in the rain"
/>
<h3>Weather</h3>
<p>
Scotland’s weather is typically mild and unpredictable, but
extreme conditions are rare. It’s common to feel like you've
experienced all four seasons in a single day, and a short 20-30
minute trip in any direction often brings a completely different
climate! Scotland offers something special in every season, so
there’s really no "bad" time to visit. As the old saying goes,
“There’s no such thing as bad weather, only unsuitable clothing!”
</p>
</div>
<div class="blocks">
<img
src="images/culture.jpeg"
alt="A man in a kilt, playing bagpipes"
/>
<h3>Culture</h3>
<p>
Scottish culture is deeply rooted in history and remains vibrant
today. From ancient clans to modern festivals, each generation has
added to Scotland’s unique identity, creating a lively mix of
traditions like tartan, music, and dance.
</p>
</div>
<div class="blocks">
<img src="images/food.jpg" alt="Delicious fish and chips" />
<h3>Food and Drinks</h3>
<p>
Scottish food is hearty and flavorful, reflecting the country’s
history and natural resources. Traditional dishes include haggis,
a savory mix of meat, oats, and spices, and cullen skink, a rich
soup made with smoked haddock. Fresh seafood, like salmon and
scallops, is widely enjoyed, thanks to Scotland's coastal waters.
A full Scottish breakfast often includes items like black pudding
and tattie scones, while sweet treats like shortbread and tablet
are popular. Scotland’s whisky, famous worldwide, also plays a
role in cooking. Today, Scottish cuisine mixes these classic
dishes with modern twists, making it a unique and tasty experience
for visitors.”
</p>
</div>
<div class="blocks">
<img
src="images/people.jpg"
alt="A group of six adults, five women and one man, smiling"
/>
<h3>People</h3>
<p>
Scottish people are widely recognized for their friendliness and
kindness, traits that are deeply embedded in the culture. Whether
in the bustling cities or the more remote, picturesque villages,
Scots are known for their warm hospitality and willingness to
engage with visitors. A typical greeting might involve a hearty
“Hello” or “How’s it gaun?” (How’s it going?), often accompanied
by a smile and a genuine interest in the well-being of others.
Their kindness is not only evident in everyday interactions but
also in their community spirit, where helping neighbors and
supporting one another is a strong value. This openness and
generosity make Scotland a welcoming place, where people feel
instantly at home.
</p>
</div>
</div>
<div class="map">
<h2>Location</h2>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4360605.599473359!2d-4.68734115!3d57.7469948!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4861e2c403f2a19f%3A0xe7c1fad809c30714!2sScotland!5e0!3m2!1sen!2suk!4v1731350418080!5m2!1sen!2suk"
width="90%"
height="350"
style="border: 0"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
></iframe>
</div>
</div>
</main>
<footer>
<div>
<div class="footer">
<p>Contact Us</p>
<p>Find Tour</p>
<p>Visitor Information</p>
</div>
</div>
</footer>
</body>
<script src="script.js"></script>
</html>