|
|
| Line 27: |
Line 27: |
| | to{opacity:1}} | | to{opacity:1}} |
| | | | |
| | + | .container |
| | + | { |
| | + | width:80%; |
| | + | height: 100%; |
| | + | background-color: blue; |
| | + | } |
| | | | |
| − | #outer{
| + | .icon-wrapper |
| − | height: 500px;
| + | |
| − | width: 100%;
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2017/4/41/TP-CC_San_Diego_Safety_Picture_2.jpeg");
| + | |
| − | background-size: cover;
| + | |
| − | margin: 7% 0px 40px 0px;
| + | |
| − | data-aos: fade-right;
| + | |
| − | }
| + | |
| − | | + | |
| − | #outerRight{
| + | |
| − | height: 500px;
| + | |
| − | width: 100%;
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2017/4/41/TP-CC_San_Diego_Safety_Picture_2.jpeg");
| + | |
| − | background-size: cover;
| + | |
| − | margin: 0px 0px 20px 0px;
| + | |
| − | data-aos: fade-left;
| + | |
| − | }
| + | |
| − | | + | |
| − | #inner{
| + | |
| − | width: 1100px;
| + | |
| − | height: 500px;
| + | |
| − | overflow: hidden;
| + | |
| − | margin: 0 auto 0 auto;
| + | |
| − | }
| + | |
| − | | + | |
| − | #finalinner{
| + | |
| − | width: 300px;
| + | |
| − | height: 700px;
| + | |
| − | float: left;
| + | |
| − | padding: 0px 75px 0 35px;
| + | |
| − | background-color: white;
| + | |
| − | }
| + | |
| − | | + | |
| − | #finalinnerRight{
| + | |
| − | width: 300px;
| + | |
| − | height: 700px;
| + | |
| − | float: right;
| + | |
| − | padding: 0px 35px 0 75px;
| + | |
| − | text-align: right;
| + | |
| − | background-color: white;
| + | |
| − | }
| + | |
| − | | + | |
| − | #inner a{
| + | |
| − | color: #243249;
| + | |
| − | font-weight: 700;
| + | |
| − | font-size: 12px;
| + | |
| − | font-family: Montserrat;
| + | |
| − | border: 2px solid #243249;
| + | |
| − | padding: 5px 10px 5px 10px;
| + | |
| − | }
| + | |
| − | | + | |
| − | #inner a:hover{
| + | |
| − | color: white;
| + | |
| − | font-weight: 700;
| + | |
| − | font-size: 12px;
| + | |
| − | font-family: Montserrat;
| + | |
| − | background-color: #243249;
| + | |
| − | border: 2px solid #243249;
| + | |
| − | padding: 5px 10px 5px 10px;
| + | |
| − | text-decoration: none;
| + | |
| − | font-family: 'Montserrat', sans-serif;
| + | |
| − | }
| + | |
| − | | + | |
| − | .meetteam
| + | |
| | { | | { |
| − | margin: 9%; | + | width: 25%; |
| − | text-align: center; | + | height: 500px; |
| − | font-family: 'Montserrat', sans-serif;
| + | |
| | } | | } |
| − |
| |
| − | .meetteam a{
| |
| − | color: #243249;
| |
| − | font-weight: 700;
| |
| − | font-size: 15px;
| |
| − | font-family: Montserrat;
| |
| − | border: 2px solid #243249;
| |
| − | padding: 7px 12px 7px 12px;
| |
| − | }
| |
| − |
| |
| − | .meetteam a:hover{
| |
| − | color: white;
| |
| − | font-weight: 700;
| |
| − | font-size: 15px;
| |
| − | font-family: Montserrat;
| |
| − | background-color: #243249;
| |
| − | border: 2px solid #243249;
| |
| − | padding: 7px 12px 7px 12px;
| |
| − | text-decoration: none;
| |
| − | }
| |
| | </style> | | </style> |
| | | | |
| | <body> | | <body> |
| − | <h2 class = "main-title fade-in" style="margin-top: 5%;">ecDNA</h2> | + | <h2 class = "main-title fade-in" style="margin: 5% 0 5% 0;">ecDNA</h2> |
| | | | |
| − | <div id="outer" data-aos="fade-left" class="aos-init aos-animate"> | + | <div class="container"> |
| − | <div id="inner">
| + | |
| − | <div id="finalinner">
| + | |
| − | <h2 style="margin-bottom: 0px; margin-top: 20px;" class = "inner-title" >PROJECT OVERVIEW</h2>
| + | |
| − | <div id="borderBot"></div><br><br>
| + | |
| − | <p style="margin-bottom: 15px;">
| + | |
| − | Cancer is mostly caused by somatic mutations acquired throughout an individual’s lifetime. Recently, it was discovered that some oncogenes resided on extrachromosomal DNA (ecDNA). Because ecDNA causes oncogene copy number to increase exponentially, utilizing CRISPR to create breaks in ecDNA decreases cancer cells’ replication speed.
| + | |
| − | </p>
| + | |
| − | <a class="findout" style = "text-align: center" href="https://2017.igem.org/Team:TP-CC_San_Diego/Description">FIND OUT MORE</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | | | |
| − | <div id="outerRight" data-aos="fade-right" aos-duration="1000">
| |
| − | <div id="inner">
| |
| − | <div id="finalinnerRight">
| |
| − | <h2 style="margin-bottom: 0px; margin-top: 20px;" class = "inner-title">NOTEBOOK</h2>
| |
| − | <div id="borderBot" style="float: right;"></div><br><br>
| |
| − | <p style="margin-bottom: 15px;">Over several months in the lab, we've gone from concept to completion in creating an E.coli strain that synthesizes and secretes chitinase. Have an inside look at the processes and procedures that led to our success. </p>
| |
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/LabBook">FIND OUT MORE</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="meetteam" data-aos="fade-up">
| |
| − | <h2 class="subtitle" style="width: 800px; padding-bottom: 40px;">
| |
| − | THE TEAM MEMBERS OF TP_CC-SANDIEGO iGEM THAT MADE THIS PROJECT POSSIBLE
| |
| − |
| |
| − | <a style="position: relative; top: 20px;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Team">MEET THE TEAM</a>
| |
| − | </h2>
| |
| − | </div>
| |
| − | </div>
| |
| | </body> | | </body> |
| | </html> | | </html> |
