add links page

contents/links.php

@@ -0,0 +1,21 @@
+
+<div class="row pb-4">
+    <div class="col-12">
+        <div class="section-title">Links utili</div>
+    </div>
+
+    <div class="col-12 items-list py-4">
+        <?php
+            $q=mysqli_query($conn,"SELECT * FROM links WHERE section='".$getQ[2]."'");
+            while($r=mysqli_fetch_array($q)){
+        ?>
+                <div class="item">
+                    <i class="fa fa-angle-right"></i> <strong><?= $r['title']; ?></strong>
+                    <p class="m-2 ml-4"><?= $r['text']; ?></p>
+                </div>
+
+        <?php
+            }
+        ?>
+    </div>
+</div>

css/styles.css

@@ -14377,7 +14377,34 @@ a:hover {
   line-height: 35px;
 }
 
-/* line 94, global.scss */
+/* line 96, global.scss */
+.items-list .item {
+  padding: 10px;
+  transition: .4s;
+  font-size: 0.875rem;
+  border-bottom: 1px solid #d1efb5;
+}
+/* line 102, global.scss */
+.items-list .item .fa-angle-right {
+  padding: 0 5px;
+  transition: .4s;
+}
+/* line 108, global.scss */
+.items-list .item a:after {
+  content: '\f0c1';
+  font-family: 'FontAwesome';
+  padding: 0 5px;
+}
+/* line 115, global.scss */
+.items-list .item:hover {
+  background: #d1efb5;
+}
+/* line 117, global.scss */
+.items-list .item:hover .fa-angle-right {
+  margin-left: 5px;
+}
+
+/* line 124, global.scss */
 #MainContent {
   position: absolute;
   top: 40px;
@@ -14386,7 +14413,7 @@ a:hover {
   overflow: hidden;
 }
 
-/* line 102, global.scss */
+/* line 132, global.scss */
 #map {
   width: 100%;
   border-radius: 3px;

scss/global.scss

@@ -91,6 +91,36 @@ a{
     line-height: 35px;
 }
 
+
+.items-list{
+  .item{
+    padding: 10px;
+    transition: .4s;
+    font-size: $font-14;
+    border-bottom: 1px solid $light-grey;
+
+    .fa-angle-right{
+      padding: 0 5px;
+      transition: .4s;
+    }
+
+    a{
+      &:after{
+        content: '\f0c1';
+        font-family: 'FontAwesome';
+        padding: 0 5px;
+      }
+    }
+
+    &:hover{
+      background: $light-grey;
+      .fa-angle-right{
+        margin-left: 5px;
+      }
+    }
+  }
+}
+
 #MainContent{
     position: absolute;
     top: 40px;