Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="it">
- <head>
- <meta charset="utf-8">
- <link rel="icon" href="http://www.promotur.org/Content/Images/bandierina_en.png" type="image" size="16x16">
- <title>LONDRA</title>
- <style type="text/css">
- body{background-image:url(http://www.habitatinvestments.co.uk/wp-content/uploads/2015/03/londra.jpg);
- background-repeat:repeat-y;
- }
- #titolo {
- text-align: center;
- font-size:10.0em;
- text-shadow:2px 2px 4px red;
- }
- #sottotitiolo{
- text-align: center;
- font-size: 1.9em;
- }
- #animazione-domenica{
- width: 200px;
- height: 150px;
- border:2px solid black;
- margin:100px 150px 100px 80px;
- background-image:url(http://www.casertanews.it/wp-content/uploads/2008/02/bandiera_Italiana_1_20080226065621.jpg);
- -webkit-animation-name: example;
- -webkit-animation-duration: 10s;
- animation-name: example;
- animation-duration: 10s;
- }
- @keyframes example {
- from {background-image:url(http://www.senigallianotizie.it/articoli/2012/03/foto-bandiera-inglese-200x150.jpg);}
- to {background-image:url(http://www.casertanews.it/wp-content/uploads/2008/02/bandiera_Italiana_1_20080226065621.jpg);}
- }
- #lunedi {
- background-color: lightgrey;
- width: 500px;
- border: 25px solid green;
- padding: 25px;
- margin: auto;
- }
- #martedi {
- background-color: lightgreen;
- width: 500px;
- border: 25px solid red;
- padding: 25px;
- margin: auto;
- }
- #gioco-martedi{
- width: 200px;
- height: 200px;
- background-image:url(http://www.accademiaitalianadiestetica.it/wp-content/uploads/2016/10/ciglia-finte-1.jpg);
- -webkit-transition: width 2s, height 4s;
- transition: width 2s, height 4s;
- }
- #gioco-martedi:hover {
- width: 400px;
- height: 400px;
- }
- #mercoledi {
- background-color: lightblue;
- width: 500px;
- border: 25px solid blue;
- padding: 25px;
- padding-bottom: 200px;
- margin: auto;
- }
- #galleria.img {
- margin: 5px;
- border: 1px solid black;
- float: left;
- width: 180px;
- }
- #galleria.img:hover {
- border: 1px solid green;
- }
- #galleria.img img {
- width: 100%;
- height: auto;
- }
- #galleria.desc {
- padding: 15px;
- text-align: center;
- }
- #giovedi {
- background-color: white;
- width: 500px;
- border: 25px solid green;
- padding: 25px;
- margin: auto;
- }
- #venerdi {
- background-color: yellow;
- width: 500px;
- border: 25px solid black;
- padding: 25px;
- margin: auto;
- }
- .container {
- position: relative;
- width: 50%;
- }
- .image {
- display: inline-block;
- width: 100%;
- height: auto;
- margin:auto;
- }
- .overlay {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- height: 100%;
- width: 100%;
- opacity: 0;
- transition: .5s ease;
- background-color: #008CBA;
- }
- .container:hover .overlay {
- opacity: 1;
- }
- .text {
- color: white;
- font-size: 20px;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- -ms-transform: translate(-50%, -50%);
- }
- #sabato {
- background-color: lightblue;
- width: 500px;
- border: 25px solid green;
- padding: 25px;
- margin: auto;
- }
- #immagine-sabato {
- border-radius:50%
- }
- #domenica {
- background-color: lightgreen;
- width: 500px;
- border: 25px solid red;
- padding: 25px;
- margin: auto;
- }
- #giu:link, #giu:visited {
- background-color: #f44336;
- color: white;
- padding: 14px 25px;
- text-align: center;
- text-decoration: none;
- display: inline-block;
- }
- #giu:hover, #giu:active {
- background-color: red;
- }
- #su:link {
- color: green;
- background-color: transparent;
- text-decoration: none;
- }
- #su:visited {
- color: blue;
- background-color: transparent;
- text-decoration: none;
- }
- #su:hover {
- color: red;
- background-color: transparent;
- text-decoration: underline;
- }
- #su:active {
- color: yellow;
- background-color: transparent;
- text-decoration: underline;
- }
- .tooltip {
- position: relative;
- }
- .tooltip .tooltiptext {
- visibility: hidden;
- width: 120px;
- background-color: black;
- color: #fff;
- text-align: center;
- border-radius: 6px;
- padding: 5px 0;
- position: absolute;
- z-index: 1;
- top: 100%;
- left: 50%;
- margin-left: -60px;
- }
- .tooltip:hover .tooltiptext {
- visibility: visible;
- }
- </style>
- </head>
- <body style="text-align:center;">
- <a name="tornasu"><h1 id="titolo">MICHELE PRENCIPE:LONDRA</h1></a>
- <h2 id="sottotitolo">Dal 29 gennaio al 5 febbraio 2017 abbiamo fatto un'esperienza di alternanza scuola-lavoro a Londra.In questa pagina vedrai gli spostamenti principali e le visite che abbiamo fatto a Londra nell'arco della settimana,giorno per giorno.</h2>
- <a id="giu" href="londra.html#lunedi" target="_blank">Lunedì</a></a>
- <a id="giu" href="londra.html#martedi" target="_blank">Martedì</a>
- <a id="giu" href="londra.html#mercoledi" target="_blank">Mercoledì</a>
- <a id="giu" href="londra.html#giovedi" target="_blank">Giovedì</a>
- <a id="giu" href="londra.html#venerdi" target="_blank">Venerdì</a>
- <a id="giu" href="londra.html#sabato" target="_blank">Sabato</a>
- <a id="giu" href="londra.html#domenica" target="_blank">Domenica</a>
- <div id="lunedi"><a name="lunedi"><h1>Lunedì</h1></a>dopo il viaggio sull'aereo di domenica e dopo essersi ambientati nelle famiglie,ci siamo riuniti alla Oxford International e il pomeriggio abbiamo visitato l'osservatorio di Greenwich e Trafalgar Square.
- <br>
- <a id="su" href="londra.html#tornasu">TORNA SU</a>
- </div>
- <br>
- <div id="martedi"><a name="martedi"><h1>Martedì</h1></a>Ci siamo immersi nel campo investigativo CSI,abbiamo trovato le impronte,il sangue dell'assassino e abbiamo ricostruito la scena del crimine.<br>Esempio:indovina che cos'è dal dettaglio della foto,se non riesci a capire passa sopra l'immagine con la freccetta.
- <div id="gioco-martedi"></div>
- <br>
- Esatto era proprio un occhio femminile;nell'ambito dell'investigazione è molto importante capire di un dettaglio in che contesto faceva parte.
- <br>
- <a id="su" href="londra.html#tornasu">TORNA SU</a>
- </div>
- <br>
- <div id="mercoledi"><a name="mercoledi"><h1>Mercoledì</h1></a>Abbiamo fatto visita a due grandi musei:Natural History Museum e Science Museum.Ecco alcuni dei reperti che abbiamo visto:
- <div id="galleria" class="img">
- <a target="_blank" href="http://www.nhm.ac.uk/content/dam/nhmwww/about-us/history-architecture/dippy-753x435.jpg">
- <img src="http://www.nhm.ac.uk/content/dam/nhmwww/about-us/history-architecture/dippy-753x435.jpg" width="300" height="150" class="image">
- </a>
- <div id="galleria" class="desc">ricostruzione di un dinosauro all'History Museum</div>
- </div>
- <div id="galleria" class="img">
- <a target="_blank" href="https://c8234d680a5ae618106c-6b3bd0826ac1075e2d1b52b94a2e0f63.ssl.cf1.rackcdn.com/857_5a1509f9.jpg">
- <img src="https://c8234d680a5ae618106c-6b3bd0826ac1075e2d1b52b94a2e0f63.ssl.cf1.rackcdn.com/857_5a1509f9.jpg" width="300" height="150" class="image">
- </a>
- <div id="galleria" class="desc">Sala degli aerei al Science Museum</div>
- </div>
- <br>
- <br>
- <br>
- <a id="su" href="londra.html#tornasu">TORNA SU</a>
- </div>
- <br>
- <div id="giovedi"><a name="giovedi"><h1>Giovedì</h1></a>abbiamo fatto una visita guidata alla fabbrica Forman del salmone affumicato dove il proprietario ha battuto il famoso chef Gordon Ramsay nel taglio del salmone affumicato.
- Ecco il video di quando Forman batte Gordon Ramsay:
- <a href="https://youtu.be/bGJ6o09q0fQ">https://youtu.be/bGJ6o09q0fQ</a>
- <br>
- <a id="su" href="londra.html#tornasu">TORNA SU</a>
- </div>
- <br>
- <div id="venerdi"><a name="venerdi"><h1>Venerdì</h1></a>Abbiamo fatto un giro sul battello,e siamo passati sotto al Tower Bridge e abbiamo visitato la Torre di Londra,dopodichè abbiamo visto la National Gallery e la sera abbiamo cenato a Leicester Square.
- Sotto il famoso quadro di van Eick situato nella National Gallery:
- <div class="container">
- <img src="http://www.frontierarieti.com/wordpress/wp-content/uploads/2012/02/Arnolfini.jpg" width="200"height="300" class="image">
- <div class="overlay">
- <div class="text">CONIUGI ARNOLFINI</div>
- </div>
- </div>
- <a id="su" href="londra.html#tornasu">TORNA SU</a>
- </div>
- <br>
- <div id="sabato"><a name="sabato"><h1>Sabato</h1></a>Abbiamo visitato il Big Ben con il palazzo del duca di Westminster,abbiamo visitato Backingham Palace e fatto un giro nel parco reale,abbiamo mangiato nei mercatini di Camden Town e la sera siamo andati a Piccadilly.
- <img id ="immagine-sabato" src="https://lc-www-live-s.legocdn.com/r/www/r/architecture/-/media/franchises/architecture%202015/explore/available%20products/story/21013%20big%20ben/21013_facts_explore_720.jpg?l.r2=1029380932" width="250" height="350">
- <br>
- <a id="su" href="londra.html#tornasu">TORNA SU</a>
- </div>
- <br>
- <div id="domenica"><a name="domenica"><h1>Domenica</h1></a>Abbiamo preso il volo e finalmente siamo ritornati nella nostra amata Italia,ma questa esperienza la si porterà sempre nel cuore perchè è stata un esperienza fantastica <div id="animazione-domenica"></div>
- <a id="su" href="londra.html#tornasu">TORNA SU</a>
- </div>
- <br>
- <br>
- <br>
- <p><u>La pagina è stata creata da Michele Prencipe:per tornare alla pagina iniziale di Google clicca
- <div class="tooltip"><mark>QUI</mark>
- <span class="tooltiptext">NOOO!!NON PUO USCIRE DA QUESTA PAGINA SE PRIMA NON MI METTE UN BUON VOTO</span>
- </div>
- </p>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement