index2.html

<!doctype html>
<html lang="en">
	<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="style/bootstrap.min.css">
		<style>
			body {
				background-color:#F3F1E1;
				background-image: url("images/newspaper.jpg");
				background-size: cover;
			}
		</style>
	</head>
	
<body>
		<div class = 'container-fluid p-4' style="background-color:rgba(247, 248, 249, 0.7)" align="center">
		<title>
			Web Historian | JEDS project
		</title>
	</head>
	<body>
		<h2 style="color:#271e5f;">Installeer de extensie Web Historian - Community Edition in jouw browser</h2>
		<div class="col" align="center">
			<p style="color:#271e5f;">Klik op de onderstaande link voor jouw browser om de Web Historian extensie te installeren. <br> Wil je meer weten over wat deze extensie is? Klik dan <a href = 'http://webhistorian-explanation.tk' target="_blank">hier</a></p>
		</div>
		<div class="row">
			<div class="col" align="center">
				<img src="images/firefox-logo-300x310.png" width=100 height=100>
				<br>
				<a href="extensions/Filter-Bubble-WebHistorian_NoSync.xpi">Download de Firefox-add-on</a>
			</div>
			<div class="col" align="center">
				<img src="images/chrome-logo.svg" width=100 height=100>
				<br>
				<a href="https://chrome.google.com/webstore/detail/web-historian-community-e/lfgfcenjmekipkiajfllcmajkjfmplhg" target="_blank">Download de Chrome extensie</a>
			</div>
			<div class="col" align="center">
				<img src="images/opera-logo.svg" width=100 height=100>
				<br>
				<a href="https://addons.opera.com/en/extensions/details/install-chrome-extensions/" target="_blank">Download de Opera extensie</a>
			</div>
			<!-- <div class="col" align="center"> -->
				<!-- <img src="images/safari_icon_large.png" width=100 height=100> -->
				<!-- <br> -->
				<!-- <a href="extensions/WebHistorianNoSync.dmg" target="_blank">Download de Safari extensie</a> -->
			<!-- </div> -->
		</div>
	</body>
</html>