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.
73 lines
2.5 KiB
HTML
73 lines
2.5 KiB
HTML
<!doctype html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
|
|
<title>Project Title</title>
|
|
<meta name="description" content="XPUB">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="../css/pages.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div id='wrapper'></div>
|
|
<a href='../' id='homebttn' class='ext'> << home</a>
|
|
<header>
|
|
<h1 id='project-title'>User Sentimental eXperience<a href='#hleft-text' class='show'> ⓘ</a></h1>
|
|
<h2 id='student-name'>Nami Kim</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>Bibendum maecenas cum faucibus per tincidunt metus ac, diam aliquam aliquet sociosqu parturient a mollis est, felis sem hendrerit rhoncus nisl urna. Ultricies ut risus class ridiculus vestibulum.</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://hub.xpub.nl/sandbot/Nami_Researchlog/' target="_blank" class='ext'>User Sentimental eXperience</a></li>
|
|
</ul>
|
|
<img src="landing1.png" class='workimg'/>
|
|
<img src="zoneoutroom2.png" class='workimg'/>
|
|
<img src="fishbowl2.png" class='workimg'/>
|
|
<img src="issue3_2.png" class='workimg'/>
|
|
|
|
</div>
|
|
<div id='publication'>
|
|
<h3 class='gal-title'>Publication</h3>
|
|
<ul id='publist'>
|
|
<li><a href='Nami Kim_graduation thesis_Xpub.pdf' target="_blank" class='ext'>Publication PDF</a></li>
|
|
</ul>
|
|
<img src="nami_pub1.png" class='workimg'/>
|
|
<img src="nami_pub2.png" class='workimg'/>
|
|
<img src="nami_pub3.png" class='workimg'/>
|
|
<img src="nami_pub4.png" class='workimg'/>
|
|
</div>
|
|
<div id='gradshow'>
|
|
<h3 class='gal-title'>Graduation Show</h3>
|
|
<p>It's coming soon...</p>
|
|
<!--<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> |