Line 1: | Line 1: | ||
− | + | <!DOCTYPE html> | |
<html> | <html> | ||
+ | <body background="https://noellesterk.com/wp-content/uploads/herfst.jpg"> | ||
− | |||
− | |||
− | |||
− | |||
+ | </body> | ||
+ | |||
+ | <div id="topbar" style="text-transform:uppercase;letter-spacing:2px;font-weight:bold;font-size:12px;color:#000000;padding:15px 15px 0 15px;"> | ||
+ | Team Hogeschool Rotterdam | ||
+ | <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> | ||
+ | </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:199px;"> | ||
+ | <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> Team Leader |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | <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> | </div> | ||
Line 44: | Line 43: | ||
− | <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 | + | </div> |
+ | <!-------------------------------------------------> | ||
− | < | + | <!-- USE THIS AT THE END OF EACH ROW --> |
− | < | + | <div style="clear:left;"></div> |
+ | <!-- USE THIS AT THE END OF EACH ROW --> | ||
− | |||
− | <div | + | <!-- USE THIS FOR THE FIRST CHARACTER OF EACH ROW --> |
− | <a href=" | + | <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> | + | <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> | ||
− | |||
− | |||
− | |||
− | |||
+ | <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> | </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> | </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 | + | |
+ | <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> | </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> | </div> | ||
+ | <!-------------------------------------------------> | ||
+ | <!-- USE THIS AT THE END OF EACH ROW --> | ||
+ | <div style="clear:left;"></div> | ||
+ | <!-- USE THIS AT THE END OF EACH ROW --> | ||
− | |||
− | </ | + | |
+ | </div> |
Revision as of 17:29, 30 April 2018
<!DOCTYPE html>
Team Hogeschool Rotterdam