API tools faq
paste
Advertisement
giulia-donati

Untitled

giulia-donati
Feb 20th, 2017
605
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.09 KB | None | 0 0
raw download clone embed print report
  1. <doctype html>
  2. <html lang="it">
  3.  
  4. <head>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link rel="stylesheet" href="/lib/w3.css">
  8. <style>
  9.  
  10. h1{
  11. color:DODGERBLUE ;
  12. font-style:serif;
  13. text-shadow: 2px 2px 5px DARKBLUE ;
  14. }
  15. #titolo{
  16. position:absolute;
  17. left:150px;
  18. font-size:2em;
  19. text-align:center;
  20. border:5px DODGERBLUE double;
  21. width:900px;
  22. height:150px;
  23. margin:auto;
  24. border-radius:30px 30px 30px 30px;
  25. background-color:beige;
  26. }
  27. h2 {
  28. color:DODGERBLUE;
  29. }
  30. #indice{
  31.  
  32.  
  33. top:13em;
  34. position:absolute;
  35. left:5px;
  36. border:5px DODGERBLUE double;
  37. background-color:beige;
  38. width: 300px;
  39. height:270px;
  40. border-radius:30px 30px 30px 30px;
  41. word-break: keep-all;
  42. }
  43. h3{
  44. text-align:center;
  45. font-size:2em;
  46. }
  47. #alternanzaa{
  48. top:13em;
  49. position:absolute;
  50. left:330px;
  51. text-align:center;
  52. background-color:beige;
  53. border:5px CornflowerBlue double;
  54. width:900px;
  55. border-radius:30px 30px 30px 30px;
  56. height:450;
  57. }
  58. #link{
  59. position:absolute;
  60. left:5px;
  61. top:45em;
  62. text-align:center;
  63. width:300px;
  64. height:610px;
  65. background-color:beige;
  66. border-radius:30px 30px 30px 30px;
  67. border:5px CornflowerBlue double;
  68. }
  69. #scuolaa{
  70. position:absolute;
  71. left:330px;
  72. width:900px;
  73. top:45em;
  74. text-align:center;
  75. background-color:beige;
  76. border-radius:30px 30px 30px 30px;
  77. border:5px CornflowerBlue double;
  78. }
  79. #familyy{
  80. position:absolute;
  81. left:330px;
  82. top:73em;
  83. width:900px;
  84. text-align:center;
  85. background-color:beige;
  86. border-radius:30px 30px 30px 30px;
  87. border:5px CornflowerBlue double;
  88. }
  89. #museii{
  90. position:absolute;
  91. left:330px;
  92. top:95em;
  93. width:900px;
  94. text-align:center;
  95. background-color:beige;
  96. border-radius:30px 30px 30px 30px;
  97. border:5px CornflowerBlue double;
  98. }
  99. #gallery{
  100. position:absolute;
  101. left:330px;
  102. top:140em;
  103. text-align:center;
  104. width:600px;
  105. height:600px;
  106. background-color:beige;
  107. border-radius:30px 30px 30px 30px;
  108. border:5px CornflowerBlue double;
  109. }
  110. .mySlides {display:none;}
  111. #aziendaa{
  112. position:absolute;
  113. left:330px;
  114. top:111em;
  115. width:900px;
  116. text-align:center;
  117. background-color:beige;
  118. border-radius:30px 30px 30px 30px;
  119. border:5px CornflowerBlue double;
  120. }
  121. .logo{
  122. border-radius: 30%;
  123. max-width: 75%;
  124. height: auto;
  125. text-align:left
  126. }
  127. .footer{
  128. color:white;
  129. position:absolute;
  130. top:185em;
  131. text-align:left;
  132. }
  133. body{
  134. background-image:url("https://dealsandreviews.co.uk/wp-content/uploads/2015/09/UK-Parliament-1400x600.jpg");
  135. }
  136.  
  137.  
  138. </style>
  139. </head>
  140. <body>
  141. <div id="titolo">
  142. <h1> Viaggio studio a Londra </h1>
  143. </div>
  144.  
  145. <br>
  146. <br>
  147. <div id="indice">
  148. <h2> Indice: </h2>
  149.  
  150. <dl><ul>
  151. <dt><li><a href="#alternanza">Che cos'è l'alternanza scuola-lavoro</a></li></dt>
  152. <dt><li><a href="#scuola">Scuola "Oxford International Education Group"</a></li></dt>
  153. <dt><li><a href="#iscrizione">Iscrizione alla Pagina</a></li></dt>
  154. <dt><li><a href="#family">Host family</a></li> </dt>
  155. <dt>visite pomeridiane:</dt>
  156. <dd><li><a href="#musei">National Gallery & British Museum</a> </li></dd>
  157. <dd><li><a href="#azienda"> CSI & azienda "H. Forman & son" </a></li></dd>
  158. <dt><li><a href="#gallery">Gallery</a></li></dt>
  159. </dl></ul>
  160.  
  161. </div>
  162.  
  163. <div id="alternanzaa">
  164. <h3> Che cos'è l'alternanza scuola-lavoro </h3>
  165. <p id="alternanza">L’alternanza scuola-lavoro, obbligatoria per tutti gli studenti dell’ultimo triennio delle scuole superiori, anche nei licei, è una delle innovazioni più significative della legge 107 del 2015 (La Buona Scuola) in linea con il principio della scuola aperta.
  166. La scuola deve, infatti, diventare la più efficace politica strutturale a favore della crescita e della formazione di nuove competenze, contro la disoccupazione e il disallineamento tra domanda e offerta nel mercato del lavoro. Per questo, deve aprirsi al territorio, chiedendo alla società di rendere tutti gli studenti protagonisti consapevoli delle scelte per il proprio futuro.
  167. Con l’alternanza scuola-lavoro, viene introdotto in maniera universale un metodo didattico e di apprendimento sintonizzato con le esigenze del mondo esterno che chiama in causa anche gli adulti, nel loro ruolo di tutor interni (docenti) e tutor esterni (referenti della realtà ospitante).
  168. L’alternanza favorisce la comunicazione intergenerazionale, pone le basi per uno scambio di esperienze e crescita reciproca.
  169. Non solo imprese e aziende, ma anche associazioni sportive e di volontariato, enti culturali, istituzioni e ordini professionali possono diventare partner educativi della scuola per sviluppare in sinergia esperienze coerenti alle attitudini e alle passioni di ogni ragazza e di ogni ragazzo.
  170. In questa chiave si spiega il monte ore obbligatorio: 400 ore negli istituti tecnici e professionali e 200 ore nei licei che rappresentano un innovativo format didattico rispetto alle tradizionali attività scolastiche e possono essere svolte anche durante la sospensione delle attività didattiche e/o all’estero.
  171. L’estensione delle attività di alternanza anche ai Licei rappresenta un unicum europeo. Persino in Germania, con il sistema duale, le esperienze scuola-lavoro riguardano solo gli istituti tecnici e professionali. Il nostro modello supera la divisione tra percorsi di studio fondati sulla conoscenza ed altri che privilegiano l’esperienza pratica. Conoscenze, abilità pratiche e competenze devono andare insieme.
  172. Un cambiamento culturale per la costruzione di una via italiana al sistema duale, che riprende buone prassi europee, coniugandole con le specificità del tessuto produttivo ed il contesto socio-culturale italiano.</p>
  173. <a href="#indice">Torna all'indice</a>
  174.  
  175. </div>
  176. <div id="link">
  177. <br>
  178. <img class="logo" src="http://www.oxfordinternational.com/wp-content/uploads/2015/11/Stubby-OIEG-STYLE-2.jpg" width:250px height:300px><br>
  179. <br>
  180. <a href="http://www.oxfordinternational.com/">sito della <b>OXFORD INTERNATIONAL EDUCATION GROUP </b></a>
  181. <form>
  182. <p id="iscrizione">
  183. <br>
  184. <br>
  185. <h2>ISCRIZIONE ALLA PAGINA</h2>
  186. </p>
  187. <br>
  188. <input type="radio" name="genere" value="Maschio"checked>Maschio<br>
  189. <input type="radio" name="genere" value="Femmina">Femmina<br>
  190. <input type="radio" name="genere" value="altro">altro<br>
  191. Inserisci il Nome<input type="text" name="Nome" size="30" Valure="Anonimo"><br>
  192. Inserisci il Cognome<input type="text" name="Cognome" size="30" Valure="Anonimo"><br>
  193. Immetti la password<input type="password" name="PWcognome" size="10"><br>
  194. Inserisci la mail <input type="email" name="mail_utente"><br>
  195. <input type="submit" name="invia" value="invia i dati al server">
  196.  
  197.  
  198.  
  199. </form>
  200. <a href="#indice">Torna all'indice</a>
  201. </div>
  202.  
  203. <div id="scuolaa">
  204. <h3> Scuola "Oxford International Education Group" </h3>
  205. <p id="scuola">La scuola che abbiamo frequentato durante la settimana di viaggio-studio all'estero si chiama <b>"Oxford International Education Group"</b>.<br> Le nostre mattinate a scuola iniziavano alle 9 e terminavano alle 2 con una "ricreazione" e una pausa pranzo, 4 ore di full-immersion nel lavoro.<br> I temi trattati, infatti, erano prettamente riguardanti il mondo del lavoro,
  206. per istruirci su come scrivere un Curriculum Vitae (CV), le covering letter e su come sostenere un colloquio di lavoro o una telefonata utilizzando termini specifici. Le prime tre ore di lezione erano dedicate per lo più allo speaking, per imparare a rapportarsi con le altre persone utilizzando una differente lingua:l'inglese. L'ultima ora di lezione era dedicata invece ai giochi logistici, per i quali era importante cercare di collaborare
  207. con gli altri compagni. Terminato il nostro soggiorno a Londra le insegnanti che ci hanno seguito maggiormente: Hannie e Marie, ci hanno consegnato degli attestati di partecipazione assegnando ad ogni alunno una valutazione sulle proprie abilità nel parlare e saper apprendere l'inglese.</p>
  208. <a href="#indice">Torna all'indice</a>
  209. </div>
  210.  
  211. <div id="familyy">
  212. <h3> Host Family</h3>
  213. <p id="family">Durante questo viaggio-studio ho avuto la possibilità di alloggiare in un condominio in Evelina Road nel quartiere Nunhead di Greenwich.La famiglia Bodrogi mi ha ospitato nella loro casa, a farmi compagnia la sera c'erano le due figlie Jada e Chloe che hanno provato a coivolgere me e la mia compagna di stanza Deborah nella loro vita quotidiana.
  214. La nostra host family è sempre stata disponibile aiutandoci ad ambientarci e non escludendoci nei loro discorsi.
  215. <br>
  216. (<b><i> Nella galleria è presente una foto con la nostra host sister Jada </i></b>)
  217. </p>
  218. <a href="#indice">Torna all'indice</a>
  219. </div>
  220.  
  221.  
  222.  
  223. <div id="museii">
  224. <h3>National Gallery & British Museum </h3>
  225. <p id="musei"> Gli ultimi due giorni (venerdì e sabato) li abbiamo dedicati alla visita del National gallery, British Museum, The Natural
  226. History Museum e Science Museum <br>
  227. (<b><i> Nella galleria sono riportate alcune foto fatte all'interno dei rispettivi musei</i></b>)
  228. </p>
  229. <a href="#indice">Torna all'indice</a>
  230. </div>
  231.  
  232. <div id="aziendaa">
  233. <h3>CSI & azienda "H. Forman & son"</h3>
  234. <p id="azienda"> Martedì 31 gennaio e giovedi 2 febbraio, la nostra agenzia ha organizzato due uscite che prevedevano "un'intervista" in un'azienda e un laboratorio (simile CSI) per cercare di rapportarci meglio
  235. con il mondo del lavoro e imparare nuovi vocaboli riguardanti esso.
  236. L'azienda protagonista di questa visita è la "H. Forman & son" nell'ambito della lavorazione del salmone affumicato, il signore che ci ha accompagnato in questa visita
  237. detiene il <i> Guinness World Record </i>.
  238. <p>
  239. <img class="logo" src="https://upload.wikimedia.org/wikipedia/en/2/2b/H._Forman_%26_Son_Logo,_2015.png">
  240. <br>
  241. <a href="http://www.formans.co.uk/home.php"> Link all'azienda "H. Forman & son"</a>
  242. <br>
  243. <br>
  244. <br>
  245. <a href="#indice">Torna all'indice</a>
  246. </div>
  247.  
  248. <div id="gallery">
  249.  
  250. <h2> Gallery </h2>
  251.  
  252.  
  253. <a class="w3-btn-floating w3-hover-dark-grey w3-display-left" onclick="plusDivs(-1)">&#10094;</a>
  254. <a class="w3-btn-floating w3-hover-dark-grey w3-display-right" onclick="plusDivs(1)">&#10095;</a>
  255.  
  256. <div class="w3-display-container mySlides">
  257. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16730524_1814424108883202_1778400514249195629_n.jpg?oh=386fe645c43482c1a4eadec400cc008d&oe=59344D1C" style="width:100%">
  258.  
  259. </div>
  260.  
  261. <div class="w3-display-container mySlides">
  262. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16807435_1814424338883179_3160847782975676918_n.jpg?oh=56b986a120974d3e231410fdeb26a128&oe=593BD7C9" style="width:60%">
  263.  
  264. </div>
  265.  
  266. <div class="w3-display-container mySlides">
  267. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16730535_1814424285549851_7642851045992338350_n.jpg?oh=dc4634120178454100510a863c18f39a&oe=592C7E11" style="width:60%">
  268.  
  269. </div>
  270.  
  271. <div class="w3-display-container mySlides">
  272. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16640563_1814425062216440_1998850490691106526_n.jpg?oh=96c380609c58787bafe49d3ac61a2443&oe=5939AE28" style="width:100%">
  273.  
  274. </div>
  275.  
  276. <div class="w3-display-container mySlides">
  277. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16806967_1814424782216468_336665011257522393_n.jpg?oh=dc3d6b967f49dfff673bf8fc2e3064ea&oe=5949E180" style="width:60%">
  278.  
  279. </div>
  280.  
  281. <div class="w3-display-container mySlides">
  282. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16830625_1814424112216535_4232102272144471309_n.jpg?oh=6ac0dfb74a0dd2e9f3b248c45a813181&oe=5903C690" style="width:100%">
  283.  
  284. </div>
  285.  
  286. <div class="w3-display-container mySlides">
  287. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16730651_1814424965549783_876575366241138356_n.jpg?oh=4ace954df51173cd99b3cffd2db00aac&oe=592BD249" style="width:100%">
  288.  
  289. </div>
  290.  
  291. <div class="w3-display-container mySlides">
  292. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16806803_1814425095549770_3678791234774551775_n.jpg?oh=ae7b15f4cbcf299dd8efef2e56bc96f6&oe=59360789" style="width:100%">
  293.  
  294. </div>
  295.  
  296. <div class="w3-display-container mySlides">
  297. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16806788_1814424708883142_6700086722833090993_n.jpg?oh=fda145ef899ab0e6fac6bf453adb3146&oe=5937DD85" style="width:100%">
  298.  
  299. </div>
  300.  
  301. <div class="w3-display-container mySlides">
  302. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16640639_1814425015549778_8656709616873775782_n.jpg?oh=285f68b886d4a43189c3013e3ce6e23c&oe=593C92C7" style="width:100%">
  303.  
  304. </div>
  305.  
  306. <div class="w3-display-container mySlides">
  307. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16806773_1814424618883151_2292077549130042339_n.jpg?oh=e115ca81a278cd23899248245653fe2d&oe=593587AE" style="width:100%">
  308.  
  309. </div>
  310.  
  311. <div class="w3-display-container mySlides">
  312. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16683847_1814424355549844_7642091850828977416_n.jpg?oh=019275c05b33cbf79305b74222b9ac25&oe=59498C00" style="width:100%">
  313.  
  314. </div>
  315.  
  316. <div class="w3-display-container mySlides">
  317. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16729365_1814423688883244_7785065032908603467_n.jpg?oh=e83ba7ad20c5228ff916dc5cc707485c&oe=5949F7D7" style="width:100%">
  318.  
  319. </div>
  320.  
  321. <div class="w3-display-container mySlides">
  322. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16730410_1814423668883246_3755928834094900182_n.jpg?oh=0a74cfa577a4f81e7cbf2354e4b84950&oe=594021B7" style="width:100%">
  323.  
  324. </div>
  325.  
  326. <div class="w3-display-container mySlides">
  327. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16730469_1814424798883133_3717215004953435280_n.jpg?oh=db585f8bbf4c99137d1357b0cef390f5&oe=59487EAD" style="width:45%">
  328.  
  329. </div>
  330.  
  331. <div class="w3-display-container mySlides">
  332. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16807539_1814424428883170_6621614895270707914_n.jpg?oh=aec1a0fce95eee37f1ab850e73698851&oe=594A6907" style="width:45%">
  333.  
  334. </div>
  335.  
  336. <div class="w3-display-container mySlides">
  337. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16730372_1814424178883195_8521718333444151457_n.jpg?oh=2ad907571aa9548452763725ce8e7aa2&oe=593C6F8C" style="width:100%">
  338.  
  339. </div>
  340.  
  341. <div class="w3-display-container mySlides">
  342. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16730212_1814424142216532_8476501521129731401_n.jpg?oh=ebddb8042750ec9f290cc7f5b22daab9&oe=5900ED38" style="width:60%">
  343.  
  344. </div>
  345.  
  346. <div class="w3-display-container mySlides">
  347. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16807551_1814424208883192_5934237270319884357_n.jpg?oh=55d75b4b1b93ffba5144a25c36276ec6&oe=59455B20" style="width:60%">
  348.  
  349. </div>
  350.  
  351. <div class="w3-display-container mySlides">
  352. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16681657_1814424295549850_7580623327967888372_n.jpg?oh=36c92d6992a59c8ef2f992156ddb7eb8&oe=59474FB3" style="width:60%">
  353.  
  354. </div>
  355.  
  356. <div class="w3-display-container mySlides">
  357. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16831031_1814424192216527_6443728130237314803_n.jpg?oh=a4f6cc043de4d6b9e04fd60232e59fcc&oe=593AC58B" style="width:60%">
  358.  
  359. </div>
  360.  
  361. <div class="w3-display-container mySlides">
  362. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16807794_1814424672216479_1459347018789949203_n.jpg?oh=b43231fba9895c9404d1ff191215b1d7&oe=594636CC" style="width:60%">
  363.  
  364. </div>
  365.  
  366. <div class="w3-display-container mySlides">
  367. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16729028_1814424472216499_1953791367911968273_n.jpg?oh=d6ba513045c3c2dfd80a3003a9be8d54&oe=593BE7EE" style="width:60%">
  368.  
  369. </div>
  370.  
  371. <div class="w3-display-container mySlides">
  372. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16729156_1814424552216491_6713407695459570930_n.jpg?oh=1a36c34f3545f6b592f892ca54fff9ce&oe=592DCFDD" style="width:60%">
  373.  
  374. </div>
  375.  
  376. <div class="w3-display-container mySlides">
  377. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16640755_1814424922216454_532206875407283008_n.jpg?oh=56e85651fc637509b6eae9c5c4f0b198&oe=594724BB" style="width:60%">
  378.  
  379. </div>
  380.  
  381. <div class="w3-display-container mySlides">
  382. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16807343_1814424908883122_5278771169331294818_n.jpg?oh=699f8b4bbda80e90f6bbad2341383b25&oe=5900636A" style="width:60%">
  383.  
  384. </div>
  385.  
  386. <div class="w3-display-container mySlides">
  387. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16830616_1814424802216466_8236943487172634171_n.jpg?oh=8f70f1f265637a3be23f142dbed52468&oe=5931AF0C" style="width:60%">
  388.  
  389. </div>
  390.  
  391. <div class="w3-display-container mySlides">
  392. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16807258_1814424688883144_7529866872018901906_n.jpg?oh=7d3e00b27a4303c696497ab1a7174c74&oe=5945B26A" style="width:60%">
  393.  
  394. </div>
  395.  
  396. <div class="w3-display-container mySlides">
  397. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16681526_1814424095549870_8330942452101679628_n.jpg?oh=3e95d7eb6e61d7399103ce0c7c2fe9d6&oe=59349D48" style="width:100%">
  398.  
  399. </div>
  400.  
  401. <div class="w3-display-container mySlides">
  402. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16730248_1814424482216498_5162234075426775235_n.jpg?oh=914352e2faa5f79ee44b671cd3639dbc&oe=592ECAB9" style="width:100%">
  403.  
  404. </div>
  405.  
  406. <div class="w3-display-container mySlides">
  407. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16711557_1814423955549884_3861476343581334975_n.jpg?oh=77f2c808bb7c6e84b7e7cb2a9cae605f&oe=58FDD06B" style="width:100%">
  408.  
  409. </div>
  410.  
  411. <div class="w3-display-container mySlides">
  412. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16730294_1814424852216461_57333642973907372_n.jpg?oh=6ca813f9a9c71baa56ec44e0b077350d&oe=5901B9FA" style="width:100%">
  413.  
  414. </div>
  415.  
  416. <div class="w3-display-container mySlides">
  417. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16807694_1814425155549764_1438547665741942931_n.jpg?oh=1e936a9d32d16c8042472ff299b30ab1&oe=59464149" style="width:100%">
  418.  
  419. </div>
  420.  
  421. <div class="w3-display-container mySlides">
  422. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16807782_1814424255549854_7996490773804668559_n.jpg?oh=7c0775d883fbbbb298a26ecf2c101380&oe=59392867" style="width:60%">
  423.  
  424. </div>
  425.  
  426. <div class="w3-display-container mySlides">
  427. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16806686_1814424322216514_5353447179068101686_n.jpg?oh=12a620c794623aa62634170298c799eb&oe=593D4177" style="width:60%">
  428.  
  429. </div>
  430.  
  431. <div class="w3-display-container mySlides">
  432. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16807280_1814423682216578_4827926949980785693_n.jpg?oh=c28698f9b7f684920e53e486758c812f&oe=59455D48" style="width:100%">
  433.  
  434. </div>
  435.  
  436. <div class="w3-display-container mySlides">
  437. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16830826_1814423895549890_7528013534039225966_n.jpg?oh=184d5bbec2da4c2e06e065cff352dd96&oe=592D0BF2" style="width:60%">
  438.  
  439. </div>
  440.  
  441. <div class="w3-display-container mySlides">
  442. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16830723_1814423915549888_3620240165840388391_n.jpg?oh=8abb4fb64a1ff4024a9fa099734d6ef5&oe=5935DB5F" style="width:60%">
  443.  
  444. </div>
  445.  
  446. <div class="w3-display-container mySlides">
  447. <img src="https://scontent-mxp1-1.xx.fbcdn.net/v/t1.0-9/16807581_1814423928883220_365853574320743517_n.jpg?oh=b21a52bc08d2a06a60f779326486309a&oe=593B70C9" style="width:100%">
  448.  
  449. </div>
  450.  
  451. <a href="#indice">Torna all'indice</a>
  452. </div>
  453.  
  454.  
  455.  
  456.  
  457. <script>
  458. var slideIndex = 1;
  459. showDivs(slideIndex);
  460.  
  461. function plusDivs(n) {
  462. showDivs(slideIndex += n);
  463. }
  464.  
  465. function showDivs(n) {
  466. var i;
  467. var x = document.getElementsByClassName("mySlides");
  468. if (n > x.length) {slideIndex = 1}
  469. if (n < 1) {slideIndex = x.length}
  470. for (i = 0; i < x.length; i++) {
  471. x[i].style.display = "none";
  472. }
  473. x[slideIndex-1].style.display = "block";
  474. }
  475. </script>
  476.  
  477. <script>
  478. var myIndex = 0;
  479. carousel();
  480.  
  481. function carousel() {
  482. var i;
  483. var x = document.getElementsByClassName("mySlides");
  484. for (i = 0; i < x.length; i++) {
  485. x[i].style.display = "none";
  486. }
  487. myIndex++;
  488. if (myIndex > x.length) {myIndex = 1}
  489. x[myIndex-1].style.display = "block";
  490. setTimeout(carousel, 4000); // Change image every 4 seconds
  491. }
  492. </script>
  493.  
  494.  
  495.  
  496.  
  497. </div>
  498.  
  499. <footer class="footer"> Pagina scritta da Giulia Donati 4^C Liceo scientifico Marie Curie</footer>
  500.  
  501.  
  502.  
  503.  
  504.  
  505.  
  506.  
  507.  
  508. </body>
  509. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!