Difference between revisions of "Team:Cornell/Description"

Line 448: Line 448:
 
         </header>
 
         </header>
 
         <!------------------------ STANDARD PAGE BANNER END ------------------------>
 
         <!------------------------ STANDARD PAGE BANNER END ------------------------>
−
         <!------------------------ ABOUT PAGE CONTENT START ------------------------>
+
<!------------------------ STANDARD PAGE BANNER START ------------------------>
−
         <div class="about-page-content-wrapper">
+
        <header class="standard-page-banner">
−
          <div class="about-content-wrapper">
+
            <svg viewBox="0 0 100 100" width=100% height=100%>
−
             <div class="about-header-wrapper"><p class="about-header-text">Project Overview<p></div>
+
                <circle cx="50" cy="50" r="40" fill="white" fill-opacity="0.4"/>
−
            <div class="about-text-wrapper">
+
                <text text-anchor="middle" alignment-baseline="middle" x=50% y=50%>About</text>
−
              <p class="about-body-text">At Cornell iGEM, we understand the risks associated with our  
+
            </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">PROJECT OVERVIEW</a></li>
 +
                    <li><a href="#pageheading2">PAGE HEADING 2</a></li>
 +
                    <li><a href="#pageheading3">PAGE HEADING 3</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"><a id="pageheading1">PROJECT OVERVIEW</a></div>
 +
                    <hr class="green-accent-line-left">
 +
                    <div class="standard-page-content-subheading">Subheading</div>
 +
                    <p class="standard-page-content-text">At Cornell iGEM, we understand the risks associated with our  
 
               work and take all necessary precautions to minimize those risks. As a team, we take safety  
 
               work and take all necessary precautions to minimize those risks. As a team, we take safety  
 
               very seriously and a detailed description of our procedures can be found below.  
 
               very seriously and a detailed description of our procedures can be found below.  
Line 460: Line 480:
 
               be found <a id="safety-hyperlink" href="https://2019.igem.org/File:T--Cornell--Safety2019_Spreadsheet.xls">here</a>.</p>
 
               be found <a id="safety-hyperlink" href="https://2019.igem.org/File:T--Cornell--Safety2019_Spreadsheet.xls">here</a>.</p>
 
             </div>
 
             </div>
−
        <!--DO NOT FORGET TO ADD IN THIS HYPERLINK OH MY GOD-->
+
                    <img class="standard-page-content-image" src="">
−
          </div>
+
                </div>
 +
                <div class="standard-page-content-section">
 +
                    <div class="standard-page-content-title"><a id="pageheading2">PAGE HEADING 2</a></div>
 +
                    <hr class="green-accent-line-left">
 +
                    <div class="standard-page-content-subheading">Subheading</div>
 +
                    <p class="standard-page-content-text">
 +
                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
 +
                        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 +
                        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 +
                        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 +
                        cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 +
                        proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
 +
                    </p>
 +
                    <img class="standard-page-content-image" src="">
 +
                </div>
 +
                <div class="standard-page-content-section">
 +
                    <div class="standard-page-content-title"><a id="pageheading3">PAGE HEADING 3</a></div>
 +
                    <hr class="green-accent-line-left">
 +
                    <div class="standard-page-content-subheading">Subheading</div>
 +
                    <p class="standard-page-content-text">
 +
                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
 +
                        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 +
                        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
 +
                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
 +
                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
 +
                        culpa qui officia deserunt mollit anim id est laborum."</p>
 +
                    <img class="standard-page-content-image" src="">
 +
                </div>
 +
            </div>
 +
            <!------------------------ STANDARD PAGE CONTENT END ------------------------>
 
         </div>
 
         </div>
−
         <!------------------------ ABOUT PAGE CONTENT END ------------------------>
+
         <!------------------------ STANDARD PAGE SIDE BAR + CONTENT END ------------------------>
 
         <!------------------------ FOOTER START ------------------------>
 
         <!------------------------ FOOTER START ------------------------>
 
         <footer>
 
         <footer>

Revision as of 00:08, 13 October 2019

Team:Cornell - 2019.igem.org

About
About
PROJECT OVERVIEW
Subheading

At Cornell iGEM, we understand the risks associated with our work and take all necessary precautions to minimize those risks. As a team, we take safety very seriously and a detailed description of our procedures can be found below. Our protocols are guided by the risk matrix, as we try to both minimize the likelihood of an incident as well as the severity of an incident. Our completed safety form can be found here.

PAGE HEADING 2
Subheading

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

PAGE HEADING 3
Subheading

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."