89 lines
No EOL
4.4 KiB
HTML
89 lines
No EOL
4.4 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>cocoatlas</title>
|
|
<meta name="description" content="test">
|
|
<meta name="keywords" content="chocolate, cocoa">
|
|
<meta name="viewport" content="minimal-ui, width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
|
|
|
|
<link rel="stylesheet" href="styles.css">
|
|
|
|
<script src="js/jquery-3.6.0.min.js"></script>
|
|
<script src="js/jquery-ui.min.js"></script>
|
|
<script src="js/application.js"></script>
|
|
|
|
</head>
|
|
<body class="bodyTestIndex">
|
|
|
|
<div class="noScroll">
|
|
|
|
<div id="trigger2">
|
|
<img src="ImgJuli.png"/>
|
|
<a href=""></a>
|
|
</div>
|
|
|
|
<div id="trigger">
|
|
<img src="ImgChocolateBar.png"/>
|
|
<a href=""></a>
|
|
</div>
|
|
|
|
<div id="bg">
|
|
<div class="title">Chocolate Atlas</div>
|
|
<div class="texte">The Chocolate Atlas takes the viewer on a non-liner route through the world of cocoa. Using
|
|
the lens of cocoa to magnify the detached consumption of goods on a global base. A melt-inyour-mouth sweet for some and, amongst others, a child-slavery-based business for others. The
|
|
reality of food is not singular, which is why the Atlas is organized in an organic spread that can
|
|
be accessed at multiple points. Cocoa and its trade route is one of the most fragmented crops of
|
|
the world, equaling in increased accountability detachment from the fruit to the bar.
|
|
<p>Project Developed
|
|
at Design Academy of Eindhoven
|
|
<br>Curated and edited
|
|
by Lison, Julia, Camille, Raphaelle, Gianmarco</p></div>
|
|
|
|
<div class="title2">This is my project</div>
|
|
<div class="texte2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
<p>Name</p></div>
|
|
|
|
<div class="title3">An other project</div>
|
|
<div class="texte3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
<p>Name</p></div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- <div class="hoverTwo">
|
|
<div class="title">Again an other title</div>
|
|
<div class="texte">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
<p>Someone</p></div>
|
|
</div>
|
|
<div class="objectTestIndex" id="objectTwo">
|
|
<img src="ImgLison.png"/>
|
|
<a href="PageLison.pdf"></a>
|
|
</div> -->
|
|
|
|
<!-- <div class="objectTestIndex">
|
|
<img src="ImgRaphaelle.png"/>
|
|
<a href="PageRaphaelle.jpg"></a>
|
|
</div>
|
|
|
|
<div class="objectTestIndex">
|
|
<img src="ImgJuli.png"/>
|
|
<a href="PageJuli.pdf"></a>
|
|
</div>
|
|
|
|
<div class="objectTestIndex">
|
|
<img src="ImgWholeEarthCatalog.png"/>
|
|
<a href="0manifesto.html"></a>
|
|
</div> -->
|
|
|
|
<div class="menu">
|
|
<a href="landingPage.html"><div class=buttonsMenu>about us</div></a>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html> |