Difference between revisions of "Team:AFCM-Egypt"

 
(185 intermediate revisions by 3 users not shown)
Line 2: Line 2:
 
{{Template:AFCM-Egypt/main}}
 
{{Template:AFCM-Egypt/main}}
 
{{Template:AFCM-Egypt/owl.carousel}}
 
{{Template:AFCM-Egypt/owl.carousel}}
−
{{Template:AFCM-Egypt/owl.carousel}}
+
{{Template:AFCM-Egypt/header}}
 
<html>
 
<html>
 
<head>
 
<head>
Line 10: Line 10:
 
     <meta name="author" content="Web Domus Italia">
 
     <meta name="author" content="Web Domus Italia">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
−
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
</head>
+
    <style>
−
<body>
+
.HOME a {border: 1px solid #fff;
−
<section class="header" id="header">
+
    background: rgba(255,255,255, 0.3) !important}
 +
 +
.fa-arrow-up:before {
 +
    content: "\f062";
 +
}
 +
.fa-arrow-right:before {
 +
    content: "\f061";
 +
}
 +
        .active {
 +
            border: 1px solid #fff;
 +
            background: rgba(255,255,255, 0.3) !important;
 +
        }
 +
#myBtn {
 +
    display: none;
 +
    position: fixed;
 +
    bottom: 50px;
 +
    right: 10px;
 +
    z-index: 99;
 +
    border: none;
 +
    outline: none;
 +
    background-color: transparent;
 +
    color: #ffffff;
 +
    cursor: pointer;
 +
    padding: 5px 10px 5px 10px;
 +
    border-radius: 10px;
 +
}
 +
#myBtn:hover{
 +
color:#777;
 +
}
 +
        .buttons {
 +
            display: table;
 +
            height: 100%;
 +
            width: 100%;
 +
        }
  
−
         <nav class="navbar navbar-default navbar-fixed-top">
+
         p a {
−
             <div class="container">
+
             background: rgba(255, 255, 255, 0);
−
                <!-- Brand and toggle get grouped for better mobile display -->
+
            border-bottom: 1px solid;
−
                <div class="navbar-header">
+
            color: #fff;
−
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
+
            line-height: 1.4;
−
                        <span class="sr-only">Toggle navigation</span>
+
            padding: .25em;
−
                        <span class="icon-bar"></span>
+
            text-decoration: none;
−
                        <span class="icon-bar"></span>
+
        }
−
                        <span class="icon-bar"></span>
+
−
                    </button>
+
−
                    <a class="navbar-brand" href="index-multipage.html"><span><img src="https://static.igem.org/mediawiki/2017/a/aa/AFCM-Egypt-LOGO.png"  style="width:150px; height:150px;"></span></a>
+
−
                </div>
+
−
                <!-- /.navbar-header -->
+
  
−
                 <!-- Collect the nav links, forms, and other content for toggling -->
+
            p a:hover {
−
                 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
                 background: white;
−
                    <ul id="menu">
+
                 color: #E1332D;
−
                    <li class="active"><a href="home.html">HOME</a> </li>
+
            }
−
                    <li>
+
−
                        <a>TEAM <span class="caret"></span></a>
+
−
                        <ul>
+
−
                            <li><a href="meet the team.html">Meet The Team</a></li>
+
−
                            <li><a href="collaborations.html">Collaborations</a></li>
+
−
                        </ul>
+
−
                    </li>
+
−
                    <li class="dropdown">
+
−
                        <a>PROJECT <span class="caret"></span></a>
+
−
                        <ul>
+
−
                            <li><a href="project.html">Project Descreption</a></li>
+
−
                            <li><a href="experiment.html">Experiment</a></li>
+
−
                            <li><a href="Result.html">Result</a></li>
+
−
                            <li><a href="proof of concept.html">Proof of concept</a></li>
+
−
                        </ul>
+
−
                    </li>
+
−
                    <li class="dropdown">
+
−
                        <a>PARTS <span class="caret"></span></a>
+
−
                        <ul>
+
−
                         
