|
|
Line 1: |
Line 1: |
− | {{Cornell}}
| + | <!DOCTYPE html> |
| <html> | | <html> |
| | | |
| + | <head> |
| + | <style> |
| + | /* hides "Team:Cornell" and iGEM logo */ |
| + | #top_title { |
| + | display: none; |
| + | } |
| | | |
| + | /* removes padding below footer */ |
| + | #globalWrapper { |
| + | padding: 0; |
| + | } |
| | | |
| + | #content { |
| + | padding: 0px; |
| + | width: 100% !important; |
| + | margin-top: 0px; |
| + | margin-left: 0px; |
| + | } |
| | | |
− | <div class="clear"></div>
| + | /* removes default styling for home banner tagline */ |
| + | #HQ_page p { |
| + | font-family: 'Open Sans', sans-serif; |
| + | font-size: 16px; |
| + | font-weight: 100; |
| + | color: #000; |
| + | padding-top: 0; |
| + | padding-bottom: 0; |
| + | } |
| | | |
| + | /* removes small extra margin at very bottom below footer */ |
| + | p { |
| + | margin: 0; |
| + | } |
| | | |
− | <div class="column full_size">
| + | /* removes bullets from Toolkit dropdown menu */ |
− | <h1>Collaborations</h1>
| + | ul { |
| + | list-style-image: none; |
| + | } |
| | | |
− | <p>
| + | /******************** STANDARD PAGE GRID START ********************/ |
− | Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
| + | nav { |
− | </p>
| + | grid-area: navbar; |
| + | } |
| | | |
− | <h3>Silver Medal Criterion #2</h3>
| + | .nav-bar-logo { |
− | <p>
| + | width: 180px; |
− | Document your collaboration(s) clearly on this page to compete for the silver medal criterion #2 on collaboration. Please see the <a href="https://2019.igem.org/Judging/Medals">2019 Medals Page</a> for more information.
| + | padding-top: 12px; |
− | </p>
| + | } |
− | </div>
| + | |
| | | |
− | <div class="column two_thirds_size">
| + | .nav-bar-main-menu .dropdown:nth-child(5) .dropdown-contentx { |
| + | display: grid; |
| + | grid-template-columns: auto auto auto; |
| + | } |
| | | |
− | <h4> Which other teams can we work with? </h4>
| + | .nav-second-col { |
− | <p>
| + | display: inline-grid; |
− | You can work with any other team in the competition, including standard, software, open, and high school track teams. You can also work with non-iGEM research groups, but they do not count towards the iGEM team collaboration silver medal criterion.
| + | } |
− | </p>
| + | .nav-third-col { |
| + | display: inline-grid; |
| + | } |
| | | |
− | <p>
| + | footer { |
− | In order to meet the silver medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
| + | grid-area: footer; |
− | </p>
| + | } |
| | | |
− | </div>
| + | .standard-page-wrapper { |
| + | display: grid; |
| + | grid-template-columns: auto; |
| + | grid-template-rows: 100px 550px auto 100px; |
| + | grid-template-areas: 'navbar' 'standardpagebanner' 'standardpagesidebarcontent' 'footer'; |
| + | } |
| + | .standard-page-banner { |
| + | grid-area: standardpagebanner; |
| + | } |
| + | .standard-page-side-bar-content-wrapper { |
| + | display: inline-grid; |
| + | grid-area: standardpagesidebarcontent; |
| + | grid-template-columns: 7.5% 20% 65% 7.5%; |
| + | grid-template-areas: '. standardpagesidebar standardpagecontent .'; |
| + | } |
| + | .standard-page-side-bar-wrapper { |
| + | grid-area: standardpagesidebar; |
| + | } |
| + | .standard-page-content-wrapper { |
| + | grid-area: standardpagecontent; |
| + | } |
| | | |
| + | /******************** STANDARD PAGE GRID END ********************/ |
| | | |
| + | @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|Raleway'); |
| + | html, |
| + | body { |
| + | width: 100%; |
| + | height: 100%; |
| + | margin: 0; |
| + | padding: 0; |
| + | overflow-x: hidden; |
| + | } |
| | | |
− | <div class="column third_size">
| + | body { |
− | <p>
| + | background-size: 40px 40px; |
− | Here are some suggestions for projects you could work on with other teams:
| + | } |
− | </p>
| + | |
| | | |
− | <ul>
| + | p { |
− | <li> Improve the function of another team's BioBrick Part or Device</li>
| + | color: #000; |
− | <li> Characterize another team's part </li>
| + | font-family: 'Open Sans', sans-serif; |
− | <li> Debug a construct </li>
| + | } |
− | <li> Model or simulate another team's system </li>
| + | |
− | <li> Test another team's software</li>
| + | |
− | <li> Help build and test another team's hardware project</li>
| + | |
− | <li> Mentor a high-school team</li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
| | | |
| + | nav { |
| + | padding-top: 30px; |
| + | padding-bottom: 30px; |
| + | padding-right: 100px; |
| + | background-color: #a0e0bd; |
| + | height: 98px; |
| + | } |
| + | |
| + | .nav-bar-logo { |
| + | vertical-align: top; |
| + | display: inline-block; |
| + | float: left; |
| + | margin-left: 80px; |
| + | margin-top: -5px; |
| + | } |
| + | |
| + | .nav-bar-logo img { |
| + | width: 140px; |
| + | } |
| + | |
| + | .nav-bar-main-menu { |
| + | font-family: 'Raleway', sans-serif; |
| + | } |
| + | |
| + | .dropbtn { |
| + | background-color: transparent; |
| + | text-decoration: none; |
| + | padding: 15px; |
| + | margin: 0px; |
| + | font-size: 15px; |
| + | border: none; |
| + | color: #fff; |
| + | } |
| + | |
| + | @media (max-width: 1050px) { |
| + | .dropbtn { |
| + | font-size: 12px; |
| + | } |
| + | } |
| + | |
| + | .dropdown { |
| + | position: relative; |
| + | vertical-align: top; |
| + | display: inline-block; |
| + | float: right; |
| + | } |
| + | |
| + | .dropdown ul { |
| + | list-style-type: none; |
| + | } |
| + | |
| + | .dropdown a { |
| + | position: relative; |
| + | display: inline-block; |
| + | color: #e8b023; |
| + | text-decoration: none; |
| + | } |
| + | |
| + | .dropdown-content { |
| + | display: none; |
| + | position: absolute; |
| + | background-color: #016c64; |
| + | color: #ffffff; |
| + | width: 200px; |
| + | font-size: 14px; |
| + | box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); |
| + | z-index: 1; |
| + | } |
| + | |
| + | .dropdown-content a:hover { |
| + | background-color: #a0e0bd !important; |
| + | } |
| + | |
| + | .toolkit-dropdown-content { |
| + | width: 590px; |
| + | left: -160px; |
| + | } |
| + | |
| + | .modeling-dropdown-content { |
| + | left: -40px; |
| + | } |
| + | |
| + | .human-dropdown-content { |
| + | left: 12px; |
| + | } |
| + | |
| + | .outreach-dropdown-content { |
| + | width: 230px; |
| + | left: -40px; |
| + | } |
| + | |
| + | .team-dropdown-content { |
| + | width: 140px; |
| + | left: -35px; |
| + | } |
| + | |
| + | .dropdown-content a { |
| + | color: #ffffff; |
| + | padding: 12px 16px; |
| + | text-decoration: none !important; |
| + | display: block; |
| + | } |
| + | |
| + | .wet-lab-list-title, |
| + | .doc-list-title, |
| + | .pd-list-title { |
| + | padding-top: 12px; |
| + | padding-left: 16px; |
| + | padding-bottom: 14px; |
| + | } |
| + | |
| + | .nav-second-col { |
| + | margin-left: 30px; |
| + | } |
| + | |
| + | .nav-third-col { |
| + | margin-left: 30px; |
| + | } |
| + | |
| + | .dropbtn:hover, |
| + | .active-page { |
| + | color: #016c64; |
| + | transition-duration: 0.5s; |
| + | } |
| + | |
| + | .dropdown-content a:hover { |
| + | background-color: #a0e0bd !important; |
| + | } |
| + | |
| + | .dropdown:hover .dropdown-content { |
| + | display: block; |
| + | } |
| + | |
| + | footer { |
| + | padding: 35px; |
| + | position: relative; |
| + | text-align: center; |
| + | background-color: #a0e0bd; |
| + | } |
| + | |
| + | .footer-wrapper { |
| + | margin: auto; |
| + | display: inline-block; |
| + | } |
| + | |
| + | .icon-wrapper { |
| + | display: inline-block; |
| + | position: relative; |
| + | padding-right: 18px; |
| + | border-right: 0.5px solid white; |
| + | } |
| + | |
| + | .icon-wrapper-last { |
| + | border-right: none; |
| + | } |
| + | |
| + | .icon { |
| + | margin: 16px; |
| + | } |
| + | |
| + | .icon img { |
| + | height: 24px; |
| + | } |
| + | |
| + | /******************** STANDARD PAGE CSS START ********************/ |
| + | |
| + | .standard-page-banner { |
| + | background-size: cover; |
| + | fill: black; |
| + | font-size: 14px; |
| + | } |
| + | |
| + | .standard-page-side-bar-content-wrapper { |
| + | padding: 5% 0; |
| + | } |
| + | |
| + | .standard-page-side-bar>li>a { |
| + | text-decoration: none; |
| + | color: #016c64; |
| + | font-weight: bold; |
| + | font-size: 16px; |
| + | } |
| + | |
| + | .standard-page-side-bar { |
| + | list-style-type: none; |
| + | padding-left: 15px; |
| + | padding-right: 15px; |
| + | vertical-align: middle; |
| + | margin: 0; |
| + | } |
| + | |
| + | .standard-page-side-bar>li { |
| + | margin-bottom: 15px; |
| + | } |
| + | |
| + | .standard-page-content-title { |
| + | font-size: 24px; |
| + | font-weight: 700; |
| + | color: #000 !important; |
| + | position: relative; |
| + | } |
| + | |
| + | .green-accent-line-left { |
| + | border: #a0e0bd solid 1px; |
| + | display: block; |
| + | float: left; |
| + | margin: 1em auto 1em auto; |
| + | width: 80px; |
| + | } |
| + | |
| + | .standard-page-content-subheading { |
| + | font-size: 18px; |
| + | font-weight: 1; |
| + | color: #000; |
| + | padding-top: 40px; |
| + | padding-bottom: 0; |
| + | } |
| + | |
| + | .standard-page-content-section { |
| + | margin-top: 40px; |
| + | margin-bottom: 40px; |
| + | } |
| + | |
| + | /******************** STANDARD PAGE CSS END ********************/ |
| + | </style> |
| + | <title>Team:Cornell - 2019.igem.org</title> |
| + | <!-- CSS --> |
| + | <link rel="stylesheet" type="text/css" href="styles/styles.css"> |
| + | <link rel="stylesheet" type="text/css" href="styles/grids.css"> |
| + | <!-- JS --> |
| + | <script src="https://2019.igem.org/Team:Cornell/jquerymin?action=raw&ctype=text/javascript"></script> |
| + | </head> |
| + | <!--NOTE: REMEMBER TO CHANCE active-page CLASS TO CORRECT DROPDOWN--> |
| + | |
| + | <body> |
| + | <div class="standard-page-wrapper"> |
| + | <!------------------------ NAV BAR START ------------------------> |
| + | <nav> |
| + | <div class="nav-bar-wrapper"> |
| + | <div class="nav-bar-logo"> |
| + | <a href="https://2019.igem.org/Team:Cornell"><img src="images/logo.png" alt="reHAB"></a> |
| + | </div> |
| + | <div class="nav-bar-main-menu"> |
| + | <div class="dropdown"> |
| + | <button class="dropbtn">TEAM</button> |
| + | <div class="dropdown-content team-dropdown-content"> |
| + | <a href="https://2019.igem.org/Team:Cornell/Team">BIOS</a> |
| + | <a href="https://2019.igem.org/Team:Cornell/Sponsors">SPONSORS</a> |
| + | <a href="https://2019.igem.org/Team:Cornell/Attributions">ATTRIBUTIONS</a> |
| + | </div> |
| + | </div> |
| + | <div class="dropdown"> |
| + | <button class="dropbtn">OUTREACH</button> |
| + | <div class="dropdown-content outreach-dropdown-content"> |
| + | <a href="https://2019.igem.org/Team:Cornell/Public_Engagement">EDUCATION & ENGAGEMENT</a> |
| + | <a href="https://2019.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a> |
| + | </div> |
| + | </div> |
| + | <div class="dropdown"> |
| + | <button class="dropbtn">HUMAN PRACTICES</button> |
| + | <div class="dropdown-content human-dropdown-content"> |
| + | <a href="https://2019.igem.org/Team:Cornell/Human_Practices">INTEGRATED PRACTICES</a> |
| + | <a href="https://2019.igem.org/Team:Cornell/Policies">POLICIES</a> |
| + | <a href="https://2019.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</a> |
| + | </div> |
| + | </div> |
| + | <div class="dropdown"> |
| + | <button class="dropbtn" onclick="location.href='https://2019.igem.org/Team:Cornell/Model'">MODELING</button> |
| + | </div> |
| + | <div class="dropdown"> |
| + | <button class="dropbtn">TOOLKIT</button> |
| + | <div class="dropdown-content toolkit-dropdown-content"> |
| + | <ul> |
| + | <div class="nav-first-col"> |
| + | <li class="wet-lab-list-title"><b>WET LAB</b></li> |
| + | <li><a href="https://2019.igem.org/Team:Cornell/Foundations">FOUNDATIONS</a></li> |
| + | <li><a href="https://2019.igem.org/Team:Cornell/Demonstrate">DEMONSTRATE</a></li> |
| + | <li><a href="https://2019.igem.org/Team:Cornell/Parts">PARTS</a></li> |
| + | <li><a href="https://2019.igem.org/Team:Cornell/BasicParts">BASIC PARTS</a></li> |
| + | <li><a href="https://2019.igem.org/Team:Cornell/CompositeParts">COMPOSITE PARTS</a></li> |
| + | </div> |
| + | <div class="nav-second-col"> |
| + | <li class="pd-list-title"><b>DESIGN</b></li> |
| + | <li><a href="https://2019.igem.org/Team:Cornell/DesignProcess">DESIGN PROCESS</a></li> |
| + | </div> |
| + | <div class="nav-third-col"> |
| + | <li class="doc-list-title"><b>DOCUMENTATION</b></li> |
| + | <li><a href="https://2019.igem.org/Team:Cornell/Notebook">NOTEBOOK</a></li> |
| + | <li><a href="https://2019.igem.org/Team:Cornell/Safety">SAFETY</a></li> |
| + | </div> |
| + | </ul> |
| + | </div> |
| + | </div> |
| + | <div class="dropdown"> |
| + | <button class="dropbtn" |
| + | onclick="location.href='https://2019.igem.org/Team:Cornell/Description'">ABOUT</button> |
| + | </div> |
| + | <div class="dropdown"> |
| + | <button class="dropbtn active-page" |
| + | onclick="location.href='https://2019.igem.org/Team:Cornell'">HOME</button> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </nav> |
| + | <!------------------------ NAV BAR END ------------------------> |
| + | <!------------------------ STANDARD PAGE BANNER START ------------------------> |
| + | <header class="standard-page-banner" |
| + | style="background-image: url(https://static.igem.org/mediawiki/2019/a/a9/T--Cornell--CollabBanner.png)"> |
| + | <svg viewBox="0 0 100 100" width=100% height=100%> |
| + | <circle cx="50" cy="50" r="40" fill="white" fill-opacity="0.4" /> |
| + | <text text-anchor="middle" alignment-baseline="middle" x=50% y=50%>Collaborations</text> |
| + | </svg> |
| + | </header> |
| + | <!------------------------ STANDARD PAGE BANNER END ------------------------> |
| + | <!------------------------ STANDARD PAGE SIDE BAR + CONTENT START ------------------------> |
| + | <div class="standard-page-side-bar-content-wrapper"> |
| + | <!------------------------ STANDARD PAGE SIDE BAR START ------------------------> |
| + | <div class="standard-page-side-bar-wrapper"> |
| + | <ul class="standard-page-side-bar"> |
| + | <li><a href="#pageheading1">Overview</a></li> |
| + | <li><a href="#pageheading2">Harmful Algal Blooms (HABs) Informational Booklet</a></li> |
| + | <li><a href="#pageheading3">Mentorship</a></li> |
| + | <li><a href="#pageheading4">William & Mary iGEM</a></li> |
| + | <li><a href="#pageheading5">SZTA_Szeged_HU iGEM</a></li> |
| + | </ul> |
| + | </div> |
| + | <!------------------------ STANDARD PAGE SIDE BAR END ------------------------> |
| + | <!------------------------ STANDARD PAGE CONTENT START ------------------------> |
| + | <div class="standard-page-content-wrapper"> |
| + | <div class="standard-page-content-section"> |
| + | <div class="standard-page-content-title"> |
| + | <div id="pageheading1">Overview</div> |
| + | </div> |
| + | <hr class="green-accent-line-left"> |
| + | <br> <br> |
| + | <p class="standard-page-content-text"> |
| + | This year, Cornell iGEM had the honor of working with several different iGEM teams across the globe on both |
| + | technical- and outreach-oriented collaborations. We received valuable feedback on how to improve our |
| + | informational booklet designed to educate members of the community on the issue of harmful algal blooms |
| + | (HABs). We also mentored a new high school team and helped them get up-to-speed with how the iGEM |
| + | competition runs. Finally, we worked with another team to optimize and test components of the Wet Lab |
| + | aspects of our respective projects. Through these partnerships, our team was able to expand upon the |
| + | possibilities of collaborative synthetic biology and learn more about how we can solve big issues using |
| + | microscopic tools. |
| + | </p> |
| + | </div> |
| + | <div class="standard-page-content-section"> |
| + | <div class="standard-page-content-title"> |
| + | <div id="pageheading2">Harmful Algal Blooms (HABs) Informational Booklet</div> |
| + | </div> |
| + | <hr class="green-accent-line-left"> |
| + | <br><br> |
| + | <p class="standard-page-content-text"> |
| + | Cornell iGEM sought to demystify the subject of HABs by creating an informational booklet that summarizes |
| + | the background, prevalence, and existing treatment methods for HABs. We sent the first draft of our booklet |
| + | to Ohio State iGEM and Toronto iGEM to obtain feedback on the content and formatting of our booklet to |
| + | ensure it is readily accessible to readers. Below, we have detailed the feedback provided to us by these |
| + | teams and how we incorporated their suggestions into the final draft presented on our Wiki. |
| + | </p> |
| + | <div class="standard-page-content-subheading" style="font-weight: 1000">Ohio State iGEM</div> |
| + | <p class="standard-page-content-text"> |
| + | The members of the Ohio State iGEM team found our booklet very informative and well-cited. However, their |
| + | feedback mentioned that our booklet had too much technical detail that occasionally took away from the |
| + | primary focus of each section, so we cut down and made our sections more concise. We also took their advice |
| + | to include a brief sentence explaining the examples listed on the Current Solutions page before discussing |
| + | their respective pros and cons. |
| + | </p> |
| + | <div class="standard-page-content-subheading" style="font-weight: 1000">Toronto iGEM</div> |
| + | <p class="standard-page-content-text"> |
| + | Toronto iGEM recommended reformatting the Current Solutions page to make it easier for readers to compare |
| + | between example solutions and to recognize their respective strengths and weaknesses. Going off of this |
| + | suggestion, our team made modifications to the Current Solutions section and also decided to include an |
| + | additional page recapitulating the ways in which our project covers the weak points of other solutions. |
| + | </p> |
| + | <br><br> |
| + | <iframe src="images/collabs.pdf" height="500" width="800"></iframe> |
| + | <br><br> |
| + | </div> |
| + | <div class="standard-page-content-section"> |
| + | <div class="standard-page-content-title"> |
| + | <div id="pageheading3">Mentorship</div> |
| + | </div> |
| + | <hr class="green-accent-line-left"> |
| + | <br><br> |
| + | <img class="standard-page-content-image" src="images/Meeting with Korea_HS iGEM.png" |
| + | style="height: 400px; width: 500px"> |
| + | <div class="standard-page-content-subheading" style="font-weight: 1000">Korea_HS iGEM</div> |
| + | <p class="standard-page-content-text"> |
| + | Over the summer, our team mentored the Korea_HS iGEM team after they reached out to us with questions about |
| + | the iGEM competition process. We held an initial Skype meeting on July 6th, 2019, where we shared our |
| + | project ideas and our experiences on iGEM. As it was Korea_HS’s first year participating in the competition, |
| + | we provided insight into what iGEM is and what Cornell iGEM has done as a team in the past. In regards to |
| + | the competition itself, Korea_HS had questions regarding the characterization section of the Bronze Medal |
| + | criteria and the formatting of the presentation and the poster, so we explained the characterization section |
| + | and provided tips on how to efficiently and effectively prepare for each portion of the competition. We had |
| + | a follow-up meeting on August 3rd, 2019, for an update on the team’s progress on their project and to answer |
| + | any remaining questions they had regarding the competition. </p> |
| + | </div> |
| + | <div class="standard-page-content-section"> |
| + | <div class="standard-page-content-title"> |
| + | <div id="pageheading4">William & Mary iGEM</div> |
| + | </div> |
| + | <hr class="green-accent-line-left"> |
| + | <br><br> |
| + | <img class="standard-page-content-image" src="images/william_mary.jpeg" style="height: 400px; width: 300px"> |
| + | <br><br> |
| + | <p class="standard-page-content-text"> |
| + | On September 22nd, Cornell iGEM held a Skype meeting with the members of W&M iGEM to discuss the integration |
| + | of their curli fibers into our bioreactor. Since curli fibers enable biofilm development, our team sought to |
| + | use them to improve the efficiency of trapping our bacteria in alginate beads. After we received the DNA |
| + | parts from W&M iGEM, we tested whether the efficiency of our bioreactor was higher with or without the curli |
| + | fibers. [results?] |
| + | <br><br> |
| + | Our team also forwarded our alginate bead formation protocol to W&M iGEM so they could look for the |
| + | experimental conditions that promote optimized bacterial adhesion onto the alginate beads. [results?] </p> |
| + | </div> |
| + | <div class="standard-page-content-section"> |
| + | <div class="standard-page-content-title"> |
| + | <div id="pageheading5">SZTA_Szeged_HU iGEM</div> |
| + | </div> |
| + | <hr class="green-accent-line-left"> |
| + | <br><br> |
| + | <p class="standard-page-content-text"> |
| + | Cornell iGEM held a Skype call with members of SZTA_Szeged_HU iGEM on September 14th. We exchanged public |
| + | engagement surveys as a way to broaden the scope of our respective projects by gaining feedback from an |
| + | international perspective.</p> |
| + | </div> |
| + | </div> |
| + | <!------------------------ STANDARD PAGE CONTENT END ------------------------> |
| + | </div> |
| + | <!------------------------ STANDARD PAGE SIDE BAR + CONTENT END ------------------------> |
| + | <!------------------------ FOOTER START ------------------------> |
| + | <footer> |
| + | <div class="footer-wrapper"> |
| + | <div class="icon-wrapper"> |
| + | <a class="icon" href="http://facebook.com/cornelligem"><img |
| + | src="https://static.igem.org/mediawiki/2019/4/44/T--Cornell--Facebook.png"></a> |
| + | </div> |
| + | <div class="icon-wrapper"> |
| + | <a class="icon" href="http://twitter.com/cugem"><img |
| + | src="https://static.igem.org/mediawiki/2019/8/80/T--Cornell--Twitter.png"></a> |
| + | </div> |
| + | <div class="icon-wrapper"> |
| + | <a class="icon" href="https://www.instagram.com/cugem/"><img |
| + | src="https://static.igem.org/mediawiki/2019/3/37/T--Cornell--Instagram.png"></a> |
| + | </div> |
| + | <div class="icon-wrapper icon-wrapper-last"> |
| + | <a class="icon" href="https://www.youtube.com/channel/UCJt-5JfyoucUJXC1EsTllhg"><img |
| + | src="https://static.igem.org/mediawiki/2019/3/3c/T--Cornell--Youtube.png"></a> |
| + | </div> |
| + | </div> |
| + | </footer> |
| + | <!------------------------ FOOTER END ------------------------> |
| + | </div> |
| + | </body> |
| | | |
| </html> | | </html> |