Difference between revisions of "Team:Cairo Egypt"

Line 4: Line 4:
 
<link rel="stylesheet" href="https://2015.igem.org/Team:Cairo_Egypt/css/custom?action=raw&ctype=text/css" type="text/css">
 
<link rel="stylesheet" href="https://2015.igem.org/Team:Cairo_Egypt/css/custom?action=raw&ctype=text/css" type="text/css">
 
<link rel="stylesheet" href="https://2015.igem.org/Team:Cairo_Egypt/css/home_style?action=raw&ctype=text/css" type="text/css">
 
<link rel="stylesheet" href="https://2015.igem.org/Team:Cairo_Egypt/css/home_style?action=raw&ctype=text/css" type="text/css">
 +
 +
<!-- fonts -->
 
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
 
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
 +
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
  
 
<!-- Navigation -->
 
<!-- Navigation -->
−
<nav class="navbar navbar-default navbar-fixed-top">
+
    <a id="menu-toggle" href="#" class="btn btn-dark btn-lg toggle"><i class="fa fa-bars"></i></a>
−
    <div class="container">
+
    <nav id="sidebar-wrapper">
−
        <!-- Brand and toggle get grouped for better mobile display -->
+
         <ul class="sidebar-nav">
−
         <div class="navbar-header page-scroll">
+
             <a id="menu-close" href="#" class="btn btn-light btn-lg pull-right toggle"><i class="fa fa-times"></i></a>
−
             <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+
            <li class="sidebar-brand">
−
                 <span class="sr-only">Toggle navigation</span>
+
                 <a href="#top"  onclick = $("#menu-close").click(); >Start Bootstrap</a>
−
                 <span class="icon-bar"></span>
+
            </li>
−
                 <span class="icon-bar"></span>
+
            <li>
−
                 <span class="icon-bar"></span>
+
                 <a href="#top" onclick = $("#menu-close").click(); >Home</a>
−
             </button>
+
            </li>
−
             <a class="navbar-brand" href="#page-top">Cairo | Egypt</a>
+
            <li>
−
         </div>
+
                 <a href="#about" onclick = $("#menu-close").click(); >About</a>
 +
            </li>
 +
            <li>
 +
                 <a href="#services" onclick = $("#menu-close").click(); >Services</a>
 +
             </li>
 +
             <li>
 +
                <a href="#portfolio" onclick = $("#menu-close").click(); >Portfolio</a>
 +
            </li>
 +
            <li>
 +
                <a href="#contact" onclick = $("#menu-close").click(); >Contact</a>
 +
            </li>
 +
         </ul>
 +
    </nav>
  
−
        <!-- Collect the nav links, forms, and other content for toggling -->
+
    <!-- Header -->
−
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
    <header id="top" class="header">
−
            <ul class="nav navbar-nav navbar-right">
+
        <div class="text-vertical-center">
−
                <li class="hidden">
+
            <h1>Start Bootstrap</h1>
−
                    <a href="#page-top"></a>
+
            <h3>Free Bootstrap Themes &amp; Templates</h3>
−
                </li>
+
            <br>
−
                <li class="page-scroll">
+
            <a href="#about" class="btn btn-dark btn-lg">Find Out More</a>
−
                    <a href="#portfolio">Tour</a>
+
−
                </li>
+
−
                <li class="page-scroll">
+
−
                    <a href="#about">Project Description</a>
+
−
                </li>
+
−
            </ul>
+
 
         </div>
 
         </div>
−
        <!-- /.navbar-collapse -->
+
     </header>
−
     </div>
+
−
    <!-- /.container-fluid -->
+
−
</nav>
+
  
−
<header>
+
     <!-- About -->
−
     <div class="container">
+
    <section id="about" class="about">
−
        <div class="row">
+
−
            <div class="col-lg-12">
+
−
                <img class="img-responsive" src="https://static.igem.org/mediawiki/2015/4/49/Profile.png" alt="">
