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.
99 lines
2.7 KiB
HTML
99 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%;
|
|
padding: 0px;
|
|
}
|
|
|
|
body{
|
|
color:Sienna !important;
|
|
}
|
|
#wrapper{
|
|
background-color:Ivory !important;
|
|
}
|
|
#colors{
|
|
border-width: thin !important;
|
|
border-color: silver !important;
|
|
border-radius: 15px !important;
|
|
}
|
|
|
|
</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'>
|
|
<div id='colors'>
|
|
<p><b>CSS color table</p>
|
|
<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'>Publication PDF</a></li>
|
|
</ul>
|
|
<img src="img/pub1.jpg" class='workimg'/>
|
|
<img src="img/pub2.jpg" class='workimg'/>
|
|
<img src="img/pub3.jpg" class='workimg'/>
|
|
<img src="img/pub4.jpg" class='workimg'/>
|
|
</div>
|
|
<div id='gradshow'>
|
|
<h3 class='gal-title'>Graduation Show</h3>
|
|
<img src="img/gradshow1.jpg" 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> |