Line 1: | Line 1: | ||
− | {{ | + | {{LUBBOCK_TTU}} |
<html> | <html> | ||
+ | <html lang="en"> | ||
+ | <head> | ||
− | < | + | <style> |
− | + | #home_logo, #sideMenu { display:none; } | |
− | + | #sideMenu, #top_title, .patrollink {display:none;} | |
− | + | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} | |
− | + | body {background-color:white; } | |
− | + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | |
− | |||
− | + | </style> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | <meta charset="utf-8"> |
+ | <meta name="viewport" content="width=device-width"> | ||
+ | <style type="text/css"> | ||
+ | /* CLIENT-SPECIFIC STYLES */ | ||
+ | #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */ | ||
+ | .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */ | ||
+ | .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */ | ||
+ | body, table, td, a{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */ | ||
+ | table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */ | ||
+ | img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */ | ||
− | + | /* RESET STYLES */ | |
− | + | body{margin:0; padding:0;} | |
− | + | img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} | |
− | + | table{border-collapse:collapse !important;} | |
+ | body{height:100% !important; margin:0; padding:0; width:100% !important;} | ||
− | + | /* iOS BLUE LINKS */ | |
+ | .appleBody a {color:#68440a; text-decoration: none;} | ||
+ | .appleFooter a {color:#999999; text-decoration: none;} | ||
− | + | /* MOBILE STYLES */ | |
− | + | @media screen and (max-width: 525px) { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | /* ALLOWS FOR FLUID TABLES */ | |
− | + | table[class="wrapper"]{ | |
− | + | width:100% !important; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | /* ADJUSTS LAYOUT OF LOGO IMAGE */ |
+ | td[class="logo"]{ | ||
+ | text-align: left; | ||
+ | padding: 20px 0 20px 0 !important; | ||
+ | } | ||
+ | |||
+ | td[class="logo"] img{ | ||
+ | margin:0 auto!important; | ||
+ | } | ||
+ | |||
+ | /* USE THESE CLASSES TO HIDE CONTENT ON MOBILE */ | ||
+ | td[class="mobile-hide"]{ | ||
+ | display:none;} | ||
+ | |||
+ | img[class="mobile-hide"]{ | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | img[class="img-max"]{ | ||
+ | max-width: 100% !important; | ||
+ | height:auto !important; | ||
+ | } | ||
+ | |||
+ | /* FULL-WIDTH TABLES */ | ||
+ | table[class="responsive-table"]{ | ||
+ | width:100%!important; | ||
+ | } | ||
+ | |||
+ | /* UTILITY CLASSES FOR ADJUSTING PADDING ON MOBILE */ | ||
+ | td[class="padding"]{ | ||
+ | padding: 10px 5% 15px 5% !important; | ||
+ | } | ||
+ | |||
+ | td[class="padding-copy"]{ | ||
+ | padding: 10px 5% 10px 5% !important; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | td[class="padding-meta"]{ | ||
+ | padding: 30px 5% 0px 5% !important; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | td[class="no-pad"]{ | ||
+ | padding: 0 0 20px 0 !important; | ||
+ | } | ||
+ | |||
+ | td[class="no-padding"]{ | ||
+ | padding: 0 !important; | ||
+ | } | ||
+ | |||
+ | td[class="section-padding"]{ | ||
+ | padding: 50px 15px 50px 15px !important; | ||
+ | } | ||
+ | |||
+ | td[class="section-padding-bottom-image"]{ | ||
+ | padding: 50px 15px 0 15px !important; | ||
+ | } | ||
+ | |||
+ | /* ADJUST BUTTONS ON MOBILE */ | ||
+ | td[class="mobile-wrapper"]{ | ||
+ | padding: 10px 5% 15px 5% !important; | ||
+ | } | ||
+ | |||
+ | table[class="mobile-button-container"]{ | ||
+ | margin:0 auto; | ||
+ | width:100% !important; | ||
+ | } | ||
+ | |||
+ | a[class="mobile-button"]{ | ||
+ | width:80% !important; | ||
+ | padding: 15px !important; | ||
+ | border: 0 !important; | ||
+ | font-size: 16px !important; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <center><h1>Meet the iGEM Raiders</h1></center> | ||
+ | |||
+ | <div class="column full_size" > | ||
<div align="left"><h3>Brandon Palomo</h3><hr> | <div align="left"><h3>Brandon Palomo</h3><hr> | ||
− | < | + | <h4>President & Team Leader</h4></br> |
<img src="https://static.igem.org/mediawiki/2017/1/1d/Lubbock_TTU_bp.png" style="width:200px;" align="left"> | <img src="https://static.igem.org/mediawiki/2017/1/1d/Lubbock_TTU_bp.png" style="width:200px;" align="left"> | ||
</br><p>Lorem ipsum dolor sit amet, enim venenatis, in eget condimentum at vel porta duis, tristique neque blandit sapien sapien erat. At et amet, ipsum et, eu varius. Sed nullam pellentesque sollicitudin, urna etiam libero, arcu vestibulum pellentesque porta pede nulla in, ipsum sed aliquam, vitae sollicitudin. Nec ac sit, est ultrices amet nibh metus enim tristique, dolor placerat, justo sit. In porta nulla, ultricies ipsum tellus id fermentum, urna a in ac felis aenean dui, ut sed egestas eget nonummy. Diam quis massa, eu massa risus mi varius, purus mauris dignissim blandit, donec et cras fringilla quam volutpat vulputate. Varius scelerisque sed sed tempor eget, eros sociis sed, suspendisse in mauris natoque quis, nec libero sapien vehicula. Egestas lacinia aliquet in nascetur luctus, fusce a donec curabitur, vestibulum est sit cursus odio vitae fermentum, egestas at proin. Magna adipiscing hendrerit, eu mi ut dolor, venenatis vitae eget, eros fusce sed ipsum mauris interdum nec. Tortor dui sem aliquam elit, justo vitae. Est ut nascetur morbi, quis luctus nec porta ut porttitor rutrum, erat et, turpis habitant enim massa faucibus maecenas, eget id litora porttitor adipiscing platea eget. Aliquam a nam mauris ligula nibh eros, cursus fusce lorem, sit sem neque sint dis, pellentesque facere vestibulum pede, dolor est adipiscing habitasse non ipsum.</p> | </br><p>Lorem ipsum dolor sit amet, enim venenatis, in eget condimentum at vel porta duis, tristique neque blandit sapien sapien erat. At et amet, ipsum et, eu varius. Sed nullam pellentesque sollicitudin, urna etiam libero, arcu vestibulum pellentesque porta pede nulla in, ipsum sed aliquam, vitae sollicitudin. Nec ac sit, est ultrices amet nibh metus enim tristique, dolor placerat, justo sit. In porta nulla, ultricies ipsum tellus id fermentum, urna a in ac felis aenean dui, ut sed egestas eget nonummy. Diam quis massa, eu massa risus mi varius, purus mauris dignissim blandit, donec et cras fringilla quam volutpat vulputate. Varius scelerisque sed sed tempor eget, eros sociis sed, suspendisse in mauris natoque quis, nec libero sapien vehicula. Egestas lacinia aliquet in nascetur luctus, fusce a donec curabitur, vestibulum est sit cursus odio vitae fermentum, egestas at proin. Magna adipiscing hendrerit, eu mi ut dolor, venenatis vitae eget, eros fusce sed ipsum mauris interdum nec. Tortor dui sem aliquam elit, justo vitae. Est ut nascetur morbi, quis luctus nec porta ut porttitor rutrum, erat et, turpis habitant enim massa faucibus maecenas, eget id litora porttitor adipiscing platea eget. Aliquam a nam mauris ligula nibh eros, cursus fusce lorem, sit sem neque sint dis, pellentesque facere vestibulum pede, dolor est adipiscing habitasse non ipsum.</p> | ||
Line 100: | Line 134: | ||
</br><div class="column full_size" > | </br><div class="column full_size" > | ||
<div align="right"><h3>Gregory Knox</h3><hr> | <div align="right"><h3>Gregory Knox</h3><hr> | ||
− | < | + | <h4>Vice President</h4></br> |
<img src="https://static.igem.org/mediawiki/2017/c/cb/Lubbock_TTU_gk.png" style="width:200px;" align="right"> | <img src="https://static.igem.org/mediawiki/2017/c/cb/Lubbock_TTU_gk.png" style="width:200px;" align="right"> | ||
</br><p>Lorem ipsum dolor sit amet, enim venenatis, in eget condimentum at vel porta duis, tristique neque blandit sapien sapien erat. At et amet, ipsum et, eu varius. Sed nullam pellentesque sollicitudin, urna etiam libero, arcu vestibulum pellentesque porta pede nulla in, ipsum sed aliquam, vitae sollicitudin. Nec ac sit, est ultrices amet nibh metus enim tristique, dolor placerat, justo sit. In porta nulla, ultricies ipsum tellus id fermentum, urna a in ac felis aenean dui, ut sed egestas eget nonummy. Diam quis massa, eu massa risus mi varius, purus mauris dignissim blandit, donec et cras fringilla quam volutpat vulputate. Varius scelerisque sed sed tempor eget, eros sociis sed, suspendisse in mauris natoque quis, nec libero sapien vehicula. Egestas lacinia aliquet in nascetur luctus, fusce a donec curabitur, vestibulum est sit cursus odio vitae fermentum, egestas at proin. Magna adipiscing hendrerit, eu mi ut dolor, venenatis vitae eget, eros fusce sed ipsum mauris interdum nec. Tortor dui sem aliquam elit, justo vitae. Est ut nascetur morbi, quis luctus nec porta ut porttitor rutrum, erat et, turpis habitant enim massa faucibus maecenas, eget id litora porttitor adipiscing platea eget. Aliquam a nam mauris ligula nibh eros, cursus fusce lorem, sit sem neque sint dis, pellentesque facere vestibulum pede, dolor est adipiscing habitasse non ipsum.</p> | </br><p>Lorem ipsum dolor sit amet, enim venenatis, in eget condimentum at vel porta duis, tristique neque blandit sapien sapien erat. At et amet, ipsum et, eu varius. Sed nullam pellentesque sollicitudin, urna etiam libero, arcu vestibulum pellentesque porta pede nulla in, ipsum sed aliquam, vitae sollicitudin. Nec ac sit, est ultrices amet nibh metus enim tristique, dolor placerat, justo sit. In porta nulla, ultricies ipsum tellus id fermentum, urna a in ac felis aenean dui, ut sed egestas eget nonummy. Diam quis massa, eu massa risus mi varius, purus mauris dignissim blandit, donec et cras fringilla quam volutpat vulputate. Varius scelerisque sed sed tempor eget, eros sociis sed, suspendisse in mauris natoque quis, nec libero sapien vehicula. Egestas lacinia aliquet in nascetur luctus, fusce a donec curabitur, vestibulum est sit cursus odio vitae fermentum, egestas at proin. Magna adipiscing hendrerit, eu mi ut dolor, venenatis vitae eget, eros fusce sed ipsum mauris interdum nec. Tortor dui sem aliquam elit, justo vitae. Est ut nascetur morbi, quis luctus nec porta ut porttitor rutrum, erat et, turpis habitant enim massa faucibus maecenas, eget id litora porttitor adipiscing platea eget. Aliquam a nam mauris ligula nibh eros, cursus fusce lorem, sit sem neque sint dis, pellentesque facere vestibulum pede, dolor est adipiscing habitasse non ipsum.</p> | ||
Line 107: | Line 141: | ||
</br><div class="column full_size" > | </br><div class="column full_size" > | ||
<div align="left"><h3>Angela Ahrens</h3><hr> | <div align="left"><h3>Angela Ahrens</h3><hr> | ||
− | <p>Description</p> | + | </br><p>Description</p> |
</div> | </div> | ||
</br><div class="column full_size" > | </br><div class="column full_size" > | ||
<div align="right"><h3>Brittany Gaither</h3><hr> | <div align="right"><h3>Brittany Gaither</h3><hr> | ||
− | <p>Description</p> | + | </br><p>Description</p> |
</div> | </div> | ||
</br><div class="column full_size" > | </br><div class="column full_size" > | ||
<div align="left"><h3>Brittney Hoang</h3><hr> | <div align="left"><h3>Brittney Hoang</h3><hr> | ||
− | < | + | <h4>Secretary</h4></br> |
<p>Description</p> | <p>Description</p> | ||
</div> | </div> | ||
Line 123: | Line 157: | ||
</br><div class="column full_size" > | </br><div class="column full_size" > | ||
<div align="right"><h3>Darron Tharp</h3><hr> | <div align="right"><h3>Darron Tharp</h3><hr> | ||
− | <p>Description</p> | + | </br><p>Description</p> |
</div> | </div> | ||
</br><div class="column full_size" > | </br><div class="column full_size" > | ||
<div align="left"><h3>Diane Ha</h3><hr> | <div align="left"><h3>Diane Ha</h3><hr> | ||
− | < | + | <h4>Public Relations Director & Wiki Developer</h4></br> |
<p>Description</p> | <p>Description</p> | ||
</div> | </div> | ||
Line 134: | Line 168: | ||
</br><div class="column full_size" > | </br><div class="column full_size" > | ||
<div align="right"><h3>Fernando Nunez</h3><hr> | <div align="right"><h3>Fernando Nunez</h3><hr> | ||
− | <p>Description</p> | + | </br><p>Description</p> |
</div> | </div> | ||
</br><div class="column full_size" > | </br><div class="column full_size" > | ||
<div align="left"><h3>Kaitlyn Moseley</h3><hr> | <div align="left"><h3>Kaitlyn Moseley</h3><hr> | ||
− | < | + | <h4>Public Outreach Director</h4></br> |
<p>Description</p> | <p>Description</p> | ||
</div> | </div> | ||
Line 145: | Line 179: | ||
</br><div class="column full_size" > | </br><div class="column full_size" > | ||
<div align="right"><h3>Kenia Ascencio</h3><hr> | <div align="right"><h3>Kenia Ascencio</h3><hr> | ||
− | < | + | <h4>Treasurer & SORC Representative</h4></br> |
<p>Description</p> | <p>Description</p> | ||
</div> | </div> | ||
Line 151: | Line 185: | ||
</br><div class="column full_size" > | </br><div class="column full_size" > | ||
<div align="left"><h3>Marilyn Mathew</h3><hr> | <div align="left"><h3>Marilyn Mathew</h3><hr> | ||
− | <p>Description</p> | + | </br><p>Description</p> |
</div> | </div> | ||
</br><div class="column full_size" > | </br><div class="column full_size" > | ||
<div align="right"><h3>Tan Pham</h3><hr> | <div align="right"><h3>Tan Pham</h3><hr> | ||
− | <p>Description</p> | + | </br><p>Description</p> |
</div> | </div> | ||
</br><div class="column full_size" > | </br><div class="column full_size" > | ||
<div align="left"><h3>Zachary Nguyen</h3><hr> | <div align="left"><h3>Zachary Nguyen</h3><hr> | ||
− | <p>Description</p> | + | </br><p>Description</p> |
</div> | </div> | ||
− | </ | + | </div> <!-- end of full size column --> |
</body> | </body> | ||
</html> | </html> |
Revision as of 22:23, 25 May 2017
Meet the iGEM Raiders
Brandon Palomo
President & Team Leader
Lorem ipsum dolor sit amet, enim venenatis, in eget condimentum at vel porta duis, tristique neque blandit sapien sapien erat. At et amet, ipsum et, eu varius. Sed nullam pellentesque sollicitudin, urna etiam libero, arcu vestibulum pellentesque porta pede nulla in, ipsum sed aliquam, vitae sollicitudin. Nec ac sit, est ultrices amet nibh metus enim tristique, dolor placerat, justo sit. In porta nulla, ultricies ipsum tellus id fermentum, urna a in ac felis aenean dui, ut sed egestas eget nonummy. Diam quis massa, eu massa risus mi varius, purus mauris dignissim blandit, donec et cras fringilla quam volutpat vulputate. Varius scelerisque sed sed tempor eget, eros sociis sed, suspendisse in mauris natoque quis, nec libero sapien vehicula. Egestas lacinia aliquet in nascetur luctus, fusce a donec curabitur, vestibulum est sit cursus odio vitae fermentum, egestas at proin. Magna adipiscing hendrerit, eu mi ut dolor, venenatis vitae eget, eros fusce sed ipsum mauris interdum nec. Tortor dui sem aliquam elit, justo vitae. Est ut nascetur morbi, quis luctus nec porta ut porttitor rutrum, erat et, turpis habitant enim massa faucibus maecenas, eget id litora porttitor adipiscing platea eget. Aliquam a nam mauris ligula nibh eros, cursus fusce lorem, sit sem neque sint dis, pellentesque facere vestibulum pede, dolor est adipiscing habitasse non ipsum.
Gregory Knox
Vice President
Lorem ipsum dolor sit amet, enim venenatis, in eget condimentum at vel porta duis, tristique neque blandit sapien sapien erat. At et amet, ipsum et, eu varius. Sed nullam pellentesque sollicitudin, urna etiam libero, arcu vestibulum pellentesque porta pede nulla in, ipsum sed aliquam, vitae sollicitudin. Nec ac sit, est ultrices amet nibh metus enim tristique, dolor placerat, justo sit. In porta nulla, ultricies ipsum tellus id fermentum, urna a in ac felis aenean dui, ut sed egestas eget nonummy. Diam quis massa, eu massa risus mi varius, purus mauris dignissim blandit, donec et cras fringilla quam volutpat vulputate. Varius scelerisque sed sed tempor eget, eros sociis sed, suspendisse in mauris natoque quis, nec libero sapien vehicula. Egestas lacinia aliquet in nascetur luctus, fusce a donec curabitur, vestibulum est sit cursus odio vitae fermentum, egestas at proin. Magna adipiscing hendrerit, eu mi ut dolor, venenatis vitae eget, eros fusce sed ipsum mauris interdum nec. Tortor dui sem aliquam elit, justo vitae. Est ut nascetur morbi, quis luctus nec porta ut porttitor rutrum, erat et, turpis habitant enim massa faucibus maecenas, eget id litora porttitor adipiscing platea eget. Aliquam a nam mauris ligula nibh eros, cursus fusce lorem, sit sem neque sint dis, pellentesque facere vestibulum pede, dolor est adipiscing habitasse non ipsum.
Angela Ahrens
Description
Brittany Gaither
Description
Brittney Hoang
Secretary
Description
Darron Tharp
Description