Main full width layout

<!doctype html>
<html lang="en">
<!-- add head -->
<body class="">

<!-- navigation -->
<div class="navigation container">
<div class="row">
<input type="checkbox" id="nav-trigger-home" />
<label class="nav-trigger" for="nav-trigger-home">
<svg class="open-icon" viewBox="0 0 20 12" version="1.1" xmlns="" xmlns:xlink="">
<g id="icon-hamburguer" fill="#678B91">
<rect id="rectangle-03" x="0" y="0" width="20" height="2"></rect>
<rect id="rectangle-02" x="0" y="5" width="20" height="2"></rect>
<rect id="rectangle-01" x="0" y="10" width="20" height="2"></rect>
<svg class="close-icon" viewBox="0 0 13 13" version="1.1" xmlns="" xmlns:xlink="">
<g id="icon-cross" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M5.59597747,6.61789673 L1,2.0219017 L2.02195371,1 L6.61788827,5.59597552 L11.213817,1 L12.2350947,2.0215377 L7.6392066,6.61730295 L12.2357837,11.213921 L11.213882,12.2358227 L6.61727954,7.63920269 L2.0212777,12.2350817 L1,11.213921 L5.59597747,6.61789673 Z" id="cross" stroke="#000000" fill="#000000"></path>
<div class="nav-brand col-lg-2">
<a href="/">
<img class="navigation-logo" src="/static/images/the-embassy-logo-white.png" />
<div class="nav col-lg-10">
<!-- depending on the page you are is-active css class is added -->
<a href="#" class="is-active">Home</a>
<a href="#">Themes</a>
<a href="#">Resources</a>
<a href="#">Discussions</a>
<a href="#">Training</a>
<a href="#">About</a>

<!-- all components should be stacked here -->
<div class="wrapper">


<!-- footer -->
<div class="footer">
<div class="container">
<div class="row justify-content-center">
<div class="footer-content col col-lg-10">
<div class="footer-head">
<svg width="42" height="41" viewBox="0 0 42 41" xmlns="">
<path d="M41.6954 20.4999L21.1953 41 .6954 20.4999 41.6954 0z" fill="#D1E2E5"></path>
<p>Your platform for research integrity and ethics</p>
<div class="footer-columns row">
<div class="footer-links col-lg-4 order-sm-1 order-lg-0">
<a href="#" >Privacy statement</a>
<a href="#" >Terms of service</a>
<a href="#" >Take down policy</a>
<a href="#" >Contact</a>

<div class="footer-form col-lg-4 order-sm-0 order-lg-1">
<div class="mailchimp-heading">Let us keep you posted</div>
<!-- Begin Mailchimp Signup Form -->
<div id="mc_embed_signup">
<form action=";id=39a0556e61" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="">
<div id="mc_embed_signup_scroll">
<label for="mce-EMAIL">Subscribe</label>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="your email address" required="">
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_2fcd912a999bf1800de63cbfd_39a0556e61" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value=">" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
<!--End mc_embed_signup-->


<div class="footer-social col-lg-4 order-sm-2">
<a href="" target="_blank">
<use xlink:href="#icon-twitter"></use>
<div class="footer-copyright">
<img class="flag-eu" src="/static/images/flag-eu.png">
<p>The EnTIRE and VIRT2UE projects have received funding from the European Union’s Horizon 2020 research programme under grant agreements N 741782 and N 787580.</p>

<script type="text/javascript" src="/static/js/vendors.b99b2dde.js"></script>

<script src=""></script>

<script type="text/javascript" src="/static/js/main.f3f89555.js"></script>