Skip to content

Commit 83b39b8

Browse files
cifarquharcifarquhar
committed
initial commit
0 parents  commit 83b39b8

2 files changed

Lines changed: 106 additions & 0 deletions

File tree

‎index.html‎

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link rel="stylesheet" href="styles.css">
7+
<title>Five Fun Facts</title>
8+
</head>
9+
<body>
10+
<header>
11+
<h1>Five Fun Facts</h1>
12+
</header>
13+
<main>
14+
<section class="background-info">
15+
<h2>GitHub Practice Workshop</h2>
16+
<p>In this workshop you will be using GitHub to explore a project's source code and learning how to investigate it.</p>
17+
</section>
18+
<section class="content">
19+
<div>
20+
<h3>Facts About Glasgow</h3>
21+
<ul>
22+
<li>It's a UNESCO City of Music</li>
23+
<li>It has the third-oldest subway system in the world</li>
24+
<li>The ultrasound was invented here in 1956</li>
25+
<li>Oasis got their big break after playing here in 1993</li>
26+
<li>There is <em>always</em> a traffic cone on the Duke of Wellington statue!</li>
27+
</ul>
28+
</div>
29+
<img src="https://c.files.bbci.co.uk/16F94/production/_130100149_pa-20938626-1.jpg" alt="The Duke of Wellington Statue in Glasgow">
30+
</section>
31+
<section class="content">
32+
<div>
33+
<h3>Facts About Manchester</h3>
34+
<ul>
35+
<li>Home of the World Pie-Eating Championships</li>
36+
<li>The first passenger railway train set of from here in 1830</li>
37+
<li>The first computer with stored program and memory is located here</li>
38+
<li>The Suffragette movement started here</li>
39+
<li>The vegetarian movement started here in 1847</li>
40+
</ul>
41+
</div>
42+
<img src="https://media.istockphoto.com/id/1492724975/photo/manchester-tram.jpg?s=612x612&w=0&k=20&c=mZY9zrqVe9dS8W-pBlrsJAr0-jZdVg4ThbEiRI5kZeQ=" alt="A Manchester tram">
43+
</section>
44+
<section class="content">
45+
<div>
46+
<h3>Facts About Birmingham</h3>
47+
<ol>
48+
<li>There are more canals here (35 miles) than in Venice (26 miles)</li>
49+
<li>The world's first football league started here</li>
50+
<li>The postage stamp was invented here in 1839</li>
51+
<li>Home to the 5th busiest McDonald's in the world</li>
52+
<li>The board game Cluedo was invented here in 1943</li>
53+
</uol>
54+
</div>
55+
<img src="https://cdn.pixabay.com/photo/2017/08/24/07/36/birmingham-2675655_1280.jpg">
56+
</section>
57+
<section class="content">
58+
<div>
59+
<h3>Facts About London</h3>
60+
<ul>
61+
<li>The <a href="https://www.visitlondon.com/things-to-do/place/45615751-london-mithraeum?_gl=1*ynfhcx*_up*MQ..*_ga*MTAxOTU2ODI2My4xNzU4ODEzNzgy*_ga_BDFPSHTGM0*czE3NTg4MTM3ODEkbzEkZzAkdDE3NTg4MTM3ODEkajYwJGwwJGgw" target="_blank">oldest building in London</a> is almost 1800 years old!</li>
62+
<li>Holds the record for most Olympic Games hosted by a city</li>
63+
<li>The shortest street is only 36ft long</li>
64+
<li>Has so many trees that it meets the UN's <a href="https://www.un-redd.org/glossary/forest">definition of a forest</a></li>
65+
</ul>
66+
</div>
67+
<img src="https://img.freepik.com/free-photo/view-london-skyline-by-night_268835-1398.jpg" alt="London skyline at night">
68+
</section>
69+
<section class="content">
70+
<div>
71+
<h3>Facts About Cape Town</h3>
72+
<ul>
73+
<li>Winemaking in the region dates back to 1659 - the oldest vineyards outside Europe!</li>
74+
<li>Hosted the first FIFA World Cup match held in Africa in 2010</li>
75+
<li>Home to a colony of endangered penguins</li>
76+
<li>Has 7000 species of plant which aren't found anywhere else in the world</li>
77+
<li>The world's first heart transplant took place here in 1967</li>
78+
</ul>
79+
</div>
80+
<img src="https://plus.unsplash.com/premium_photo-1697730061063-ad499e343f26?fm=jpg&q=60&w=3000&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8Y2FwZSUyMHRvd258ZW58MHx8MHx8fDA%3D" alt="Arial view of Cape Town taken from above the ocean">
81+
</section>
82+
</main>
83+
<footer>
84+
85+
</footer>
86+
</body>
87+
</html>

‎styles.css‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
body{
2+
font-family: Verdana, Geneva, Tahoma, sans-serif;
3+
background-color: hsla(260, 35%, 90%, 0.95);
4+
padding: 1em
5+
}
6+
7+
img {
8+
width: 30%;
9+
border-radius: 5px;
10+
}
11+
12+
.content{
13+
border: 1px solid black;
14+
border-radius: 25px;
15+
margin: 2em;
16+
padding: 1em;
17+
display: flex;
18+
justify-content: space-around;
19+
}

0 commit comments

Comments
 (0)