|
|
| (5 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | {{LUBBOCK_TTU/MAIN}}
| |
| − | <html>
| |
| | | | |
| − | <style>
| |
| − | body{
| |
| − | font-family: "Open Sans", sans-serif;
| |
| − | }
| |
| − | .cont{
| |
| − | max-width: 800px;
| |
| − | margin: 5% auto;
| |
| − | <!--padding: 20px;-->
| |
| − | background-color: #fff;
| |
| − | overflow: hidden;
| |
| − | box-sizing: border-box;
| |
| − | <!--box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.3), 0 35px 50px -25px rgba(0, 0, 0, 0.3), 0 85px 60px -25px rgba(0, 0, 0, 0.1);-->
| |
| − | }
| |
| − |
| |
| − | .text-center{
| |
| − | text-align: center;
| |
| − | margin-bottom: 1em;
| |
| − | }
| |
| − |
| |
| − | .lightbox-gallery {
| |
| − | display: flex;
| |
| − | flex-direction: row;
| |
| − | flex-wrap: wrap;
| |
| − | justify-content: center;
| |
| − | }
| |
| − |
| |
| − | .lightbox-gallery div > img {
| |
| − | max-width: 100%;
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | .lightbox-gallery div {
| |
| − | margin: 10px;
| |
| − | flex-basis: 180px;
| |
| − | }
| |
| − |
| |
| − | @media only screen and (max-width: 480px) {
| |
| − | .lightbox-gallery {
| |
| − | flex-direction: column;
| |
| − | align-items: center;
| |
| − | }
| |
| − |
| |
| − | .lightbox > div {
| |
| − | margin-bottom: 10px;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /*Lighbox CSS*/
| |
| − |
| |
| − |
| |
| − | .lightbox{
| |
| − | display: none;
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | background-color: rgba(0,0,0,.7);
| |
| − | position: fixed;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | z-index: 20;
| |
| − | <!--padding-top: 30px;-->
| |
| − | box-sizing: border-box;
| |
| − | }
| |
| − |
| |
| − | .lightbox img{
| |
| − | display: block;
| |
| − | margin: auto;
| |
| − | }
| |
| − |
| |
| − | .lightbox .caption{
| |
| − | margin: 15px auto;
| |
| − | width: 50%;
| |
| − | text-align: center;
| |
| − | font-size: 1em;
| |
| − | line-height: 1.5;
| |
| − | font-weight: 700;
| |
| − | color: #eee;
| |
| − | }
| |
| − | </style>
| |
| − |
| |
| − | <body>
| |
| − | <!-- Portfolio Start -->
| |
| − | <section id="portfolio" class="portfolio section-space-padding">
| |
| − | <div class="cont">
| |
| − | <div class="row">
| |
| − | <div class="col-sm-12">
| |
| − | <div class="section-title">
| |
| − | <h2>Meet the Team</h2>
| |
| − | <div class="divider dark">
| |
| − | <i class="icon-people"></i>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="column full_size" >
| |
| − | <center><h1>Meet the iGEM Raiders</h1></center>
| |
| − | <img src="https://static.igem.org/mediawiki/2017/9/92/Lubbock_TTU_ttuseal.png" align="left" style="width:150px;" hspace="15px">
| |
| − | </br><p><b>WHO ARE WE?</b>
| |
| − | The Lubbock_TTU Team is part of a student organization at Texas Tech University known as iGEM Raiders. Our mission is to expose the university and community to synthetic biology through undergraduate initiative and involvement in the International Genetically Engineering Machine (iGEM) Competition.</p>
| |
| − | <p>This year, the iGEM Raiders team is composed of 14 dedicated undergraduate and graduate students with backgrounds in microbiology, animal science, cell and molecular biology, biochemistry, mathematics, physics, and chemical, mechanical, and electrical engineering. The diversity within our team enables the iGEM Raiders to tackle novel project ideas. <b>THIS SECTION NEEDS TO BE UPDATED.</b></p>
| |
| − | </div>
| |
| − |
| |
| − | <div class="column full_size" >
| |
| − | <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" hspace="15px">
| |
| − | </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>
| |
| − | </div>
| |
| − |
| |
| − | </br><div class="column full_size" >
| |
| − | <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" hspace="15px">
| |
| − | </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>
| |
| − | </div>
| |
| − |
| |
| − | </br><div class="column full_size" >
| |
| − | <div align="left"><h3>Angela Ahrens</h3><hr>
| |
| − | <img src="https://placeholdit.imgix.net/~text?txtsize=19&txt=200×300&w=200&h=300" style="width:200px;" align="right" hspace="15px">
| |
| − | </br><p>Description</p>
| |
| − | </div>
| |
| − |
| |
| − | </br><div class="column full_size" >
| |
| − | <div align="right"><h3>Brittany Gaither</h3><hr>
| |
| − | </br><p>Description</p>
| |
| − | </div>
| |
| − |
| |
| − | </br><div class="column full_size" >
| |
| − | <div align="left"><h3>Brittney Hoang</h3><hr>
| |
| − | <h4>Secretary</h4></br>
| |
| − | <p>Description</p>
| |
| − | </div>
| |
| − |
| |
| − | </br><div class="column full_size" >
| |
| − | <div align="right"><h3>Darron Tharp</h3><hr>
| |
| − | </br><p>Description</p>
| |
| − | </div>
| |
| − |
| |
| − | </br><div class="column full_size" >
| |
| − | <div align="left"><h3>Diane Ha</h3><hr>
| |
| − | <h4>Public Relations Director & Wiki Developer</h4></br>
| |
| − | <p>Description</p>
| |
| − | </div>
| |
| − |
| |
| − | </br><div class="column full_size" >
| |
| − | <div align="right"><h3>Fernando Nunez</h3><hr>
| |
| − | </br><p>Description</p>
| |
| − | </div>
| |
| − |
| |
| − | </br><div class="column full_size" >
| |
| − | <div align="left"><h3>Kaitlyn Moseley</h3><hr>
| |
| − | <h4>Public Outreach Director</h4></br>
| |
| − | <p>Description</p>
| |
| − | </div>
| |
| − |
| |
| − | </br><div class="column full_size" >
| |
| − | <div align="right"><h3>Kenia Ascencio</h3><hr>
| |
| − | <h4>Treasurer & SORC Representative</h4></br>
| |
| − | <p>Description</p>
| |
| − | </div>
| |
| − |
| |
| − | </br><div class="column full_size" >
| |
| − | <div align="left"><h3>Marilyn Mathew</h3><hr>
| |
| − | </br><p>Description</p>
| |
| − | </div>
| |
| − |
| |
| − | </br><div class="column full_size" >
| |
| − | <div align="right"><h3>Tan Pham</h3><hr>
| |
| − | </br><p>Description</p>
| |
| − | </div>
| |
| − |
| |
| − | </br><div class="column full_size" >
| |
| − | <div align="left"><h3>Zachary Nguyen</h3><hr>
| |
| − | </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>
| |
| − | </div>
| |
| − |
| |
| − | </div> <!-- end of full size column -->
| |
| − |
| |
| − | </section>
| |
| − | <!-- Portfolio End -->
| |
| − |
| |
| − | </body>
| |
| − |
| |
| − | </html>
| |