+
−
                <br>
+
−
                <div class="intro-text">
+
−
                    <span class="name">Cairo | Egypt</span>
+
−
                    <br>
+
−
                    <hr class="star-light">
+
−
                    <span class="skills">"We are in trying to win"</span>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </div>
+
−
</header>
+
−
 
+
−
<section id="portfolio">
+
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col-lg-12 text-center">
 
                 <div class="col-lg-12 text-center">
−
                     <h2>Take a Tour</h2>
+
                     <h2>Stylish Portfolio is the perfect theme for your next project!</h2>
−
                     <hr class="star-primary">
+
                     <p class="lead">This theme features some wonderful photography courtesy of <a target="_blank" href="http://join.deathtothestockphoto.com/">Death to the Stock Photo</a>.</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="row">
+
            <!-- /.row -->
−
                 <div class="col-sm-4 portfolio-item">
+
        </div>
−
                     <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
+
        <!-- /.container -->
−
                         <div class="caption">
+
    </section>
−
                             <div class="caption-content">
+
 
−
                                 <i class="fa fa-search-plus fa-3x"></i>
+
    <!-- Services -->
 +
    <!-- The circle icons use Font Awesome's stacked icon classes. For more information, visit http://fontawesome.io/examples/ -->
 +
    <section id="services" class="services bg-primary">
 +
        <div class="container">
 +
             <div class="row text-center">
 +
                 <div class="col-lg-10 col-lg-offset-1">
 +
                     <h2>Our Services</h2>
 +
                    <hr class="small">
 +
                    <div class="row">
 +
                         <div class="col-md-3 col-sm-6">
 +
                             <div class="service-item">
 +
                                <span class="fa-stack fa-4x">
 +
                                 <i class="fa fa-circle fa-stack-2x"></i>
 +
                                <i class="fa fa-cloud fa-stack-1x text-primary"></i>
 +
                            </span>
 +
                                <h4>
 +
                                    <strong>Service Name</strong>
 +
                                </h4>
 +
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 +
                                <a href="#" class="btn btn-light">Learn More</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                         <img src="https://static.igem.org/mediawiki/2015/7/73/Safe.png" class="img-responsive" alt="">
+
                         <div class="col-md-3 col-sm-6">
−
                    </a>
+
                            <div class="service-item">
−
                </div>
+
                                <span class="fa-stack fa-4x">
−
                <div class="col-sm-4 portfolio-item">
+
                                <i class="fa fa-circle fa-stack-2x"></i>
−
                    <a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
+
                                 <i class="fa fa-compass fa-stack-1x text-primary"></i>
−
                        <div class="caption">
+
                            </span>
−
                            <div class="caption-content">
+
                                <h4>
−
                                 <i class="fa fa-search-plus fa-3x"></i>
+
                                    <strong>Service Name</strong>
 +
                                </h4>
 +
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 +
                                <a href="#" class="btn btn-light">Learn More</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                         <img src="https://static.igem.org/mediawiki/2015/7/73/Safe.png" class="img-responsive" alt="">
+
                         <div class="col-md-3 col-sm-6">
−
                    </a>
+
                            <div class="service-item">
−
                </div>
+
                                <span class="fa-stack fa-4x">
−
                <div class="col-sm-4 portfolio-item">
+
                                <i class="fa fa-circle fa-stack-2x"></i>
−
                    <a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
+
                                 <i class="fa fa-flask fa-stack-1x text-primary"></i>
−
                        <div class="caption">
+
                            </span>
−
                            <div class="caption-content">
+
                                <h4>
−
                                 <i class="fa fa-search-plus fa-3x"></i>
+
                                    <strong>Service Name</strong>
 +
                                </h4>
 +
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 +
                                <a href="#" class="btn btn-light">Learn More</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                         <img src="https://static.igem.org/mediawiki/2015/7/73/Safe.png" class="img-responsive" alt="">
