index.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>IPERION_HS</title>
  7. <meta name="description" content="REDS">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9. <!-- External CSS -->
  10. <link rel="stylesheet" href="vendor/bootstrap/bootstrap.min.css">
  11. <link rel="stylesheet" href="vendor/select2/select2.min.css">
  12. <link rel="stylesheet" href="vendor/owlcarousel/owl.carousel.min.css">
  13. <link rel="stylesheet" href="vendor/lightcase/lightcase.css">
  14. <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
  15. <!-- Fonts -->
  16. <link href="https://fonts.googleapis.com/css?family=Lato:300,400|Work+Sans:300,400,700" rel="stylesheet">
  17. <!-- CSS -->
  18. <link rel="stylesheet" href="css/style.min.css">
  19. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  20. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
  21. <!-- Modernizr JS for IE8 support of HTML5 elements and media queries -->
  22. <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script>
  23. </head>
  24. <body data-spy="scroll" data-target="#navbar" class="static-layout">
  25. <nav id="header-navbar" class="navbar navbar-expand-lg py-4">
  26. <div class="container">
  27. <a class="navbar-brand d-flex align-items-center text-white" href="/">
  28. <h3 class="font-weight-bolder mb-0">IPERION-HS</h3>
  29. </a>
  30. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-nav-header" aria-controls="navbar-nav-header" aria-expanded="false" aria-label="Toggle navigation">
  31. <span class="lnr lnr-menu"></span>
  32. </button>
  33. <header class="sticky-top">
  34. <nav class="navbar navbar-expand-lg navbar-light float-right font-weight-bold">
  35. <div class="container-fluid">
  36. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
  37. <span class="navbar-toggler-icon"></span>
  38. </button>
  39. <div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
  40. <ul class="navbar-nav">
  41. <li class="nav-item active">
  42. <a class="nav-link" href="#">Home</a>
  43. </li>
  44. <li class="nav-item">
  45. <a class="nav-link" href="progetto.html">Progetto</a>
  46. </li>
  47. <li class="nav-item">
  48. <a class="nav-link" href="ricerca.html">Ricerca</a>
  49. </li>
  50. <!--<li class="nav-item">
  51. <a class="nav-link" href="#">Indici</a>
  52. </li>-->
  53. <li class="nav-item dropdown">
  54. <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Percorsi</a>
  55. <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
  56. <a class="dropdown-item" target="_blank" href="https://demo-restore.devworkbench.it/it/1/home">MOVIO</a>
  57. </div>
  58. </li>
  59. <li class="nav-item">
  60. <a class="nav-link" href="standard.html">Standard</a>
  61. </li>
  62. <li class="nav-item dropdown">
  63. <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Open Data</a>
  64. <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
  65. <a class="dropdown-item" href="http://dev.restore.ovi.cnr.it:8890/sparql/">Endpoint Sparql</a>
  66. <a class="dropdown-item" href="sparql.html">Query</a>
  67. </div>
  68. </li>
  69. <!--<li class="nav-item">
  70. <a class="nav-link" href="download.html">Download</a>
  71. </li>-->
  72. <li class="nav-item dropdown">
  73. <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Collegamenti esterni</a>
  74. <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink1">
  75. <a class="dropdown-item" href="http://ckan.restore.ovi.cnr.it/" target="_blank">CKAN</a>
  76. <a class="dropdown-item" href="http://dev.restore.ovi.cnr.it/lodlive/" target="_blank">LOD</a>
  77. </div>
  78. </li>
  79. </ul>
  80. </div>
  81. </div>
  82. </nav>
  83. </header>
  84. </div>
  85. </nav>
  86. <div id="side-nav" class="sidenav">
  87. <a href="javascript:void(0)" id="side-nav-close">&times;</a>
  88. </div><div id="side-search" class="sidenav">
  89. <a href="javascript:void(0)" id="side-search-close">&times;</a>
  90. <div class="sidenav-content">
  91. <form action="">
  92. <div class="input-group md-form form-sm form-2 pl-0">
  93. <input class="form-control my-0 py-1 red-border" type="text" placeholder="Search" aria-label="Search">
  94. <div class="input-group-append">
  95. <button class="input-group-text red lighten-3" id="basic-text1">
  96. <span class="lnr lnr-magnifier"></span>
  97. </button>
  98. </div>
  99. </div>
  100. </form>
  101. </div>
  102. </div> <div class="jumbotron d-flex align-items-center">
  103. <div class="container text-center">
  104. <h1 class="display-1 mb-4"><img src="img/icon.png" alt="LOGO"><br>IPERION<br>HS </h1>
  105. </div>
  106. <div class="rectangle-1"></div>
  107. <div class="rectangle-2"></div>
  108. <div class="rectangle-transparent-1"></div>
  109. <div class="rectangle-transparent-2"></div>
  110. <div class="circle-1"></div>
  111. <div class="circle-2"></div>
  112. <div class="circle-3"></div>
  113. <div class="triangle triangle-1">
  114. <img src="img/obj_triangle.png" alt="">
  115. </div>
  116. <div class="triangle triangle-2">
  117. <img src="img/obj_triangle.png" alt="">
  118. </div>
  119. <div class="triangle triangle-3">
  120. <img src="img/obj_triangle.png" alt="">
  121. </div>
  122. <div class="triangle triangle-4">
  123. <img src="img/obj_triangle.png" alt="">
  124. </div>
  125. </div> <!-- Features Section-->
  126. <section id="features" class="bg-white">
  127. <div class="container">
  128. <div class="section-content">
  129. <!-- Section Title -->
  130. <div class="title-wrap mb-5" data-aos="fade-up">
  131. <h2 class="section-title">
  132. build by <a href="https://www.iperionhs.eu/" target="_blank">IPERION-HS</a>
  133. </h2>
  134. <p class="section-sub-title">Data management <br>modules suite</p>
  135. </div>
  136. <!-- End of Section Title -->
  137. <div class="row">
  138. <!-- Features Holder-->
  139. <div class="col-md-10 offset-md-1 features-holder">
  140. <div class="row">
  141. <!-- Features Item -->
  142. <div class="col-md-4 col-sm-12 text-center mt-4">
  143. <div class="shadow rounded feature-item p-4 mb-4" data-aos="fade-up">
  144. <div class="my-4">
  145. <i class="lnr lnr-thumbs-up fs-40"></i>
  146. </div>
  147. <h4>HDI Repository </h4>
  148. <p>Eterogeneous Data Integration Toolkit Development Repository</p>
  149. </div>
  150. </div>
  151. <!-- End of Feature Item -->
  152. <!-- Features Item -->
  153. <div class="col-md-4 col-sm-12 text-center">
  154. <div class="shadow rounded feature-item p-4 mb-4" data-aos="fade-up">
  155. <div class="my-4">
  156. <i class="lnr lnr-cog fs-40"></i>
  157. </div>
  158. <h4>Data Management</h4>
  159. <p>Scripting, parsing, mapping and transforming</p>
  160. </div>
  161. </div>
  162. <!-- End of Feature Item -->
  163. <!-- Features Item -->
  164. <div class="col-md-4 col-sm-12 text-center mt-4">
  165. <div class="shadow rounded feature-item p-4 mb-4" data-aos="fade-up">
  166. <div class="my-4">
  167. <i class="lnr lnr-rocket fs-40"></i>
  168. </div>
  169. <h4>Data use</h4>
  170. <p>Finding, accessing, using and reusing data </p>
  171. </div>
  172. </div>
  173. <!-- End of Feature Item -->
  174. </div>
  175. </div>
  176. <!-- End of Features Holder-->
  177. </div>
  178. </div>
  179. </div>
  180. </section>
  181. <!-- End of Features Section--> <section id="section-featurettes" class="featurettes overlay bg-fixed" style="background-image: url(img/bg.jpg);">
  182. <div class="container">
  183. <div class="section-content">
  184. <div class="row">
  185. <div class="col-md-12">
  186. <div class="row align-items-center text-white">
  187. <div class="col-md-4 offset-md-2 col-sm-6" data-aos="fade-right">
  188. <h4 class="mb-4">Documentation</h4>
  189. <p>Visit the documentation management platform</p>
  190. <button type="button" class="btn btn-outline-primary" onclick="location.href='http://dev.restore.ovi.cnr.it:3000/TEAMOVI';" target="_blank">Documentation</button>
  191. </div><!--/ .col-md-4.col-md-offset-2.col-sm-6 -->
  192. <div class="col-md-4 offset-md-right-2 col-sm-6" data-aos="flip-right">
  193. <img class="my-5" src="img/app-profile-mockup.png" alt="">
  194. </div><!--/ .col-md-4.col-md-offset-right-2.col-sm-6 -->
  195. <div class="col-md-4 offset-md-2 col-sm-6" data-aos="fade-right">
  196. <h4 class="mb-4">Data management</h4>
  197. <p>Experience firsthand the demo modules produced by IPERION-HS by testing them with real data.</p>
  198. <button type="button" class="btn btn-outline-primary" onclick="location.href='http://192.168.10.192/jupyter/';" target="_blank">JUPITER</button>
  199. <button type="button" class="btn btn-outline-primary" onclick="location.href='http://www.google.com';" target="_blank">FLASK</button>
  200. </div><!--/ .col-md-4.col-md-offset-2.col-sm-6 -->
  201. <div class="col-md-4 offset-md-right-2 col-sm-6" data-aos="flip-right">
  202. <img class="my-5" src="img/parser.png" alt="">
  203. </div><!--/ .col-md-4.col-md-offset-right-2.col-sm-6 -->
  204. <div class="col-md-4 offset-md-2 col-sm-6" data-aos="fade-right">
  205. <h4 class="mb-4">Data use</h4>
  206. <p>Visit our data use case.</p>
  207. <button type="button" class="btn btn-outline-primary" onclick="location.href='https://marketplace.sshopencloud.eu/tool-or-service/pIyy0d';" target="_blank" >RAISE</button>
  208. </div><!--/ .col-md-4.col-md-offset-2.col-sm-6 -->
  209. <div class="col-md-4 offset-md-right-2 col-sm-6" data-aos="flip-right">
  210. <img class="my-5" src="img/raise.pg" alt="">
  211. </div><!--/ .col-md-4.col-md-offset-right-2.col-sm-6 -->
  212. </div><!--/ .featurettes-item -->
  213. </div><!--/ .col-md-12 -->
  214. </div><!--/ .row -->
  215. </div>
  216. </div><!--/ .container -->
  217. </section>
  218. <!-- Client Section -->
  219. <section id="client" class="overlay bg-white" >
  220. <div class="container">
  221. <div class="section-content" data-aos="fade-up">
  222. <div class="row ">
  223. <div class="col-md-12">
  224. <!-- Section Title -->
  225. <div class="title-wrap mb-5">
  226. <h2>Who love to <span> work</span> with us</h2>
  227. </div>
  228. <!-- End of Section Title -->
  229. </div>
  230. <!-- Client Holder -->
  231. <div class="col-md-12 client-holder">
  232. <div class="client-slider owl-carousel">
  233. <div class="client-item">
  234. <img class="img-responsive" src="img/logoCNR.png" alt=" ">
  235. </div>
  236. <div class="client-item">
  237. <img class="img-responsive" src="img/logoEuropean-Union.png" alt=" ">
  238. </div>
  239. <div class="client-item">
  240. <img class="img-responsive" src="img/logoRepubblicaItaliana.png" alt=" ">
  241. </div>
  242. </div>
  243. <!-- End of Client Holder -->
  244. </div>
  245. </div>
  246. </div>
  247. </section>
  248. <!-- End of Client Section -->
  249. </div>
  250. <footer class="mastfoot my-3">
  251. <div class="inner container">
  252. <div class="row">
  253. <div class="col-lg-4 col-md-12 d-flex align-items-center">
  254. </div>
  255. <div class="col-lg-4 col-md-12 d-flex align-items-center">
  256. <p class="mx-auto text-center mb-0">&copy; 2022. Design by <a class="text-primary" href="http://dariah.cnr.it/" target="_blank">DARIAH-IT</a>.</p>
  257. </div>
  258. </div>
  259. </div>
  260. </footer> <!-- External JS -->
  261. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  262. <script src="vendor/bootstrap/popper.min.js"></script>
  263. <script src="vendor/bootstrap/bootstrap.min.js"></script>
  264. <script src="vendor/select2/select2.min.js "></script>
  265. <script src="vendor/owlcarousel/owl.carousel.min.js"></script>
  266. <script src="vendor/stellar/jquery.stellar.js" type="text/javascript" charset="utf-8"></script>
  267. <script src="vendor/isotope/isotope.min.js"></script>
  268. <script src="vendor/lightcase/lightcase.js"></script>
  269. <script src="vendor/waypoints/waypoint.min.js"></script>
  270. <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  271. <!-- Main JS -->
  272. <script src="js/app.min.js "></script>
  273. <script src="//localhost:35729/livereload.js"></script>
  274. </body>
  275. </html>