Difference between revisions of "Team:SZU-China/IntegratedHP"

 
Line 306: Line 306:
 
     }
 
     }
 
     .modal-title{
 
     .modal-title{
         font-size: 30px;
+
         font-size: 35px;
         line-height: 30px;
+
         line-height: 35px;
 
         font-family:GalanoGrotesqueAltDEMO-Bold ;
 
         font-family:GalanoGrotesqueAltDEMO-Bold ;
 
         color: #0b8544;
 
         color: #0b8544;
Line 930: Line 930:
  
 
     }
 
     }
 +
 +
 +
    .cardbody{
 +
        width: 80%;
 +
        margin: 0 auto 0 auto;
 +
        margin-top: 100px;
 +
        text-align: center;
 +
        padding-bottom: 30px;
 +
    }
 +
    .cardtext{
 +
        width: 80%;
 +
        text-align: center;
 +
        font-family: "LatoBold",Helvetica;
 +
        font-size: 16px;
 +
        color: rgba(55, 55, 55, 1.0);
 +
        margin: 0 auto;
 +
        position: relative;
 +
        display: block;
 +
        margin-top: 20px;
 +
        margin-bottom: 60px;
 +
    }
 +
    .cardheadline{
 +
        text-align: center;
 +
        font-family: "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif;
 +
        font-size: 30px;
 +
        color: #11843F;
 +
        margin-top: 20px;
 +
        line-height: 150%;
 +
    }
 +
    .longbuttonh1{
 +
        text-align: left;
 +
        font-family: "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif;
 +
        font-size: 30px;
 +
        color: white;
 +
        margin-top: 10px;
 +
        margin-left: 20px;
 +
    }
 +
    .longbuttonh2{
 +
        text-align: left;
 +
        font-family: "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif;
 +
 +
        color: white;
 +
 +
        margin-left: 20px;
 +
    }
 +
    .cardimg{
 +
        width: 40%;
 +
        height: auto;
 +
        margin: 0 auto;
 +
        margin-top: 30px;
 +
        position: relative;
 +
        display: block;
 +
    }
 +
    /*.card img {
 +
        width: 45%;
 +
        height: auto;
 +
        margin: 0 auto 0 auto;
 +
    }*/
 +
    .card{
 +
        /*height: 300px;*/
 +
        /*width: 260px;*/
 +
        height: 350px;
 +
        width: 20%;
 +
        background-color: white;
 +
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
 +
        border-radius: 4px;
 +
        display: inline-block;
 +
        margin-left: 18px;
 +
        vertical-align: top;
 +
        line-height: 24px;
 +
    }
 +
    .card:hover{
 +
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
 +
 +
 +
    }
 +
 +
 +
 
</style>
 
</style>
  
Line 951: Line 1,030:
 
     <div id="mainbody">
 
     <div id="mainbody">
  
        <img class="leftsideimg2" src="https://2019.igem.org/wiki/images/c/c0/T--SZU-CHINA--img-02.png" style="top: 1200px;">
+
<!--        <img class="leftsideimg2" src="https://2019.igem.org/wiki/images/c/c0/T&#45;&#45;SZU-CHINA&#45;&#45;img-02.png" style="top: 1200px;">-->
 
         <img class="leftsideimg2" src="https://2019.igem.org/wiki/images/c/c0/T--SZU-CHINA--img-02.png" style="top: 2700px;">
 
         <img class="leftsideimg2" src="https://2019.igem.org/wiki/images/c/c0/T--SZU-CHINA--img-02.png" style="top: 2700px;">
  
Line 961: Line 1,040:
 
         <img class="rightsideimg1"src="https://2019.igem.org/wiki/images/d/d8/T--SZU-CHINA--_greenfigure2.png" style="top: 2000px;">
 
         <img class="rightsideimg1"src="https://2019.igem.org/wiki/images/d/d8/T--SZU-CHINA--_greenfigure2.png" style="top: 2000px;">
 
         <img class="rightsideimg1"src="https://2019.igem.org/wiki/images/d/d8/T--SZU-CHINA--_greenfigure2.png" style="top: 3500px;">
 
         <img class="rightsideimg1"src="https://2019.igem.org/wiki/images/d/d8/T--SZU-CHINA--_greenfigure2.png" style="top: 3500px;">
 +
 +
 +
        <div style="height: 300px"></div>
 +
 +
        <div class="cardbody">
 +
            <div class="card">
 +
                <img  class="cardimg" src="https://2019.igem.org/wiki/images/a/a3/T--SZU-CHINA--hplogo2.png" alt=""/>
 +
                <div>
 +
                    <h3 class="cardheadline">Background research</h3>
 +
<!--                    <span class="cardtext">Come and see how we made possible the manufacturing of Micrancide as well as the Application</span>-->
 +
                </div>
 +
 +
            </div>
 +
            <div class="card">
 +
                <img  class="cardimg" src="https://2019.igem.org/wiki/images/5/53/T--SZU-CHINA--gplog3.png" alt=""/>
 +
 +
                <div>
 +
                    <h3 class="cardheadline" style="margin-top: 50px;">Community</h3>
 +
<!--                    <span class="cardtext">Here is the siRNA sifting program for other researchers to select RNAi molecules for their specific purpose.</span>-->
 +
                </div>
 +
 +
            </div>
 +
            <div class="card">
 +
                <img  class="cardimg" src="https://2019.igem.org/wiki/images/d/db/T--SZU-CHINA--holgo4.png" alt=""/>
 +
 +
                <div>
 +
                    <h3 class="cardheadline" style="margin-top: 50px;">Expert</h3>
 +
<!--                    <span class="cardtext">Find out how we decided to use the third generation as the final RNAi-based herbicide</span>-->
 +
                </div>
 +
 +
            </div>
 +
            <div class="card">
 +
                <img  class="cardimg" src="https://2019.igem.org/wiki/images/b/b8/T--SZU-CHINA--hplog5.png" alt=""/>
 +
 +
                <h3 class="cardheadline">Companies & partner</h3>
 +
<!--                <span class="cardtext">Do you want to see how fast M. micrantha grows without control and how efficient Micrancide is?</span>-->
 +
            </div>
 +
 +
        </div>
 +
    </div>
 +
 +
 +
    <div style="height: 300px"></div>
  
  

Latest revision as of 10:22, 19 October 2019

template

Integrated
Human Practices

Background research

Community

Expert

Companies & partner

Click on the different sections of the image to learn more