| Line 306: | Line 306: | ||
} | } | ||
.modal-title{ | .modal-title{ | ||
| − | font-size: | + | font-size: 35px; |
| − | line-height: | + | 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--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
Integrated
Human Practices
Background research
Community
Expert
Companies & partner
Click on the different sections of the image to learn more
