Difference between revisions of "Team:AFCM-Egypt"

 
(243 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{Template:AFCM-Egypt/bootstrap}}
 +
{{Template:AFCM-Egypt/main}}
 +
{{Template:AFCM-Egypt/owl.carousel}}
 
{{Template:AFCM-Egypt/header}}
 
{{Template:AFCM-Egypt/header}}
 
<html>
 
<html>
Line 9: Line 12:
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <style>
 
     <style>
 +
.HOME a {border: 1px solid #fff;
 +
    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%;
 +
        }
 +
 +
        p a {
 +
            background: rgba(255, 255, 255, 0);
 +
            border-bottom: 1px solid;
 +
            color: #fff;
 +
            line-height: 1.4;
 +
            padding: .25em;
 +
            text-decoration: none;
 +
        }
 +
 +
            p a:hover {
 +
                background: white;
 +
                color: #E1332D;
 +
            }
 +
 +
        .btn-5 {
 +
            border: 0 solid;
 +
            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>
 
     </style>
 
</head>
 
</head>
 
<body>
 
<body>
−
     <header id="js-header">
+
 
−
        <img src="https://static.igem.org/mediawiki/2017/d/d0/AFCM-Egypt-home_background.png" style="float: right;margin-top:-60px" />
+
     <div class="twitter-feed purple" style="padding-bottom:250px">
−
         <div class="stage">
+
         <div class="container section-wrapper" style="padding-top:0px !important;width:90%">
−
            <div class="cubespinner">
+
            <div class="col-md-12 text-center">
−
                <div class="face1"><img id="loading" src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" alt="logo"></div>
+
                 <video autoplay controls loop style="width:85%;height:85%">
−
                <div class="face2"><img id="loading" src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" alt="logo"></div>
+
                    <source src="https://static.igem.org/mediawiki/2017/8/88/Final_vid.mp4" type="video/mp4">
−
                 <div class="face3"><img id="loading" src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" alt="logo"></div>
+
                 </video>
−
                <div class="face4"><img id="loading" src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" alt="logo"></div>
+
−
                <div class="face5"><img id="loading" src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" alt="logo"></div>
+
−
                 <div class="face6"><img id="loading" src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" alt="logo"></div>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
 
+
    </div>
−
         <div class="header-limiter">
+
    <section class="price-table">
−
             <nav style="width: 100%;">
+
         <div class="container section-wrapper">
−
                 <ul id="menu">
+
             <div class="row" style="margin-bottom: 50px;">
−
                     <li class="active"><a href="#" id="homtst">HOME</a> </li>
+
                <div class="col-md-6 text-center" style="float: none;height: auto ; width: 90%; margin: auto; background-color: rgba(0, 0, 0, 0.4);">
−
                    <li>
+
                    <p><img style="float: right;" src="https://static.igem.org/mediawiki/2017/d/d4/CRISPR_PNG.png" alt="" width="679" height="988" /></p>
−
                        <a>TEAM <span class="caret"></span></a>
+
<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 />                  
−
                        <ul>
+
  <h3 class="text-center" style="text-align: center;"><br /><br /><span style="font-size: 14pt; color: #ffffff;">Abstract</span></h3>
−
                            <li><a href="meettheteam.html">Meat The Team</a></li>
+
                     <p style="text-align: left;"><span style="font-size: 14pt; color: #ffffff;">&nbsp;</span></p>
−
                            <li><a href="collaborations.html">Collaborations</a></li>
+
                  <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>
−
                         </ul>
+
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
    <div class="twitter-feed purple" style="margin-bottom:50vh;background-color: rgba(0, 0, 0, 0.4);">
 +
        <div class="container section-wrapper">
 +
            <div class='col-md-3'></div>
 +
            <div class='col-md-6 text-center'>
 +
                <h2 class='text-center' style='margin-bottom:30px'>
 +
                    AFCM-Egypt</h2>
 +
                    <h3 class='text-center'>
 +
                        A Culture of Discipline and Innovation</h3>
 +
                        <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>
 +
            <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>
 +
        </div>
 +
    </div>
 +
    <section class="section-wrapper add container" style="background-color:#808387;width:100%">
 +
        <div class="slider-wrapper theme-mi-slider">
 +
            <h3 class='text-center'>OUR SPONSORS</h3>
 +
            <div class="afcmslider-holder">
 +
                <button class="afcmcontrols" id="afcmcontrols-left">&#10094;</button>
 +
                <button class="afcmcontrols" id="afcmcontrols-right">&#10095;</button>
 +
                <ul id="afcmslides">
 +
                    <li class="afcmslide afcmshowing">
 +
                         <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>
−
                     <li>
+
                     <li class="afcmslide">
−
                        <a>PROJECT <span class="caret"></span></a>
+
                        <img src="https://static.igem.org/mediawiki/2017/3/3b/4-AFCM-Egypt-sponsers-Nationel_Research.png" style="width: 150px;padding-right: 15px;">
−
                         <ul>
+
                         <img src="https://static.igem.org/mediawiki/2017/6/67/7-AFCM-Egypt-sponsers-Image-2.jpeg" style="width: 160px;padding-right: 15px;">
−
                            <li><a href="description.html">Descreption</a></li>
+
                        <img src="https://static.igem.org/mediawiki/2017/e/eb/6-AFCM-Egypt-sponsers-SimEra.png" style="width: 150px;padding-right: 15px;">
−
                            <li><a href="experiment.html">Experiment</a></li>
+
                        <img src="https://static.igem.org/mediawiki/2017/3/37/5-AFCM-Egypt-sponsers-IDT.png" style="width: 150px;padding-right: 15px;">
−
                            <li><a href="result.html">Result</a></li>
+
                        <img src="https://static.igem.org/mediawiki/2017/6/60/9-AFCM-Egypt-sponsers-Benchling.png" style="width: 150px;padding-right: 15px;">
−
                            <li><a href="proofofconcept.html">Proof of concept</a></li>
+
                         <img src="https://static.igem.org/mediawiki/2017/b/b4/8-AFCM-Egypt-sponsers-Zewail_logo.png" style="width: 150px;padding-right: 15px;">
−
                         </ul>
+
 
                     </li>
 
                     </li>
−
                    <li class="dropdown">
 
−
                        <a>PARTS <span class="caret"></span></a>
 
−
                        <ul>
 
−
                            <li><a href="design.html">Design</a></li>
 
−
                            <li><a href="parts.html">Parts</a></li>
 
−
                            <li><a href="basicpart.html">Basic Part</a></li>
 
−
                            <li><a href="compositepart.html">Composite Part</a></li>
 
−
                        </ul>
 
−
                    </li>
 
−
                    <li><a href="modeling.html">MODELING</a></li>
 
−
                    <li><a href="safety.html">SAFETY</a></li>
 
−
                    <li><a href="humanpractice.html">HUMAN PRACTICE</a></li>
 
−
                    <li><a href="attributions.html">ATTRIBUTIONS</a></li>
 
−
                    <li><a href="medalcriteria.html">MEDAL CRITERIA</a></li>
 
 
                 </ul>
 
                 </ul>
−
            </nav>
 
−
        </div>
 
−
    </header>
 
−
 
−
    <div id="globalWrapper">
 
−
        <div class="container">
 
−
            <div class="allcontain" style="position: relative;margin-bottom: 20px">
 
−
                <div class="afcmslider-holder">
 
−
                    <div id="afcmslides">
 
−
                        <img class="afcmslide afcmshowing" src="https://static.igem.org/mediawiki/2017/1/11/AFCM-Egypt-home2.jpeg" style="width:100%">
 
−
                        <img class="afcmslide" src="https://static.igem.org/mediawiki/2017/5/58/AFCM-Egypt-home3.jpeg" style="width:100%">
 
−
                        <img class="afcmslide" src="https://static.igem.org/mediawiki/2017/3/39/AFCM-Egypt-home4.jpeg" alt="Third Slide" style="width:100%">
 
−
                    </div>
 
−
                    <button class="afcmcontrols" id="afcmcontrols-left">&#10094;</i></button>
 
−
                    <button class="afcmcontrols" id="afcmcontrols-right">&#10095;</i></button>
 
−
                </div>
 
−
            </div>
 
−
            <div class="allcontain">
 
−
                <div class="feturedimage">
 
−
                    <div class="row firstrow">
 
−
                        <div class="jumbotron" style="background-color:#563d7c;color:#fff">
 
−
                            <h1>Navbar example</h1>
 
−
                            <p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
 
−
                            <p>
 
−
                                <div class="svg-wrapper">
 
−
                                    <svg height="40" width="150">
 
−
                                        <rect id="shape" height="40" width="150"></rect>
 
−
                                    </svg><div id="text">
 
−
                                        <a href=""><span class="spot"></span>Button 1</a>
 
−
                                    </div>
 
−
                                </div>
 
−
                            </p>
 
−
                        </div>
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
           
 
−
            <div class="row" style="background-color: #dbcaf7;border-radius:6px;margin-bottom:20px">
 
−
                <div class="col-lg-6 col-md-6 col-sm-12" style="padding: 10px 30px 10px 30px;">
 
−
                    <h2>Heading</h2>
 
−
                    <p style="text-align: justify;">
 
−
                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 
−
                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 
−
                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 
−
                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 
−
                        Donec id elit non mi porta gravida at eget metus.
 
−
                        <br />
 
−
                        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 
−
                    </p>
 
−
                </div>
 
−
                <div class="col-lg-6 col-md-6 col-sm-12" style="padding: 10px 30px 10px 30px;">
 
−
                    <h2>Heading</h2>
 
−
                    <p style="text-align: justify;">
 
−
                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 
−
                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 
−
                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 
−
                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 
−
                        Donec id elit non mi porta gravida at eget metus.
 
−
                        <br />
 
−
                        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 
−
                    </p>
 
−
                </div>
 
−
            </div>
 
−
            <div class="allcontain" style="margin-bottom:30px">
 
−
                <div class="feturedimage">
 
−
                    <div class="row firstrow" style="margin-left:160px">
 
−
                        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12" style="margin-right:50px">
 
−
                            <div class="hovereffect">
 
−
                                <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" alt="">
 
−
                                <div class="overlay">
 
−
                                    <h2>Hover effect 2</h2>
 
−
                                    <a class="info" href="#">link here</a>
 
−
                                </div>
 
−
                            </div>
 
−
                        </div>
 
−
                        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12" style="margin-right:50px">
 
−
                            <div class="hovereffects">
 
−
                                <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" alt="">
 
−
                                <div class="overlay">
 
−
                                    <h2>Hover effect 5</h2>
 
−
                                    <a class="info" href="#">link here</a>
 
−
                                </div>
 
−
                            </div>
 
−
                        </div>
 
−
                        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12" style="margin-right:50px">
 
−
                            <div class="hovereffectx">
 
−
                                <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" alt="">
 
−
                                <div class="overlay">
 
−
                                    <h2>Effect 13</h2>
 
−
                                    <p>
 
−
                                        <a href="#">LINK HERE</a>
 
−
                                    </p>
 
−
                                </div>
 
−
                            </div>
 
−
                        </div>
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
            <div class="row" style="border: 1px solid #b091e0;background-color: #efe8fb;border-radius:6px;margin-bottom:20px">
 
−
                <div class="col-lg-12 col-md-12 col-sm-12" style="box-shadow: 1px -2px 8px 3px #33354e;padding: 10px 30px 10px 30px;">
 
−
                    <h2 style="text-decoration: underline;">Heading</h2>
 
−
                    <p style="text-align: justify;">
 
−
                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 
−
                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 
−
                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 
−
                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 
−
                        Donec id elit non mi porta gravida at eget metus.
 
−
                        <br />
 
−
                        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 
−
                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 
−
                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 
−
                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 
−
                        Donec id elit non mi porta gravida at eget metus.
 
−
                        <br />
 
−
                        <hr />
 
−
                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
 
−
                        Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 
−
                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 
−
                    </p>
 
−
                </div>
 
−
            </div>
 
−
            <div class="allcontain">
 
−
                <div class="feturedimage">
 
−
                    <div class="row firstrow">
 
−
                        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
 
−
                            <div class="cube-container">
 
−
                                <div class="photo-cube">
 
−
                                    <img class="front" src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" alt="">
 
−
                                    <div class="back photo-desc">
 
−
                                        <h3>test</h3>
 
−
                                        <p>description</p>
 
−
                                    </div>
 
−
                                    <img class="left" src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" alt="">
 
−
                                    <img class="right" src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" alt="">
 
−
                                </div>
 
−
                            </div>
 
−
                        </div>
 
−
                        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
 
−
                            <div class="cube-container">
 
−
                                <div class="photo-cube">
 
−
                                    <img class="front" src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" alt="">
 
−
                                    <div class="back photo-desc">
 
−
                                        <h3>test</h3>
 
−
                                        <p>description</p>
 
−
                                    </div>
 
−
                                    <img class="left" src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" alt="">
 
−
                                    <img class="right" src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" alt="">
 
−
                                </div>
 
−
                            </div>
 
−
                        </div>
 
−
                        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
 
−
                            <div class="cube-container">
 
−
                                <div class="photo-cube">
 
−
                                    <img class="front" src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" alt="">
 
−
                                    <div class="back photo-desc">
 
−
                                        <h3>test</h3>
 
−
                                        <p>description</p>
 
−
                                    </div>
 
−
                                    <img class="left" src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" alt="">
 
−
                                    <img class="right" src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" alt="">
 
−
                                </div>
 
−
                            </div>
 
−
                        </div>
 
−
                        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
 
−
                            <div class="cube-container">
 
−
                                <div class="photo-cube">
 
−
                                    <img class="front" src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" alt="">
 
−
                                    <div class="back photo-desc">
 
−
                                        <h3>test</h3>
 
−
                                        <p>description</p>
 
−
                                    </div>
 
−
                                    <img class="left" src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" alt="">
 
−
                                    <img class="right" src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" alt="">
 
−
                                </div>
 
−
                            </div>
 
−
                        </div>
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
            <div class="allcontain">
 
−
                <div class="feturedimage">
 
−
                    <div class="row firstrow">
 
−
                        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 center">
 
−
                            <video width="420" height="340" controls style="border:1px solid #000">
 
−
                                <source src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" type="video/ogg">
 
−
                                <source src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" type="video/mp4">
 
−
                            </video>
 
−
                        </div>
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
            <div class="row" style="background-color: #b091e0;border-radius:6px;margin-bottom:20px">
 
−
                <div class="col-lg-4 col-md-4" style="width:28%;background-color: #f5f2f2;margin: 20px;padding: 20px;box-shadow: 1px -2px 8px 3px #33354e;">
 
−
                    <h2>Heading</h2>
 
−
                    <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
 
−
                    <p>
 
−
                        <div class="svg-wrapper">
 
−
                            <svg height="40" width="150">
 
−
                                <rect id="shape" height="40" width="150"></rect>
 
−
                            </svg><div id="text">
 
−
                                <a href=""><span class="spot"></span>Button 1</a>
 
−
                            </div>
 
−
                        </div>
 
−
                    </p>
 
−
                </div>
 
−
                <div class="col-lg-4 col-md-4" style="width:28%;background-color: #e1e9ff;margin: 20px;padding: 20px;box-shadow: 1px -2px 8px 3px #33354e;">
 
−
                    <h2>Heading</h2>
 
−
                    <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
 
−
                    <p>
 
−
                        <div class="svg-wrapper">
 
−
                            <svg height="40" width="150">
 
−
                                <rect id="shape" height="40" width="150"></rect>
 
−
                            </svg><div id="text">
 
−
                                <a href=""><span class="spot"></span>Button 1</a>
 
−
                            </div>
 
−
                        </div>
 
−
                    </p>
 
−
                </div>
 
−
                <div class="col-lg-4 col-md-4" style="width:28%;background-color: #ddd;margin: 20px;padding: 20px;box-shadow: 1px -2px 8px 3px #33354e;">
 
−
                    <h2>Heading</h2>
 
−
                    <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.</p>
 
−
                    <p>
 
−
                        <div class="svg-wrapper">
 
−
                            <svg height="40" width="150">
 
−
                                <rect id="shape" height="40" width="150"></rect>
 
−
                            </svg><div id="text">
 
−
                                <a href=""><span class="spot"></span>Button 1</a>
 
−
                            </div>
 
−
                        </div>
 
−
                    </p>
 
−
                </div>
 
−
            </div>
 
−
            <div class="row">
 
−
                <div class="col-lg-8 col-md-8 col-centered text-center">
 
−
                    <hr style="margin-bottom:0px"/>
 
−
                    <h3 style="color: #05526c;font-weight: bolder;margin:0px">Sponsors</h3>
 
−
                    <hr style="margin-top:0px" />
 
−
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
 
−
                        <img src="https://static.igem.org/mediawiki/2017/b/bd/3-AFCM-Egypt-sponsers-Pharco_Logo.png" alt="logo">
 
−
                    </div>
 
−
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
 
−
                      <img src="https://static.igem.org/mediawiki/2017/b/b4/8-AFCM-Egypt-sponsers-Zewail_logo.png" alt="logo">
 
−
                    </div>
 
−
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
 
−
                        <img src="https://static.igem.org/mediawiki/2017/e/eb/6-AFCM-Egypt-sponsers-SimEra.png" alt="logo">
 
−
                    </div>
 
−
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
 
−
                        <img src="https://static.igem.org/mediawiki/2017/3/3b/4-AFCM-Egypt-sponsers-Nationel_Research.png" alt="logo">
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
            <br />
 
−
            <div class="row">
 
−
                <div class="col-lg-10 col-md-10 col-centered">
 
−
                        <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12" style="margin-right: 30px;">
 
−
                            <img src="https://static.igem.org/mediawiki/2017/3/37/5-AFCM-Egypt-sponsers-IDT.png" style="height:150px">
 
−
                        </div>
 
−
                        <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12" style="margin-right: 30px;">
 
−
                            <img src="https://static.igem.org/mediawiki/2017/f/f1/1-AFCM-Egypt-sponsers-vitabiotics.png" style="height:150px">
 
−
                        </div>
 
−
                        <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12" style="margin-right: 30px;">
 
−
                            <img src="https://static.igem.org/mediawiki/2017/b/bb/2-AFCM-Egypt-sponsers-EFIA_LOGO.png" style="height:150px">
 
−
                        </div>
 
−
                        <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12" style="margin-right: 30px;">
 
−
                            <img src="https://static.igem.org/mediawiki/2017/6/67/7-AFCM-Egypt-sponsers-Image-2.jpeg" style="height:150px">
 
−
                        </div>
 
−
                        <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
 
−
                            <img src="https://static.igem.org/mediawiki/2017/6/60/9-AFCM-Egypt-sponsers-Benchling.png" style="height:150px">
 
−
                        </div>
 
−
                </div>
 
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
         <button onclick="topFunction()" id="myBtn" title="Go to top">&#128070;</button>
+
    </section>
−
        <footer class="footer-distributed">
+
         <button id="myBtn" title="Go to top"><i class="fa fa-arrow-up fa-3x"></i></button>
−
            <div class="footer-left">
+
−
                <h3><img src="https://static.igem.org/mediawiki/2017/8/80/AFCM-Egypt-logopng.png" style="max-height:70px;max-width:70px"></h3>
+
−
                <p class="footer-links">
+
−
                    <a href="#">Home</a>
+
−
                    ·
+
−
                    <a href="#">Blog</a>
+
−
                    ·
+
−
                    <a href="#">About</a>
+
−
                    ·
+
−
                    <a href="#">Contact</a>
+
−
                </p>
+
  
−
                <p class="footer-company-name">Team © 2017</p>
+
    <script>
−
            </div>
+
$(document).ready(function() {
−
            <div class="footer-center">
+
$('#myBtn').click(function(){
−
                <div>
+
document.body.scrollTop = 0;
−
                    <i class="fa">A</i>
+
            document.documentElement.scrollTop = 0;
−
                    <p><span>Ehsan Abd El Kodous Street</span> Cairo, Egypt</p>
+
})
−
                </div>
+
window.onscroll = function () { scrollFunction() };
−
                <div>
+
        function scrollFunction() {
−
                    <i class="fa">&#9990;</i>
+
            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
−
                    <p>01000000000</p>
+
                 document.getElementById("myBtn").style.display = "block";
−
                </div>
+
            } else {
−
 
+
                 document.getElementById("myBtn").style.display = "none";
−
                <div>
+
             }
−
                    <i class="fa">&#9993;</i>
+
         }
−
                    <p><a href="Igem.afcm@gmail.com" target="_blank">Igem.afcm@gmail.com</a></p>
+
       
−
                 </div>
+
document.getElementById('navbar-toggle').onclick = function () {
−
            </div>
+
    var active = document.querySelector(".navbar-collapse");
−
            <div class="footer-right">
+
    active.classList.toggle("in");
−
                <p class="footer-company-about">
+
}
−
                    <span>About the us</span>
+
var slides = document.querySelectorAll('#afcmslides .afcmslide');
−
                    AFCM afcm test afcm TEST AFCM afcm test afcm TESTAFCM afcm test afcm TEST
+
−
                    AFCM afcm test afcm TEST AFCM afcm test afcm TESTAFCM afcm test afcm TEST
+
−
                 </p>
+
−
                <div class="footer-icons">
+
−
                    <a href="https://www.facebook.com/igem.egy" target="_blank" style="padding-right: 0px;background-color: #3b5998;">&#120307;</a>
+
−
                    <a href="https://insta724.com/profile/afcmigem" style="padding-right: 0px;background-color: #3b5998;">&#xf16d;</a>
+
−
                </div>
+
−
             </div>
+
−
         </footer>
+
−
    </div>
+
−
    <script type="text/javascript">
+
−
$('#homtst').click(function(){
+
−
alert('test')
+
−
});
+
−
        var slides = document.querySelectorAll('#afcmslides .afcmslide');
+
 
         var currentSlide = 0;
 
         var currentSlide = 0;
−
        var slideInterval = setInterval(nextSlide, 2000);
+
var slideInterval ;
 
         var controls = document.querySelectorAll('.afcmcontrols');
 
         var controls = document.querySelectorAll('.afcmcontrols');
−
        var playing = true;
+
 
−
        var pauseButton = document.getElementById('afcmslides');
+
 
         var next = document.getElementById('afcmcontrols-left');
 
         var next = document.getElementById('afcmcontrols-left');
 
         var previous = document.getElementById('afcmcontrols-right');
 
         var previous = document.getElementById('afcmcontrols-right');
Line 401: Line 257:
 
         }
 
         }
 
         function goToSlide(n) {
 
         function goToSlide(n) {
−
             slides[currentSlide].className = 'afcmslide';
+
             if (playing) {
−
            currentSlide = (n + slides.length) % slides.length;
+
                slides[currentSlide].className = 'afcmslide';
−
            slides[currentSlide].className = 'afcmslide afcmshowing';
+
                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() {
 
         function pauseSlideshow() {
 
             playing = false;
 
             playing = false;
Line 411: Line 282:
 
         function playSlideshow() {
 
         function playSlideshow() {
 
             playing = true;
 
             playing = true;
−
             slideInterval = setInterval(nextSlide, 2000);
+
             slideInterval = setInterval(nextSlide, 3000);
 
         }
 
         }
−
        pauseButton.onclick = function () {
 
−
            if (playing) {
 
−
                pauseSlideshow();
 
−
            } else {
 
−
                playSlideshow();
 
−
            }
 
−
        };
 
 
         next.onclick = function () {
 
         next.onclick = function () {
 +
            playing = true;
 +
            nextSlide();
 
             pauseSlideshow();
 
             pauseSlideshow();
−
            nextSlide();
 
 
         };
 
         };
 
         previous.onclick = function () {
 
         previous.onclick = function () {
 +
            playing = true;
 +
            previousSlide();
 
             pauseSlideshow();
 
             pauseSlideshow();
−
            previousSlide();
 
 
         };
 
         };
−
        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";
+
−
            }
+
−
        }
+
−
        function topFunction() {
+
−
            document.body.scrollTop = 0;
+
−
            document.documentElement.scrollTop = 0;
+
−
        }
+
 
     </script>
 
     </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