Difference between revisions of "Team:Calgary/Collaborations"

Line 1: Line 1:
−
{{Calgary}}
+
{{:Team:Calgary/Layout}}
−
<html>
+
  
 +
<html lang="en">
  
 +
<head>
 +
    <title>Team:Calgary/Collaborations - 2018.igem.org</title>
 +
    <!-- CSS -->
 +
    <style>
 +
        html body {
 +
            color: rgba(0, 0, 0, 0.9);
 +
        }
  
 +
        .maincontent {
 +
            background-color: #eeedf0;
 +
            margin-top: 210px;
 +
            margin-bottom: 210px;
 +
            padding: 0;
 +
        }
  
 +
        a:link {
 +
            color: #f38f8f;
 +
        }
  
 +
        a:visited {
 +
            color: #f38f8f;
 +
        }
  
−
<div class="clear"></div>
+
        a:hover {
 +
            color: #f38f8f;
 +
        }
  
 +
        a:active {
 +
            color: #f38f8f;
 +
        }
  
−
<div class="column full_size">
+
        h1 {
−
<h1>Collaborations</h1>
+
            font-family: 'Josefin Sans', sans-serif !important;
 +
            font-weight: normal !important;
 +
            text-align: center;
 +
        }
  
−
<p>
+
        h2 {
−
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.
+
            text-align: center;
−
</p>
+
        }
  
−
<h3>Silver Medal Criterion #2</h3>
+
        h3 {
−
<p>
+
            color: #7ccfb8 !important;
−
Complete this page if you intend to compete for the silver medal criterion #2 on collaboration. Please see the <a href="https://2018.igem.org/Judging/Medals">2018 Medals Page</a> for more information.
+
        }
−
</p>
+
−
</div>
+
  
−
<div class="column two_thirds_size">
+
        h5 {
 +
            color: rgba(0, 0, 0, 0.9);
 +
            padding-bottom: 10px;
 +
        }
  
−
<h4> Which other teams can we work with? </h4>
+
        p {
−
<p>
+
            font-family: 'Josefin Sans', sans-serif !important;
−
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the iGEM team collaboration silver medal criterion.
+
            line-height: 1.8;
−
</p>
+
            text-align: left !important;
 +
        }
  
−
<p>
+
        .infotitle {
−
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.
+
            text-align: left;
−
</p>
+
        }
  
−
</div>
+
        .infosection {
 +
            padding-bottom: 100px;
 +
            padding-left: 100px;
 +
            padding-right: 100px;
 +
        }
  
 +
        .infosubtitle {
 +
            text-align: left;
 +
        }
  
 +
        @media only screen and (max-width: 991px) {
 +
            .maincontent {
 +
                padding-left: 5%;
 +
                padding-right: 5%;
 +
                background-color: #FFFFFF;
 +
            }
  
−
<div class="column third_size">
+
            .infotitle {
−
<p>
+
                margin-top: 20%;
−
Here are some suggestions for projects you could work on with other teams:
+
                text-align: center;
−
</p>
+
            }
  
−
<ul>
+
            .bottom-left {
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
                display: none;
−
<li> Characterize another team's part </li>
+
            }
−
<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>
+
  
 +
            .infosection {
 +
                padding-bottom: 10px;
 +
                padding-left: 10px;
 +
                padding-right: 10px;
 +
            }
 +
        }
 +
    </style>
 +
</head>
 +
 +