+
−
                            <li><a href="parts.html">Parts</a></li>
+
−
                            <li><a href="basic parts.html">Basic Parts</a></li>
+
−
                            <li><a href="compopsite parts.html">Composite Parts</a></li>
+
−
                        </ul>
+
−
                    </li>
+
−
<li><a href="design.html">Design</a></li>
+
−
                    <li><a href="modeling.html">MODELING</a></li>
+
−
                    <li><a href="safety.html">SAFETY</a></li>
+
−
                    <li class="dropdown">
+
−
<a>HUMAN PRACTICE <span class="caret"></span></a>
+
−
<ul>
+
−
                            <li><a href="silver.html">Silver</a></li>
+
−
                            <li><a href="gold.html">Gold</a></li>
+
−
                            <li><a href="integrated.html">Integrated</a></li>
+
−
                         
+
−
                    </ul>
+
−
                    <li><a href="attributions.html">ATTRIBUTIONS</a></li>
+
−
                    <li><a href="medal criteria.html">MEDAL CRITERIA</a></li>
+
−
                   
+
−
                </ul>
+
  
−
                    <!-- /.nav -->
+
        .btn-5 {
−
                </div>
+
            border: 0 solid;
−
                <!-- /.navbar-collapse -->
+
            box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
 +
            outline: 1px solid;
 +
            outline-color: rgba(255, 255, 255, 0.5);
 +
            outline-offset: 0px;
 +
            text-shadow: none;
 +
            -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
 +
            transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
 +
        }
 +
 
 +
            .btn-5:hover {
 +
                border: 1px solid;
 +
                box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
 +
                outline-color: rgba(255, 255, 255, 0);
 +
                outline-offset: 15px;
 +
                text-shadow: 1px 1px 2px #427388;
 +
            }
 +
 
 +
        .dots {
 +
            height: 13px;
 +
            width: 13px;
 +
            display: inline-block;
 +
            padding: 5px;
 +
            background-color: gray;
 +
            border-radius: 50px;
 +
            cursor: pointer;
 +
        }
 +
 
 +
        .adots {
 +
            background-color: #f70404;
 +
        }
 +
.btn {
 +
  margin-right: 4px;
 +
  margin-bottom: 4px;
 +
  font-family: "Raleway", Arial, sans-serif;
 +
  font-size: 16px;
 +
  font-weight: 400;
 +
  -webkit-border-radius: 30px;
 +
  -moz-border-radius: 30px;
 +
  -ms-border-radius: 30px;
 +
  border-radius: 30px;
 +
  -webkit-transition: 0.5s;
 +
  -o-transition: 0.5s;
 +
  transition: 0.5s;
 +
}
 +
.btn-primary {
 +
  background: #4a148c !important;
 +
  color: #fff;
 +
border:none
 +
}
 +
.btn-primary:hover {
 +
  background: #4a148c !important;
 +
  color: #fff;
 +
border:none
 +
}
 +
.btn-outline {
 +
  background: rgba(255, 255, 255, .15) !important;
 +
  font-size: 16px;
 +
  -webkit-transition: 0.3s;
 +
  -o-transition: 0.3s;
 +
  transition: 0.3s;
 +
}
 +
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
 +
  box-shadow: none;
 +
}
 +
 
 +
.btn.with-arrow {
 +
  position: relative;
 +
  -webkit-transition: 0.3s;
 +
  -o-transition: 0.3s;
 +
  transition: 0.3s;
 +
}
 +
.btn.with-arrow i {
 +
  visibility: hidden;
 +
  opacity: 0;
 +
  position: absolute;
 +
  right: 0px;
 +
  top: 50%;
 +
  margin-top: -8px;
 +
  -webkit-transition: 0.2s;
 +
  -o-transition: 0.2s;
 +
  transition: 0.2s;
 +
}
 +
.btn.with-arrow:hover {
 +
  padding-right: 50px;
 +
}
 +
.btn.with-arrow:hover i {
 +
  color: #fff;
 +
  right: 18px;
 +
  visibility: visible;
 +
  opacity: 1;
 +
}
 +
    </style>
 +
