Name: Liveweave
Author: Liveweave

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Liveweave</title>	
	
	
<script type="text/javascript" src="https://raw.github.com/aFarkas/html5shiv/master/dist/html5shiv.js"></script>
<script type="text/javascript">
 document.createElement('header');
 document.createElement('hgroup');
 document.createElement('nav');
 document.createElement('menu');
 document.createElement('section');
 document.createElement('article');
 document.createElement('aside');
 document.createElement('footer');
</script>
		
	
	
	<style type="text/css">    
/*MAIN*/
html { font-size: 62.5%; }

body {
	background-color: black;
	color: #CA9A05;
	font-family: Arial;
}

ul {
	list-style-type: none;
}

footer {
	margin: 0 auto;
	text-align: center;
}

footer ul.footer_main {
	width: 550px;
	margin: 0 auto;
}

footer ul.footer_main li {
	float:left;
	font-size: 14px;
	font-size: 1.4rem;
}

footer .footer_left {
	position: absolute;
	bottom: 10px;
	left: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

footer .footer_left p {
	margin-top: 10px;
}

footer .footer_left ul {
	margin-top: 5px;
	width: 135px;
	margin: 0 auto;
	padding: 0;
}

footer .footer_left li {
	display: block;
	float:left;
}

/*LINKS AND TEXT*/
a {
	color: #CA9A05;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: white;
}

/*HELPER*/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearfix {
  zoom: 1;
}

/* IE6 */
*:first-child + html .clearfix {
  zoom: 1;
}

</style>
	  
</head>  
  
<body>

<section>
		here is a video
		</section>
		<footer>
        Headline
			<ul class="footer_main clearfix">
				<li><a href="http://www.Website.com/index.php?id=491" target="_blank" title="Website Asia">Asia</a>|</li>
				<li><a href="http://www.Website.com/index.php?id=820" target="_blank" title="Website Africa">Africa</a>|</li>
				<li><a href="http://www.Website.fr" target="_blank" title="Website France">France</a>|</li>
				<li><a href="http://www.Website.de" target="_blank" title="Website Germany">Germany</a>|</li>
				<li><a href="http://www.Website.com" target="_blank" title="Website International">International</a>|</li>
				<li><a href="http://www.Website.pl" target="_blank" title="Website Germany">Poland</a>|</li>
				<li><a href="http://www.Website.co.uk" target="_blank" title="Website Germany">UK</a></li>
			</ul>
			<div class="footer_left">
				<img src="img/s5lagardere.png" alt="Lagardere Logo" />
				<ul class="clearfix">
					<li><a href="http://www.Website.com/contacts" target="_blank" title="Website Kontakt">Contacts</a>|</li>
					<li><a href="http://Website.com/index.php?id=659" target="_blank" title="Website Impressum">Legal Notice</a></li>
				</ul>
			</div>
		</footer>

</body>

</html>

Liveweave: Generative AI Web Editor & HTML/CSS/JS Playground