Aymanshafei (Talk | contribs) |
Aymanshafei (Talk | contribs) |
||
Line 9: | Line 9: | ||
<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"> |
− | + | ||
<style> | <style> | ||
− | + | .active { | |
− | .active {border: 1px solid #fff; | + | border: 1px solid #fff; |
− | + | background: rgba(255,255,255, 0.3) !important; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | .buttons { | |
− | + | display: table; | |
− | + | height: 100%; | |
− | + | width: 100%; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | .btn { | + | 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; | |
− | + | } | |
− | } | + | |
− | @media (min-width: 400px) { | + | .btn { |
− | + | color: #fff; | |
− | + | cursor: pointer; | |
− | + | display: block; | |
− | + | font-size: 14px; | |
− | + | font-weight: 400; | |
− | + | line-height: 35px; | |
− | + | max-width: 160px; | |
− | } | + | position: relative; |
− | @media (min-width: 600px) { | + | text-decoration: none; |
− | + | text-transform: uppercase; | |
− | + | vertical-align: middle; | |
− | + | width: 100%; | |
− | + | } | |
− | + | ||
− | + | @media (min-width: 400px) { | |
− | } | + | .btn { |
− | .btn:hover { | + | display: inline-block; |
− | + | margin-right: 2.5em; | |
− | } | + | } |
− | .btn-5 { | + | |
− | + | .btn:nth-of-type(even) { | |
− | + | margin-right: 0; | |
− | + | } | |
− | + | } | |
− | + | ||
− | + | @media (min-width: 600px) { | |
− | + | .btn:nth-of-type(even) { | |
− | + | margin-right: 2.5em; | |
− | } | + | } |
− | .btn-5:hover { | + | |
− | + | .btn:nth-of-type(5) { | |
− | + | margin-right: 0; | |
− | + | } | |
− | + | } | |
− | + | ||
− | } | + | .btn:hover { |
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .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 { | .dots { | ||
− | + | height: 13px; | |
− | + | width: 13px; | |
− | + | display: inline-block; | |
− | + | padding: 5px; | |
− | + | background-color: gray; | |
− | + | border-radius: 50px; | |
− | + | cursor: pointer; | |
} | } | ||
+ | |||
.adots { | .adots { | ||
− | + | background-color: #f70404; | |
} | } | ||
</style> | </style> | ||
+ | </head> | ||
<body> | <body> | ||
− | <section class="header" id="header"> | + | <section class="header" id="header"> |
− | + | <nav class="navbar navbar-default navbar-fixed-top"> | |
− | + | <div class="container" style="width:85%"> | |
− | + | <div class="navbar-header"> | |
− | + | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> | |
− | + | <span class="sr-only">Toggle navigation</span> | |
− | + | <span class="icon-bar"></span> | |
− | + | <span class="icon-bar"></span> | |
− | + | <span class="icon-bar"></span> | |
− | + | </button> | |
− | + | <a class="navbar-brand" href="https://2017.igem.org/Team:AFCM-Egypt"><span><img src="https://static.igem.org/mediawiki/2017/a/aa/AFCM-Egypt-LOGO.png" style="width:150px; height:150px;"></span></a> | |
− | + | </div> | |
− | + | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | |
− | + | <ul id="menu"> | |
− | + | <li class="active"><a href="https://2017.igem.org/Team:AFCM-Egypt">HOME</a> </li> | |
− | + | <li> | |
− | + | <a>TEAM <span class="caret"></span></a> | |
− | + | <ul> | |
− | + | <li><a href="https://2017.igem.org/Team:AFCM-Egypt/Meet_the_team">Meet The Team</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:AFCM-Egypt/Collaborations">Collaborations</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a>PROJECT <span class="caret"></span></a> | |
− | + | <ul> | |
− | + | <li><a href="https://2017.igem.org/Team:AFCM-Egypt/Description">Project Description</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:AFCM-Egypt/Experiments">Experiment</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:AFCM-Egypt/Results">Results</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:AFCM-Egypt/Demonstrate">Proof of concept</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a>PARTS <span class="caret"></span></a> | |
− | + | <ul> | |
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ul> | + | <li><a href="https://2017.igem.org/Team:AFCM-Egypt/Basic_Part">Parts</a></li> |
− | + | <li><a href="https://2017.igem.org/Team:AFCM-Egypt/Basic_Part">Basic Parts</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:AFCM-Egypt/Composite_Part">Composite Parts</a></li> | |
+ | <li><a href="https://2017.igem.org/Team:AFCM-Egypt/Improve">Improve</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2017.igem.org/Team:AFCM-Egypt/Design">Design</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:AFCM-Egypt/Model">MODELING</a></li> | ||
+ | <li class="SOFTWARE"><a href="https://2017.igem.org/Team:AFCM-Egypt/Software">Software</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:AFCM-Egypt/Safety">SAFETY</a></li> | ||
+ | <li class="dropdown"> | ||
+ | <a>HUMAN PRACTICE <span class="caret"></span></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:AFCM-Egypt/HP/Silver">Silver</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:AFCM-Egypt/HP/Gold">Gold</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:AFCM-Egypt/HP/Integrated">Integrated</a></li> | ||
− | + | </ul> | |
− | + | <li><a href="https://2017.igem.org/Team:AFCM-Egypt/Attributions">ATTRIBUTIONS</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:AFCM-Egypt/Medal_criteria">MEDAL CRITERIA</a></li> | |
+ | </ul> | ||
+ | </div> | ||
</div> | </div> | ||
− | + | </nav> | |
− | </ | + | </section> |
− | + | <div class="twitter-feed purple" style="padding-bottom:250px"> | |
− | + | ||
− | </section> | + | |
− | + | ||
− | <div class="twitter-feed purple" style="padding-bottom:250px"> | + | |
<div class="container section-wrapper" style="padding-top:0px !important;width:90%"> | <div class="container section-wrapper" style="padding-top:0px !important;width:90%"> | ||
− | <div class="col-md-12 text-center"> | + | <div class="col-md-12 text-center"> |
− | <video width="1400" height="700" autoplay controls style="width:1400px;height: 700px;"> | + | <video width="1400" height="700" autoplay controls style="width:1400px;height: 700px;"> |
− | + | <source src="https://static.igem.org/mediawiki/2017/8/88/Final_vid.mp4" type="video/mp4"> | |
− | </video> | + | </video> |
− | + | </div> | |
− | </div> | + | </div> |
− | + | </div> | |
− | </div> | + | <section class="price-table"> |
− | + | ||
− | + | ||
− | <section class="price-table | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="container section-wrapper"> | <div class="container section-wrapper"> | ||
− | + | <div class="row" style="margin-bottom: 50px;"> | |
− | + | <div class="col-md-6 text-center" style="float: none;height: auto ; width: 90%; margin: auto; background-color: rgba(0, 0, 0, 0.4);"> | |
− | + | <p><img style="float: right;" src="https://static.igem.org/mediawiki/2017/d/d4/CRISPR_PNG.png" alt="" width="679" height="988" /></p> | |
− | + | <h3 class="text-center" style="text-align: center;"><br /><br /><span style="font-size: 14pt; color: #ffffff;">Abstract</span></h3> | |
− | + | <p style="text-align: left;"><span style="font-size: 14pt; color: #ffffff;"> </span></p> | |
− | + | <h3 dir="ltr" style="text-align: left;"><span style="font-size: 14pt; color: #ffffff;">Competing endogenous RNA network : Potential entrants to gene editing in Hepatocellular Carcinoma</span><br /><br /><br /><span style="font-size: 14pt; color: #ffffff;">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</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 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.</span><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></h3> | |
− | + | </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-5 btn-sub" target="_blank">click here</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> | ||
− | |||
</div> | </div> | ||
− | |||
<section class="section-wrapper add container" style="background-color:#808387;width:100%"> | <section class="section-wrapper add container" style="background-color:#808387;width:100%"> | ||
− | <div class="slider-wrapper theme-mi-slider"> | + | <div class="slider-wrapper theme-mi-slider"> |
− | <h3 class='text-center'>OUR SPONSORS</h3> | + | <h3 class='text-center'>OUR SPONSORS</h3> |
− | <div class="afcmslider-holder"> | + | <div class="afcmslider-holder"> |
− | + | <button class="afcmcontrols" id="afcmcontrols-left">❮</button> | |
− | + | <button class="afcmcontrols" id="afcmcontrols-right">❯</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: 200px;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/b/bb/2-AFCM-Egypt-sponsers-EFIA_LOGO.png" style="width: 150px;padding-right: 15px;"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/3/3b/4-AFCM-Egypt-sponsers-Nationel_Research.png" style="width: 150px;padding-right: 15px;"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/6/67/7-AFCM-Egypt-sponsers-Image-2.jpeg" style="width: 160px;padding-right: 15px;"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/e/eb/6-AFCM-Egypt-sponsers-SimEra.png" style="width: 150px;padding-right: 15px;"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/3/37/5-AFCM-Egypt-sponsers-IDT.png" style="width: 150px;padding-right: 15px;"> | |
− | <img src="https://static.igem.org/mediawiki/2017/6/67/7-AFCM-Egypt-sponsers-Image-2.jpeg" style="width: 160px;padding-right: 15px;"> | + | <img src="https://static.igem.org/mediawiki/2017/6/60/9-AFCM-Egypt-sponsers-Benchling.png" style="width: 150px;padding-right: 15px;"> |
− | + | <img src="https://static.igem.org/mediawiki/2017/b/b4/8-AFCM-Egypt-sponsers-Zewail_logo.png" style="width: 150px;padding-right: 15px;"> | |
− | + | </li> | |
− | + | </ul> | |
− | + | </div> | |
− | + | </div> | |
− | + | </section> | |
− | + | <script src="https://2017.igem.org/Template:AFCM-Egypt/owl.carouseljs/javascript?action=raw&ctype=text/javascript"></script> | |
− | + | <script> | |
− | + | ||
− | </section> | + | |
− | <script src="https://2017.igem.org/Template:AFCM-Egypt/owl.carouseljs/javascript?action=raw&ctype=text/javascript"></script> | + | |
− | <script> | + | |
$(document).ready(function() { | $(document).ready(function() { | ||
var slides = document.querySelectorAll('#afcmslides .afcmslide'); | var slides = document.querySelectorAll('#afcmslides .afcmslide'); | ||
var currentSlide = 0; | var currentSlide = 0; | ||
− | + | ||
var controls = document.querySelectorAll('.afcmcontrols'); | var controls = document.querySelectorAll('.afcmcontrols'); | ||
− | + | ||
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 300: | Line 290: | ||
}; | }; | ||
}); | }); | ||
− | </script> | + | </script> |
</body> | </body> | ||
</html> | </html> | ||
{{Template:AFCM-Egypt/footer}} | {{Template:AFCM-Egypt/footer}} |
Revision as of 20:21, 26 October 2017
Abstract