</head>
 +
<body>
 +
 
 +
    <div class="twitter-feed purple" style="padding-bottom:250px">
 +
        <div class="container section-wrapper" style="padding-top:0px !important;width:90%">
 +
            <div class="col-md-12 text-center">
 +
                <video autoplay controls loop style="width:85%;height:85%">
 +
                    <source src="https://static.igem.org/mediawiki/2017/8/88/Final_vid.mp4" type="video/mp4">
 +
                </video>
 
             </div>
 
             </div>
−
            <!-- /.container -->
+
        </div>
−
        </nav>
+
    </div>
−
         <div class="container">
+
    <section class="price-table">
−
             <div class="header-table">
+
         <div class="container section-wrapper">
−
                 <div class="header-wrapper">
+
             <div class="row" style="margin-bottom: 50px;">
−
                     <!--<h1 class="header-title">
+
                 <div class="col-md-6 text-center" style="float: none;height: auto ; width: 90%; margin: auto; background-color: rgba(0, 0, 0, 0.4);">
−
TEAM AFCM
+
                     <p><img style="float: right;" src="https://static.igem.org/mediawiki/2017/d/d4/CRISPR_PNG.png" alt="" width="679" height="988" /></p>
−
</h1>  
+
<h3 dir="ltr" style="text-align: left;"><span style="font-size: 20pt; color: #ffffff;">Competing endogenous RNA network : Potential entrants to gene editing in Hepatocellular Carcinoma</span><br /><br /><br />               
−
<p class="header-subtitle">
+
  <h3 class="text-center" style="text-align: center;"><br /><br /><span style="font-size: 14pt; color: #ffffff;">Abstract</span></h3>
−
since ****
+
                    <p style="text-align: left;"><span style="font-size: 14pt; color: #ffffff;">&nbsp;</span></p>
−
</p>-->
+
                  <span style="font-size: 14pt; color: #ffffff;">Hepatocellular Carcinoma (HCC) is the leading cause of cancer deaths worldwide &amp; ranked first among cancers in males and next to breast cancer among females in</span><span style="font-size: 14pt; color: #ffffff;"> Egypt based upon results of National Cancer Registry Program of Egypt. "Grabbing the problem from the roots" is the best way to decently describe the use of CRISPR, a special gene editing technique that we will be using to modulate a certain&nbsp; circRNA and adjust its gene expression, which is down-regulated in hepatocellular carcinoma. This in consequence modifies&nbsp; &nbsp;miRNA expression thus amending the mRNA gene expression; which is the visible problem in our trials.&nbsp; &nbsp;This will lead us to adopt a novel strategy for miRNA suppression by using circRNAs. This is&nbsp; &nbsp; accomplished by utilizing a&nbsp; &nbsp;synthetic circuit to give rise to a springboard in our battle against cancer.</span><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></h3>
 
                 </div>
 
                 </div>
−
                <!-- /.header-wrapper -->
 
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
<!---intro--->
 
−
 
−
 
−
        <!-- /.container -->
 
 
     </section>
 
     </section>
−
     <!-- /#header -->
+
     <div class="twitter-feed purple" style="margin-bottom:50vh;background-color: rgba(0, 0, 0, 0.4);">
−
<div class="twitter-feed purple" style="margin-bottom:50vh;background-color: rgba(0, 0, 0, 0.4);">
+
 
         <div class="container section-wrapper">
 
         <div class="container section-wrapper">
−
             <h3 class='text-center' style='margin-bottom:30px'>Abstract</h3>
+
             <div class='col-md-3'></div>
−
                <h3>Knock-in of Circular RNA gene in Hepatocellular Carcinoma cells via CRISPR/Cas9</h4>
+
            <div class='col-md-6 text-center'>
−
           
+
                <h2 class='text-center' style='margin-bottom:30px'>
−
            <div>
+
                    AFCM-Egypt</h2>
−
<p style='text-align: justify;font-size:18px'>
+
                    <h3 class='text-center'>
