diff --git a/Transport-in-London/README.md b/Transport-in-London/README.md new file mode 100644 index 0000000..9bfae16 --- /dev/null +++ b/Transport-in-London/README.md @@ -0,0 +1,2 @@ +# Transport-in-London +Transport in London diff --git a/Transport-in-London/images/Theatre-tickets.jpg b/Transport-in-London/images/Theatre-tickets.jpg new file mode 100644 index 0000000..da176b6 Binary files /dev/null and b/Transport-in-London/images/Theatre-tickets.jpg differ diff --git a/Transport-in-London/images/Thumbs.db b/Transport-in-London/images/Thumbs.db new file mode 100644 index 0000000..cba9839 Binary files /dev/null and b/Transport-in-London/images/Thumbs.db differ diff --git a/Transport-in-London/images/accessible-public-transport.jpg b/Transport-in-London/images/accessible-public-transport.jpg new file mode 100644 index 0000000..29d7050 Binary files /dev/null and b/Transport-in-London/images/accessible-public-transport.jpg differ diff --git a/Transport-in-London/images/buses.jpg b/Transport-in-London/images/buses.jpg new file mode 100644 index 0000000..143b275 Binary files /dev/null and b/Transport-in-London/images/buses.jpg differ diff --git a/Transport-in-London/images/docklands-light-railway.jpg b/Transport-in-London/images/docklands-light-railway.jpg new file mode 100644 index 0000000..f858ee2 Binary files /dev/null and b/Transport-in-London/images/docklands-light-railway.jpg differ diff --git a/Transport-in-London/images/emirates-air.jpg b/Transport-in-London/images/emirates-air.jpg new file mode 100644 index 0000000..afbe072 Binary files /dev/null and b/Transport-in-London/images/emirates-air.jpg differ diff --git a/Transport-in-London/images/l-cycle-hire-scheme.jpg b/Transport-in-London/images/l-cycle-hire-scheme.jpg new file mode 100644 index 0000000..d38bd9b Binary files /dev/null and b/Transport-in-London/images/l-cycle-hire-scheme.jpg differ diff --git a/Transport-in-London/images/local-trains.jpg b/Transport-in-London/images/local-trains.jpg new file mode 100644 index 0000000..910aaff Binary files /dev/null and b/Transport-in-London/images/local-trains.jpg differ diff --git a/Transport-in-London/images/london-pass.jpg b/Transport-in-London/images/london-pass.jpg new file mode 100644 index 0000000..57c8a96 Binary files /dev/null and b/Transport-in-London/images/london-pass.jpg differ diff --git a/Transport-in-London/images/london-trams.jpg b/Transport-in-London/images/london-trams.jpg new file mode 100644 index 0000000..336fc89 Binary files /dev/null and b/Transport-in-London/images/london-trams.jpg differ diff --git a/Transport-in-London/images/oyster-cards.jpg b/Transport-in-London/images/oyster-cards.jpg new file mode 100644 index 0000000..ba48c18 Binary files /dev/null and b/Transport-in-London/images/oyster-cards.jpg differ diff --git a/Transport-in-London/images/river-bus-services.jpg b/Transport-in-London/images/river-bus-services.jpg new file mode 100644 index 0000000..8bcc09e Binary files /dev/null and b/Transport-in-London/images/river-bus-services.jpg differ diff --git a/Transport-in-London/images/taxi.jpg b/Transport-in-London/images/taxi.jpg new file mode 100644 index 0000000..411508c Binary files /dev/null and b/Transport-in-London/images/taxi.jpg differ diff --git a/Transport-in-London/images/underground.jpg b/Transport-in-London/images/underground.jpg new file mode 100644 index 0000000..49adf95 Binary files /dev/null and b/Transport-in-London/images/underground.jpg differ diff --git a/Transport-in-London/index.html b/Transport-in-London/index.html new file mode 100644 index 0000000..c35d0b3 --- /dev/null +++ b/Transport-in-London/index.html @@ -0,0 +1,121 @@ + + + + London transport + + + + + + + + + + + +
+
+
+ +
+
+
+

Transport in London

+

London has one of the largest urban transport networks in the world, with integrated bus, river and road systems spanning the city's 32 boroughs. Click the traveller information below to find out more about all the ways in which you can travel around London.