<body>
 +
    <!-- Content -->
 +
    <div class="container maincontent">
 +
        <h1 style="transform: translateY(-50%)" class="infotitle">COLLABORATIONS</h1>
 +
        <br>
 +
        <div class="infosection">
 +
            <h3 class="infosubtitle">What is CRISPR?</h3>
 +
            <br>
 +
            <p style="text-indent: 0px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, totam laudantium, dolor porro laboriosam
 +
                illo tenetur velit nulla corrupti quasi non eum amet quod dolores, doloremque eius ad temporibus perferendis!
 +
                Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sit explicabo suscipit similique id expedita cum
 +
                consequatur voluptatibus consectetur adipisci beatae unde, cupiditate inventore. Quis officiis quam porro
 +
                a expedita non.</p>
 +
            <br>
 +
            <p style="text-indent: 0px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus rerum vel eius ut dolore, ab obcaecati officiis
 +
                modi porro, sunt deleniti, consequatur assumenda asperiores aliquid recusandae tenetur neque quae suscipit!
 +
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio a quam iusto quo, nesciunt odit fuga, similique
 +
                aspernatur veritatis nemo commodi libero nobis magnam necessitatibus, quidem maiores error debitis minima.
 +
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam ipsum consequatur, deserunt assumenda odio
 +
                natus. Quis, ea dolor! Voluptas dolore, facere cum illo sunt consectetur nam a soluta optio perferendis.</p>
 +
            <br>
 +
            <p style="text-indent: 0px">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum sit perferendis eum delectus odit vero saepe,
 +
                dignissimos aspernatur et libero quisquam minima soluta a suscipit tempora dolores non aliquid ratione? Lorem
 +
                ipsum dolor, sit amet consectetur adipisicing elit. Sunt excepturi quod, doloribus et asperiores similique
 +
                tempora, mollitia possimus doloremque officia deleniti eius aut dolorum fuga reiciendis adipisci esse quisquam
 +
                quae.
 +
            </p>
 +
            <br>
 +
            <h3 class="infosubtitle">Why CRISPR?</h3>
 +
            <br>
 +
            <p style="text-indent: 0px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, totam laudantium, dolor porro laboriosam
 +
                illo tenetur velit nulla corrupti quasi non eum amet quod dolores, doloremque eius ad temporibus perferendis!
 +
                Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sit explicabo suscipit similique id expedita cum
 +
                consequatur voluptatibus consectetur adipisci beatae unde, cupiditate inventore. Quis officiis quam porro
 +
                a expedita non.</p>
 +
            <br>
 +
            <p style="text-indent: 0px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus rerum vel eius ut dolore, ab obcaecati officiis
 +
                modi porro, sunt deleniti, consequatur assumenda asperiores aliquid recusandae tenetur neque quae suscipit!
 +
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio a quam iusto quo, nesciunt odit fuga, similique
 +
                aspernatur veritatis nemo commodi libero nobis magnam necessitatibus, quidem maiores error debitis minima.
 +
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam ipsum consequatur, deserunt assumenda odio
 +
                natus. Quis, ea dolor! Voluptas dolore, facere cum illo sunt consectetur nam a soluta optio perferendis.</p>
 +
            <br>
 +
            <p style="text-indent: 0px">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum sit perferendis eum delectus odit vero saepe,
 +
                dignissimos aspernatur et libero quisquam minima soluta a suscipit tempora dolores non aliquid ratione? Lorem
 +
                ipsum dolor, sit amet consectetur adipisicing elit. Sunt excepturi quod, doloribus et asperiores similique
 +
                tempora, mollitia possimus doloremque officia deleniti eius aut dolorum fuga reiciendis adipisci esse quisquam
 +
                quae.
 +
            </p>
 +
        </div>
 +
    </div>
 +
</body>
  
 
</html>
 
</html>

Revision as of 00:54, 15 October 2018

Team:Calgary/Collaborations - 2018.igem.org

COLLABORATIONS


What is CRISPR?


Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, totam laudantium, dolor porro laboriosam illo tenetur velit nulla corrupti quasi non eum amet quod dolores, doloremque eius ad temporibus perferendis! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sit explicabo suscipit similique id expedita cum consequatur voluptatibus consectetur adipisci beatae unde, cupiditate inventore. Quis officiis quam porro a expedita non.


Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus rerum vel eius ut dolore, ab obcaecati officiis modi porro, sunt deleniti, consequatur assumenda asperiores aliquid recusandae tenetur neque quae suscipit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio a quam iusto quo, nesciunt odit fuga, similique aspernatur veritatis nemo commodi libero nobis magnam necessitatibus, quidem maiores error debitis minima. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam ipsum consequatur, deserunt assumenda odio natus. Quis, ea dolor! Voluptas dolore, facere cum illo sunt consectetur nam a soluta optio perferendis.


Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum sit perferendis eum delectus odit vero saepe, dignissimos aspernatur et libero quisquam minima soluta a suscipit tempora dolores non aliquid ratione? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt excepturi quod, doloribus et asperiores similique tempora, mollitia possimus doloremque officia deleniti eius aut dolorum fuga reiciendis adipisci esse quisquam quae.


Why CRISPR?


Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, totam laudantium, dolor porro laboriosam illo tenetur velit nulla corrupti quasi non eum amet quod dolores, doloremque eius ad temporibus perferendis! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sit explicabo suscipit similique id expedita cum consequatur voluptatibus consectetur adipisci beatae unde, cupiditate inventore. Quis officiis quam porro a expedita non.


Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus rerum vel eius ut dolore, ab obcaecati officiis modi porro, sunt deleniti, consequatur assumenda asperiores aliquid recusandae tenetur neque quae suscipit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio a quam iusto quo, nesciunt odit fuga, similique aspernatur veritatis nemo commodi libero nobis magnam necessitatibus, quidem maiores error debitis minima. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam ipsum consequatur, deserunt assumenda odio natus. Quis, ea dolor! Voluptas dolore, facere cum illo sunt consectetur nam a soluta optio perferendis.


Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum sit perferendis eum delectus odit vero saepe, dignissimos aspernatur et libero quisquam minima soluta a suscipit tempora dolores non aliquid ratione? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt excepturi quod, doloribus et asperiores similique tempora, mollitia possimus doloremque officia deleniti eius aut dolorum fuga reiciendis adipisci esse quisquam quae.