You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
2.8 KiB
87 lines
2.8 KiB
5 years ago
|
<!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 -->
|