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.
 
 

86 lines
2.8 KiB

<!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 -->