Updating footer, header and navigation for Anastasis website (j2.inc files)

3 files changed, 80 insertions, 35 deletions

diff --git a/common/footer.j2.inc b/common/footer.j2.inc
index 78ea31b..f69d8bf 100644
--- a/common/footer.j2.inc
+++ b/common/footer.j2.inc
@@ -1,6 +1,25 @@
-<div id="footer-box">
-&copy; Anastasis SARL 2020
-</div>
-<div id="footer-box">
-{{ _("This page was created using <a href='https://www.gnu.org/' style='color: antiquewhite;'>Free Software</a> only.") }}
-</div>
+<footer class="footsec">
+	<div class="container">
+		<div class="footsecinn">
+			<ul class="footsos">
+				<li><a href="#" target="_blank"><i class="fa fa-facebook-f"></i></a></li>
+				<li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
+				<li><a href="#" target="_blank"><i class="fa fa-youtube"></i></a></li>
+				<li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>
+			</ul>
+		
+			<div class="listcopy">
+				<ul>
+					<li><i class="fa fa-map-marker" aria-hidden="true"></i> Anastasis SARL, L-5421 Erpeldange</li> 
+					<li><a href="mailto:contact@anastasis.lu"><i class="fa fa-envelope"></i> contact@anastasis.lu</a></li>
+				</ul>
+				<ul>
+					<li>©Copyright 2021 Anastasis SARL</li> 
+					<li>All Rights Reserved</li>
+				</ul>
+			</div>
+		</div>
+	</div>
+	<a href="#top" class="bktop scroll"><img src="{{ url_static('images/backtop.png') }}" alt=""/></a>
+</footer>
+
diff --git a/common/header.j2.inc b/common/header.j2.inc
index fac1d5c..331ec0c 100644
--- a/common/header.j2.inc
+++ b/common/header.j2.inc
@@ -31,11 +31,26 @@
     <link rel="alternate" hreflang="es" href="{{ self_localized('es') }}" />
     <link rel="alternate" hreflang="it" href="{{ self_localized('it') }}" />
     -->
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="">
     <meta name="author" content="">
     
-    <!-- Custom styles for this template -->
-    <link href="{{ url_static('styles.css') }}" rel="stylesheet">  
-    <link href="{{ url_static('fontawesome/css/all.css')}}" rel="stylesheet"> 
-    <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet'>
+    <!-- Bootstrap core CSS -->    
+    <link href="{{ url_static('css/bootstrap.css') }}" rel="stylesheet">
+    <link href="{{ url_static('css/fonts.css') }}" rel="stylesheet">
+	<link href="{{ url_static('css/doc.css') }}" rel="stylesheet">
+	<link href="{{ url_static('css/font-awesome.css') }}" rel="stylesheet">
+	<link href="{{ url_static('css/polyglot-language-switcher.css') }}" type="text/css" rel="stylesheet">
+	<link href="{{ url_static('css/owl.carousel.css') }}" rel="stylesheet">
+    <link href="{{ url_static('css/owl.theme.default.css') }}" rel="stylesheet">
+
+    <!-- Bootstrap core JavaScript -->
+    <script src="{{ url_static('js/jquerymin.js') }}"></script>
+    <script src="{{ url_static('js/bootstrap.js') }}"></script>
+    <script src="{{ url_static('js/carouselscript.js') }}"></script>
+    <script src="{{ url_static('js/jquery.polyglot.language.switcher.js') }}"></script>
+    <script src="{{ url_static('js/owl.carousel.js') }}"></script>
+    
diff --git a/common/navigation.j2.inc b/common/navigation.j2.inc
index 97b14e1..0134168 100644
--- a/common/navigation.j2.inc
+++ b/common/navigation.j2.inc
@@ -1,29 +1,39 @@
-{% macro navlink(site, text) -%}
-   <a {{ 'class="active"' if filename == site else '' }}
-      {{ 'class="active"' if filename == 'template/'+site else '' }}
-      href="{{ url_localized(site) }}">
-    {{ text }}
-   </a>
-{%- endmacro %}
+<header class="header_sec">
+	<div class="container">
+		<div class="innheaderSec">
+			<nav class="navbar navbar-expand-md navbar-light bg-light nav_top">
+				<a class="navbar-brand" href="index.html"><img src="{{ url_static('images/logo.png') }}" alt="Anastasis" /></a>
+				  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+				    <span class="icon-bar"></span>
+					<span class="icon-bar"></span>
+					<span class="icon-bar"></span>
+				  </button>
+				  <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
+			        <ul class="navbar-nav menu_sec">
+			             <li class="actv"><a href="index.html">{% trans %}Home{% endtrans %}</a></li>
+			             <li><a href="about.html">{% trans %}About{% endtrans %}</a></li>
+			             <li><a href="docs.html">{% trans %}Docs{% endtrans %}</a></li>
+			             <li><a href="news.html">{% trans %}News{% endtrans %}</a></li>
+			        </ul>
+				  </div>
+			</nav>
+			<div id="polyglotLanguageSwitcher">
+				<form action="#">
+					<select id="polyglot-language-options">
+						<option id="en" value="en" selected><i class="fa fa-globe" aria-hidden="true"></i> Eng</option>
+						<option id="fr" value="fr">Fra</option>
+						<option id="de" value="de">Deu</option>
+						<option id="it" value="it">Ita</option>
+						<option id="es" value="es">Esp</option>
+					</select>
+				</form>
+			</div>
+		</div>
+	</div>
+</header> 
 
-<div class="topnav" id="navigation">
-<a href="javascript:void(0);" class="icon" onclick="burgerChange()">
-  <i class="fa fa-bars"></i></a>
-{{ navlink('index.html', _('Home')) }}
-{{ navlink('about.html', _('About')) }}
-{{ navlink('docs.html', _('Docs')) }}
-{{ navlink('news/index.html', _('News')) }}
-</div>
-<div class="dropdown">
-  <button onclick="dropDown()" class="dropbtn">{{lang}}</button>
-  <div id="myDropdown" class="dropdown-content">
-   <a href="{{ self_localized('en') }}">en</a>
-   <a href="{{ self_localized('de') }}">de</a>
-  </div>
-</div>    
 
-
-<script>
+<!-- <script>
 
 /* When the user clicks on the button,
 toggle between hiding and showing the dropdown content */
@@ -54,3 +64,4 @@ function burgerChange() {
   }
 }
 </script>
+-->