Carica file su 'css'

css/OA.css

@@ -0,0 +1,37 @@
+#time {
+  color: #898989;
+  font-style: italic;
+  font-weight: 400;
+}
+
+#artist_name {
+    font-style: italic;
+    font-weight: 400;
+    color: #696969;
+}
+
+#nome_oggetto {
+    color: #b61924;
+    font-weight: 400;
+}
+
+#artist .row {
+  padding-left: 0px;
+}
+
+#artist .col-9 {
+  padding-left: 0px;
+}
+
+.btn-menu {
+  color: #a7a7a7;
+  text-transform: uppercase;
+}
+
+.btn-menu:hover {
+  color: #fff;
+}
+
+.navbar-nav .active {
+  color: #fff;
+}

css/landing-page.css

@@ -0,0 +1,651 @@
+/*!
+ * Start Bootstrap - Landing Page v5.0.9 (https://startbootstrap.com/theme/landing-page)
+ * Copyright 2013-2020 Start Bootstrap
+ * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-landing-page/blob/master/LICENSE)
+ */
+
+body {
+  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  background-color: #e9e9e9;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-weight: 700;
+}
+
+header.masthead {
+  position: relative;
+  background-color: #343a40;
+  background: url("../img/bg-masthead.jpg") no-repeat center center;
+  background-size: cover;
+  padding-top: 8rem;
+  padding-bottom: 8rem;
+}
+
+header.masthead .overlay {
+  position: absolute;
+  background-color: #212529;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  opacity: 0.1;
+}
+
+header.masthead h1 {
+  font-size: 2rem;
+}
+
+@media (min-width: 768px) {
+  header.masthead {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+  header.masthead h1 {
+    font-size: 3rem;
+  }
+}
+
+.showcase .showcase-text {
+  padding: 3rem;
+}
+
+.showcase .showcase-img {
+  min-height: 30rem;
+  background-size: cover;
+}
+
+@media (min-width: 768px) {
+  .showcase .showcase-text {
+    padding: 7rem;
+  }
+}
+
+.features-icons {
+  padding-top: 7rem;
+  padding-bottom: 7rem;
+  background-color: #bac9d0;
+}
+
+.features-icons .features-icons-item {
+  background-color: rgba(255, 255, 255, 0.5);
+  padding:2%;
+}
+
+.features-icons .features-icons-item .features-icons-icon {
+  height: 7rem;
+}
+
+.features-icons .features-icons-item .features-icons-icon i {
+  font-size: 4.5rem;
+}
+
+.features-icons .features-icons-item:hover .features-icons-icon i {
+  font-size: 5rem;
+}
+
+.testimonials {
+  padding-top: 7rem;
+  padding-bottom: 7rem;
+}
+
+.testimonials .testimonial-item {
+  max-width: 18rem;
+}
+
+.testimonials .testimonial-item img {
+  width: 10rem;
+  height: 10rem;
+  box-shadow: 0px 5px 5px 0px #adb5bd;
+}
+
+.call-to-action {
+  position: relative;
+  background-color: #343a40;
+  background: url("../img/bg-masthead.jpg") no-repeat center center;
+  background-size: cover;
+  padding-top: 7rem;
+  padding-bottom: 7rem;
+}
+
+.call-to-action .overlay {
+  position: absolute;
+  background-color: #212529;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  opacity: 0.3;
+}
+
+footer.footer {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
+
+#search {
+	background-color: black;
+	padding: 8rem 0;
+	background: url(../img/bg-masthead.jpg) no-repeat center center;
+    background-size: cover;
+}
+
+#search-options {
+	width:60%;
+	margin-left: auto;
+	margin-right:auto;
+	padding: 4rem;
+	background-color: #3f4149;
+	color: #fff;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-content: stretch;
+  justify-content: space-evenly;
+}
+
+.drop-down-content > select > option {
+	background-color: #000;
+} 
+
+.form-select {
+	border-style: hidden;
+	display:block;
+	float:left;
+	background-color: transparent;
+	margin-right: 2rem;
+	color: #fff;
+	font-size: 18px;
+	margin-top: 0.5rem;
+}
+
+.form-control {
+	padding: 1.2em;
+	font-size: 24px;
+}
+
+#input-range {
+	color: #fff;
+	padding-top: 0.5rem;
+	font-size: 18px;
+}
+
+#myRange {
+	width: 20%;
+}
+
+.slider {
+  -webkit-appearance: none;
+  width: 100%;
+  height: 10px;
+  border-radius: 5px;
+  background: #d3d3d3;
+  outline: none;
+  opacity: 0.7;
+  -webkit-transition: .2s;
+  transition: opacity .2s;
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: red;
+  cursor: pointer;
+}
+
+.search-image {
+	width: 30px;
+}
+
+.btn-outline-secondary {
+	background-color: #fff;
+	border-radius: 0;
+	border-color: #fff;
+}
+
+.btn-icon {
+	height:24px;
+}
+
+.btn-icon-btn {
+	background-color:#e7e7e7;
+	border-color: transparent;
+	border-radius: .25rem;
+	border: 1px solid transparent;
+    padding: .375rem .75rem;
+    font-size: 1rem;
+    line-height: 1.5;
+}
+
+#results-cont {
+	width:100%;
+	margin-left: auto;
+	margin-right:auto;
+	padding: 2%;
+	background-color: #e9e9e9;
+}
+
+#res-check {
+	width:100%;
+	margin-left: auto;
+	margin-right:auto;
+	background-color: #e9e9e9;
+	padding-top: 5%;
+}
+
+#res-table {
+	background-color: #fff;
+}
+
+article {
+	margin-bottom: 20px;
+}
+
+.card-header {
+	background-color:#6c757d;
+	color: #fff;
+}
+
+.row-itinerari {
+    padding-top: 50px;
+	padding-bottom: 50px;
+}
+
+.wrap-bg-img-itinerari {
+    position: relative;
+    min-height: 250px;
+    height: 250px;
+    width: auto;
+    background-color: #244080;
+}
+
+.row-itinerari .card-body {
+	text-align:center;
+    background-color: #a71b24;
+    height: 90px;
+}
+.card-body {
+    -ms-flex: 1 1 auto;
+    flex: 1 1 auto;
+    min-height: 1px;
+    padding: 1.25rem;
+}
+
+.card-title {
+	color: #fff;
+	line-height:50px;
+}
+
+.bg-img-itinerari {
+    position: absolute;
+    z-index: 0;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: 50% 50%;
+}
+
+#percorso {
+	padding: 1% 5%;
+}
+
+.ico-img {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#search_fp {
+  width:70%;
+  margin-left:auto;
+  margin-right:auto;
+}
+
+header.masthead {
+    padding-top: 8rem;
+    padding-bottom: 4rem;
+}
+
+.more {
+	background-color: #a71b24;
+	color: #fff;
+	padding:2rem;
+	font-size:20px;
+}
+
+.slideshow {
+	padding: 2rem;
+	min-height: 30rem;
+	
+}
+
+.slideshow-img {
+	background-size: 35rem;
+    height: 35rem;
+    background-repeat: no-repeat;
+	background-position: center;
+}
+
+.slideshow-text p {
+	font-size: 16px;
+    padding: 10%;
+}
+
+.ang {
+	position: absolute;
+	background-color: #a71b24;
+	color: #fff;
+	font-size: 60px;
+	border-radius: 50%;
+	width: 70px;
+	height:70px;
+	text-align: center;
+	line-height:70px;
+}
+
+.btn-text {
+  font-size: 8px;
+  text-transform: uppercase;
+}
+
+.img-logo {
+	max-height:30px;
+	width:auto;
+}
+
+#wb_Shape1 {
+  width: 80%;
+  margin-left: auto;
+  margin-right: auto;
+  background-color: #fff;
+}
+
+.tab-content a:link {
+  color: #000;
+  background-color: transparent;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+.tab-content a:visited {
+  color: #000;
+  background-color: transparent;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+.tab-content a:hover {
+  color: #007bff;
+  background-color: transparent;
+  text-decoration: underline;
+}
+
+.tab-content h2 a:link {
+  color: #fff;
+  background-color: transparent;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+.tab-content h2 a:visited {
+  color: #fff;
+  background-color: transparent;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+.tab-content h2 a:hover {
+  color: #007bff;
+  background-color: transparent;
+  text-decoration: underline;
+}
+
+table a:link {
+  color: #000;
+  background-color: transparent;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+table a:visited {
+  color: #000;
+  background-color: transparent;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+table a:hover {
+  color: #007bff;
+  background-color: transparent;
+  text-decoration: underline;
+}
+
+.loader {
+    border: 16px solid #f3f3f3; /* Light grey */
+    border-top: 16px solid #3498db; /* Blue */
+    border-radius: 50%;
+    width: 120px;
+    height: 120px;
+    animation: spin 2s linear infinite;
+    display: none;
+ }
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+.show-loader{
+display:block;
+}
+
+.modal {
+  display: none; /* Hidden by default */
+  position: fixed; /* Stay in place */
+  z-index: 1; /* Sit on top */
+  padding-top: 100px; /* Location of the box */
+  left: 0;
+  top: 0;
+  width: 100%; /* Full width */
+  height: 100%; /* Full height */
+  overflow: auto; /* Enable scroll if needed */
+  background-color: rgb(0,0,0); /* Fallback color */
+  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
+}
+
+/* Modal Content */
+.modal-content {
+  background-color: #fefefe;
+  margin: auto;
+  padding: 20px;
+  border: 1px solid #888;
+  width: 80%;
+}
+
+#info_link {
+  width:100%;
+}
+
+#info_ico {
+  width:100%;
+}
+
+#info_obj {
+  width:100%;
+}
+
+/* The Close Button */
+.close {
+  color: #aaaaaa;
+  float: right;
+  font-size: 28px;
+  font-weight: bold;
+}
+
+.close:hover,
+.close:focus {
+  color: #000;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.tab {
+  display: none; /* Hidden by default */
+  position: fixed; /* Stay in place */
+  z-index: 1; /* Sit on top */
+  padding-top: 100px; /* Location of the box */
+  padding-bottom: 100px;
+  left: 0;
+  top: 0;
+  width: 100%; /* Full width */
+  height: 100%; /* Full height */
+  overflow: auto; /* Enable scroll if needed */
+  background-color: #e9e9e9;
+}
+
+.tab-content {
+  background-color: #fff;
+  margin: auto;
+  width: 80%;
+}
+
+#tab_container {
+  padding: 20px;  
+}
+
+.tab-content h2 {
+  padding:20px;
+  background-color: #3f4149;
+  color: #fff;
+}
+
+/* The Back Button */
+.back {
+  color: #000;
+  float: left;
+  font-size: 20px;
+  font-weight: bold;
+  width:100%;
+  background-color: #e9e9e9;
+}
+
+.back:hover,
+.back:focus {
+  color: #000;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+#myInput {
+  width: 80%;
+    margin-left: auto;
+    margin-right: auto;
+    background-color: #e9e9e9;
+    padding: 20px;
+    text-align: justify;
+    border-radius: 10px;
+    margin-bottom: 20px;
+}
+
+#copy_btn {
+  width:20%;
+  margin-left:auto;
+  margin-right:auto;
+}
+
+#wb_intro {
+  padding: 2em 12em;
+  text-align: justify;
+  font-size: 20px;
+  font-weight: 300;
+}
+
+#wb_intro h2{
+  text-align:center;
+}
+
+.results {
+  display: none;
+  margin-left:auto;
+  margin-right:auto;
+  width:80%;
+  min-height:150px;
+  border: 1px solid;
+  background-color: #fff;
+}
+
+.section_title {
+  background-color: #3f4149;
+  color: #fff;
+  margin-left:auto;
+  margin-right:auto;
+  padding:1%;
+  font-weight:600;
+}
+
+.num_res {
+  text-align:right;
+}
+
+.res {
+  border-bottom: 1px solid #000;
+  padding:1%;
+  font-size: 12px;
+}
+
+.res_list {
+  margin-left:0px;
+  margin-right: 0px;
+  padding: 1% 0%;
+  max-height: 400px;
+  overflow: scroll;
+}
+
+.res a:link {
+  color: #000;
+  background-color: transparent;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+.res a:visited {
+  color: #000;
+  background-color: transparent;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+.res a:hover {
+  color: #007bff;
+  background-color: transparent;
+  text-decoration: underline;
+}
+
+.res button {
+  color: #30383f9e;
+  font-size: 12px;
+}
+
+.btn-menu {
+  color: #a7a7a7;
+  text-transform: uppercase;
+}
+
+.btn-menu:hover {
+  color: #fff;
+}
+
+.navbar-nav .active {
+  color: #fff;
+}

css/lettera.css

@@ -0,0 +1,409 @@
+/*!
+ * Start Bootstrap - Landing Page v5.0.9 (https://startbootstrap.com/theme/landing-page)
+ * Copyright 2013-2020 Start Bootstrap
+ * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-landing-page/blob/master/LICENSE)
+ */
+
+body {
+  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  background-color: #e9e9e9;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-weight: 700;
+}
+
+header.masthead {
+  position: relative;
+  background-color: #343a40;
+  background: url("../img/bg-masthead.jpg") no-repeat center center;
+  background-size: cover;
+  padding-top: 8rem;
+  padding-bottom: 8rem;
+}
+
+header.masthead .overlay {
+  position: absolute;
+  background-color: #212529;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  opacity: 0.1;
+}
+
+header.masthead h1 {
+  font-size: 2rem;
+}
+
+@media (min-width: 768px) {
+  header.masthead {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+  header.masthead h1 {
+    font-size: 3rem;
+  }
+}
+
+.showcase .showcase-text {
+  padding: 3rem;
+}
+
+.showcase .showcase-img {
+  min-height: 30rem;
+  background-size: cover;
+}
+
+@media (min-width: 768px) {
+  .showcase .showcase-text {
+    padding: 7rem;
+  }
+}
+
+.features-icons {
+  padding-top: 7rem;
+  padding-bottom: 7rem;
+  background-color: #bac9d0;
+}
+
+.features-icons .features-icons-item {
+  background-color: rgba(255, 255, 255, 0.5);
+  padding:2%;
+}
+
+.features-icons .features-icons-item .features-icons-icon {
+  height: 7rem;
+}
+
+.features-icons .features-icons-item .features-icons-icon i {
+  font-size: 4.5rem;
+}
+
+.features-icons .features-icons-item:hover .features-icons-icon i {
+  font-size: 5rem;
+}
+
+.testimonials {
+  padding-top: 7rem;
+  padding-bottom: 7rem;
+}
+
+.testimonials .testimonial-item {
+  max-width: 18rem;
+}
+
+.testimonials .testimonial-item img {
+  width: 10rem;
+  height: 10rem;
+  box-shadow: 0px 5px 5px 0px #adb5bd;
+}
+
+.call-to-action {
+  position: relative;
+  background-color: #343a40;
+  background: url("../img/bg-masthead.jpg") no-repeat center center;
+  background-size: cover;
+  padding-top: 7rem;
+  padding-bottom: 7rem;
+}
+
+.call-to-action .overlay {
+  position: absolute;
+  background-color: #212529;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  opacity: 0.3;
+}
+
+footer.footer {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
+
+.ico-img {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#search_fp {
+  width:70%;
+  margin-left:auto;
+  margin-right:auto;
+}
+
+header.masthead {
+    padding-top: 8rem;
+    padding-bottom: 4rem;
+}
+
+.more {
+	background-color: #a71b24;
+	color: #fff;
+	padding:2rem;
+	font-size:20px;
+}
+
+.btn-text {
+  font-size: 8px;
+  text-transform: uppercase;
+}
+
+.img-logo {
+	max-height:30px;
+	width:auto;
+}
+
+#title {
+  font-weight: bold;
+  font-size:20px;
+  padding: 1.5em 3.5em 0em 3em;
+}
+
+#title a:link {
+  color: #000;
+  background-color: transparent;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+#title a:visited {
+  color: #000;
+  background-color: transparent;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+#title a:hover {
+  color: #007bff;
+  background-color: transparent;
+  text-decoration: underline;
+}
+
+#container_lettera {
+  margin-left: 0px;
+  margin-right:0px;
+  padding: 2em 4em;
+}
+
+#info_titolo {
+  height:5vh;
+  width:100%;
+  border:1px solid;
+  padding:1%;
+  font-weight: 600;
+  font-size: 16px;
+  text-align: center;
+}
+
+#info_lettera {
+  width:50%;
+  border:1px solid;
+  height: 75vh;
+  overflow: scroll;
+  background-color: #fff;
+  padding-top: 3%;
+}
+
+#all_info {
+  padding-top: 3%;
+}
+
+#all_info .row {
+  margin-top: 0px;
+  margin-bottom: 0px;
+  padding:1%;
+}
+
+div#info_lettera>div>div:nth-of-type(odd) {
+  background: #ededed;
+}
+
+#info_trascrizione {
+  margin-left:5px;
+  width:50%;
+  height: 73vh;
+}
+
+#trascrizione_titolo {
+  min-height: 30px;
+  border:1px solid;
+  padding: 1.5%;
+  font-weight: 400;
+  font-size: 16px;
+  text-align: center;
+  background-color: #fff;
+}
+
+#trascrizione_id {
+  height: 45vh;
+  overflow: scroll;
+  border:1px solid;
+  padding:3%;
+  text-align:justify;
+  background-color: #fff;
+}
+
+#row_evt {
+  height:10vh;
+}
+
+#col_antroponimi {
+  width: 50%;
+  height: 25vh;
+  overflow: scroll;
+  border:1px solid;
+  margin-right: 5px;
+  background-color: #fff;
+}
+
+#col_antroponimi p {
+  text-align:center;
+  font-weight: 500;
+  border-bottom: 1px solid;
+}
+
+#antroponimi {
+  list-style-type: none;
+}
+
+#antroponimi li {
+  padding-bottom: 2%;
+}
+
+#toponimi {
+  list-style-type: none;
+}
+
+#toponimi li {
+  padding-bottom: 2%;
+}
+
+#col_toponimi {
+  width: 50%;
+  height: 25vh;
+  overflow: scroll;
+  border:1px solid;
+  margin-left: 5px;
+  background-color: #fff;
+}
+
+#col_toponimi p {
+  text-align:center;
+  font-weight: 500;
+  border-bottom: 1px solid;
+}
+
+.btn-outline-secondary {
+  background-color: #fff;
+  border-radius: 0;
+  border-color: #fff;
+}
+
+.btn-icon {
+  height:24px;
+}
+
+.btn-icon-btn {
+  background-color:#e7e7e7;
+  border-color: transparent;
+  border-radius: .25rem;
+  border: 1px solid transparent;
+  padding: .375rem .75rem;
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+#cite {
+  font-weight: 400;
+  color: #212529;
+  text-align: center;
+}
+
+#cite p {
+    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    font-weight: 400;
+    margin-top: 0;
+    margin-bottom: 1rem;
+}
+
+#scheda_aspo {
+  padding: 0em 5em 4em 5em;
+}
+
+#col_antroponimi ul li:first-letter{
+  text-transform: capitalize;
+}
+
+#col_toponimi ul li:first-letter{
+  text-transform: capitalize;
+}
+
+.headInfo .col {
+  border:  1px solid;
+  text-align: center;
+  vertical-align: middle;
+  padding:  0%;
+}
+
+.infoChoice button {
+  width: 100%;
+  height: 100%;
+}
+
+.infoChoice {
+  padding: 0px;
+}
+
+#infoBox {
+  padding: 2%;
+  text-transform: uppercase;
+  background-color: #b61924;
+  color: #fff;
+  border: 1px solid #000;
+}
+
+#choice_buttons {
+  display: flex;
+  border-left: 1px solid;
+  border-right: 1px solid;
+}
+
+#choice_buttons .btn {
+    flex: 1;
+  }
+
+#head_trascrizione .col{
+  text-transform: uppercase;
+  background-color: #b61924;
+  color: #fff;
+  border: 1px solid #000;
+  text-align: center;
+  vertical-align: middle;
+}
+
+#imageEmb {
+  width:100%; 
+  height: 500px;
+}
+
+.btn-menu {
+  color: #a7a7a7;
+  text-transform: uppercase;
+}
+
+.btn-menu:hover {
+  color: #fff;
+}
+
+.navbar-nav .active {
+  color: #fff;
+}

