API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 19th, 2021
506
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.36 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="it">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Home-page</title>
  6. <link rel="stylesheet" href="Home.css">
  7. <link rel="stylesheet" href="Swup.css">
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9. <link rel="preconnect" href="https://fonts.gstatic.com">
  10. <link href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet">
  11. <link rel="preconnect" href="https://fonts.gstatic.com">
  12. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
  13. <link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Lemonada:wght@600&display=swap" rel="stylesheet">
  14. <link rel="preconnect" href="https://fonts.gstatic.com">
  15. <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital@0;1&display=swap" rel="stylesheet">
  16. </head>
  17.  
  18. <body>
  19. <div id="swup" class="transition-fade">
  20. <div class="container-nav-header">
  21. <nav>
  22. <div id="myTopnav" class="nav-bar">
  23. <div class="home">
  24. <a href="/Home.html">
  25. <i class="bi bi-house-fill"></i>
  26. Home
  27. </a>
  28. </div>
  29. <div class="subscribe">
  30. <a href="/Form-subscribe.html">
  31. <i class="bi bi-person-plus-fill"></i>
  32. Subscribe
  33. </a>
  34. </div>
  35. <div class="login">
  36. <a href="/">
  37. <i class="bi bi-person-fill"></i>
  38. Login
  39. </a>
  40. </div>
  41. <div class="info">
  42. <a href="/">
  43. <i class="bi bi-info-square-fill"></i>
  44. <span>Info</span>
  45. </a>
  46. </div>
  47. <div class="search">
  48. <form class="research" action="/index.html" method="get">
  49. <input type="search" name="cerca" placeholder="Cerca nel sito">
  50. <button class="button-search" type="submit" name="ricerca"><i class="bi bi-search"></i></button>
  51. </form>
  52. </div>
  53. <div class="resp-nav">
  54. <a href="javascript:void(0);" class="icon" onclick="myFunction()">
  55. <i id="resp-button" class="bi bi-list"></i>
  56. </a>
  57. </div>
  58. </div>
  59. <div id="close-nav" class="for-close-responsive-nav-hidden">
  60. </div>
  61. </nav>
  62.  
  63. <header>
  64. <div class="main-text">
  65. L'istruzione non è preparazione alla vita.
  66. L'istruzione è la vita stessa.
  67. </div>
  68. </header>
  69. </div>
  70.  
  71. <main>
  72. <form class="search-course">
  73. <input type="search" placeholder="Cerca il tuo corso">
  74. <button type="submit" name="cerca-corso"><i class="bi bi-search"></i></button>
  75. </form>
  76.  
  77. <div class="container-references">
  78.  
  79. <ul class="references">
  80. <li><a href="#">Làureati</a></li>
  81. <li><a href="#">Chi siamo</a></li>
  82. <li><a href="#">Dove siamo<i class="bi bi-geo-alt-fill"></i></a></li>
  83. <li><a href="#">Inizia con noi</a></li>
  84. <li><a href="#">Riconoscimenti</a></li>
  85. </ul>
  86.  
  87. <ul class="Description-references">
  88. <li class="Description one">
  89. <a href="#">Làureati</a> Lorem ipsum dolor.
  90. Repellendus nihill numquam quasi magni vel et quam.
  91. </li>
  92.  
  93. <li class="Description">
  94. <a href="#">Chi siamo</a> Lorem ipsum dolorem.
  95. Repellendus niil numquam quasi magninu quam.
  96. </li>
  97.  
  98. <li class="Description">
  99. <a href="#">Dove siamo</a> Lorem ipsum dolor.
  100. Repellendus nihil numquam quasi magni quaum.
  101. </li>
  102.  
  103. <li class="Description">
  104. <a href="#">Inizia con noi</a> Lorem ipsum dolor.
  105. Repellendus nihil numquam quasi magni vel.
  106. </li>
  107.  
  108. <li class="Description">
  109. <a href="#">Inizia con noi</a> Lorem ipsum dolor.
  110. Repellendus nihil numquam quasi magni vel.
  111. </li>
  112. </ul>
  113.  
  114. <div class="Info-DAD">
  115. <a href="#">Informativa COVID19 <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="viruses" class="svg-inline--fa fa-viruses fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M624,352H611.88c-28.51,0-42.79-34.47-22.63-54.63l8.58-8.57a16,16,0,1,0-22.63-22.63l-8.57,8.58C546.47,294.91,512,280.63,512,252.12V240a16,16,0,0,0-32,0v12.12c0,28.51-34.47,42.79-54.63,22.63l-8.57-8.58a16,16,0,0,0-22.63,22.63l8.58,8.57c20.16,20.16,5.88,54.63-22.63,54.63H368a16,16,0,0,0,0,32h12.12c28.51,0,42.79,34.47,22.63,54.63l-8.58,8.57a16,16,0,1,0,22.63,22.63l8.57-8.58c20.16-20.16,54.63-5.88,54.63,22.63V496a16,16,0,0,0,32,0V483.88c0-28.51,34.47-42.79,54.63-22.63l8.57,8.58a16,16,0,1,0,22.63-22.63l-8.58-8.57C569.09,418.47,583.37,384,611.88,384H624a16,16,0,0,0,0-32ZM480,384a32,32,0,1,1,32-32A32,32,0,0,1,480,384ZM346.51,213.33h16.16a21.33,21.33,0,0,0,0-42.66H346.51c-38,0-57.05-46-30.17-72.84l11.43-11.44A21.33,21.33,0,0,0,297.6,56.23L286.17,67.66c-26.88,26.88-72.84,7.85-72.84-30.17V21.33a21.33,21.33,0,0,0-42.66,0V37.49c0,38-46,57.05-72.84,30.17L86.4,56.23A21.33,21.33,0,0,0,56.23,86.39L67.66,97.83c26.88,26.88,7.85,72.84-30.17,72.84H21.33a21.33,21.33,0,0,0,0,42.66H37.49c38,0,57.05,46,30.17,72.84L56.23,297.6A21.33,21.33,0,1,0,86.4,327.77l11.43-11.43c26.88-26.88,72.84-7.85,72.84,30.17v16.16a21.33,21.33,0,0,0,42.66,0V346.51c0-38,46-57.05,72.84-30.17l11.43,11.43a21.33,21.33,0,0,0,30.17-30.17l-11.43-11.43C289.46,259.29,308.49,213.33,346.51,213.33ZM160,192a32,32,0,1,1,32-32A32,32,0,0,1,160,192Zm80,32a16,16,0,1,1,16-16A16,16,0,0,1,240,224Z"></path></svg></a>
  116. </div>
  117.  
  118. </div>
  119.  
  120. <div class="Events">
  121. <div id ="active" class="container-phrase-EVENTI">
  122. <span>EVENTI</span>
  123. <hr>
  124. </div>
  125.  
  126. <div class="events">
  127. <div class="event">
  128. <div>
  129. <span class="date">12 Febbraio<br><span class="hour">11:00</span><br></span>
  130. Covid 19 – dallo shock a una straordinaria routine
  131. Webinar
  132. </div>
  133. </div>
  134.  
  135. <div class="event">
  136. <div>
  137. <span class="date">13 Febbraio<br><span class="hour">21:00</span><br></span>
  138. Michael Nyman: The Man who mistook his Wife for a Hat<br>
  139. webinar
  140. </div>
  141. </div>
  142.  
  143. <div class="event">
  144. <div>
  145. <span class="date">16 Febbraio<br><span class="hour">10:30</span><br></span>
  146. Italia Historic Smart Villages<br>
  147. Streamyard
  148. </div>
  149. </div>
  150.  
  151. <div class="event">
  152. <div>
  153. <span class="date">18 Febbraio<br><span class="hour">10:00</span><br></span>
  154. Femminismo mediatico:<br>
  155. dai social all’editoria<br>
  156. Webinar
  157. </div>
  158. </div>
  159.  
  160. <div class="event">
  161. <div>
  162. <span class="date">21 Febbraio<br><span class="hour">18:00</span><br></span>
  163. Aborto, a che punto siamo?<br>
  164. Italia, Europa e oltre
  165. RM019 - Economia -
  166. Via del Castro Laurenziano 9,
  167. Roma
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  172. </main>
  173. </div>
  174.  
  175. <footer>
  176. <div class="container-link-footer">
  177. <ul class="structures">
  178. <li class="STRUCTURES"><a href="#">Strutture</a></li>
  179. <li><a href="#">Facoltà e scuole</a></li>
  180. <li><a href="#">Dipartimenti</a></li>
  181. <li><a href="#">Sedi</a></li>
  182. <li><a href="#">Uffici</a></li>
  183. </ul>
  184.  
  185. <ul class="services">
  186. <li class="SERVICES"><a href="#">Servizi</a></li>
  187. <li><a href="#">Segreterie studenti</a></li>
  188. <li><a href="#">Servizio bibliotecario</a></li>
  189. <li><a href="#">Servizi per studenti con disabilità</a></li>
  190. <li><a href="#">Servizi per studenti con DSA</a></li>
  191. </ul>
  192.  
  193. <ul class="competition">
  194. <li class="COMPETITION"><a href="#">Concorsi</a></li>
  195. <li><a href="#">Personale tecnico amministrativo e bibliotecario</a></li>
  196. <li><a href="#">Ricercatori</a></li>
  197. <li><a href="#">Consulenze e collaborazioni</a></li>
  198. <li><a href="#">Assegni di ricerca</a></li>
  199. </ul>
  200.  
  201. <ul class="option-footer">
  202. <li><a href="#">Orientarsi e sciegliere</a></li>
  203. <li><a href="#">Immatricolarsi</a></li>
  204. <li><a href="#">Contatta l'università</a></li>
  205. <li><a href="#">Sostenere l'università</a></li>
  206. </ul>
  207. </div>
  208.  
  209. <div class="social-and-contact">
  210. <ul class="social">
  211. <li><a href="#"><i class="bi bi-facebook"></i></a></li>
  212. <li><a href=""><i class="bi bi-instagram"></i></a></li>
  213. <li><a href=""><i class="bi bi-twitter"></i></a></i></li>
  214. </ul>
  215.  
  216. <ul class="contact">
  217. <li>università degli studi di Cerignola</li>
  218. <li>Via esempio 10</li>
  219. <li>Tel. 08895445678</li>
  220. <li>© 2021</li>
  221. </ul>
  222. </div>
  223. </footer>
  224.  
  225. <script src="https://unpkg.com/swup@latest/dist/swup.min.js"></script>
  226. <script src="SwupHeadPlugin.min.js"></script>
  227. <script>
  228. const swup = new Swup
  229. (
  230. {
  231. plugins: [new SwupHeadPlugin({persistAssets: false})]
  232. }
  233. );
  234. </script>
  235.  
  236. <script>
  237. function myFunction()
  238. {
  239. let forCloseNav = document.getElementById("close-nav");
  240. if(forCloseNav.className == "for-close-responsive-nav-hidden for-close-responsive-nav")
  241. {
  242. forCloseNav.className = "for-close-responsive-nav-hidden";
  243. }
  244.  
  245. var x = document.getElementById("myTopnav");
  246.  
  247. if (x.className === "nav-bar")
  248. {
  249. x.className = "nav-bar responsive";
  250. }
  251. else
  252. {
  253. if(forCloseNav.className === "for-close-responsive-nav-hidden")
  254. {
  255. forCloseNav.className += " for-close-responsive-nav";
  256. }
  257. x.className = "nav-bar";
  258. }
  259.  
  260.  
  261. var a = document.getElementById("resp-button");
  262.  
  263. if(a.className === "bi bi-list")
  264. {
  265. a.className = "bi bi-x";
  266. }
  267. else
  268. {
  269. a.className = "bi bi-list";
  270. }
  271. }
  272.  
  273. document.getElementById("active").style.animation = "2s ease-out 3s 1 SlideInToFillTitle";
  274.  
  275. </script>
  276. </body>
  277. </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!