−
Hepatocellular Carcinoma (HCC) is the leading cause of cancer deaths worldwide & ranked first among cancers
+
                        A Culture of Discipline and Innovation</h3>
−
in males and next to breast cancer among females in Egypt - based upon results of National Cancer Registry Program of Egypt-.
+
                        <a href="http://www.afcm.ac.eg/" class="btn btn-primary btn-outline with-arrow" target="_blank"> click here <i class="fa fa-arrow-right"></i></a></div>
−
"Grabbing the problem from the roots" is the best way to decently describe the use of CRISPR, a special gene editing technique
+
            <div class='col-md-3'><img src="https://static.igem.org/mediawiki/2017/7/7b/AFCM_LOGO_PNG.png" alt="logo" style='width: 50%;float: right'></div>
−
that we will be using to modulate a certain circRNA and adjust its gene expression, which is down-regulated in hepatocellular carcinoma.
+
−
This in consequence modifies miRNA expression thus amending the mRNA gene expression; which is the visible problem in our trials.
+
−
This will lead us to adopt a novel strategy for miRNA suppression by using circRNAs. This is accomplished by utilizing a synthetic circuit to give rise to a springboard in our battle against cancer.
+
−
</p>
+
−
</div>
+
 
         </div>
 
         </div>
−
        <!-- /.container -->
 
 
     </div>
 
     </div>
−
<div class="twitter-feed purple" style="margin-bottom:50vh;background-color: rgba(0, 0, 0, 0.4);">
+
    <section class="section-wrapper add container" style="background-color:#808387;width:100%">
−
         <div class="container section-wrapper">
+
         <div class="slider-wrapper theme-mi-slider">
−
<div class='col-md-3'></div>
+
            <h3 class='text-center'>OUR SPONSORS</h3>
−
<div class='col-md-6 text-center'>
+
            <div class="afcmslider-holder">
−
<h2 class='text-center' style='margin-bottom:30px'>AFCM-Egypt</h3>
+
                <button class="afcmcontrols" id="afcmcontrols-left">&#10094;</button>
−
<h3 class='text-center'> We strive to excel</h4>
+
                <button class="afcmcontrols" id="afcmcontrols-right">&#10095;</button>
−
<a class='btn btn-sub text-center' href='http://www.afcm.ac.eg' target='_blank'>click here</a>
+
                <ul id="afcmslides">
−
</div>
+
                    <li class="afcmslide afcmshowing">
−
<div class='col-md-3'><img src="https://static.igem.org/mediawiki/2017/7/7b/AFCM_LOGO_PNG.png" alt="logo" style='width: 50%;float: right'></div>
+
                        <img src="https://static.igem.org/mediawiki/2017/f/f1/1-AFCM-Egypt-sponsers-vitabiotics.png" style="width: 182px;padding-right: 20px;">
−
           
+
                        <img src="https://static.igem.org/mediawiki/2017/b/bd/3-AFCM-Egypt-sponsers-Pharco_Logo.png" style="width: 180px;padding-right: 18px;">
−
+
                    </li>
−
           
+
                    <li class="afcmslide">
−
           
+
                        <img src="https://static.igem.org/mediawiki/2017/3/3b/4-AFCM-Egypt-sponsers-Nationel_Research.png" style="width: 150px;padding-right: 15px;">
−
        </div>
+
                        <img src="https://static.igem.org/mediawiki/2017/6/67/7-AFCM-Egypt-sponsers-Image-2.jpeg" style="width: 160px;padding-right: 15px;">
−
        <!-- /.container -->
+
                        <img src="https://static.igem.org/mediawiki/2017/e/eb/6-AFCM-Egypt-sponsers-SimEra.png" style="width: 150px;padding-right: 15px;">
−
    </div>
+
                        <img src="https://static.igem.org/mediawiki/2017/3/37/5-AFCM-Egypt-sponsers-IDT.png" style="width: 150px;padding-right: 15px;">
−
    <!-- site information  -->