css/nlp.css

@@ -0,0 +1,214 @@
+/*!
+ * Start Bootstrap - Landing Page v5.0.9 (https://startbootstrap.com/theme/landing-page)
+ * Copyright 2013-2020 Start Bootstrap
+ * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-landing-page/blob/master/LICENSE)
+ */
+
+body {
+  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  background-color: #e9e9e9;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-weight: 700;
+}
+
+header.masthead {
+  position: relative;
+  background-color: #343a40;
+  background: url("../img/bg-masthead.jpg") no-repeat center center;
+  background-size: cover;
+  padding-top: 8rem;
+  padding-bottom: 8rem;
+}
+
+header.masthead .overlay {
+  position: absolute;
+  background-color: #212529;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  opacity: 0.1;
+}
+
+header.masthead h1 {
+  font-size: 2rem;
+}
+
+@media (min-width: 768px) {
+  header.masthead {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+  header.masthead h1 {
+    font-size: 3rem;
+  }
+}
+
+.showcase .showcase-text {
+  padding: 3rem;
+}
+
+.showcase .showcase-img {
+  min-height: 30rem;
+  background-size: cover;
+}
+
+@media (min-width: 768px) {
+  .showcase .showcase-text {
+    padding: 7rem;
+  }
+}
+
+.features-icons {
+  padding-top: 7rem;
+  padding-bottom: 7rem;
+  background-color: #bac9d0;
+}
+
+.features-icons .features-icons-item {
+  background-color: rgba(255, 255, 255, 0.5);
+  padding:2%;
+}
+
+.features-icons .features-icons-item .features-icons-icon {
+  height: 7rem;
+}
+
+.features-icons .features-icons-item .features-icons-icon i {
+  font-size: 4.5rem;
+}
+
+.features-icons .features-icons-item:hover .features-icons-icon i {
+  font-size: 5rem;
+}
+
+.testimonials {
+  padding-top: 7rem;
+  padding-bottom: 7rem;
+}
+
+.testimonials .testimonial-item {
+  max-width: 18rem;
+}
+
+.testimonials .testimonial-item img {
+  width: 10rem;
+  height: 10rem;
+  box-shadow: 0px 5px 5px 0px #adb5bd;
+}
+
+.call-to-action {
+  position: relative;
+  background-color: #343a40;
+  background: url("../img/bg-masthead.jpg") no-repeat center center;
+  background-size: cover;
+  padding-top: 7rem;
+  padding-bottom: 7rem;
+}
+
+.call-to-action .overlay {
+  position: absolute;
+  background-color: #212529;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  opacity: 0.3;
+}
+
+footer.footer {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
+
+.ico-img {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#search_fp {
+  width:70%;
+  margin-left:auto;
+  margin-right:auto;
+}
+
+header.masthead {
+    padding-top: 8rem;
+    padding-bottom: 4rem;
+}
+
+.more {
+	background-color: #a71b24;
+	color: #fff;
+	padding:2rem;
+	font-size:20px;
+}
+
+.btn-text {
+  font-size: 8px;
+  text-transform: uppercase;
+}
+
+.img-logo {
+  max-height:30px;
+  width:auto;
+}
+
+.row {
+  margin-top: 0px;
+  margin-bottom: 0px;
+  margin-left: 0px;
+  margin-right: 0px;
+  padding:1%;
+}
+
+#head_letter {
+  padding-left: 2em;
+  font-size: 24px;
+  font-weight: 500;
+}
+
+#testo_OVI {
+  background-color: #fff;
+  width:100%;
+  min-height:40vh;
+  max-height:70vh;
+  padding: 2em 3em;
+  text-align: justify;
+  overflow: scroll;
+}
+
+#start_buttons {
+  margin-top: auto;
+  margin-bottom: auto;
+  text-align:center;
+}
+
+#nlp_button {
+  text-align:center;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 20px;
+  font-size: 24px;
+}
+
+.btn-menu {
+  color: #a7a7a7;
+  text-transform: uppercase;
+}
+
+.btn-menu:hover {
+  color: #fff;
+}
+
+.navbar-nav .active {
+  color: #fff;
+}

