|
|
@@ -0,0 +1,76 @@ |
|
|
|
<!DOCTYPE html> |
|
|
|
<html> |
|
|
|
|
|
|
|
<head> |
|
|
|
<meta charset="utf-8" /> |
|
|
|
<title>Exercise 2: Flex</title> |
|
|
|
<script src="https://use.fontawesome.com/9953f27da4.js"></script> |
|
|
|
<link rel="stylesheet" href="style.css" type="text/css" /> |
|
|
|
</head> |
|
|
|
|
|
|
|
<body> |
|
|
|
<header> |
|
|
|
<div class="balk"> |
|
|
|
<i class="indus">Industrious</i> |
|
|
|
<i class="menu">Menu</i> |
|
|
|
</div> |
|
|
|
</header> |
|
|
|
|
|
|
|
<div class="banner"> |
|
|
|
<header class="bannertittel">Industrious </header> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="onderbanner"> |
|
|
|
<p class="tittel">Sem Turpis amet Semper</p> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="testt"> |
|
|
|
<div class = "facontainer"> |
|
|
|
<div class="test"> |
|
|
|
<i class="fa fa-address-card-o fa-5x" aria-hidden="true"></i> |
|
|
|
</div> |
|
|
|
<i class="fatittel">Tittel</i> |
|
|
|
<i class="fatekst">Tekst</i> |
|
|
|
|
|
|
|
<div class="test"> |
|
|
|
<i class="fa fa-files-o fa-5x" aria-hidden="true"></i> |
|
|
|
</div> |
|
|
|
<i class="fatittel">Tittel</i> |
|
|
|
<i class="fatekst">Tekst</i> |
|
|
|
|
|
|
|
<div class="test"> |
|
|
|
<i class="fa fa-floppy-o fa-5x" aria-hidden="true"></i> |
|
|
|
</div> |
|
|
|
<i class="fatittel">Tittel</i> |
|
|
|
<i class="fatekst">Tekst</i> |
|
|
|
|
|
|
|
<div class="test"> |
|
|
|
<i class="fa fa-line-chart fa-5x" aria-hidden="true"></i> |
|
|
|
</div> |
|
|
|
<i class="fatittel">Tittel</i> |
|
|
|
<i class="fatekst">Tekst</i> |
|
|
|
|
|
|
|
<div class="test"> |
|
|
|
<i class="fa fa-paper-plane-o fa-5x" aria-hidden="true"></i> |
|
|
|
</div> |
|
|
|
<i class="fatittel">Tittel</i> |
|
|
|
<i class="fatekst">Tekst</i> |
|
|
|
|
|
|
|
<div class="test"> |
|
|
|
<i class="fa fa-qrcode fa-5x" aria-hidden="true"></i> |
|
|
|
</div> |
|
|
|
<i class="fatittel">Tittel</i> |
|
|
|
<i class="fatekst">Tekst</i> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- |
|
|
|
<div class="round-image"> |
|
|
|
</div> |
|
|
|
--> |
|
|
|
|
|
|
|
</body> |
|
|
|
|
|
|
|
</html> |