+
                        <img src="https://static.igem.org/mediawiki/2017/6/60/9-AFCM-Egypt-sponsers-Benchling.png" style="width: 150px;padding-right: 15px;">
−
    <section class="section-wrapper add container">
+
                        <img src="https://static.igem.org/mediawiki/2017/b/b4/8-AFCM-Egypt-sponsers-Zewail_logo.png" style="width: 150px;padding-right: 15px;">
−
<div class="owl-carousel add-owl">
+
                     </li>
−
<div class="item">
+
                 </ul>
−
<img src="https://static.igem.org/mediawiki/2017/f/f1/1-AFCM-Egypt-sponsers-vitabiotics.png" alt="add" class="add-item">
+
−
</div> <!-- /.item -->
+
−
<div class="item">
+
−
<img src="https://static.igem.org/mediawiki/2017/b/bb/2-AFCM-Egypt-sponsers-EFIA_LOGO.png" alt="add" class="add-item">
+
−
</div> <!-- /.item -->
+
−
<div class="item">
+
−
<img src="https://static.igem.org/mediawiki/2017/b/bd/3-AFCM-Egypt-sponsers-Pharco_Logo.png" alt="add" class="add-item">
+
−
</div> <!-- /.item -->
+
−
<div class="item">
+
−
<img src="https://static.igem.org/mediawiki/2017/3/3b/4-AFCM-Egypt-sponsers-Nationel_Research.png" alt="add" class="add-item">
+
−
</div> <!-- /.item -->
+
−
<div class="item">
+
−
<img src="https://static.igem.org/mediawiki/2017/3/37/5-AFCM-Egypt-sponsers-IDT.png" alt="add" class="add-item">
+
−
</div> <!-- /.item -->
+
−
<div class="item">
+
−
<img src="https://static.igem.org/mediawiki/2017/e/eb/6-AFCM-Egypt-sponsers-SimEra.png" alt="add" class="add-item">
+
−
</div> <!-- /.item -->
+
−
<div class="item">
+
−
<img src="https://static.igem.org/mediawiki/2017/6/67/7-AFCM-Egypt-sponsers-Image-2.jpeg" alt="add" class="add-item">
+
−
</div> <!-- /.item -->
+
−
<div class="item">
+
−
<img src="https://static.igem.org/mediawiki/2017/b/b4/8-AFCM-Egypt-sponsers-Zewail_logo.png" alt="add" class="add-item">
+
−
</div> <!-- /.item -->
+
−
<div class="item">
+
−
<img src="https://static.igem.org/mediawiki/2017/6/60/9-AFCM-Egypt-sponsers-Benchling.png" alt="add" class="add-item">
+
−
</div> <!-- /.item -->
+
−
</div> <!-- /.owl-carousel -->
+
−
</section>
+
−
    <!-- /.twitter-feed -->
+
−
 
+
−
    <!-- Footer -->
+
−
    <footer>
+
−
        <div class="container">
+
−
            <div class="row">
+
−
                <div class="col-sm-4">
+
−
                    <div class="copy">
+
−
                        Copyright &copy; 2017 AFCM Egypt
+
−
                    </div>
+
−
                </div>
+
−
                <div class="col-sm-4 text-center">
+
−
                    <div class="social-icon">
+
−
                        <a href=" https://www.facebook.com/igem.egy">
+
−
                            <div class="icon fb">
+
−
                                <i class="fa fa-facebook"></i>
+
−
                            </div>
+
−
                        </a>
+
−
                        <a href="www.twitter.com">
+
−
                            <div class="icon twitter">
+
−
                                <i class="fa fa-facebook"></i>
+
−
                            </div>
+
−
                        </a>
+
−
                     </div>
+
−
                 </div>
+
−
                <div class="col-sm-4 text-right">
+
−
                    <!--<div class="copy">
+
−
Theme by <a href="http://www.themewagon.com">themewagon.com</a>. All Rights Reserved
+
−
</div> -->
+
−
                </div>
+
 
             </div>
 
             </div>
