<!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;
}
#about-student{
border-width: thin;
border-color: silver;
border-radius: 15px;
}
< / 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 > < 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 >
< 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 >