+
                         <div class="col-md-3 col-sm-6">
−
                    </a>
+
                            <div class="service-item">
−
                </div>
+
                                <span class="fa-stack fa-4x">
−
                <div class="col-sm-4 portfolio-item">
+
                                <i class="fa fa-circle fa-stack-2x"></i>
−
                    <a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">
+
                                 <i class="fa fa-shield fa-stack-1x text-primary"></i>
−
                        <div class="caption">
+
                            </span>
−
                            <div class="caption-content">
+
                                <h4>
−
                                 <i class="fa fa-search-plus fa-3x"></i>
+
                                    <strong>Service Name</strong>
 +
                                </h4>
 +
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 +
                                <a href="#" class="btn btn-light">Learn More</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <img src="https://static.igem.org/mediawiki/2015/7/73/Safe.png" class="img-responsive" alt="">
+
                    </div>
−
                     </a>
+
                     <!-- /.row (nested) -->
 
                 </div>
 
                 </div>
−
                 <div class="col-sm-4 portfolio-item">
+
                 <!-- /.col-lg-10 -->
−
                    <a href="#portfolioModal5" class="portfolio-link" data-toggle="modal">
+
            </div>
−
                         <div class="caption">
+
            <!-- /.row -->
−
                             <div class="caption-content">
+
        </div>
−
                                 <i class="fa fa-search-plus fa-3x"></i>
+
        <!-- /.container -->
 +
    </section>
 +
 
 +
    <!-- Callout -->
 +
    <aside class="callout">
 +
        <div class="text-vertical-center">
 +
            <h1>Vertically Centered Text</h1>
 +
        </div>
 +
    </aside>
 +
 
 +
    <!-- Portfolio -->
 +
    <section id="portfolio" class="portfolio">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-10 col-lg-offset-1 text-center">
 +
                    <h2>Our Work</h2>
 +
                    <hr class="small">
 +
                    <div class="row">
 +
                         <div class="col-md-6">
 +
                             <div class="portfolio-item">
 +
                                 <a href="#">
 +
                                    <img class="img-portfolio img-responsive" src="img/portfolio-1.jpg">
 +
                                </a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                         <img src="https://static.igem.org/mediawiki/2015/7/73/Safe.png" class="img-responsive" alt="">
+
                         <div class="col-md-6">
−
                    </a>
+
                            <div class="portfolio-item">
−
                </div>
+
                                <a href="#">
−
                <div class="col-sm-4 portfolio-item">
+
                                    <img class="img-portfolio img-responsive" src="img/portfolio-2.jpg">
−
                    <a href="#portfolioModal6" class="portfolio-link" data-toggle="modal">
+
                                </a>
−
                         <div class="caption">
+
                            </div>
−
                             <div class="caption-content">
+
                        </div>
−
                                 <i class="fa fa-search-plus fa-3x"></i>
+
                        <div class="col-md-6">
 +
                            <div class="portfolio-item">
 +
                                <a href="#">
 +
                                    <img class="img-portfolio img-responsive" src="img/portfolio-3.jpg">
 +
                                </a>
 +
                            </div>
 +
                        </div>
 +
                         <div class="col-md-6">
 +
                             <div class="portfolio-item">
 +
                                 <a href="#">
 +
                                    <img class="img-portfolio img-responsive" src="img/portfolio-4.jpg">
 +
                                </a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <img src="https://static.igem.org/mediawiki/2015/7/73/Safe.png" class="img-responsive" alt="">
+
                    </div>
−
                    </a>
+
                    <!-- /.row (nested) -->
 +
                    <a href="#" class="btn btn-dark">View More Items</a>
 
                 </div>
 
                 </div>
 +
                <!-- /.col-lg-10 -->
 
             </div>
 
             </div>
 +
            <!-- /.row -->
 
         </div>
 
         </div>
 +
        <!-- /.container -->
 
     </section>
 
     </section>
