Created
October 16, 2016 13:24
-
-
Save eliaperantoni/28c444cf90931d44a1796c2fa52f196b to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> | |
| <link rel="shortcut icon" type="image/png" href="fav.png"/> | |
| <link rel="stylesheet" href="style.css" type="text/css"> | |
| <title>Competenze</title> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="logo">Elia Perantoni</div> | |
| <div class="nav"> | |
| <div class="nav-element"><span><a href="index.html">HOME</a></span></div> | |
| <div class="nav-element"><span><a href="scuola.html">SCUOLA</a></span></div> | |
| <div class="nav-element active"><span><a href="comp.html">COMPETENZE</a></span></div> | |
| </div> | |
| <a href="https://stackoverflow.com/users/story/7015035"><div class="link"><img class="stack-logo" src="images/stack.png">STACK OVERFLOW</div></a> | |
| </header> | |
| <!-- NON MODIFICARE PRIMA DI QUESTO PUNTO --> | |
| <ul class="path"> | |
| <li style="float: none"><a class="link-path" href="comp.html">Competenze</a></li> | |
| </ul> | |
| <p class="titolo1">Competenze</p> | |
| <p class="titolo2">Linguaggi di programmazione e altro</p><div class="divider"></div> | |
| <ul style="list-style-type: none;border: solid 1px rgb(229, 229, 229);width: 100%;padding: 24px;-webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box;"> | |
| <li> | |
| <div class="arrow"></div><p class="titolo3">Python<span style="margin-left: 14px;color: rgb(153, 153, 153);font-size: 14px">(Poco)</span></p> | |
| </li> | |
| <li> | |
| <div class="arrow"></div><p class="titolo3">Java<span style="margin-left: 14px;color: rgb(153, 153, 153);font-size: 14px">(Bene)</span></p> | |
| </li> | |
| <li> | |
| <div class="arrow"></div><p class="titolo3">Android<span style="margin-left: 14px;color: rgb(153, 153, 153);font-size: 14px">(Benino)</span></p> | |
| </li> | |
| <li> | |
| <div class="arrow"></div><p class="titolo3">C++<span style="margin-left: 14px;color: rgb(153, 153, 153);font-size: 14px">(Poco)</span></p> | |
| </li> | |
| <li> | |
| <div class="arrow"></div><p class="titolo3">HTML<span style="margin-left: 14px;color: rgb(153, 153, 153);font-size: 14px">(Poco)</span></p> | |
| </li> | |
| <li> | |
| <div class="arrow"></div><p class="titolo3">CSS<span style="margin-left: 14px;color: rgb(153, 153, 153);font-size: 14px">(Pochissimo)</span></p> | |
| </li> | |
| <li> | |
| <div class="arrow"></div><p class="titolo3">SQL<span style="margin-left: 14px;color: rgb(153, 153, 153);font-size: 14px">(Poco)</span></p> | |
| </li> | |
| </ul> | |
| <p class="titolo2">IDE preferito</p><div class="divider"></div> | |
| <p>JetBrains e derivati</p> | |
| <div class="blue-box">Nell'immagine è mostrato AndroidStudio modificato con un tema</div> | |
| <img src="https://meedamian.com/post-content/deuglifying-android-studio/prettyAS-2.png" class="i"> | |
| <p style="margin-top: 60px" class="titolo1">Progetti</p> | |
| <p class="titolo2">Orario Marconi</p><div class="divider"></div> | |
| <p>Una piccola applicazione per consultare rapidamente l'orario di classe della 3BI</p> | |
| <div class="arrow"></div><a target="_blank" class="linkn" href="https://github.com/hellix08/OrarioMarconi">Link a GitHub</a><br> | |
| <video style="margin-top: 24px" width="480" height="720" autoplay loop> | |
| <source src="orario.mp4" type="video/mp4"> | |
| Il tuo browser non supporta i video. | |
| </video> | |
| <p class="titolo2">Vault</p><div class="divider"></div> | |
| <p>Un'applicazione che permette di immagazzinare in modo sicuro le password che si usano per accedere a diverse piattaforme</p> | |
| <div class="arrow"></div><a target="_blank" class="linkn" href="https://github.com/hellix08/Vault">Link a GitHub</a><br> | |
| <video style="margin-top: 24px" width="480" height="720" autoplay loop> | |
| <source src="vault.mp4" type="video/mp4"> | |
| Il tuo browser non supporta i video. | |
| </video> | |
| <p class="titolo2">Kraken</p><div class="divider"></div> | |
| <p>Un'applicazione ancora nei suoi primissimi stadi che servirà per navigare tra le statistiche del proprio profilo del videogioco Dota 2, per ricavare le informazioni utilizza un client REST</p> | |
| <div class="arrow"></div><a target="_blank" class="linkn" href="https://github.com/hellix08/Kraken">Link a GitHub</a><br> | |
| <video style="margin-top: 24px" width="480" height="720" autoplay loop> | |
| <source src="kraken.mp4" type="video/mp4"> | |
| Il tuo browser non supporta i video. | |
| </video> | |
| <!-- NON MODIFICARE DA QUI IN POI --> | |
| <footer> | |
| <div class="footer-element" style="height: 80px"></div> | |
| <div class="divider"></div> | |
| <div class="footer-element nd"> | |
| <a target="_blank" style="color: rgb(0, 0, 0)" href="https://mail.google.com/mail/?view=cm&fs=1&to=perantonielia0@gmail.com&su=&body="> | |
| <span style="float:left"> | |
| Contattami | |
| </span> | |
| <img src="images/fab.png" style="float:left;margin-left: 12px;margin-top: -6px"> | |
| </a> | |
| <a target="_blank" href="https://stackoverflow.com/users/story/7015035" style="color: rgb(0, 0, 0)"><span style="float:right">Stack Overflow</span></a> | |
| <a target="_blank" href="https://github.com/hellix08" style="color: rgb(0, 0, 0)"><span style="float: right;margin-right: 18px">Git Hub</span></a> | |
| </div> | |
| <div class="divider"></div> | |
| <div style="font-size: 12px;font-weight: normal;color: rgb(153, 153, 153);margin-top: 12px" class="footer-element"> | |
| <span> | |
| Snippet del codice sorgente hostato da <a target="_blank" style="color: rgb(153, 153, 153);font-size: 12px;font-weight: normal;" href="https://gist.github.com">gist.github.com</a> | |
| <span> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> | |
| <link rel="shortcut icon" type="image/png" href="fav.png"/> | |
| <link rel="stylesheet" href="style.css" type="text/css"> | |
| <title>Val Brenta</title> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="logo">Elia Perantoni</div> | |
| <div class="nav"> | |
| <div class="nav-element"><span><a href="index.html">HOME</a></span></div> | |
| <div class="nav-element active"><span><a href="scuola.html">SCUOLA</a></span></div> | |
| <div class="nav-element"><span><a href="comp.html">COMPETENZE</a></span></div> | |
| </div> | |
| <a href="https://stackoverflow.com/users/story/7015035"><div class="link"><img class="stack-logo" src="images/stack.png">STACK OVERFLOW</div></a> | |
| </header> | |
| <!-- NON MODIFICARE PRIMA DI QUESTO PUNTO --> | |
| <ul class="path"> | |
| <li><a class="link-path" href="scuola.html">Scuola</a></li> | |
| <li><div class="arrow"></div><a class="link-path" href="gite.html">Gite</a></li> | |
| <li style="float: none"><div class="arrow"></div><a class="link-path" href="gita_valbrenta.html">Val Brenta</a></li> | |
| </ul> | |
| <p class="titolo1" style="margin-bottom: 24px"> | |
| Gita in Val Brenta | |
| </p> | |
| <p> | |
| Venerdì 14 Ottobre 2016, guidati dai professori A.Panebiano e S.Zeminian, siamo andati (insieme alla classe 3AI) in Val Brenta (VI) come viaggio d'istruzione, il quale scopo principale è stato quello di fare in modo che noi compagni ci conoscessimo meglio, una sorta di attività d'accoglienza. | |
| </p> | |
| <p> | |
| Il viaggio è durato due ore, una volta arrivati non si poteva fare a meno di notare il freddo glaciale, circa 15° se non di meno. Stava piovendo a dirotto, come a Verona, insomma, non è stato proprio il giorno ideale per un bel tuffo nel fiume. | |
| </p> | |
| <p class="titolo2"> | |
| Rafting | |
| </p><div class="divider" style="margin-bottom: 24px"></div> | |
| <p> | |
| La prima attività è stata quella del rafting, sicuramente la più emozionante, fredda e bagnata tra quelle proposte quella mattina. Inizialmente ci hanno insegnato le manovre basilari: avanti, indietro, sinistra indietro, destra indietro, stop, saltellare, tenersi, proteggersi, fondo. Fatto ciò siamo partiti e abbiamo seguito il corso del fiume per circa 10km, l'acqua era freddissima ma un tuffo nel fiume sarebbe stata un'esperienza sicuramente interessante, tant è che mi sono buttato tre volte. | |
| </p> | |
| <img class="i" src="images/brenta/1.jpg"> | |
| <img class="i" src="images/brenta/2.jpg"> | |
| <img class="i" src="images/brenta/3.jpg"> | |
| <img class="i" src="images/brenta/4.jpg"> | |
| <img class="i" src="images/brenta/5.jpg"> | |
| <img class="i" src="images/brenta/6.jpg"> | |
| <img class="i" src="images/brenta/7.jpg"> | |
| <img class="i" src="images/brenta/8.jpg"> | |
| <img class="i" src="images/brenta/9.jpg"> | |
| <p class="titolo2"> | |
| Grotte di Oliero | |
| </p><div class="divider" style="margin-bottom: 24px"></div> | |
| <p> | |
| Il pomeriggio siamo andati alle grotte di Oliero, le grotte in questione sono bagnate da un piccolo lago sotto la montagna, normalmente questo lago è profondo meno di un metro ma al centro sprofonda di colpo a 15 metri, questo foro conduce ad un sifone (un fiume sotterraneo) che a sua volta conduce ad altre grotte ancora inesplorate, mete ambite di sub e speleologi. L'acqua del lago è sufficentemente bassa per permettere di passare sotto la montagna con una piccola imbarcazione come quella in figura, una volta arrivati sull'altra sponda vi sono delle scale ed è possibile scendere ed esplorare la grotta a piedi per qualche metro. Abbiamo visto i diversi tipi di stalattite: normale, a vela (o linga della suocera), a grappolo e come queste possano essere distrutte quando l'acqua sale. Abbiamo visto le stalagmiti, un "presepe" ovvero un gruppo di giovani stalagmiti vicine tra di loro, abbiamo visto come una stalagmite viene scavata dall'azione dell'acqua una volta che la stalattite sopra ad essa si interrompe, abbiamo anche visto le conseguenze del toccare a mani nude le rocce, il grasso delle mani le intacca rendendole idrorepellenti, quando l'acqua cade su queste rocce, invece di formarle scivola via e crea delle sorte di onde. | |
| </p> | |
| <div class="green-box" style="margin-left: 0;width: 100%">Le immagini 1,2 e 3 sono state prese da Internet.</div> | |
| <img class="i" src="images/brenta/g1.jpg"> | |
| <img class="i" src="images/brenta/g2.jpg"> | |
| <img class="i" src="images/brenta/g3.gif"> | |
| <img class="i" src="images/brenta/g4.jpg"> | |
| <p class="titolo2"> | |
| Museo geologico e della carta | |
| </p><div class="divider" style="margin-bottom: 24px"></div> | |
| <p> | |
| Dopo aver visitato le grotte siamo andati ai musei, in uno si parlava di rocce, minearli e grotte, nell'altro di carta e di come veniva prodotto nei cartieri di Olierio. | |
| </p> | |
| <div class="green-box" style="margin-left: 0;width: 100%">Immagini prese da Internet.</div> | |
| <img class="i" src="images/brenta/c1.png"> | |
| <img class="i" src="images/brenta/c2.jpg"> | |
| <!-- NON MODIFICARE DA QUI IN POI --> | |
| <footer> | |
| <div class="footer-element" style="height: 80px"></div> | |
| <div class="divider"></div> | |
| <div class="footer-element nd"> | |
| <a target="_blank" style="color: rgb(0, 0, 0)" href="https://mail.google.com/mail/?view=cm&fs=1&to=perantonielia0@gmail.com&su=&body="> | |
| <span style="float:left"> | |
| Contattami | |
| </span> | |
| <img src="images/fab.png" style="float:left;margin-left: 12px;margin-top: -6px"> | |
| </a> | |
| <a target="_blank" href="https://stackoverflow.com/users/story/7015035" style="color: rgb(0, 0, 0)"><span style="float:right">Stack Overflow</span></a> | |
| <a target="_blank" href="https://github.com/hellix08" style="color: rgb(0, 0, 0)"><span style="float: right;margin-right: 18px">Git Hub</span></a> | |
| </div> | |
| <div class="divider"></div> | |
| <div style="font-size: 12px;font-weight: normal;color: rgb(153, 153, 153);margin-top: 12px" class="footer-element"> | |
| <span> | |
| Snippet del codice sorgente hostato da <a target="_blank" style="color: rgb(153, 153, 153);font-size: 12px;font-weight: normal;" href="https://gist.github.com">gist.github.com</a> | |
| <span> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> | |
| <link rel="shortcut icon" type="image/png" href="fav.png"/> | |
| <link rel="stylesheet" href="style.css" type="text/css"> | |
| <title>Gite</title> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="logo">Elia Perantoni</div> | |
| <div class="nav"> | |
| <div class="nav-element"><span><a href="index.html">HOME</a></span></div> | |
| <div class="nav-element active"><span><a href="scuola.html">SCUOLA</a></span></div> | |
| <div class="nav-element"><span><a href="comp.html">COMPETENZE</a></span></div> | |
| </div> | |
| <a href="https://stackoverflow.com/users/story/7015035"><div class="link"><img class="stack-logo" src="images/stack.png">STACK OVERFLOW</div></a> | |
| </header> | |
| <!-- NON MODIFICARE PRIMA DI QUESTO PUNTO --> | |
| <ul class="path"> | |
| <li><a class="link-path" href="scuola.html">Scuola</a></li> | |
| <li style="float: none"><div class="arrow"></div><a class="link-path" href="gite.html">Gite</a></li> | |
| </ul> | |
| <p class="titolo1"> | |
| Gite | |
| </p> | |
| <ul style="list-style-type: none;border: solid 1px rgb(229, 229, 229);width: 35%;padding: 24px"> | |
| <li> | |
| <div class="arrow"></div><a class="linkn" href="gita_valbrenta.html">Val Brenta</a> <span style="color: rgb(153, 153, 153);">(Ven. 14/10/2016)</span><br> | |
| <a href="gita_valbrenta.html"><img style="width: 200px; margin-left: 15px;margin-top: 5px;" src="images/brenta/8.jpg"></a> | |
| </li> | |
| </ul> | |
| <!-- NON MODIFICARE DA QUI IN POI --> | |
| <footer> | |
| <div class="footer-element" style="height: 80px"></div> | |
| <div class="divider"></div> | |
| <div class="footer-element nd"> | |
| <a target="_blank" style="color: rgb(0, 0, 0)" href="https://mail.google.com/mail/?view=cm&fs=1&to=perantonielia0@gmail.com&su=&body="> | |
| <span style="float:left"> | |
| Contattami | |
| </span> | |
| <img src="images/fab.png" style="float:left;margin-left: 12px;margin-top: -6px"> | |
| </a> | |
| <a target="_blank" href="https://stackoverflow.com/users/story/7015035" style="color: rgb(0, 0, 0)"><span style="float:right">Stack Overflow</span></a> | |
| <a target="_blank" href="https://github.com/hellix08" style="color: rgb(0, 0, 0)"><span style="float: right;margin-right: 18px">Git Hub</span></a> | |
| </div> | |
| <div class="divider"></div> | |
| <div style="font-size: 12px;font-weight: normal;color: rgb(153, 153, 153);margin-top: 12px" class="footer-element"> | |
| <span> | |
| Snippet del codice sorgente hostato da <a target="_blank" style="color: rgb(153, 153, 153);font-size: 12px;font-weight: normal;" href="https://gist.github.com">gist.github.com</a> | |
| <span> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> | |
| <link rel="shortcut icon" type="image/png" href="fav.png"/> | |
| <link rel="stylesheet" href="style.css" type="text/css"> | |
| <title>Home</title> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="logo">Elia Perantoni</div> | |
| <div class="nav"> | |
| <div class="nav-element active"><span><a href="index.html">HOME</a></span></div> | |
| <div class="nav-element"><span><a href="scuola.html">SCUOLA</a></span></div> | |
| <div class="nav-element"><span><a href="comp.html">COMPETENZE</a></span></div> | |
| </div> | |
| <a href="https://stackoverflow.com/users/story/7015035"><div class="link"><img class="stack-logo" src="images/stack.png">STACK OVERFLOW</div></a> | |
| </header> | |
| <!-- NON MODIFICARE PRIMA DI QUESTO PUNTO --> | |
| <ul class="path"> | |
| <li style="float: none"><a class="link-path" href="index.html">Home</a></li> | |
| </ul> | |
| <p class="titolo1"> | |
| Introduzione | |
| </p> | |
| <p> | |
| Questa pagina funge solo da demo del sito. Per ulteriori contenuti spostarsi nelle altre sezioni utilizzando la barra di navigazione in alto. | |
| </p> | |
| <div class="arrow"></div><a class="linkn" href="source.html">Codice sorgente</a> | |
| <div style="height: 100px"></div> | |
| <p class="titolo1">Questo è un titolo grande</p> | |
| <p class="titolo2">Questo è un titolo medio</p> | |
| <p class="titolo3">Questo è un titolo piccolo</p> | |
| <p>Questo è un normale paragrafo, qui sotto vi è un divisore, più sotto ancora si trova il percorso della pagina corrente, questo elemento è solitamente posizionato in alto e precede il titolo</p> | |
| <div class="divider"></div> | |
| <ul class="path"> | |
| <li><a class="link-path" href="#">Parent</a></li> | |
| <li><div class="arrow"></div><a class="link-path" href="#">Child</a></li> | |
| <li style="float: none"><div class="arrow"></div><a class="link-path" href="#">Child</a></li> | |
| </ul> | |
| <div class="arrow"></div><a class="linkn" href="#">Questo è un link</a> | |
| <ul style="list-style-type: none;border: solid 1px rgb(229, 229, 229);width: 100%;padding: 24px;-webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box;"> | |
| <li> | |
| <div class="arrow"></div>Questa | |
| </li> | |
| <li> | |
| <div class="arrow"></div>è | |
| </li> | |
| <li> | |
| <div class="arrow"></div>una | |
| </li> | |
| <li> | |
| <div class="arrow"></div>lista | |
| </li> | |
| </ul> | |
| <!-- NON MODIFICARE DA QUI IN POI --> | |
| <footer> | |
| <div class="footer-element" style="height: 80px"></div> | |
| <div class="divider"></div> | |
| <div class="footer-element nd"> | |
| <a target="_blank" style="color: rgb(0, 0, 0)" href="https://mail.google.com/mail/?view=cm&fs=1&to=perantonielia0@gmail.com&su=&body="> | |
| <span style="float:left"> | |
| Contattami | |
| </span> | |
| <img src="images/fab.png" style="float:left;margin-left: 12px;margin-top: -6px"> | |
| </a> | |
| <a target="_blank" href="https://stackoverflow.com/users/story/7015035" style="color: rgb(0, 0, 0)"><span style="float:right">Stack Overflow</span></a> | |
| <a target="_blank" href="https://github.com/hellix08" style="color: rgb(0, 0, 0)"><span style="float: right;margin-right: 18px">Git Hub</span></a> | |
| </div> | |
| <div class="divider"></div> | |
| <div style="font-size: 12px;font-weight: normal;color: rgb(153, 153, 153);margin-top: 12px" class="footer-element"> | |
| <span> | |
| Snippet del codice sorgente hostato da <a target="_blank" style="color: rgb(153, 153, 153);font-size: 12px;font-weight: normal;" href="https://gist.github.com">gist.github.com</a> | |
| <span> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> | |
| <link rel="shortcut icon" type="image/png" href="fav.png"/> | |
| <link rel="stylesheet" href="style.css" type="text/css"> | |
| <title>Lavori</title> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="logo">Elia Perantoni</div> | |
| <div class="nav"> | |
| <div class="nav-element"><span><a href="index.html">HOME</a></span></div> | |
| <div class="nav-element active"><span><a href="scuola.html">SCUOLA</a></span></div> | |
| <div class="nav-element"><span><a href="comp.html">COMPETENZE</a></span></div> | |
| </div> | |
| <a href="https://stackoverflow.com/users/story/7015035"><div class="link"><img class="stack-logo" src="images/stack.png">STACK OVERFLOW</div></a> | |
| </header> | |
| <!-- NON MODIFICARE PRIMA DI QUESTO PUNTO --> | |
| <ul class="path"> | |
| <li><a class="link-path" href="scuola.html">Scuola</a></li> | |
| <li style="float: none"><div class="arrow"></div><a class="link-path" href="lavori.html">Lavori</a></li> | |
| </ul> | |
| <p class="titolo1"> | |
| Lavori e progetti | |
| </p> | |
| <p> | |
| Qui è contenuta una lista di lavori e progetti condotti in 3BI. | |
| </p> | |
| <!-- COPIARE E MODIFICARE QUESTO BLOCCO PER ULTERIORI PROGETTI--> | |
| <p class="titolo2" style="margin-top: 64px"> | |
| Ultima Cifra<span class="type"> (Python)</span> | |
| </p><div class="divider"></div> | |
| <p class="titolo3">Consegna:</p> | |
| <p class="consegna">Creare il programma seguendo gli standard descritti in classe per ricavare l'ultima cifra di un numero intero</p> | |
| <p class="titolo3">Soluzione:</p> | |
| <script src="https://gist.github.com/hellix08/805bf28ab4bf62dbe1ad4c168d42fafe.js"></script> | |
| <p class="titolo2" style="margin-top: 64px"> | |
| HTML Gestione Spazi<span class="type"> (HTML, CSS)</span> | |
| </p><div class="divider"></div> | |
| <p class="titolo3">Consegna:</p> | |
| <p class="consegna">Seguire le indicazioni specificate nel relativo file .pdf | |
| link al sito | |
| http://www.webhouseit.com/demo-tutorial/trasformare-layout-fisso-in-responsive/layout_fisso/</p> | |
| <iframe src="https://drive.google.com/file/d/0B-DKjOjZNDgcVVhFMVM4VWZ1WUE/preview" style="width: 100%;height: 700px"></iframe> | |
| <p class="titolo3">Soluzione:</p> | |
| <script src="https://gist.github.com/hellix08/73084175f60dc50de82e4c9913f48b04.js"></script> | |
| <div style="margin-top: 12px" class="arrow"></div><p class="titolo3"><a target="_blank" class="linkn" href="lavori/figure.html">Risultato</a></p> | |
| <!-- NON MODIFICARE DA QUI IN POI --> | |
| <footer> | |
| <div class="footer-element" style="height: 80px"></div> | |
| <div class="divider"></div> | |
| <div class="footer-element nd"> | |
| <a target="_blank" style="color: rgb(0, 0, 0)" href="https://mail.google.com/mail/?view=cm&fs=1&to=perantonielia0@gmail.com&su=&body="> | |
| <span style="float:left"> | |
| Contattami | |
| </span> | |
| <img src="images/fab.png" style="float:left;margin-left: 12px;margin-top: -6px"> | |
| </a> | |
| <a target="_blank" href="https://stackoverflow.com/users/story/7015035" style="color: rgb(0, 0, 0)"><span style="float:right">Stack Overflow</span></a> | |
| <a target="_blank" href="https://github.com/hellix08" style="color: rgb(0, 0, 0)"><span style="float: right;margin-right: 18px">Git Hub</span></a> | |
| </div> | |
| <div class="divider"></div> | |
| <div style="font-size: 12px;font-weight: normal;color: rgb(153, 153, 153);margin-top: 12px" class="footer-element"> | |
| <span> | |
| Snippet del codice sorgente hostato da <a target="_blank" style="color: rgb(153, 153, 153);font-size: 12px;font-weight: normal;" href="https://gist.github.com">gist.github.com</a> | |
| <span> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> | |
| <link rel="shortcut icon" type="image/png" href="fav.png"/> | |
| <link rel="stylesheet" href="style.css" type="text/css"> | |
| <title>Scuola</title> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="logo">Elia Perantoni</div> | |
| <div class="nav"> | |
| <div class="nav-element"><span><a href="index.html">HOME</a></span></div> | |
| <div class="nav-element active"><span><a href="scuola.html">SCUOLA</a></span></div> | |
| <div class="nav-element"><span><a href="comp.html">COMPETENZE</a></span></div> | |
| </div> | |
| <a href="https://stackoverflow.com/users/story/7015035"><div class="link"><img class="stack-logo" src="images/stack.png">STACK OVERFLOW</div></a> | |
| </header> | |
| <!-- NON MODIFICARE PRIMA DI QUESTO PUNTO --> | |
| <ul class="path"> | |
| <li style="float: none"><a class="link-path" href="scuola.html">Scuola</a></li> | |
| </ul> | |
| <p class="titolo1"> | |
| La scuola | |
| </p> | |
| <ul style="list-style-type: none;border: solid 1px rgb(229, 229, 229);width: 100%;padding: 24px;-webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box;"> | |
| <li> | |
| <div class="arrow"></div><a class="linkn" href="gite.html">Gite</a> | |
| </li> | |
| <li> | |
| <div class="arrow"></div><a class="linkn" href="lavori.html">Lavori</a> | |
| </li> | |
| </ul> | |
| <p class="titolo2">Il Marconi</p> | |
| <div class="divider"></div> | |
| <p> | |
| Frequento l'ITIS G.Marconi di Verona, classe 3BI. | |
| </p> | |
| <table style="padding: 0" class="mrc"> | |
| <tr> | |
| <td><img class="im" src="images/m1.jpg"></td> | |
| <td><img class="im" src="images/m4.jpg"></td> | |
| </tr> | |
| <tr> | |
| <td><img class="im" src="images/m3.jpg"></td> | |
| <td><img class="im" src="images/m2.jpg"></td> | |
| </tr> | |
| </table> | |
| <p class="titolo2">Link utili</p> | |
| <div class="divider"></div> | |
| <ul style="list-style-type: none;border: solid 1px rgb(229, 229, 229);width: 100%;padding: 24px;-webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box;"> | |
| <li> | |
| <div class="arrow"></div><a target="_blank" class="linkn" href="https://www.marconiverona.gov.it/portal/">Sito web ITIS G.Marconi</a> | |
| </li> | |
| <li> | |
| <div class="arrow"></div><a target="_blank" class="linkn" href="http://campus.marconivr.it/">Campus</a> | |
| </li> | |
| <li> | |
| <div class="arrow"></div><a target="_blank" class="linkn" href="https://web.spaggiari.eu/home/app/default/login.php?custcode=VRIT0007">Registro elettronico</a> | |
| </li> | |
| </ul> | |
| <!-- NON MODIFICARE DA QUI IN POI --> | |
| <footer> | |
| <div class="footer-element" style="height: 80px"></div> | |
| <div class="divider"></div> | |
| <div class="footer-element nd"> | |
| <a target="_blank" style="color: rgb(0, 0, 0)" href="https://mail.google.com/mail/?view=cm&fs=1&to=perantonielia0@gmail.com&su=&body="> | |
| <span style="float:left"> | |
| Contattami | |
| </span> | |
| <img src="images/fab.png" style="float:left;margin-left: 12px;margin-top: -6px"> | |
| </a> | |
| <a target="_blank" href="https://stackoverflow.com/users/story/7015035" style="color: rgb(0, 0, 0)"><span style="float:right">Stack Overflow</span></a> | |
| <a target="_blank" href="https://github.com/hellix08" style="color: rgb(0, 0, 0)"><span style="float: right;margin-right: 18px">Git Hub</span></a> | |
| </div> | |
| <div class="divider"></div> | |
| <div style="font-size: 12px;font-weight: normal;color: rgb(153, 153, 153);margin-top: 12px" class="footer-element"> | |
| <span> | |
| Snippet del codice sorgente hostato da <a target="_blank" style="color: rgb(153, 153, 153);font-size: 12px;font-weight: normal;" href="https://gist.github.com">gist.github.com</a> | |
| <span> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> | |
| <link rel="shortcut icon" type="image/png" href="fav.png"/> | |
| <link rel="stylesheet" href="style.css" type="text/css"> | |
| <title>Sorgente</title> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="logo">Elia Perantoni</div> | |
| <div class="nav"> | |
| <div class="nav-element active"><span><a href="index.html">HOME</a></span></div> | |
| <div class="nav-element"><span><a href="scuola.html">SCUOLA</a></span></div> | |
| <div class="nav-element"><span><a href="comp.html">COMPETENZE</a></span></div> | |
| </div> | |
| <a href="https://stackoverflow.com/users/story/7015035"><div class="link"><img class="stack-logo" src="images/stack.png">STACK OVERFLOW</div></a> | |
| </header> | |
| <!-- NON MODIFICARE PRIMA DI QUESTO PUNTO --> | |
| <ul class="path"> | |
| <li><a class="link-path" href="index.html">Home</a></li> | |
| <div class="arrow"></div> | |
| <li style="float: none"><a class="link-path" href="source.html">Codice Sorgente</a></li> | |
| </ul> | |
| <p class="titolo1" style="margin-bottom: 32px"> | |
| Sorgente | |
| </p> | |
| <script src="https://gist.github.com/hellix08/af1b0af56801d3329836236c931c1f11.js"></script> | |
| <!-- NON MODIFICARE DA QUI IN POI --> | |
| <footer> | |
| <div class="footer-element" style="height: 80px"></div> | |
| <div class="divider"></div> | |
| <div class="footer-element nd"> | |
| <a target="_blank" style="color: rgb(0, 0, 0)" href="https://mail.google.com/mail/?view=cm&fs=1&to=perantonielia0@gmail.com&su=&body="> | |
| <span style="float:left"> | |
| Contattami | |
| </span> | |
| <img src="images/fab.png" style="float:left;margin-left: 12px;margin-top: -6px"> | |
| </a> | |
| <a target="_blank" href="https://stackoverflow.com/users/story/7015035" style="color: rgb(0, 0, 0)"><span style="float:right">Stack Overflow</span></a> | |
| <a target="_blank" href="https://github.com/hellix08" style="color: rgb(0, 0, 0)"><span style="float: right;margin-right: 18px">Git Hub</span></a> | |
| </div> | |
| <div class="divider"></div> | |
| <div style="font-size: 12px;font-weight: normal;color: rgb(153, 153, 153);margin-top: 12px" class="footer-element"> | |
| <span> | |
| Snippet del codice sorgente hostato da <a target="_blank" style="color: rgb(153, 153, 153);font-size: 12px;font-weight: normal;" href="https://gist.github.com">gist.github.com</a> | |
| <span> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ::selection { | |
| background: #88c659; | |
| } | |
| ::-moz-selection { | |
| background: #88c659; | |
| } | |
| html{ | |
| display: block; | |
| color: rgba(0, 0, 0, .68); | |
| font-family: Roboto; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| header{ | |
| z-index: 10; | |
| box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07); | |
| line-height: 18px; | |
| color: white; | |
| height: 64px; | |
| background-color: #6ab344; | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| } | |
| .logo{ | |
| font-weight: 300; | |
| line-height: 22px; | |
| font-size: 22px; | |
| margin-top: 20px; | |
| margin-left: 2%; | |
| float: left; | |
| width: 20%; | |
| } | |
| .nav{ | |
| float: left; | |
| width: 45%; | |
| } | |
| .nav-element{ | |
| color: rgba(255, 255, 255, 0.7); | |
| text-align: center; | |
| vertical-align: middle; | |
| height: 61px; | |
| line-height: 64px; | |
| padding: 0 20px; | |
| font-size: 16px; | |
| margin-right: 20px; | |
| float: left; | |
| } | |
| .nav-element:hover{ | |
| color:white; | |
| } | |
| span{ | |
| display: inline-block; | |
| vertical-align: middle; | |
| line-height: normal; | |
| } | |
| .active{ | |
| color: white; | |
| border-bottom: solid 3px white; | |
| } | |
| .link{ | |
| margin-top: 14px; | |
| line-height: 34px; | |
| text-align: center; | |
| vertical-align: middle; | |
| border-radius: 3px; | |
| box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); | |
| float: right; | |
| height: 34px; | |
| width: 200px; | |
| margin-right:20px; | |
| font-weight: 500; | |
| } | |
| body{ | |
| line-height: 24px; | |
| color: rgba(0, 0, 0, .68); | |
| font-weight: 400; | |
| font-size: 16px; | |
| padding: 124px 12% 0 12%; | |
| margin: 0 auto; | |
| } | |
| a{ | |
| color: white; | |
| text-decoration: none; | |
| } | |
| .stack-logo{ | |
| text-align: center; | |
| vertical-align: middle; | |
| line-height: 50px; | |
| height: 20px; | |
| margin-right: 10px; | |
| margin-bottom: 3px; | |
| } | |
| .link:hover{ | |
| box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3) | |
| } | |
| .link:focus{ | |
| background-color: rgba(63, 81, 181, 0.1); | |
| } | |
| footer{ | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| height: 300px; | |
| width: 100%; | |
| } | |
| p{ | |
| line-height: 24px; | |
| color: rgba(0, 0, 0, .68); | |
| font-weight: 400; | |
| font-size: 16px; | |
| } | |
| .footer-element{ | |
| margin-top: 20px; | |
| width: 100%; | |
| } | |
| .path{ | |
| padding: 0; | |
| list-style-type: none; | |
| } | |
| .path li{ | |
| font-size: 16px; | |
| padding-right: 4px; | |
| float:left; | |
| font-weight: normal; | |
| color: rgb(102, 102, 102); | |
| } | |
| .titolo1{ | |
| font-size: 44px; | |
| line-height: 56px; | |
| font-weight: 300; | |
| margin: 0; | |
| } | |
| .titolo2{ | |
| color: rgba(0, 0, 0, 0.870588); | |
| font-size: 28px; | |
| line-height: 32px; | |
| font-weight: 300; | |
| margin-bottom: 14px; | |
| } | |
| .titolo3{ | |
| color: rgba(0, 0, 0, 0.870588); | |
| font-size: 22px; | |
| line-height: 28px; | |
| font-weight: 300; | |
| margin-bottom: 14px; | |
| } | |
| .divider{ | |
| padding: 0 124px; | |
| height: 1px; | |
| width: 100%; | |
| border-top: 1px solid #f0f0f0; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| .nd{ | |
| height: 40px; | |
| padding: 14px 0; | |
| font-size: 20px; | |
| font-weight: 300; | |
| line-height: 24px; | |
| color: rgb(0, 0, 0); | |
| } | |
| .arrow{ | |
| margin-top: 2px; | |
| background: transparent url(images/arrow.png) no-repeat scroll 50% 50%; | |
| width: 10px; | |
| height: 10px; | |
| float: left; | |
| margin-right: 2px; | |
| height: 16px; | |
| vertical-align: middle; | |
| } | |
| .right{ | |
| float: right; | |
| } | |
| .green-box{ | |
| width: 220px; | |
| border-left: 3px solid rgba(106, 179, 68, .7); | |
| padding-left: 6px; | |
| margin: 12px; | |
| font-size: 13px; | |
| line-height: 18px | |
| } | |
| .blue-box{ | |
| width: 100%; | |
| border-left: 3px solid rgba(3, 155, 229, 0.701961); | |
| padding: 6px; | |
| margin: 12px; | |
| font-size: 13px; | |
| line-height: 18px | |
| } | |
| .left{ | |
| float:left; | |
| } | |
| .link-path{ | |
| color: rgb(102, 102, 102); | |
| } | |
| .linkn{ | |
| color: rgb(3, 155, 229); | |
| } | |
| .gita:hover{ | |
| color: rgba(3, 155, 229, 0.701961); | |
| } | |
| div.nav-element a{ | |
| color: rgba(255, 255, 255, 0.7); | |
| } | |
| div.active a{ | |
| color: white; | |
| } | |
| .mrc{ | |
| width: 100%; | |
| } | |
| .i{ | |
| width: 100%; | |
| } | |
| .im{ | |
| width: 100%; | |
| } | |
| td{ | |
| width: 50%; | |
| } | |
| .type{ | |
| color: rgb(153, 153, 153); | |
| font-size: 18px; | |
| margin-left: 14px | |
| } | |
| .consegna{ | |
| border: solid 1px rgb(229, 229, 229); | |
| width: 100%; | |
| padding: 24px; | |
| font-style: italic; | |
| font-family: Consolas; | |
| background: #f7f7f7; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| font-size: 14px | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment