You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
2.7 KiB
HTML
102 lines
2.7 KiB
HTML
<!doctype html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
|
|
<title>Sobremesa</title>
|
|
<meta name="description" content="XPUB">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="../css/pages.css">
|
|
<style type="text/css">
|
|
img {
|
|
box-shadow: 1px 1px 5px 0 magenta !important;
|
|
margin: 0.8% 0.8% 0.8% 0%;
|
|
|
|
}
|
|
|
|
body{
|
|
color:Sienna;
|
|
}
|
|
#wrapper{
|
|
background-color:Ivory;
|
|
color: silver;
|
|
}
|
|
#colors{
|
|
color: silver;
|
|
font-size: 10px;
|
|
border: 1px solid silver;
|
|
border-radius: 15px;
|
|
padding: 30px;
|
|
line-height: 80%;
|
|
}
|
|
#header{
|
|
color: sienna;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
|
|
|
|
<div id='wrapper'></div>
|
|
<a href='../' id='homebttn' class='ext'> << home</a>
|
|
<header>
|
|
<h1 id='project-title'>Sobremesa<a href='#hleft-text' class='show'> ⓘ</a></h1>
|
|
<h2 id='student-name'>Floor van Meeuwen</h2>
|
|
<div id='hleft-text'>
|
|
<a href=# id='back'>
|
|
<div id='inner-hleft-text'>
|
|
<div id='ihtp'>
|
|
<object>
|
|
<div id='about-project'>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit ligula a aenean ultricies, montes venenatis sapien sodales ac dictumst enim porttitor curae porta facilisi massa, consequat sollicitudin libero bibendum in neque suscipit nulla quisque taciti. Hendrerit mauris himenaeos proin sem habitasse per ut est enim elementum eget nisl, pretium id ornare torquent lectus curae interdum conubia vivamus auctor. </p>
|
|
</div>
|
|
<hr align='left'>
|
|
<div id='about-student'>
|
|
<p>Floor van Meeuwen (Hefshuizen, 1991) is in limbo between visual design, sculpting, printing and organising events for and by artists.</p>
|
|
<div id='colors'>
|
|
<h2>CSS color table</h2>
|
|
<p>color:Sienna</p>
|
|
<p>background-color:Ivory</p>
|
|
<p>box-shadow:Magenta</p>
|
|
<p>border-color:Silver</p>
|
|
</div>
|
|
</div>
|
|
<a id='getback' class='int'> go back </a>
|
|
</object>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</header>
|
|
<section id='main'>
|
|
<div id="galleries">
|
|
<div id='work'>
|
|
<h3 class='gal-title'>Work</h3>
|
|
<ul id='publist'>
|
|
<li><a href='https://yourdomain.org' target="_blank" class='ext'>Project Website</a></li>
|
|
</ul>
|
|
<img src="img/img1.jpg" class='workimg'/>
|
|
<img src="img/img2.jpg" class='workimg'/>
|
|
<img src="img/img3.jpg" class='workimg'/>
|
|
<img src="img/img4.jpg" class='workimg'/>
|
|
</div>
|
|
<div id='publication'>
|
|
<h3 class='gal-title'>Publication</h3>
|
|
<ul id='publist'>
|
|
<li><a href='pdf/thesis.pdf' target="_blank" class='ext'>Thesis</a></li>
|
|
</ul>
|
|
</div>
|
|
<div id='gradshow'>
|
|
<h3 class='gal-title'>Graduation Show</h3>
|
|
<img src="img/table_dinner.png" class='workimg'/>
|
|
<img src="img/gradshow2.jpg" class='workimg'/>
|
|
<img src="img/gradshow3.jpg" class='workimg'/>
|
|
<img src="img/gradshow4.jpg" class='workimg'/>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</body>
|
|
</html> |