−
            <!-- /.row -->
 
 
         </div>
 
         </div>
−
         <!-- /.container -->
+
    </section>
−
     </footer>
+
         <button id="myBtn" title="Go to top"><i class="fa fa-arrow-up fa-3x"></i></button>
 +
 
 +
    <script>
 +
$(document).ready(function() {
 +
$('#myBtn').click(function(){
 +
document.body.scrollTop = 0;
 +
            document.documentElement.scrollTop = 0;
 +
})
 +
window.onscroll = function () { scrollFunction() };
 +
        function scrollFunction() {
 +
            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
 +
                document.getElementById("myBtn").style.display = "block";
 +
            } else {
 +
                document.getElementById("myBtn").style.display = "none";
 +
            }
 +
        }
 +
       
 +
document.getElementById('navbar-toggle').onclick = function () {
 +
    var active = document.querySelector(".navbar-collapse");
 +
    active.classList.toggle("in");
 +
}
 +
var slides = document.querySelectorAll('#afcmslides .afcmslide');
 +
        var currentSlide = 0;
 +
var slideInterval ;
 +
        var controls = document.querySelectorAll('.afcmcontrols');
 +
 
 +
        var next = document.getElementById('afcmcontrols-left');
 +
        var previous = document.getElementById('afcmcontrols-right');
 +
        for (var i = 0; i < slides.length; i++) {
 +
            slides[i].style.position = 'absolute';
 +
        }
 +
        for (var i = 0; i < controls.length; i++) {
 +
            controls[i].style.display = 'inline-block';
 +
        }
 +
        function nextSlide() {
 +
            goToSlide(currentSlide + 1);
 +
        }
 +
        function previousSlide() {
 +
            goToSlide(currentSlide - 1);
 +
        }
 +
        function goToSlide(n) {
 +
            if (playing) {
 +
                slides[currentSlide].className = 'afcmslide';
 +
                currentSlide = (n + slides.length) % slides.length;
 +
                $(slides[currentSlide]).css({ opacity: 0.0 }, "slow")
 +
                .addClass('afcmshowing')
 +
                .animate({
 +
                    opacity: 1.0
 +
                }, "slow", function () {
 +
                    $(slides[currentSlide]).removeClass('active');
 +
                });
 +
            }
 +
        }
 +
        $('.afcmslide').click(function () {
 +
            if (playing) {
 +
                pauseSlideshow();
 +
            } else {
 +
                playSlideshow();
 +
            }
 +
        })
 +
        function pauseSlideshow() {
 +
            playing = false;
 +
            clearInterval(slideInterval);
 +
        }
 +
        function playSlideshow() {
 +
            playing = true;
 +
            slideInterval = setInterval(nextSlide, 3000);
 +
        }
 +
        next.onclick = function () {
 +
            playing = true;
 +
            nextSlide();
 +
            pauseSlideshow();
 +
        };
 +
        previous.onclick = function () {
 +
            playing = true;
 +
            previousSlide();
 +
            pauseSlideshow();
 +
        };
 +
 
 +
       
 +
});
 +
     </script>
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{Template:AFCM-Egypt/footer}}

Latest revision as of 20:11, 31 October 2017

A F C M

A F C M

Competing endogenous RNA network : Potential entrants to gene editing in Hepatocellular Carcinoma




Abstract

 

Hepatocellular Carcinoma (HCC) is the leading cause of cancer deaths worldwide & ranked first among cancers in males and next to breast cancer among females in Egypt based upon results of National Cancer Registry Program of Egypt. "Grabbing the problem from the roots" is the best way to decently describe the use of CRISPR, a special gene editing technique that we will be using to modulate a certain  circRNA and adjust its gene expression, which is down-regulated in hepatocellular carcinoma. This in consequence modifies   miRNA expression thus amending the mRNA gene expression; which is the visible problem in our trials.   This will lead us to adopt a novel strategy for miRNA suppression by using circRNAs. This is    accomplished by utilizing a   synthetic circuit to give rise to a springboard in our battle against cancer.














OUR SPONSORS