Add bottom border to heading and add camping association images

web/static/public.css

@@ -200,6 +200,7 @@ body > header {
 body > header, nav .has-submenu ul {
     background-color: rgba(var(--clar-rgb), 0.7);
     backdrop-filter: blur(10px);
+    border-bottom: 1px solid;
 }
 
 h1 a {
@@ -1149,7 +1150,7 @@ body > footer {
     gap: 1rem;
 }
 
-body > footer div, .campsite_type_features, .campsite_type_detail {
+body > footer > div, .campsite_type_features, .campsite_type_detail {
     padding: 5rem 0;
     border-top: 3px solid black;
 }
@@ -1177,7 +1178,7 @@ body > footer section:nth-child(3) p {
     padding-bottom: 2.5rem;
 }
 
-body > footer div {
+body > footer > div {
     display: flex;
     gap: 3rem;
     justify-content: space-between;
@@ -1219,6 +1220,14 @@ body > footer span {
     display: block;
 }
 
+
+.camping-association {
+    display: flex;
+    height: 5rem;
+    gap: 2rem;
+    margin: 2rem 0 0;
+}
+
 /* contact */
 
 @media (max-width: 64rem) {
@@ -1357,4 +1366,4 @@ dt {
 .services_icon a {
   color: var(--accent);
   text-decoration: var(--accent) wavy underline;
-}
+}

web/templates/public/layout.gohtml

@@ -98,7 +98,13 @@
             <h2>{{ .CompanyAddress.TradeName }}</h2>
             {{ template "companyAddress" .CompanyAddress }}
             {{ printf ( gettext "<abbr title=\"Catalonia Tourism Registry\">RTC</abbr> <abbr title=\"Number\">#</abbr>%s") .CompanyAddress.RTCNumber | raw }}
-        </section>
+	    <div class="camping-association">
+	    	<img src="/static/camping-association/Reconeixement.gif" alt="Alan Rogers"> 
+	    	<img src="/static/camping-association/acsi.jpg" alt="ACSI"> 
+	    	<img src="/static/camping-association/logofecc4.gif" alt="Federación Española de Clubes Capistas"> 
+	    	<img src="/static/camping-association/anwb.png" alt="anwb"> 
+	    </div>
+        </section>	
     </div>
     <span>© {{( gettext "Campsite Montagut" )}} | 1994–2023</span>
 </footer>