−
<section class="success" id="about">
+
 
 +
    <!-- Call to Action -->
 +
    <aside class="call-to-action bg-primary">
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col-lg-12 text-center">
 
                 <div class="col-lg-12 text-center">
−
                     <h2>Project description</h2>
+
                     <h3>The buttons below are impossible to resist.</h3>
−
                     <hr class="star-light">
+
                     <a href="#" class="btn btn-lg btn-light">Click Me!</a>
 +
                    <a href="#" class="btn btn-lg btn-dark">Look at Me!</a>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 +
        </div>
 +
    </aside>
 +
 +
    <!-- Map -->
 +
    <section id="contact" class="map">
 +
        <iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&amp;aq=0&amp;oq=twitter&amp;sll=28.659344,-81.187888&amp;sspn=0.128789,0.264187&amp;ie=UTF8&amp;hq=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&amp;t=m&amp;z=15&amp;iwloc=A&amp;output=embed"></iframe>
 +
        <br />
 +
        <small>
 +
            <a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&amp;aq=0&amp;oq=twitter&amp;sll=28.659344,-81.187888&amp;sspn=0.128789,0.264187&amp;ie=UTF8&amp;hq=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&amp;t=m&amp;z=15&amp;iwloc=A"></a>
 +
        </small>
 +
        </iframe>
 +
    </section>
 +
 +
    <!-- Footer -->
 +
    <footer>
 +
        <div class="container">
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-lg-12">
+
                 <div class="col-lg-10 col-lg-offset-1 text-center">
−
                     <p>Breast cancer is the most common malignancy in women and constitutes 18% of all female cancers (Jemal et al., 2002) Although there has been a slight decrease in mortality in breast cancer patients (Schiffman et al., 2002), it is not uncommon for even early-stage breast cancer to metastasize. Therefore, novel therapeutic strategies are constantly being pursued (Bange et al., 2001). It has been reported that some bacterial species preferentially replicate and accumulate within tumors. At critical cell densities, the binding of a regulator protein to the signal leads to the switch on of genes controlled by QS and therefore a coordinated population response Moreover, they possess certain advantageous features such as motility, capacity to simultaneously carry and express multiple therapeutic proteins. Its elimination by antibiotics makes it a promising new strategy in cancer treatment. Azurin is a copper-containing redox protein with low molecular Weight which can efficiently induce cell apoptosis by raising the intracellular levels of p53 and Bax. It has been found that Azurin receptors are hyperexpressed on the surfaces of cancer cells relative to their expression on the surfaces of normal cells. We do intend to modify genetic material of bacteria specie that localize and induce expression of Azurin in presence of tumor only.
+
                    <h4><strong>Start Bootstrap</strong>
−
</p>
+
                    </h4>
−
                </div>
+
                     <p>3481 Melrose Place<br>Beverly Hills, CA 90210</p>
−
                <div class="col-lg-12">
+
                    <ul class="list-unstyled">
−
                     <p>Using hardware devices in wet lab can help scientists by many different ways. It can help in measurement and tracking biological components. Besides it can be used to create more accurate tools and simplify complexes process. Sensors used in hardware devices have a lot of factors that can be detected like pH value, temperature, charge and a lot of other factors. We are aiming to create hardware device that test our biological system by measuring the death rate of the cancer cells after induction of Azurin gene. This device can be used separately to test apoptosis rate in any sample population.</p>
+
                        <li><i class="fa fa-phone fa-fw"></i> (123) 456-7890</li>
 +
                        <li><i class="fa fa-envelope-o fa-fw"></i>  <a href="mailto:name@example.com">name@example.com</a>
 +
                        </li>
 +
                    </ul>
 +
                    <br>
 +
                    <ul class="list-inline">
 +
                        <li>
 +
                            <a href="#"><i class="fa fa-facebook fa-fw fa-3x"></i></a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="#"><i class="fa fa-twitter fa-fw fa-3x"></i></a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="#"><i class="fa fa-dribbble fa-fw fa-3x"></i></a>
 +
                        </li>
 +
                    </ul>
 +
                    <hr class="small">
 +
                     <p class="text-muted">Copyright &copy; Your Website 2014</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
     </section>