+
+ +

London buses

+

London's iconic double-decker buses are a quick, convenient and cheap way to travel around the city, with plenty of sightseeing opportunities along the way. Read more at

+
+
+
+
+ +

London Underground

+

The London Underground rail network, or "the Tube" is a great way to travel to and from central London and will be an integral part of most people's stay in the UK capital.

+
+
+ +

Docklands Light Railway

+

London's innovative, driverless Docklands Light Railway (DLR) serves parts of East and South East London.

+
+
+ +

River bus services

+

Travelling by river is a great way to get around London. You'll beat the traffic and enjoy fantastic views of London along the way.

+
+
+ +

Local trains

+

Use London's Overground train network to travel across the city and beyond the Tube.

+
+
+ +

London trams

+

Trams run in parts of South London between Wimbledon, Croydon, Beckenham and New Addington. The services are frequent and accessible.

+
+
+ +

Accessible public transport

+

Find your way around the capital with our helpful guide to accessible and wheelchair-friendly travel.

+
+
+ +

London cycle hire scheme

+

London's public bicycle scheme is a great way to travel around the city - and the first half an hour is free! Grab yourself a bike and get riding today.

+
+
+ +

Taxi

+

From iconic London black cabs to local minicabs, we've got all the traveller information you need to help you travel around London by taxi.

+
+
+ +

Emirates Air Line Cable Car

+

Take a ride on London's cable car, for views over Greenwich and East London, including The O2, Cutty Sark and Queen Elizabeth Olympic Park.

+
+
+ + +
+ + \ No newline at end of file diff --git a/Transport-in-London/styles/style.css b/Transport-in-London/styles/style.css new file mode 100644 index 0000000..681235e --- /dev/null +++ b/Transport-in-London/styles/style.css @@ -0,0 +1,146 @@ +body { + background-color: #C0C0C0; +} +.h-menu { + color: #000000; + text-decoration: none; + font-size: 20px; + padding-right: 20px; +} +.h-menu:hover { + color: #0fff; + background-color: #000; + padding: 8px 10px; + border-radius: 10px; +} +.list { + display: inline-block; +} +.s-menu { + display: hidden; + width: 50px; + height: 50px; + padding-top: 10px; + padding-left: 10px; +} +a:hover.s-menu { + background-color: #444; + border-radius: 4px; +} +.f-section { + width: 100%; +} +section { + width: 70%; + float: left; + display: flex; + flex-wrap: wrap; + flex-direction: flex-start; +} +.flex-item { + width: 30%; + margin: 5px; + white-space: normal; +} +.images { + width: 100%; + border-radius: 10%; +} +aside { + width: 30%; + float: left; +} +footer { + width: 100%; + float: left; + padding-bottom: 20px; +} +.fa { + padding: 10px; + width: 30px; + text-align: center; + text-decoration: none; + border-radius: 30%; + padding-right: 40px; +} +.fa-facebook { + background: #3B5999; + color: white; +} +.fa-google { + background: #dd4b39; + color: white; +} +.fa-youtube { + background: #bb0000; + color: white; +} +.fa-instagram { + background: #ff00ff; + color: white; +} +.fa-skype { + background: #00aff0; + color: white; +} +.fa-yahoo { + background: #430297; + color: white; +} +@media screen and (max-width: 800px) { + body { + width: 95%; + } + .s-menu { + display: inline-block; + float: left; + padding-right: 60px; + } + nav .navigation, nav:active .navigation { + display: none; + position: absolute; + padding: 20px; + background: #fff; + border: 5px solid #444; + right: 20px; + top: 60px; + width: 100%; + border-radius: 4px 0 4px 4px; + } + nav .list { + text-align: center; + width: 100%; + padding: 10px; + margin: 0; + } + nav:hover .navigation { + display: block; + } + .menu-lines { + border-radius: 5px; + width: 30px; + height: 5px; + background-color: #fff; + margin: 5px; + padding-right: 20px; + } + section { + display: flex; + width: 100%; + flex-direction: column; + flex-wrap: wrap; + } + .flex-item { + width: 100%; + margin: 5px; + white-space: normal; + } + .images { + width: 100%; + } + aside { + width: 100%; + float: left; + padding: 6px; + } +} \ No newline at end of file