Line 1: | Line 1: | ||
− | + | <!DOCTYPE html> | |
<html> | <html> | ||
Line 15: | Line 15: | ||
<div id="nav" style="float:right;"><a href="#1" style="text-decoration:none;color:#000000;">Team</a> / <a href="#2" style="text-decoration:none;color:#000000;">Project</a> / <a href="#3" style="text-decoration:none;color:#000000;">Results</a> / <a href="#4" style="text-decoration:none;color:#000000;">Labjournal</a></div> | <div id="nav" style="float:right;"><a href="#1" style="text-decoration:none;color:#000000;">Team</a> / <a href="#2" style="text-decoration:none;color:#000000;">Project</a> / <a href="#3" style="text-decoration:none;color:#000000;">Results</a> / <a href="#4" style="text-decoration:none;color:#000000;">Labjournal</a></div> | ||
</div> | </div> | ||
+ | </br></br> | ||
+ | <div id="content" style="height:650px;overflow:hidden;text-align:justify;line-height:170%;color:#333;"> | ||
+ | |||
+ | <a name="1"></a><div class="page" style="height:570px;padding:40px;overflow:auto;"> | ||
+ | <center class="page-head" style="margin:0 18% 20px 18%;line-height:200%;"> | ||
+ | <b style="letter-spacing:3px;font-size:20px;color:#00000;"> Our Team </b><br> | ||
+ | <i style="font-family:Palatino Linotype;"></i> | ||
+ | <div style="margin:10px auto; width:640px;"> | ||
+ | |||
+ | <!-- USE THIS FOR THE FIRST CHARACTER OF EACH ROW --> | ||
+ | <div style="float:left; margin:0px 35px 20px 0px; padding-bottom:10px; background:#CCC; border-bottom:4px solid #666; -webkit-border-radius:100px 100px 20px 20px; border-radius:100px 100px 20px 20px; font-family:Verdana; font-size:9px; text-align:center; width:100px; height:149px;"> | ||
+ | |||
+ | <a href="http://JOURNALNAME.insanejournal.com" title="~JOURNALNAME"> | ||
+ | <img src="http://i.imgbox.com/4KleCTI2.png" style="margin:-1px 0px 10px -9px; padding:8px; background:#EEE; -webkit-border-radius:100px; border-radius:100px; font-size:11px; -webkit-box-shadow: 1px 1px 2px 0 #666; box-shadow: 1px 1px 2px 0 #666; width:100px; height:100px;"/></a> | ||
+ | |||
+ | <b style="text-transform:uppercase;">Mei Ju Goesmans</b><br/>Team Leader | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | <div style="float:left; margin:0px 35px 0px 0px; padding-bottom:10px; background:#CCC; border-bottom:4px solid #666; -webkit-border-radius:100px 100px 20px 20px; border-radius:100px 100px 20px 20px; font-family:Verdana; font-size:9px; text-align:center; width:100px; height:149px;"> | ||
+ | |||
+ | <a href="http://JOURNALNAME.insanejournal.com" title="~JOURNALNAME"><img src="http://i.imgbox.com/4KleCTI2.png" style="margin:-1px 0px 10px -9px; padding:8px; background:#EEE; -webkit-border-radius:100px; border-radius:100px; font-size:11px; -webkit-box-shadow: 1px 1px 2px 0 #666; box-shadow: 1px 1px 2px 0 #666; width:100px; height:100px;"/></a> | ||
+ | |||
+ | <b style="text-transform:uppercase;">Character Name</b><br/>PB Name | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!-- THIS DIV *MUST* BE THE LAST ONE IN EACH ROW --> | ||
+ | <div style="float:left; margin:0px; padding-bottom:10px; background:#CCC; border-bottom:4px solid #666; -webkit-border-radius:100px 100px 20px 20px; border-radius:100px 100px 20px 20px; font-family:Verdana; font-size:9px; text-align:center; width:100px; height:149px;"> | ||
+ | |||
+ | <a href="http://JOURNALNAME.insanejournal.com" title="~JOURNALNAME"><img src="http://i.imgbox.com/4KleCTI2.png" style="margin:-1px 0px 10px -9px; padding:8px; background:#EEE; -webkit-border-radius:100px; border-radius:100px; font-size:11px; -webkit-box-shadow: 1px 1px 2px 0 #666; box-shadow: 1px 1px 2px 0 #666; width:100px; height:100px;"/></a> | ||
+ | |||
+ | <b style="text-transform:uppercase;">Character Name</b><br/>PB Name | ||
+ | |||
+ | </div> | ||
+ | <!-------------------------------------------------> | ||
+ | |||
+ | <!-- USE THIS AT THE END OF EACH ROW --> | ||
+ | <div style="clear:left;"></div> | ||
+ | <!-- USE THIS AT THE END OF EACH ROW --> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- USE THIS FOR THE FIRST CHARACTER OF EACH ROW --> | ||
+ | <div style="float:left; margin:0px 35px 20px 0px; padding-bottom:10px; background:#CCC; border-bottom:4px solid #666; -webkit-border-radius:100px 100px 20px 20px; border-radius:100px 100px 20px 20px; font-family:Verdana; font-size:9px; text-align:center; width:100px; height:149px;"> | ||
+ | |||
+ | <a href="http://JOURNALNAME.insanejournal.com" title="~JOURNALNAME"> | ||
+ | <img src="http://i.imgbox.com/4KleCTI2.png" style="margin:-1px 0px 10px -9px; padding:8px; background:#EEE; -webkit-border-radius:100px; border-radius:100px; font-size:11px; -webkit-box-shadow: 1px 1px 2px 0 #666; box-shadow: 1px 1px 2px 0 #666; width:100px; height:100px;"/></a> | ||
+ | |||
+ | <b style="text-transform:uppercase;">Character Name</b><br/>PB Name | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div style="float:left; margin:0px 35px 0px 0px; padding-bottom:10px; background:#CCC; border-bottom:4px solid #666; -webkit-border-radius:100px 100px 20px 20px; border-radius:100px 100px 20px 20px; font-family:Verdana; font-size:9px; text-align:center; width:100px; height:149px;"> | ||
+ | |||
+ | <a href="http://JOURNALNAME.insanejournal.com" title="~JOURNALNAME"><img src="http://i.imgbox.com/4KleCTI2.png" style="margin:-1px 0px 10px -9px; padding:8px; background:#EEE; -webkit-border-radius:100px; border-radius:100px; font-size:11px; -webkit-box-shadow: 1px 1px 2px 0 #666; box-shadow: 1px 1px 2px 0 #666; width:100px; height:100px;"/></a> | ||
+ | |||
+ | <b style="text-transform:uppercase;">Character Name</b><br/>PB Name | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!-- THIS DIV *MUST* BE THE LAST ONE IN EACH ROW --> | ||
+ | <div style="float:left; margin:0px; padding-bottom:10px; background:#CCC; border-bottom:4px solid #666; -webkit-border-radius:100px 100px 20px 20px; border-radius:100px 100px 20px 20px; font-family:Verdana; font-size:9px; text-align:center; width:100px; height:149px;"> | ||
+ | |||
+ | <a href="http://JOURNALNAME.insanejournal.com" title="~JOURNALNAME"><img src="http://i.imgbox.com/4KleCTI2.png" style="margin:-1px 0px 10px -9px; padding:8px; background:#EEE; -webkit-border-radius:100px; border-radius:100px; font-size:11px; -webkit-box-shadow: 1px 1px 2px 0 #666; box-shadow: 1px 1px 2px 0 #666; width:100px; height:100px;"/></a> | ||
+ | |||
+ | <b style="text-transform:uppercase;">Character Name</b><br/>PB Name | ||
+ | |||
+ | </div> | ||
+ | <!-------------------------------------------------> | ||
+ | |||
+ | <!-- USE THIS AT THE END OF EACH ROW --> | ||
+ | <div style="clear:left;"></div> | ||
+ | <!-- USE THIS AT THE END OF EACH ROW --> | ||
+ | |||
+ | <!-- USE THIS FOR THE FIRST CHARACTER OF EACH ROW --> | ||
+ | <div style="float:left; margin:0px 35px 20px 0px; padding-bottom:10px; background:#CCC; border-bottom:4px solid #666; -webkit-border-radius:100px 100px 20px 20px; border-radius:100px 100px 20px 20px; font-family:Verdana; font-size:9px; text-align:center; width:100px; height:149px;"> | ||
+ | |||
+ | <a href="http://JOURNALNAME.insanejournal.com" title="~JOURNALNAME"> | ||
+ | <img src="http://i.imgbox.com/4KleCTI2.png" style="margin:-1px 0px 10px -9px; padding:8px; background:#EEE; -webkit-border-radius:100px; border-radius:100px; font-size:11px; -webkit-box-shadow: 1px 1px 2px 0 #666; box-shadow: 1px 1px 2px 0 #666; width:100px; height:100px;"/></a> | ||
+ | |||
+ | <b style="text-transform:uppercase;">Character Name</b><br/>PB Name | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | <div style="float:left; margin:0px 35px 0px 0px; padding-bottom:10px; background:#CCC; border-bottom:4px solid #666; -webkit-border-radius:100px 100px 20px 20px; border-radius:100px 100px 20px 20px; font-family:Verdana; font-size:9px; text-align:center; width:100px; height:149px;"> | ||
+ | |||
+ | <a href="http://JOURNALNAME.insanejournal.com" title="~JOURNALNAME"><img src="http://i.imgbox.com/4KleCTI2.png" style="margin:-1px 0px 10px -9px; padding:8px; background:#EEE; -webkit-border-radius:100px; border-radius:100px; font-size:11px; -webkit-box-shadow: 1px 1px 2px 0 #666; box-shadow: 1px 1px 2px 0 #666; width:100px; height:100px;"/></a> | ||
+ | |||
+ | <b style="text-transform:uppercase;">Character Name</b><br/>PB Name | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!-- THIS DIV *MUST* BE THE LAST ONE IN EACH ROW --> | ||
+ | <div style="float:left; margin:0px; padding-bottom:10px; background:#CCC; border-bottom:4px solid #666; -webkit-border-radius:100px 100px 20px 20px; border-radius:100px 100px 20px 20px; font-family:Verdana; font-size:9px; text-align:center; width:100px; height:149px;"> | ||
+ | |||
+ | <a href="http://JOURNALNAME.insanejournal.com" title="~JOURNALNAME"><img src="http://i.imgbox.com/4KleCTI2.png" style="margin:-1px 0px 10px -9px; padding:8px; background:#EEE; -webkit-border-radius:100px; border-radius:100px; font-size:11px; -webkit-box-shadow: 1px 1px 2px 0 #666; box-shadow: 1px 1px 2px 0 #666; width:100px; height:100px;"/></a> | ||
+ | |||
+ | <b style="text-transform:uppercase;">Character Name</b><br/>PB Name | ||
+ | |||
+ | </div> | ||
+ | <!-------------------------------------------------> | ||
+ | |||
+ | <!-- USE THIS AT THE END OF EACH ROW --> | ||
+ | <div style="clear:left;"></div> | ||
+ | <!-- USE THIS AT THE END OF EACH ROW --> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | </center> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 16:58, 30 April 2018
<!DOCTYPE html>
Team Hogeschool Rotterdam