index.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta name="description" content="">
  7. <meta name="author" content="">
  8. <title>Landing Page - Start Bootstrap Theme</title>
  9. <!-- Bootstrap core CSS -->
  10. <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  11. <!-- Custom fonts for this template -->
  12. <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
  13. <link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
  14. <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
  15. <!-- Custom styles for this template -->
  16. <link href="css/landing-page.css" rel="stylesheet">
  17. </head>
  18. <body>
  19. <script src="js/particles.js"></script>
  20. <!-- Navigation -->
  21. <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  22. <div class="container-fluid">
  23. <img src="img/Logo.png" style="width:100px;">
  24. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
  25. <span class="navbar-toggler-icon"></span>
  26. </button>
  27. <div class="navbar-nav" style="margin-left:auto;">
  28. <a class="button-link" href="#"><button class="btn btn-menu active" type="button">Home</button></a>
  29. <a class="button-link" href="http://restore.ovi.cnr.it/"><button class="btn btn-menu" type="button">Progetto</button></a>
  30. <a class="button-link" href="ricerca.html"><button class="btn btn-menu" type="button">Ricerca</button></a>
  31. <a class="button-link" href="#"><button class="btn btn-menu" type="button">Indici</button></a>
  32. <a class="button-link" href="#"><button class="btn btn-menu" type="button">Percorsi</button></a>
  33. <a class="button-link" href="standard.html"><button class="btn btn-menu" type="button">Standard</button></a>
  34. <div class="dropdown">
  35. <button class="btn btn-menu dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sparql
  36. </button>
  37. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  38. <a class="dropdown-item" href="http://dev.restore.ovi.cnr.it:8890/sparql/">Endpoint Sparql</a>
  39. <a class="dropdown-item" href="sparql.html">Query</a>
  40. </div>
  41. </div>
  42. <a class="button-link" href="download.html"><button class="btn btn-menu" type="button">Download</button></a>
  43. <div class="dropdown">
  44. <button class="btn btn-menu dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Collegamenti esterni
  45. </button>
  46. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  47. <a class="dropdown-item" href="http://ckan.restore.ovi.cnr.it/">CKAN</a>
  48. <a class="dropdown-item" href="http://dev.restore.ovi.cnr.it/lodlive/">LOD</a>
  49. </div>
  50. </div>
  51. </div>
  52. </div>
  53. </nav>
  54. <!-- Masthead -->
  55. <header class="masthead text-white text-center">
  56. <div class="overlay"></div>
  57. <div id="particles-js" class="container">
  58. <div class="row">
  59. <div class="col-xl-9 mx-auto">
  60. <h1 class="mb-5">RESTORE</h1>
  61. <h2>smaRt accESs TO digital heRitage and mEmory</h2>
  62. </div>
  63. <div class="col-md-10 col-lg-8 col-xl-7 mx-auto">
  64. </div>
  65. </div>
  66. </div>
  67. </header>
  68. <!-- Icons Grid -->
  69. <section class="features-icons text-center" style="background-color:#a71b24; padding-top:0rem;">
  70. <div class="container" style="padding: 5% 1%;">
  71. <div class="row" style="padding-bottom: 10px;">
  72. <div onclick="location.href='ricerca.html';" style="cursor: pointer;" class="col-lg-4 index-btn">
  73. <div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
  74. <div class="features-icons-icon d-flex">
  75. <img class="ico-img" src="img/ricerca.png" />
  76. </div>
  77. <h3>Interfaccia di Ricerca</h3>
  78. </div>
  79. </div>
  80. <div class="col-lg-4 index-btn">
  81. <div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
  82. <div class="features-icons-icon d-flex">
  83. <img class="ico-img" src="img/indice.png" />
  84. </div>
  85. <h3>Indici</h3>
  86. </div>
  87. </div>
  88. <div class="col-lg-4 index-btn">
  89. <div class="features-icons-item mx-auto mb-0 mb-lg-3">
  90. <div class="features-icons-icon d-flex">
  91. <img class="ico-img" src="img/percorsi.png" />
  92. </div>
  93. <h3>Percorsi</h3>
  94. </div>
  95. </div>
  96. </div>
  97. <div class="row" style="padding-bottom: 10px;">
  98. <div onclick="location.href='http://restore.ovi.cnr.it/';" style="cursor: pointer;" class="col-lg-4 index-btn">
  99. <div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
  100. <div class="features-icons-icon d-flex">
  101. <img class="ico-img" src="img/progetto.png" />
  102. </div>
  103. <h3>Progetto</h3>
  104. </div>
  105. </div>
  106. <div onclick="location.href='standard.html';" style="cursor: pointer;" class="col-lg-4 index-btn">
  107. <div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
  108. <div class="features-icons-icon d-flex">
  109. <img class="ico-img" src="img/standard.png" />
  110. </div>
  111. <h3>Standard</h3>
  112. </div>
  113. </div>
  114. <div onclick="location.href='sparql.html';" style="cursor: pointer;" class="col-lg-4 index-btn">
  115. <div class="features-icons-item mx-auto mb-0 mb-lg-3">
  116. <div class="features-icons-icon d-flex">
  117. <img class="ico-img" src="img/sparql.png" />
  118. </div>
  119. <h3>SPARQL</h3>
  120. </div>
  121. </div>
  122. </div>
  123. <div class="row">
  124. <div onclick="location.href='download.html';" style="cursor: pointer;" class="col-lg-4 index-btn">
  125. <div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
  126. <div class="features-icons-icon d-flex">
  127. <img class="ico-img" src="img/database.png" />
  128. </div>
  129. <h3>Scarica i dataset</h3>
  130. </div>
  131. </div>
  132. <div onclick="location.href='http://ckan.restore.ovi.cnr.it/';" style="cursor: pointer;" class="col-lg-4 index-btn">
  133. <div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
  134. <div class="features-icons-icon d-flex">
  135. <img class="ico-img" src="img/ckan.png" />
  136. </div>
  137. <h3>Visualizza risorse</h3>
  138. </div>
  139. </div>
  140. <div onclick="location.href='http://dev.restore.ovi.cnr.it/lodlive/';" style="cursor: pointer;" class="col-lg-4 index-btn">
  141. <div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
  142. <div class="features-icons-icon d-flex">
  143. <img class="ico-img" src="img/rdf.png" />
  144. </div>
  145. <h3>LOD</h3>
  146. </div>
  147. </div>
  148. </div>
  149. </div>
  150. </section>
  151. <!-- Testimonials -->
  152. <section class="testimonials text-center bg-light">
  153. <div class="container">
  154. <h2 class="mb-5">Partner del progetto</h2>
  155. <div class="row">
  156. <div class="col">
  157. <div class="testimonial-item mx-auto mb-5 mb-lg-0">
  158. <img class="img-fluid rounded-circle mb-3" src="img/OVI.png" alt="">
  159. <h5>OVI</h5>
  160. </div>
  161. </div>
  162. <div class="col">
  163. <div class="testimonial-item mx-auto mb-5 mb-lg-0">
  164. <img class="img-fluid rounded-circle mb-3" src="img/ASPO.jpg" alt="">
  165. <h5>ASPO</h5>
  166. </div>
  167. </div>
  168. <div class="col">
  169. <div class="testimonial-item mx-auto mb-5 mb-lg-0">
  170. <img class="img-fluid rounded-circle mb-3" src="img/MPP.png" alt="">
  171. <h5>MPP</h5>
  172. </div>
  173. </div>
  174. <div class="col">
  175. <div class="testimonial-item mx-auto mb-5 mb-lg-0">
  176. <img class="img-fluid rounded-circle mb-3" src="img/SABTOS.jpg" alt="">
  177. <h5>SABTOS</h5>
  178. </div>
  179. </div>
  180. <div class="col">
  181. <div class="testimonial-item mx-auto mb-5 mb-lg-0">
  182. <img class="img-fluid rounded-circle mb-3" src="img/SPACE.jpg" alt="">
  183. <h5>SPACE</h5>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. </section>
  189. <!-- Footer -->
  190. <footer class="footer bg-dark">
  191. <div class="container">
  192. <div class="row">
  193. <div class="col-lg-6 h-100 text-center text-lg-left my-auto">
  194. <ul class="list-inline mb-2">
  195. <li class="list-inline-item">
  196. <a href="#">About</a>
  197. </li>
  198. <li class="list-inline-item">&sdot;</li>
  199. <li class="list-inline-item">
  200. <a href="#">Contact</a>
  201. </li>
  202. <li class="list-inline-item">&sdot;</li>
  203. <li class="list-inline-item">
  204. <a href="#">Terms of Use</a>
  205. </li>
  206. <li class="list-inline-item">&sdot;</li>
  207. <li class="list-inline-item">
  208. <a href="#">Privacy Policy</a>
  209. </li>
  210. </ul>
  211. <p class="text-muted small mb-4 mb-lg-0">&copy; Your Website 2020. All Rights Reserved.</p>
  212. </div>
  213. <div class="col-lg-6 h-100 text-center text-lg-right my-auto">
  214. <ul class="list-inline mb-0">
  215. <li class="list-inline-item mr-3">
  216. <a href="#">
  217. <i class="fab fa-facebook fa-2x fa-fw"></i>
  218. </a>
  219. </li>
  220. <li class="list-inline-item mr-3">
  221. <a href="#">
  222. <i class="fab fa-twitter-square fa-2x fa-fw"></i>
  223. </a>
  224. </li>
  225. <li class="list-inline-item">
  226. <a href="#">
  227. <i class="fab fa-instagram fa-2x fa-fw"></i>
  228. </a>
  229. </li>
  230. </ul>
  231. </div>
  232. </div>
  233. </div>
  234. </footer>
  235. <!-- Bootstrap core JavaScript -->
  236. <script src="vendor/jquery/jquery.min.js"></script>
  237. <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  238. </body>
  239. </html>