Difference between revisions of "Team:Calgary/Chromatin Modifying Elements"

Line 6: Line 6:
 
     <title>Team:Calgary/Chromatin Modifying Elements - 2018.igem.org</title>
 
     <title>Team:Calgary/Chromatin Modifying Elements - 2018.igem.org</title>
 
     <!-- CSS -->
 
     <!-- CSS -->
−
     <link rel="stylesheet" href="https://2018.igem.org/Team:Calgary/landing_css?action=raw&ctype=text/css">
+
     <link rel="stylesheet" href="https://2018.igem.org/Team:Calgary/info_css?action=raw&ctype=text/css">
−
  <!-- JS -->
+
    <style>
−
  <script>
+
        .info-link {
−
    window.onscroll = function () { scrollFunction() };
+
            padding: 0 !important;
−
 
+
        }
−
    function scrollFunction() {
+
    </style>
−
      if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+
−
        document.getElementById("topBtn").style.display = "block";
+
−
      } else {
+
−
        document.getElementById("topBtn").style.display = "none";
+
−
      }
+
−
    }
+
−
 
+
−
    // When the user clicks on the button, scroll to the top of the document
+
−
    function topFunction() {
+
−
      document.body.scrollTop = 0;
+
−
      document.documentElement.scrollTop = 0;
+
−
    }
+
−
  </script>
+
 
</head>
 
</head>
  
 
<body>
 
<body>
 
     <!-- Content -->
 
     <!-- Content -->
−
    <button onclick="topFunction()" id="topBtn" title="Go to top">TOP</button>
 
 
     <div class="container maincontent">
 
     <div class="container maincontent">
−
         <h1>CHROMATIN MODIFYING ELEMENTS</h1>
+
         <h1 style="transform: translateY(-50%)" class="infotitle">CHROMATIN MODIFYING ELEMENTS</h1>
 
         <br>
 
         <br>
−
         <div class="row">
+
         <div class="infosection">
−
             <div class="col-lg-5 info">
+
             <h3 class="infosubtitle">What is CRISPR?</h3>
−
                <img style="width: 100%" src="https://static.igem.org/mediawiki/2018/9/94/T--Calgary--CMELandingPage.png">
+
             <br>
−
             </div>
+
             <p style="text-indent: 0px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, totam laudantium, dolor porro laboriosam
−
             <div class="col-lg-7 info">
+
                 illo tenetur velit nulla corrupti quasi non eum amet quod dolores, doloremque eius ad temporibus perferendis!
−
                 <h3>
+
                Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sit explicabo suscipit similique id expedita cum
−
                    Maintenance of Integrated Genes
+
                 consequatur voluptatibus consectetur adipisci beatae unde, cupiditate inventore. Quis officiis quam porro
−
                 </h3>
+
                 a expedita non.</p>
−
                 <h5>
+
            <br>
−
                    via minimization of gene silencing and neighbourhood effects
+
            <p style="text-indent: 0px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus rerum vel eius ut dolore, ab obcaecati officiis
−
                </h5>
+
                modi porro, sunt deleniti, consequatur assumenda asperiores aliquid recusandae tenetur neque quae suscipit!
−
                <p>
+
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio a quam iusto quo, nesciunt odit fuga, similique
−
                    Gene inserts are at risk of being rendered ineffective even after successful integration into the genome, as the spread of heterochromatin and DNA methylation can cause gene silencing. Furthermore, regulatory elements within both the insert and genome near the locus of integration may interact bidirectionally, leading to changes in gene expression known as neighbourhood effects. Chromatin modifying elements (CMEs) can help to generate an isolated, protected pocket within the genome, thereby assuring stable and sustained expression of integrated genes within eukaryotic systems.
+
                aspernatur veritatis nemo commodi libero nobis magnam necessitatibus, quidem maiores error debitis minima.
−
              </p>
+
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam ipsum consequatur, deserunt assumenda odio
−
                <button type="button" class="btn btn-outline-dark">Read more</button>
+
                natus. Quis, ea dolor! Voluptas dolore, facere cum illo sunt consectetur nam a soluta optio perferendis.</p>
−
             </div>
+
             <br>
−
        </div>
+
             <p style="text-indent: 0px">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum sit perferendis eum delectus odit vero saepe,
