index.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270
  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. <header class="sticky-top" style="position: absolute;width: 100%;">
  25. <nav class="navbar navbar-expand-lg navbar-light">
  26. <div class="container-fluid">
  27. <div class="navbar-brand">
  28. <a href="index.html"><img src="img/Logo.png" width="100" alt="IPERION" /></a>
  29. </div>
  30. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
  31. <span class="navbar-toggler-icon"></span>
  32. </button>
  33. <div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
  34. <ul id="navbar_elements" class="navbar-nav">
  35. </ul>
  36. </div>
  37. </div>
  38. </nav>
  39. </header>
  40. <div id="side-nav" class="sidenav">
  41. <a href="javascript:void(0)" id="side-nav-close">&times;</a>
  42. </div><div id="side-search" class="sidenav">
  43. <a href="javascript:void(0)" id="side-search-close">&times;</a>
  44. <div class="sidenav-content">
  45. <form action="">
  46. <div class="input-group md-form form-sm form-2 pl-0">
  47. <input class="form-control my-0 py-1 red-border" type="text" placeholder="Search" aria-label="Search">
  48. <div class="input-group-append">
  49. <button class="input-group-text red lighten-3" id="basic-text1">
  50. <span class="lnr lnr-magnifier"></span>
  51. </button>
  52. </div>
  53. </div>
  54. </form>
  55. </div>
  56. </div> <div class="jumbotron d-flex align-items-center">
  57. <div class="container text-center">
  58. <h1 class="display-1 mb-4"><img src="img/icon.png" alt="LOGO"><br>IPERION<br>HS </h1>
  59. </div>
  60. <div class="rectangle-1"></div>
  61. <div class="rectangle-2"></div>
  62. <div class="rectangle-transparent-1"></div>
  63. <div class="rectangle-transparent-2"></div>
  64. <div class="circle-1"></div>
  65. <div class="circle-2"></div>
  66. <div class="circle-3"></div>
  67. <div class="triangle triangle-1">
  68. <img src="img/obj_triangle.png" alt="">
  69. </div>
  70. <div class="triangle triangle-2">
  71. <img src="img/obj_triangle.png" alt="">
  72. </div>
  73. <div class="triangle triangle-3">
  74. <img src="img/obj_triangle.png" alt="">
  75. </div>
  76. <div class="triangle triangle-4">
  77. <img src="img/obj_triangle.png" alt="">
  78. </div>
  79. </div> <!-- Features Section-->
  80. <section id="features" class="bg-white">
  81. <div class="container">
  82. <div class="section-content">
  83. <!-- Section Title -->
  84. <div class="title-wrap mb-5" data-aos="fade-up">
  85. <h2 class="section-title">
  86. build by <a href="https://www.iperionhs.eu/" target="_blank">IPERION-HS</a>
  87. </h2>
  88. <p class="section-sub-title">Data management <br>modules suite</p>
  89. </div>
  90. <!-- End of Section Title -->
  91. <div class="row">
  92. <!-- Features Holder-->
  93. <div class="col-md-10 offset-md-1 features-holder">
  94. <div class="row">
  95. <!-- Features Item -->
  96. <div class="col-md-4 col-sm-12 text-center mt-4">
  97. <div class="shadow rounded feature-item p-4 mb-4" data-aos="fade-up">
  98. <div class="my-4">
  99. <i class="lnr lnr-thumbs-up fs-40"></i>
  100. </div>
  101. <h4>HDI Repository </h4>
  102. <p>Eterogeneous Data Integration Toolkit Development Repository</p>
  103. </div>
  104. </div>
  105. <!-- End of Feature Item -->
  106. <!-- Features Item -->
  107. <div class="col-md-4 col-sm-12 text-center">
  108. <div class="shadow rounded feature-item p-4 mb-4" data-aos="fade-up">
  109. <div class="my-4">
  110. <i class="lnr lnr-cog fs-40"></i>
  111. </div>
  112. <h4>Data Management</h4>
  113. <p>Scripting, parsing, mapping and transforming</p>
  114. </div>
  115. </div>
  116. <!-- End of Feature Item -->
  117. <!-- Features Item -->
  118. <div class="col-md-4 col-sm-12 text-center mt-4">
  119. <div class="shadow rounded feature-item p-4 mb-4" data-aos="fade-up">
  120. <div class="my-4">
  121. <i class="lnr lnr-rocket fs-40"></i>
  122. </div>
  123. <h4>Data use</h4>
  124. <p>Finding, accessing, using and reusing data </p>
  125. </div>
  126. </div>
  127. <!-- End of Feature Item -->
  128. </div>
  129. </div>
  130. <!-- End of Features Holder-->
  131. </div>
  132. </div>
  133. </div>
  134. </section>
  135. <!-- End of Features Section--> <section id="section-featurettes" class="featurettes overlay bg-fixed" style="background-image: url(img/bg.jpg);">
  136. <div class="container">
  137. <div class="section-content">
  138. <div class="row">
  139. <div class="col-md-12">
  140. <div class="row align-items-center text-white">
  141. <div class="col-md-4 offset-md-2 col-sm-6" data-aos="fade-right">
  142. <h4 class="mb-4">Documentation</h4>
  143. <p>Visit the documentation management platform</p>
  144. <button type="button" class="btn btn-outline-primary" onclick="location.href='http://dev.restore.ovi.cnr.it:3000/TEAMOVI';" target="_blank">Documentation</button>
  145. </div><!--/ .col-md-4.col-md-offset-2.col-sm-6 -->
  146. <div class="col-md-4 offset-md-right-2 col-sm-6" data-aos="flip-right">
  147. <img class="my-5" src="img/app-profile-mockup.png" alt="">
  148. </div><!--/ .col-md-4.col-md-offset-right-2.col-sm-6 -->
  149. <div class="col-md-4 offset-md-2 col-sm-6" data-aos="fade-right">
  150. <h4 class="mb-4">Data management</h4>
  151. <p>Experience firsthand the demo modules produced by IPERION-HS by testing them with real data.</p>
  152. <button type="button" class="btn btn-outline-primary" onclick="location.href='http://192.168.10.192/jupyter/';" target="_blank">JUPITER</button>
  153. <button type="button" class="btn btn-outline-primary" onclick="location.href='http://www.google.com';" target="_blank">FLASK</button>
  154. </div><!--/ .col-md-4.col-md-offset-2.col-sm-6 -->
  155. <div class="col-md-4 offset-md-right-2 col-sm-6" data-aos="flip-right">
  156. <img class="my-5" src="img/parser.png" alt="">
  157. </div><!--/ .col-md-4.col-md-offset-right-2.col-sm-6 -->
  158. <div class="col-md-4 offset-md-2 col-sm-6" data-aos="fade-right">
  159. <h4 class="mb-4">Data use</h4>
  160. <p>Visit our data use case.</p>
  161. <button type="button" class="btn btn-outline-primary" onclick="location.href='https://marketplace.sshopencloud.eu/tool-or-service/pIyy0d';" target="_blank" >RAISE</button>
  162. </div><!--/ .col-md-4.col-md-offset-2.col-sm-6 -->
  163. <div class="col-md-4 offset-md-right-2 col-sm-6" data-aos="flip-right">
  164. <img class="my-5" src="img/raise.pg" alt="">
  165. </div><!--/ .col-md-4.col-md-offset-right-2.col-sm-6 -->
  166. </div><!--/ .featurettes-item -->
  167. </div><!--/ .col-md-12 -->
  168. </div><!--/ .row -->
  169. </div>
  170. </div><!--/ .container -->
  171. </section>
  172. <!-- Client Section -->
  173. <section id="client" class="overlay bg-white" >
  174. <div class="container">
  175. <div class="section-content" data-aos="fade-up">
  176. <div class="row ">
  177. <div class="col-md-12">
  178. <!-- Section Title -->
  179. <div class="title-wrap mb-5">
  180. <h2>Who love to <span> work</span> with us</h2>
  181. </div>
  182. <!-- End of Section Title -->
  183. </div>
  184. <!-- Client Holder -->
  185. <div class="col-md-12 client-holder">
  186. <div class="client-slider owl-carousel">
  187. <div class="client-item">
  188. <img class="img-responsive" src="img/logoCNR.png" alt=" ">
  189. </div>
  190. <div class="client-item">
  191. <img class="img-responsive" src="img/logoEuropean-Union.png" alt=" ">
  192. </div>
  193. <div class="client-item">
  194. <img class="img-responsive" src="img/logoRepubblicaItaliana.png" alt=" ">
  195. </div>
  196. </div>
  197. <!-- End of Client Holder -->
  198. </div>
  199. </div>
  200. </div>
  201. </section>
  202. <!-- End of Client Section -->
  203. </div>
  204. <footer class="mastfoot my-3">
  205. <div class="inner container">
  206. <div class="row">
  207. <div class="col-lg-4 col-md-12 d-flex align-items-center">
  208. </div>
  209. <div class="col-lg-4 col-md-12 d-flex align-items-center">
  210. <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>
  211. </div>
  212. </div>
  213. </div>
  214. </footer> <!-- External JS -->
  215. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  216. <script src="vendor/bootstrap/popper.min.js"></script>
  217. <script src="vendor/bootstrap/bootstrap.min.js"></script>
  218. <script src="vendor/select2/select2.min.js "></script>
  219. <script src="vendor/owlcarousel/owl.carousel.min.js"></script>
  220. <script src="vendor/stellar/jquery.stellar.js" type="text/javascript" charset="utf-8"></script>
  221. <script src="vendor/isotope/isotope.min.js"></script>
  222. <script src="vendor/lightcase/lightcase.js"></script>
  223. <script src="vendor/waypoints/waypoint.min.js"></script>
  224. <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  225. <!-- Main JS -->
  226. <script src="js/config.js"></script>
  227. <script src="js/app.min.js "></script>
  228. <script src="//localhost:35729/livereload.js"></script>
  229. </body>
  230. </html>