css/pages.css

@@ -0,0 +1,298 @@
+/*!
+ * Start Bootstrap - Landing Page v5.0.9 (https://startbootstrap.com/theme/landing-page)
+ * Copyright 2013-2020 Start Bootstrap
+ * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-landing-page/blob/master/LICENSE)
+ */
+
+body {
+  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  background-color: #e9e9e9;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-weight: 700;
+}
+
+header.masthead {
+  position: relative;
+  background-color: #343a40;
+  background: url("../img/bg-masthead.jpg") no-repeat center center;
+  background-size: cover;
+  padding-top: 8rem;
+  padding-bottom: 8rem;
+}
+
+header.masthead .overlay {
+  position: absolute;
+  background-color: #212529;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  opacity: 0.1;
+}
+
+header.masthead h1 {
+  font-size: 2rem;
+}
+
+@media (min-width: 768px) {
+  header.masthead {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+  header.masthead h1 {
+    font-size: 3rem;
+  }
+}
+
+.showcase .showcase-text {
+  padding: 3rem;
+}
+
+.showcase .showcase-img {
+  min-height: 30rem;
+  background-size: cover;
+}
+
+@media (min-width: 768px) {
+  .showcase .showcase-text {
+    padding: 7rem;
+  }
+}
+
+.features-icons {
+  padding-top: 7rem;
+  padding-bottom: 7rem;
+  background-color: #bac9d0;
+}
+
+.features-icons .features-icons-item {
+  background-color: rgba(255, 255, 255, 0.5);
+  padding:2%;
+}
+
+.features-icons .features-icons-item .features-icons-icon {
+  height: 7rem;
+}
+
+.features-icons .features-icons-item .features-icons-icon i {
+  font-size: 4.5rem;
+}
+
+.features-icons .features-icons-item:hover .features-icons-icon i {
+  font-size: 5rem;
+}
+
+.testimonials {
+  padding-top: 7rem;
+  padding-bottom: 7rem;
+}
+
+.testimonials .testimonial-item {
+  max-width: 18rem;
+}
+
+.testimonials .testimonial-item img {
+  width: 10rem;
+  height: 10rem;
+  box-shadow: 0px 5px 5px 0px #adb5bd;
+}
+
+.call-to-action {
+  position: relative;
+  background-color: #343a40;
+  background: url("../img/bg-masthead.jpg") no-repeat center center;
+  background-size: cover;
+  padding-top: 7rem;
+  padding-bottom: 7rem;
+}
+
+.call-to-action .overlay {
+  position: absolute;
+  background-color: #212529;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  opacity: 0.3;
+}
+
+footer.footer {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
+
+.ico-img {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+#search_fp {
+  width:70%;
+  margin-left:auto;
+  margin-right:auto;
+}
+
+header.masthead {
+    padding-top: 8rem;
+    padding-bottom: 4rem;
+}
+
+.more {
+  background-color: #a71b24;
+  color: #fff;
+  padding:2rem;
+  font-size:20px;
+}
+
+.btn-text {
+  font-size: 8px;
+  text-transform: uppercase;
+}
+
+.img-logo {
+  max-height:30px;
+  width:auto;
+}
+
+.row {
+  margin-top: 0px;
+  margin-bottom: 0px;
+  margin-left: 0px;
+  margin-right: 0px;
+  padding:1%;
+}
+
+pre {
+  width: 100%;
+  background-color: #fff;
+}
+
+.query_text {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.query_container {
+  padding: 2% 5% 1% 5%;
+}
+
+#head_page {
+  padding: 4% 7%;
+}
+
+#query_esempio {
+  padding: 0% 7%;
+}
+
+#sparql_button {
+  text-align: center;
+  margin-left: 0;
+  margin-right: 0;
+  width: 100%;
+}
+
+#sparql_button button {
+  padding: 1%;
+  font-size: 24px;
+  text-align: center;
+}
+
+#head_download {
+  padding:  2% 7%;
+}
+
+#download {
+  padding:  0% 5%;
+}
+
+#mappping_ASPO {
+  width: 100%;
+}
+
+.head_section {
+  padding:  2% 7%;
+}
+
+.section_container {
+  padding:  0% 5%;
+}
+
+.table {
+    width: 80%;
+    margin: 0 auto; /* or margin: 0 auto 0 auto */
+  }
+
+.table td {
+  vertical-align: middle;
+}
+
+.table thead th {
+  vertical-align: middle;
+}
+
+.table thead tr{
+  background-color: #6c757d;
+  color: #fff;
+  font-weight: 400;
+}
+
+.table tr td:last-child {
+    font-size: 12px;
+    font-family: Consolas,monaco,monospace;
+}
+
+tr:nth-child(even) {
+  background-color: #f2f2f2;
+}
+
+tr:nth-child(odd) {
+  background-color: #d8e2ef;
+}
+
+#mappingChoiceSection {
+  width: 100%;
+  padding: 0% 15%;
+}
+
+.mappingChoice {
+  padding: 0px;
+}
+
+#mapping_buttons {
+  display: flex;
+  margin-left: 0;
+  margin-right: 0;
+}
+
+#mapping_buttons .btn {
+    flex: 1;
+    width: 100%;
+    padding: 2.5%;
+    font-size: 20px;
+  }
+
+#mappingTables {
+  margin-top: 50px;
+  margin-bottom: 100px;
+}
+
+.btn-menu {
+  color: #a7a7a7;
+  text-transform: uppercase;
+}
+
+.btn-menu:hover {
+  color: #fff;
+}
+
+.navbar-nav .active {
+  color: #fff;
+}