−
        <div class="row">
+
                 dignissimos aspernatur et libero quisquam minima soluta a suscipit tempora dolores non aliquid ratione? Lorem
−
             <div class="col-lg-7 info">
+
                 ipsum dolor, sit amet consectetur adipisicing elit. Sunt excepturi quod, doloribus et asperiores similique
−
                 <h3>
+
                 tempora, mollitia possimus doloremque officia deleniti eius aut dolorum fuga reiciendis adipisci esse quisquam
−
                    This can get deleted
+
                 quae.
−
                 </h3>
+
            </p>
−
                 <h5>
+
             <br>
−
                    we just need a references section
+
             <h3 class="infosubtitle">Why CRISPR?</h3>
−
                 </h5>
+
             <br>
−
                <p>
+
             <p style="text-indent: 0px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, totam laudantium, dolor porro laboriosam
−
                    delete this and all below
+
                 illo tenetur velit nulla corrupti quasi non eum amet quod dolores, doloremque eius ad temporibus perferendis!
−
              </p>
+
                 Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sit explicabo suscipit similique id expedita cum
−
                <button type="button" class="btn btn-outline-dark">Read more</button>
+
                consequatur voluptatibus consectetur adipisci beatae unde, cupiditate inventore. Quis officiis quam porro
−
             </div>
+
                 a expedita non.</p>
−
             <div class="col-lg-5 info">
+
             <br>
−
                <img style="width: 100%" src="https://static.igem.org/mediawiki/2018/7/7f/T--Calgary--SampleImage.png">
+
             <p style="text-indent: 0px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus rerum vel eius ut dolore, ab obcaecati officiis
−
             </div>
+
                 modi porro, sunt deleniti, consequatur assumenda asperiores aliquid recusandae tenetur neque quae suscipit!
−
        </div>
+
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio a quam iusto quo, nesciunt odit fuga, similique
−
        <hr>
+
                 aspernatur veritatis nemo commodi libero nobis magnam necessitatibus, quidem maiores error debitis minima.
−
        <div class="row">
+
                 Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam ipsum consequatur, deserunt assumenda odio
−
             <div class="col-lg-4 info">
+
                natus. Quis, ea dolor! Voluptas dolore, facere cum illo sunt consectetur nam a soluta optio perferendis.</p>
−
                 <h3>
+
             <br>
−
                    Sub Concept 1
+
             <p style="text-indent: 0px">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum sit perferendis eum delectus odit vero saepe,
−
                 </h3>
+
                dignissimos aspernatur et libero quisquam minima soluta a suscipit tempora dolores non aliquid ratione? Lorem
−
                <p>
+
                ipsum dolor, sit amet consectetur adipisicing elit. Sunt excepturi quod, doloribus et asperiores similique
−
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda nihil recusandae ea suscipit blanditiis! Ut adipisci rem,
+
                 tempora, mollitia possimus doloremque officia deleniti eius aut dolorum fuga reiciendis adipisci esse quisquam
−
                    quisquam sed fugit libero voluptatum! Ratione vitae ipsum magnam nobis molestias, omnis hic.
+
                quae.
−
                 </p>
+
             </p>
−
             </div>
+
−
             <div class="col-lg-4 info">
+
−
                 <h3>
+
−
                    Sub Concept 2
+
−
                 </h3>
+
−
                 <p>
+
−
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda nihil recusandae ea suscipit blanditiis! Ut adipisci rem,
+
−
                    quisquam sed fugit libero voluptatum! Ratione vitae ipsum magnam nobis molestias, omnis hic.
+
−
                </p>
+
−
             </div>
+
−
             <div class="col-lg-4 info">
+
−
                <h3>
+
−
                    Sub Concept 3
+
−
                </h3>
+
−
                <p>
+
−
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda nihil recusandae ea suscipit blanditiis! Ut adipisci rem,
+
−
                    quisquam sed fugit libero voluptatum! Ratione vitae ipsum magnam nobis molestias, omnis hic.
+
−
                 </p>
+
−
             </div>
+
 
         </div>
 
         </div>
 
     </div>
 
     </div>

Revision as of 18:41, 16 October 2018

Team:Calgary/Chromatin Modifying Elements - 2018.igem.org

CHROMATIN MODIFYING ELEMENTS


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.