-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
82 lines (77 loc) · 8.59 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>About</title>
<!-- tell HTML where to find main.css -->
<link href="css/main.css" rel="stylesheet" />
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<script src="js/main.js"></script>
</head>
<body class="about">
<img class="topimage" src="img/4.jpg">
<!--/.Navbar-->
<!-- The website must contain two interactive features (numbe one)-->
<nav>
<ol class="navbar">
<!-- goes home -->
<li><a href="index.html">Home</a></li>
<!-- goes to restaurants -->
<li><a href="restaurants.html">Eat & Drink</a></li>
<!-- goes to Stay -->
<li><a href="hotels.html">Stay</a></li>
<!-- goes to about-->
<li><a href="#">About</a></li>
<!-- goes to contact-->
<li><a href="contact.html">Contact</a></li>
</ol>
</nav>
<h3>Cobh known from 1849 until 1920 as Queenstown</h3>
<div id="columncountthree">
<img id="smallimages" src="img/about1.jpg"><p>Cobh is a town in Ireland, on an island in Cork city’s harbour. It’s known as the Titanic’s last port of
call in 1912. Titanic Experience Cobh is a themed attraction in the former White Star Line ticket office.
More displays on the liner are in the Cobh Heritage Centre, which also explores how Cobh became an
embarkation point during Ireland’s mass emigrations. North of town, huge Fota Wildlife Park is on Fota
Island.</p>
<p>Cobh (pronounced 'cove') is a charming waterfront town on a glittering estuary, dotted with brightly
coloured houses and overlooked by a splendid cathedral. It's popular with Corkonians looking for a spot of
R&R, and with cruise liners – each year around 75 visit the port, the second-largest natural harbour in the
world (after Sydney Harbour in Australia).</p>
<p>It's a far cry from the harrowing Famine years when more than 70,000 people left Ireland through the port
in order to escape the ravages of starvation (from 1848 to 1950, no fewer than 2.5 million emigrants passed
through). Cobh was also the final port of call for the Titanic; a poignant museum commemorates the fatal
voyage's point of departure. Cobh is on the south side of Great Island. Visible from the waterfront are
Haulbowline Island, once a naval
base, and the greener Spike Island, formerly a prison and now a tourist attraction.</p>
</div><br><br>
<h3>History</h3>
<div id="columncountthree">
<img id="smallimages" src="img/about2.jpg"><p>For many years Cobh was the port of Cork and has always had a strong connection with Atlantic crossings. In 1838 the Sirius, the first steamship to cross the Atlantic, sailed from Cobh. The Titanic made its last stop here before its fateful journey in 1912, and when the Lusitania was torpedoed off the coast of Kinsale in 1915, it was here that many of the survivors were brought and the dead buried. Cobh was also the last glimpse of Ireland for the people who emigrated during the Famine.</p><p>In 1849 Cobh was renamed Queenstown after Queen Victoria paid a visit. The name lasted until Irish independence in 1921 when, unsurprisingly, the local council reverted to the Irish Cobh.</p><p>The world’s first yacht club, the Royal Cork Yacht Club, was founded here in 1720, but now operates from Crosshaven on the other side of Cork Harbour.</p>
</div><br><br>
<h3>Get to Cobh</h3>
<div style="text-align:center">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d39432.96543131482!2d-8.33035934443107!3d51.85072480129108!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4844839d75ebf407%3A0x3c98781731256321!2sCobh%2C+Co.+Cork!5e0!3m2!1sen!2sie!4v1549288624100"
width="80%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div><br><br>
<h3>Weather</h3>
<!-- The website must contain two interactive features (number two)-->
<figure style="text-align:center">
<img class="zoom" src="img/weather.jpg" alt="Cobh weather">
<figcaption>Todays weather in Cobh.</figcaption>
</figure>
<!-- weather widget start --><div id="m-booked-weather-bl250-51581"> <div class="booked-wzs-250-175 weather-customize" style="background-color:#137AE9;width:400px;" id="width3"> <div class="booked-wzs-250-175_in"> <div class="booked-wzs-250-175-data"> <div class="booked-wzs-250-175-left-img wrz-18"> <a target="_blank" href="https://www.booked.net/"> <img src="//s.bookcdn.com/images/letter/logo.gif" alt="booked.net" /> </a> </div> <div class="booked-wzs-250-175-right"> <div class="booked-wzs-day-deck"> <div class="booked-wzs-day-val"> <div class="booked-wzs-day-number"><span class="plus">+</span>6</div> <div class="booked-wzs-day-dergee"> <div class="booked-wzs-day-dergee-val">°</div> <div class="booked-wzs-day-dergee-name">C</div> </div> </div> <div class="booked-wzs-day"> <div class="booked-wzs-day-d">H: <span class="plus">+</span>10°</div> <div class="booked-wzs-day-n">L: <span class="plus">+</span>5°</div> </div> </div> <div class="booked-wzs-250-175-info"> <div class="booked-wzs-250-175-city">Cobh </div> <div class="booked-wzs-250-175-date">Thursday, 07 February</div> <div class="booked-wzs-left"> <span class="booked-wzs-bottom-l">See 7-Day Forecast</span> </div> </div> </div> </div> <a target="_blank" href="https://www.booked.net/weather/cobh-32405"> <table cellpadding="0" cellspacing="0" class="booked-wzs-table-250"> <tr> <td>Fri</td> <td>Sat</td> <td>Sun</td> <td>Mon</td> <td>Tue</td> <td>Wed</td> </tr> <tr> <td class="week-day-ico"><div class="wrz-sml wrzs-18"></div></td> <td class="week-day-ico"><div class="wrz-sml wrzs-18"></div></td> <td class="week-day-ico"><div class="wrz-sml wrzs-01"></div></td> <td class="week-day-ico"><div class="wrz-sml wrzs-01"></div></td> <td class="week-day-ico"><div class="wrz-sml wrzs-01"></div></td> <td class="week-day-ico"><div class="wrz-sml wrzs-18"></div></td> </tr> <tr> <td class="week-day-val"><span class="plus">+</span>10°</td> <td class="week-day-val"><span class="plus">+</span>9°</td> <td class="week-day-val"><span class="plus">+</span>9°</td> <td class="week-day-val"><span class="plus">+</span>6°</td> <td class="week-day-val"><span class="plus">+</span>6°</td> <td class="week-day-val"><span class="plus">+</span>8°</td> </tr> <tr> <td class="week-day-val"><span class="plus">+</span>9°</td> <td class="week-day-val"><span class="plus">+</span>7°</td> <td class="week-day-val"><span class="plus">+</span>7°</td> <td class="week-day-val"><span class="plus">+</span>1°</td> <td class="week-day-val">-3°</td> <td class="week-day-val">-4°</td> </tr> </table> </a> </div></div> </div><script type="text/javascript"> var css_file=document.createElement("link"); css_file.setAttribute("rel","stylesheet"); css_file.setAttribute("type","text/css"); css_file.setAttribute("href",'https://s.bookcdn.com/css/w/booked-wzs-widget-275.css?v=0.0.1'); document.getElementsByTagName("head")[0].appendChild(css_file); function setWidgetData(data) { if(typeof(data) != 'undefined' && data.results.length > 0) { for(var i = 0; i < data.results.length; ++i) { var objMainBlock = document.getElementById('m-booked-weather-bl250-51581'); if(objMainBlock !== null) { var copyBlock = document.getElementById('m-bookew-weather-copy-'+data.results[i].widget_type); objMainBlock.innerHTML = data.results[i].html_code; if(copyBlock !== null) objMainBlock.appendChild(copyBlock); } } } else { alert('data=undefined||data.results is empty'); } } </script> <script type="text/javascript" charset="UTF-8" src="https://widgets.booked.net/weather/info?action=get_weather_info&ver=6&cityID=32405&type=3&scode=124<id=3457&domid=w209&anc_id=20358&cmetric=1&wlangID=1&color=137AE9&wwidth=400&header_color=ffffff&text_color=333333&link_color=08488D&border_form=1&footer_color=ffffff&footer_text_color=333333&transparent=0"></script><!-- weather widget end -->
<br><br>
<!-- The website must contain at least one animation -->
<div style="text-align:center; display:block;">
<img src="img/leprechaun.gif">
</div><br><br>
<footer>
© 2019, Pawel Gajewski.
<!-- <script type="text/javascript">
document.write(new Date().getFullYear());
</script>, Pawel Gajewski. -->
</footer>
</body>
</html>