87 lines
2.8 KiB
HTML
87 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>Varia Zone</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<h1>Varia: Streams, Events, Logs</h1>
|
||
<p>Or in other words a website that works around the time that items take place</p>
|
||
<div class="tripleflex">
|
||
<h3>Streams:</h3>
|
||
<div class="container streams">
|
||
<div class="item">
|
||
<img src="../img/git01.png" alt="">
|
||
</div>
|
||
<div class="item">
|
||
<img src="../img/etherdump.png" alt="">
|
||
</div>
|
||
<div class="item">
|
||
<img src="../img/git03.png" alt="">
|
||
</div>
|
||
<div class="item">
|
||
<img src="../img/git02.png" alt="">
|
||
</div>
|
||
</div>
|
||
<h3>Events:</h3>
|
||
<div class="container events">
|
||
<div class="item">
|
||
<h3>Event 01</h3>
|
||
<p>Radio-active female monstrosity - Angeliki D</p>
|
||
<img src="../img/event01.jpg" alt="">
|
||
</div>
|
||
<div class="item">
|
||
<h3>Event 02</h3>
|
||
<p>The event is comprised of the following elements:
|
||
Dion & The Magic Chords is the lovechild of casio freaks
|
||
Dion Woestenburg and Griffin Stuip and sounds like the toybox
|
||
equivalent to your favourite progressive acts, such as Jean Michelle Jarre
|
||
and Yes. With the help of stunning visuals and a wild arrangement of casio’s and
|
||
yamahama’s they will bring your mind towards the next level of levitation</p>
|
||
<img src="../img/event02.jpg" alt="">
|
||
</div>
|
||
<div class="item">
|
||
<img src="../img/bpw.jpg" alt="">
|
||
</div>
|
||
<div class="item">
|
||
<h3>Event 03</h3>
|
||
<p>Ever had a hard-drive crash? lost data?
|
||
cloud back did not really backup?
|
||
Time Machine did not have a past do go back to?
|
||
Many questions around backup and data storage exist
|
||
and many issues need to be resolved.
|
||
From large database to a small personal collection,
|
||
data storage affects everyone and many so-called
|
||
solutions exist but are they really solutions?
|
||
</p>
|
||
<img src="../img/workgroup01.jpg" alt="">
|
||
|
||
</div>
|
||
</div>
|
||
<h3>Logs:</h3>
|
||
<div class="container logs">
|
||
<div class="item">
|
||
<img src="../img/distribusi02.png" alt="">
|
||
</div>
|
||
<div class="item">
|
||
<img src="../img/log01.png" alt="">
|
||
</div>
|
||
<div class="item">
|
||
<img src="../img/distribusi04.png" alt="">
|
||
</div>
|
||
<div class="item">
|
||
<img src="../img/log02.png" alt="">
|
||
</div>
|
||
<div class="item">
|
||
<img src="../img/distribusi03.png" alt="">
|
||
</div>
|
||
<div class="item">
|
||
<img src="../img/log03.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|
||
<!--Flex box is for one row or one column of material only -->
|