+
     </footer>
 +
 
 +
    <!-- jQuery -->
 +
    <script src="js/jquery.js"></script>
 +
 
 +
    <!-- Bootstrap Core JavaScript -->
 +
    <script src="js/bootstrap.min.js"></script>
 +
 
 +
    <!-- Custom Theme JavaScript -->
 +
    <script>
 +
    // Closes the sidebar menu
 +
    $("#menu-close").click(function(e) {
 +
        e.preventDefault();
 +
        $("#sidebar-wrapper").toggleClass("active");
 +
    });
 +
 
 +
    // Opens the sidebar menu
 +
    $("#menu-toggle").click(function(e) {
 +
        e.preventDefault();
 +
        $("#sidebar-wrapper").toggleClass("active");
 +
    });
  
−
<footer class="text-center">
+
    // Scrolls to the selected menu item on the page
−
<div class="footer-above">
+
    $(function() {
−
    <div class="container">
+
        $('a[href*=#]:not([href=#])').click(function() {
−
<div class="row">
+
            if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') || location.hostname == this.hostname) {
−
    <div class="footer-col col-md-4">
+
−
       
+
−
    </div>
+
−
    <div class="footer-col col-md-4">
+
−
        <h3>Around the Web</h3>
+
−
        <ul class="list-inline">
+
−
            <li>
+
−
                <a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-facebook"></i></a>
+
−
            </li>
+
−
            <li>
+
−
                <a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-google-plus"></i></a>
+
−
            </li>
+
−
            <li>
+
−
                <a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a>
+
−
            </li>
+
−
            <li>
+
−
                <a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-linkedin"></i></a>
+
−
            </li>
+
−
            <li>
+
−
                <a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-dribbble"></i></a>
+
−
            </li>
+
−
        </ul>
+
−
    </div>
+
−
    <div class="footer-col col-md-4">
+
−
       
+
−
    </div>
+
−
</div>
+
−
    </div>
+
−
</div>
+
−
<div class="footer-below">
+
−
    <div class="container">
+
−
<div class="row">
+
−
    <div class="col-lg-12">
+
−
        Copyright © iGEM Cairo Egypt Team 2015
+
−
    </div>
+
−
</div>
+
−
    </div>
+
−
</div>
+
−
</footer>
+
  
−
</div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
+
                var target = $(this.hash);
 +
                target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
 +
                if (target.length) {
 +
                    $('html,body').animate({
 +
                        scrollTop: target.offset().top
 +
                    }, 1000);
 +
                    return false;
 +
                }
 +
            }
 +
        });
 +
    });
 +
    </script>
  
  
 
<script src="https://2015.igem.org/Team:Cairo_Egypt/js/bootstrap?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
 
<script src="https://2015.igem.org/Team:Cairo_Egypt/js/bootstrap?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
  
−
<script src="https://2015.igem.org/Team:Cairo_Egypt/js/custom?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
+
<!-- <script src="https://2015.igem.org/Team:Cairo_Egypt/js/custom?action=raw&amp;ctype=text/javascript" type="text/javascript"></script> -->
  
 
</html>
 
</html>

Revision as of 22:16, 26 July 2015

Start Bootstrap

Free Bootstrap Themes & Templates


Find Out More

Stylish Portfolio is the perfect theme for your next project!

This theme features some wonderful photography courtesy of Death to the Stock Photo.

Our Services

Service Name

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Learn More

Service Name

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Learn More

Service Name

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Learn More

Service Name

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Learn More

Our Work

View More Items

Start Bootstrap

3481 Melrose Place
Beverly Hills, CA 90210


Copyright © Your Website 2014