<!DOCTYPE html>
<html>
<head>
    <meta name="description" content="DJ-Jip voor al uw feesten en partijen">
    <meta name="keywords" content="drive in show, verhuur, licht,DJ-Jip, geluid, bergen op zoom, DJ jip">
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
	<link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <title>DJ-Jip</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
            }
        
        body, html {
            height: 100%;
			background: #ffffff;
            }
			
		hr {
		color: #2E3030;
		box-shadow: 0px 0px 2px #2E3030;
			}
		
		a {
		color: #2E3030;
		}
		
		a:hover {
		box-shadow: 0px 0px 2px #2E3030;
		}

		iframe {
			width: 800px;
			height: 400px;
			border: 0px;
			border-radius: 25px;
			box-shadow: 0px 0px 5px #fff;
			}
		
        .container {
			font-family: arial;
			font-size: 12px;
            background: #ffffff;
			color: #2E3030;
            width: 900px;
            margin: 0 auto;
            position: relative;
            height: auto !important;
            min-height: 100%;
            height: 100%;
			box-shadow: 0px 0px 5px #fff;
            }
        
        .content {
            padding-bottom: 75px;
            }
        
        .footer {
			font-family: arial;
			font-size: 12px;
			background: #ffffff;
			color: #2E3030;
            position: absolute;
            left: 0;
            bottom: 0;
            height: 75px;
            width: 100%;
            }

		.footer_text {
			margin: 30px 0px 0px 25px;
			float: left;
			}
		
		.footer_like {
			margin: 20px 25px 0px 0px;
			float: right;
			}
		.footer_asl {
			margin: 20px 25px 0px 100px;
			float: right;
			}
		.foto { 
			border-radius: 0px;
			box-shadow: 0px 0px 2px #2E3030;
			}	
        .logo {
			margin: 25px;
			}

		.dj {
			margin: 25px 50px 25px 0px;
			width: 150px;
			height: 150px;
			border-radius: 0px;
			box-shadow: 0px 0px 5px #fff;
			float: right;
			}
		.menu {
			margin: 25px 0px 25px 50px;
			float: left;
			font-size: 20px;
			}
		
		.text {
			margin: 25px 0px 0px 50px;
			font-size: 14px;
			}
    </style>
</head>
<body>
    <div class="container">
        <div class="content">
            <img class="logo" src="images/DJ_Jip_Logo.png" alt="Logo DJ-Jip" />
			<hr />
			<div class="menu">
			<a href="index.html">Home</a> | <a href="info.html">Contact</a>
			</div>
			<div style="clear: both;" />
			<hr C"width: 800px; margin-left: 50px;" />
			<div class="text">
			<p>
			<br />
			<br />
			Welkom op de website van DJ-Jip, ik ben een allround DJ uit de regio Bergen op Zoom.
			<br />
			<br />
			<br />
			Of U nu op zoek bent naar alleen een DJ of een compleet verzorgde Drive-in-show, dan bent U bij mij aan het juiste adres.
			<br />
			<br />
			<br />
			Met mijn ruime ervaring zorg ik ervoor dat U telkens weer op een geslaagd feest terug kunt kijken.
			<br />
			<br />
			<br />
			<br />
			<div class="video">
			<video width="800" height="450" controls poster="images/Ben_3.jpg">
			<source src="videos/DJ jip promo 9.mp4" type="video/mp4">
			Installeer een nieuwe versie van je browser als je deze video wilt bekijken.
			</video>
			</div class="video">
			<br />
			<br />
			<br />
			</div>
        </div>
        <div class="footer">
			<hr />
			<div class="footer_text">
				&copy;2022 DJ-Jip
			</div>
			<div class="footer_like">
			<a href="http://www.aertssen-soundlight.nl/index.html" target="_blank"><img src="images/Logo_88x38.png"></a>
			<a style="margin-left: 50px;" href="https://www.facebook.com/profile.php?id=100007359846860" target="_blank"><img src="images/Facebook.png" alt="Like button"></a>
			<br />
			<br />
			<br />
			<br />
			<br />
			</div>
        </div>        
    </div>
</body>
</html>