|
|
Line 30: |
Line 30: |
| <div class="poster_w content"> | | <div class="poster_w content"> |
| | | |
− |
| |
− | <!--This is the first row of the poster, it contains the title section --->
| |
| <div class="row"> | | <div class="row"> |
− | <!-- This creates a full width section with the id 'title' ,
| + | <div class="section full"> |
− | since it will be the default section loaded, we add the class 'first_text' --->
| + | <img src="https://static.igem.org/mediawiki/2020/6/6b/T--QHFZ-China--Poster_section1.png"> |
− | <div class="section full first_text" id="title">
| + | </div> |
− |
| + | |
− | <!--Here is the image used for the full width section, the size is: 1200 x 200 pixels -->
| + | |
− | <img src="https://static.igem.org/mediawiki/2020/f/fb/T--Example--Poster_Title.png">
| + | |
− |
| + | |
− | <!--Info: Place the title and text for this section, it will appear when the user clicks on it
| + | |
− | since the first_text class is used above, this section will appear by default -->
| + | |
− | <div class="info">
| + | |
− | <!--Write the title of the section -->
| + | |
− | <div class="title"> Poster Title</div>
| + | |
− | <!--Write the text explaining this section -->
| + | |
− | <div class="text">You should list all authors and their affiliations here. You can also add the project's abstract.</div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| </div> | | </div> |
− |
| + | |
− |
| + | |
− | <!--This is the second row of the poster, it contains the introduction section --->
| + | |
| <div class="row"> | | <div class="row"> |
− | <!-- This creates a full width section with the id 'introduction' --->
| + | <div class="section third"> |
− | <div class="section full" id="introduction">
| + | <img src="https://static.igem.org/mediawiki/2020/e/ea/T--QHFZ-China--Poster_section2.png"> |
− | <!--Here is the image used for the full width section, the size is: 1200 x 200 pixels -->
| + | </div> |
− | <img src="https://static.igem.org/mediawiki/2020/6/6b/T--QHFZ-China--Poster_section1.png">
| + | <div class="section third"> |
− |
| + | <img src="https://static.igem.org/mediawiki/2020/f/f6/T--QHFZ-China--Poster_section3.png"> |
− | <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
| + | </div> |
− | <div class="info">
| + | <div class="section third"> |
− | <!--Write the title of the section -->
| + | <img src="https://static.igem.org/mediawiki/2020/b/b3/T--QHFZ-China--Poster_section4.png"> |
− | <div class="title"> Introduction </div>
| + | </div> |
− | <!--Write the text explaining this section -->
| + | |
− | <div class="text"> Introduce your project and your team's goals.</div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| </div> | | </div> |
− |
| + | |
− |
| + | |
− | <!--This is the third row of the poster, it contains the inspiration, problem and idea sections --->
| + | |
| <div class="row"> | | <div class="row"> |
− |
| + | <div class="section quarter"> |
− | <!-- This creates a third width section with the id 'inspiration' --->
| + | <img src="https://static.igem.org/mediawiki/2020/e/ec/T--QHFZ-China--Poster_section6.png"> |
− | <div class="section quarter" id="inspiration">
| + | </div> |
− | <!--Here is the image used for the third width section, the size is: 400 x 200 pixels -->
| + | <div class="section half first_text"> |
− | <img src="https://static.igem.org/mediawiki/2020/b/bd/T--QHFZ-China--Poster_section2-1.png">
| + | <img src="https://static.igem.org/mediawiki/2020/7/7f/T--QHFZ-China--Poster_section7.png"> |
− |
| + | </div> |
− | <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
| + | <div class="section quarter" |
− | <div class="info">
| + | <img src="https://static.igem.org/mediawiki/2020/4/46/T--QHFZ-China--Poster_section8.png"> |
− |
| + | </div> |
− | <!--Write the title of the section -->
| + | </div> |
− | <div class="title"> Inspiration </div>
| + | |
− | <!--Write the text explaining this section -->
| + | |
− | <div class="text"> What inspired your team? What motivated you to work on this particular project? </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| | | |
− |
| |
− | <!-- This creates a third width section with the id 'problem' --->
| |
− | <div class="section quarter" id="problem">
| |
− | <!--Here is the image used for the third width section, the size is: 400 x 200 pixels -->
| |
− | <img src="https://static.igem.org/mediawiki/2020/b/bd/T--QHFZ-China--Poster_section2-1.png">
| |
− |
| |
− | <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
| |
− | <div class="info">
| |
− |
| |
− | <!--Write the title of the section -->
| |
− | <div class="title"> Problem </div>
| |
− | <!--Write the text explaining this section -->
| |
− | <div class="text"> What is the problem your team is working to solve? How does it affect the world? </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <!-- This creates a third width section with the id 'idea' --->
| |
− | <div class="section quarter" id="idea">
| |
− | <!--Here is the image used for the third width section, the size is: 400 x 200 pixels -->
| |
− | <img src="https://static.igem.org/mediawiki/2020/b/bd/T--QHFZ-China--Poster_section2-1.png">
| |
− |
| |
− | <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
| |
− | <div class="info">
| |
− |
| |
− | <!--Write the title of the section -->
| |
− | <div class="title">Idea </div>
| |
− | <!--Write the text explaining this section -->
| |
− | <div class="text"> How are you going to solve the problem? Where did the idea come from? </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="section quarter" id="idea">
| |
− | <!--Here is the image used for the third width section, the size is: 400 x 200 pixels -->
| |
− | <img src="https://static.igem.org/mediawiki/2020/b/bd/T--QHFZ-China--Poster_section2-1.png">
| |
− |
| |
− | <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
| |
− | <div class="info">
| |
− |
| |
− | <!--Write the title of the section -->
| |
− | <div class="title">Idea </div>
| |
− | <!--Write the text explaining this section -->
| |
− | <div class="text"> How are you going to solve the problem? Where did the idea come from? </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− | <!--This is the fourth row of the poster, it contains the engineering section --->
| |
| <div class="row"> | | <div class="row"> |
− | <!-- This creates a full width section with the id 'engineering' --->
| + | <div class="section full"> |
− | <div class="section full" id="engineering">
| + | <img src="https://static.igem.org/mediawiki/2020/3/39/T--QHFZ-China--Poster_section9.png"> |
− | <img src="https://static.igem.org/mediawiki/2020/0/02/T--Example--Poster_Engineering.png">
| + | </div> |
− |
| + | |
− | <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
| + | |
− | <div class="info">
| + | |
− | <!--Write the title of the section -->
| + | |
− | <div class="title"> Engineering</div>
| + | |
− | <!--Write the text explaining this section -->
| + | |
− | <div class="text"> Here you can explain the engineering process behind your project. </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| </div> | | </div> |
− |
| + | |
− | <!--This is the fifth row of the poster, it contains the three nameless sections --->
| + | |
| <div class="row"> | | <div class="row"> |
− | <!-- This creates a third width section with the id 'section_1' --->
| + | <div class="section half"> |
− | <div class="section third" id="section_1">
| + | <img src="https://static.igem.org/mediawiki/2020/f/fd/T--QHFZ-China--Poster_section10.png"> |
− | <!--Here is the image used for the third width section, the size is: 400 x 200 pixels -->
| + | </div> |
− | <img src="https://static.igem.org/mediawiki/2020/b/bd/T--QHFZ-China--Poster_section2-1.png">
| + | <div class="section half" id="s52"> |
− | <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
| + | <img src="https://static.igem.org/mediawiki/2020/9/93/T--QHFZ-China--Poster_section11.png"> |
− | <div class="info">
| + | </div> |
− | <!--Write the title of the section -->
| + | </div> |
− | <div class="title"> Section 1 </div>
| + | |
− | <!--Write the text explaining this section -->
| + | |
− | <div class="text"> Use this section to explain whatever you would like! Suggestions: Safety, Human Practices, Measurement, etc. </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| | | |
− | <!-- This creates a third width section with the id 'section_2' --->
| + | <div class="row"> |
− | <div class="section third" id="section_2">
| + | <div class="section quarter"> |
− | <!--Here is the image used for the third width section, the size is: 400 x 200 pixels -->
| + | <img src="https://static.igem.org/mediawiki/2020/0/06/T--QHFZ-China--Poster_section12.png"> |
− | <img src="https://static.igem.org/mediawiki/2020/e/ec/T--Example--Poster_Section2.png">
| + | </div> |
− |
| + | <div class="section quarter"> |
− | <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
| + | <img src="https://static.igem.org/mediawiki/2020/b/be/T--QHFZ-China--Poster_section13.png"> |
− | <div class="info">
| + | </div> |
− | <!--Write the title of the section -->
| + | <div class="section quarter"> |
− | <div class="title"> Section 2 </div>
| + | <img src="https://static.igem.org/mediawiki/2020/d/de/T--QHFZ-China--Poster_section14.png"> |
− | <!--Write the text explaining this section -->
| + | </div> |
− | <div class="text"> Use this section to explain whatever you would like! Suggestions: Safety, Human Practices, Measurement, etc. </div>
| + | <div class="section quarter"> |
− | </div>
| + | <img src="https://static.igem.org/mediawiki/2020/8/89/T--QHFZ-China--Poster_section15.png"> |
− | </div>
| + | </div> |
− |
| + | </div> |
− | <!-- This creates a third width section with the id 'section_3' --->
| + | |
− | <div class="section third" id="section_3">
| + | |
− | <!--Here is the image used for the third width section, the size is: 400 x 200 pixels -->
| + | |
− | <img src="https://static.igem.org/mediawiki/2020/9/9e/T--Example--Poster_Section3.png">
| + | |
− |
| + | |
− | <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
| + | |
− | <div class="info">
| + | |
− | <!--Write the title of the section -->
| + | |
− | <div class="title"> Section 3 </div>
| + | |
− | <!--Write the text explaining this section -->
| + | |
− | <div class="text"> Use this section to explain whatever you would like! Suggestions: Safety, Human Practices, Measurement, etc. </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− |
| + | |
− | | + | |
− |
| + | |
− |
| + | |
− | <!--This is the sixth row of the poster, it contains the results and references sections --->
| + | |
− | <div class="row">
| + | |
− | <!-- This creates a two thirds width section with the id 'results' --->
| + | |
− | <div class="section two_thirds" id="results">
| + | |
− | <!--Here is the image used for the third width section, the size is: 800 x 200 pixels -->
| + | |
− | <img src="https://static.igem.org/mediawiki/2020/b/b0/T--Example--Poster_Results.png">
| + | |
− |
| + | |
− | <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
| + | |
− | <div class="info">
| + | |
− | <!--Write the title of the section -->
| + | |
− | <div class="title"> Results</div>
| + | |
− | <!--Write the text explaining this section -->
| + | |
− | <div class="text"> What did your team achieve? What do you plan to work on moving forward? </div>
| + | |
− | </div>
| + | |
− |
| + | |
− | </div>
| + | |
− |
| + | |
− | <!-- This creates a third width section with the id 'references' --->
| + | |
− | <div class="section third" id="references">
| + | |
− | <!--Here is the image used for the third width section, the size is: 400 x 200 pixels -->
| + | |
− | <img src="https://static.igem.org/mediawiki/2020/f/fa/T--Example--Poster_References.png">
| + | |
− |
| + | |
− | <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
| + | |
− | <div class="info">
| + | |
− | <!--Write the title of the section -->
| + | |
− | <div class="title">References and Acknowledgements</div>
| + | |
− | <!--Write the text explaining this section -->
| + | |
− | <div class="text">If not already cited in other sections of your poster, what literature sources did you reference on this poster? Who helped or advised you? </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div> | + | |
| | | |
| | | |