Difference between revisions of "Team:NKU China/Wikitest"

 
Line 1: Line 1:
−
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
{{ITESM14/Style}}
−
<html xmlns="http://www.w3.org/1999/xhtml">
+
−
<head>
+
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
−
<title>Untitled Document</title>
+
−
+
−
    <link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
+
−
   
+
−
    <!-- Latest compiled and minified CSS -->
+
−
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
+
−
   
+
−
    <!-- Optional theme -->
+
−
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
+
−
   
+
−
    <!-- Latest compiled and minified CSS -->
+
−
<link rel="stylesheet" href="style.css">
+
−
   
+
−
    <link rel="stylesheet" href="css/font-awesome.min.css">
+
−
   
+
−
    <link rel="stylesheet/less" type="text/css" href="style.less" />
+
−
   
+
−
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+
−
+
−
    <script src="js/bootstrap.min.js" type="text/javascript" ></script>
+
−
   
+
−
    <script src="js/jquery.smint.js" type="text/javascript" ></script>
+
−
   
+
−
    <script type="text/javascript" src="js/jquery.easing.min.js"></script>
+
−
<script type="text/javascript" src="js/jquery.easy-ticker.js"></script>
+
−
   
+
−
    <script src="less.js" type="text/javascript"></script>
+
−
   
+
−
    <script src="js/isotop.js"></script>
+
  
−
<script src="js/jquery.colorbox.js"></script>
+
<html>
  
−
<script type="text/javascript">
+
  <script>  
−
 
+
    $(function(){
−
 
+
      $("#wiki-module1").load("https://2014.igem.org/Team:Tec-Monterrey/ITESM14_module1.html?action=raw&ctype=text/html");  
−
$('.collapse').collapse();
+
−
+
−
+
−
+
−
$(function() {
+
−
  $('a[href*=#]:not([href=#])').click(function() {
+
−
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
+
−
 
+
−
      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;
+
−
      }
+
−
    }
+
−
  });
+
−
});
+
−
 
+
−
$(document).ready( function() {
+
−
    $('.subMenu').smint({
+
−
    'scrollSpeed' : 1000
+
 
     });
 
     });
−
+
  </script>
−
var dd = $('.vticker').easyTicker({
+
  <script>
−
direction: 'up',
+
    $(function(){
−
easing: 'easeInOutBack',
+
      $("#wiki-module2").load("https://2014.igem.org/Team:Tec-Monterrey/ITESM14_module2.html?action=raw&ctype=text/html");
−
speed: 'slow',
+
    });
−
interval: 4000,
+
  </script>
−
height: 'auto',
+
  <script>
−
visible: 1,
+
    $(function(){
−
mousePause: 0,
+
      $("#wiki-module3").load("https://2014.igem.org/Team:Tec-Monterrey/ITESM14_module3.html?action=raw&ctype=text/html");
−
controls: {
+
    });
−
up: '.up',
+
  </script>
−
down: '.down',
+
  <script>
−
toggle: '.toggle',
+
    $(function(){
−
stopText: 'Stop !!!'
+
      $("#wiki-module4").load("https://2014.igem.org/Team:Tec-Monterrey/ITESM14_module4.html?action=raw&ctype=text/html");
−
}
+
    });
−
}).data('easyTicker');
+
  </script> 
−
+
  <script>
−
});
+
    $(function(){
 +
      $("#wiki-modeling").load("https://2014.igem.org/Team:Tec-Monterrey/ITESM14_modeling.html?action=raw&ctype=text/html");
 +
    });
 +
  </script>
 +
  <script>
 +
    $(function(){
 +
      $("#wiki-notebook").load("https://2014.igem.org/Team:Tec-Monterrey/ITESM14_notebook.html?action=raw&ctype=text/html");
 +
    });
 +
  </script>
 +
  <script>
 +
    $(function(){
 +
      $("#wiki-protocols").load("https://2014.igem.org/Team:Tec-Monterrey/ITESM14_protocols.html?action=raw&ctype=text/html");  
 +
    });
 +
  </script>
  
−
$(function () { $('.tooltip-hide').tooltip('hide');});
+
<div id="wiki-body">
−
+
−
+
−
+
−
$(document).ready(function(){
+
−
// Portfolio
+
−
+
−
+
−
var $container = $('.portfolioContainer');
+
−
$container.isotope({
+
−
filter: '*',
+
−
animationOptions: {
+
−
duration: 750,
+
−
easing: 'linear',
+
−
queue: false
+
−
}
+
−
});
+
−
+
−
$('.portfolioFilter a').click(function(){
+
−
$('.portfolioFilter .current').removeClass('current');
+
−
$(this).addClass('current');
+
−
+
−
var selector = $(this).attr('data-filter');
+
−
$container.isotope({
+
−
filter: selector,
+
−
animationOptions: {
+
−
duration: 750,
+
−
easing: 'linear',
+
−
queue: false
+
−
}
+
−
});
+
−
return false;
+
−
+
−
});
+
−
+
−
$(".group2").colorbox({rel:'group2', transition:"fade"});
+
−
+
−
});
+
−
+
−
$('.carousel').carousel();
+
  
−
</script>
+
<body>
  
−
</head>
+
  <header id="wiki-header" class="initial-nav-scroll-up">
 +
  </header>
  
−
<body>
+
<div id ="wiki-content" class="main-content">
  
−
<div class="wrap ">
+
  <div class="jumbotron" style="background-color:transparent; padding-top: 0; margin-bottom: 0; padding-bottom: 0; padding-left:0;">
−
<div class="section sTop">
+
    <div class="container">
−
<div class="top-container">
+
      <div id="overviewheader" style="display: none;">
−
   
+
        <img class="col-sm-6 col-sm-offset-3  img img-responsive" style="padding:0px 0px 0px 0px" src="https://static.igem.org/mediawiki/2014/6/6c/ITESM14_Projectheader.png">   
−
            <div class="container">
+
        <h1 class="col-sm-8 col-sm-offset-2 text-center" style="color: #f4ff3b; font-size: 8vw; font-weight: lighter; margin-top:0; margin-bottom:20px; padding:0;">Overview</h1>
−
               
+
      </div>
−
                <div class="large-logo">
+
      <div id="notebookheader" style="display: none;">
−
                    <a href="#"><img src="img/logo-large.png" alt="logo" /></a>
+
        <img class="col-sm-6 col-sm-offset-3 img img-responsive" style="padding:0px 0px 0px 0px" src="https://static.igem.org/mediawiki/2014/0/05/ITESM14_NotebookHeader.png">
−
                </div>
+
        <h1 class="col-sm-8 col-sm-offset-2 text-center" style="color: #f4ff3b; font-size: 8vw; font-weight: lighter; margin-top:0; margin-bottom:20px; padding:0;">Notebook</h1>
−
               
+
      </div>
−
                <div class="vticker">
+
      <div id="protocolsheader" style="display: none;">
−
                    <ul>
+
        <img class="col-sm-6 col-sm-offset-3  img img-responsive" style="padding:0px 0px 0px 0px" src="https://static.igem.org/mediawiki/2014/3/32/ITESM14_Protocolsheader.png">
−
                        <li>WE ARE APEX</li>
+
        <h1 class="col-sm-8 col-sm-offset-2 text-center" style="color: #f4ff3b; font-size: 8vw; font-weight: lighter; margin-top:0; margin-bottom:20px; padding:0;">Protocols</h1>
−
                        <li>INVENT THE FUTURE</li>
+
      </div>
−
                        <li>TOUCH TOMORROW</li>
+
      <div id="modelingheader" style="display: none;">
−
                    </ul>
+
        <img class="col-sm-6 col-sm-offset-3  img img-responsive" style="padding:0px 0px 0px 0px" src="https://static.igem.org/mediawiki/2014/6/6a/ITESM14_Modelingheader.png">
−
                </div>
+
        <h1 class="col-sm-8 col-sm-offset-2 text-center" style="color: #f4ff3b; font-size: 7vw; font-weight: lighter; margin-top:0; margin-bottom:20px; padding:0;">Mathematical Models</h1>
−
               
+
      </div>    
−
                <!--<a href="#sTop" class="click-down"><i class="fa fa-chevron-circle-down"></i></a>-->
+
      <div id="module1header" style="display: none;">
−
              <div class="" >
+
        <img class="col-sm-6 col-sm-offset-3  img img-responsive" style="padding:0px 0px 0px 0px" src="https://static.igem.org/mediawiki/2014/4/48/ITESM14_Module1header.png">
−
                <ul class="nav nav-pills nav-justified">
+
        <h1 class="col-sm-8 col-sm-offset-2 text-center" style="color: #f4ff3b; font-size: 5vw; font-weight: lighter; margin-top:0; margin-bottom:20px; padding:0;">Module 1: Attenuation</h1>
−
                  <li class="active"><a href="#sTop"><i class="fa fa-cog"></i>About</a></li>
+
      </div>
−
                  <li><a href="#s1"><i class="fa fa-users"></i>Team</a></li>
+
      <div id="module2header" style="display: none;">
−
                  <li><a href="#s2"><i class="fa fa-cogs"></i>Services</a></li>
+
        <img class="col-md-6 col-sm-offset-3  img img-responsive" style="padding:0px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2014/a/ab/ITESM14_Module2header.png">
−
                  <li><a href="#s3"><i class="fa fa-picture-o"></i>Portfolio</a></li>
+
        <h1 class="col-sm-8 col-sm-offset-2 text-center" style="color: #f4ff3b; font-size: 5vw; font-weight: lighter; margin-top:0; margin-bottom:20px; padding:0;">Module 2: Phage engineering</h1>
−
                  <li><a href="#s6"><i class="fa fa-pencil-square-o"></i>Blog</a></li>
+
      </div>
−
                  <li><a href="#s7"><i class="fa fa-comment"></i>Contact</a></li>
+
      <div id="module3header" style="display: none;">
−
                </ul>
+
        <img class="col-sm-6 col-sm-offset-3  img img-responsive" style="padding:0px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2014/6/66/ITESM14_module3header.png">
−
              </div>
+
        <h1 class="col-sm-8 col-sm-offset-2 text-center" style="color: #f4ff3b; font-size: 5vw; font-weight: lighter; margin-top:0; margin-bottom:20px; padding:0;">Module 3: Quorum sensing</h1>
−
               
+
      </div>
−
            </div>
+
      <div id="module4header" style="display: none;">
−
           
+
         <img class="col-sm-6 col-sm-offset-3  img img-responsive" style="padding:0px 0px 0px 0px" src="https://static.igem.org/mediawiki/2014/2/21/ITESM14_module4header.png">
−
         </div><!-- /top-container -->
+
        <h1 class="col-sm-8 col-sm-offset-2 text-center" style="color: #f4ff3b; font-size: 6vw; font-weight: lighter; margin-top:0; margin-bottom:20px; padding:0;">Module 4: Effectors</h1>
−
       
+
      </div>
−
</div>
+
    </div>
 +
  </div>
  
−
<div class="subMenu" >
+
  <div class="well">
−
    <div class="container">
+
  <div class="container">
−
        <div class="row">
+
 
−
            <div class="col-md-2 th-logo">
+
    <!--===============================Tab navigation======================================-->
−
                <a href="#sTop">
+
    <ul class="nav nav-tabs nav-justified" role="tablist" id="myTab" style="font-family: 'Yanone Kaffeesatz';">
−
                    <img src="img/logo.png" alt="logo" />
+
      <li class="active"><a id="overviewTab" href="#overview" role="tab" data-toggle="tab">Overview</a></li>
−
                    </a>
+
      <li><a id="notebookTab" href="#notebook" role="tab" data-toggle="tab">Notebook</a></li>
−
                </div>
+
      <li><a id="protocolsTab" href="#protocols" role="tab" data-toggle="tab">Protocols</a></li>
−
                <div class="col-md-10">
+
      <li><a id="modelingTab" href="#modeling" role="tab" data-toggle="tab">Modeling</a></li>
−
               
+
      <li><a id="module1Tab" href="#module1" role="tab" data-toggle="tab">Module I</a></li>
−
                        <!--<nav class="navbar navbar-default" role="navigation">
+
      <li><a id="module2Tab" href="#module2" role="tab" data-toggle="tab">Module II</a></li>
−
                          <div class="container-fluid">
+
      <li><a id="module3Tab" href="#module3" role="tab" data-toggle="tab">Module III</a></li>
−
                            <div class="navbar-header">
+
      <li><a id="module4Tab" href="#module4" role="tab" data-toggle="tab">Module IV</a></li>
−
                              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+
    </ul>
−
                                <span class="sr-only">Toggle navigation</span>
+
    <!--===============================Tab content==================================================-->
−
                                <span class="icon-bar"></span>
+
    <div class="tab-content">
−
                                <span class="icon-bar"></span>
+
      <div class="tab-pane active" id="overview">
−
                                <span class="icon-bar"></span>
+
        <div style="margin-top:2%; font-size:2vw;">
−
                              </button>
+
          <p>
−
                              <a class="navbar-brand" href="#">Brand</a>
+
            Over the past decades, Mexico has undergone a series transformations. Wealth has increased, families are having fewer children, and there has been improved access to health care for the poor. However, its public health resources now face a growing burden from a familiar challenge: cancer, which has become the second cause of mortality.
−
                            </div>
+
          </p>
−
                       
+
          <p>
−
                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
            Dr. Alejandro Mohar, Director General of the National Cancer Institute of Mexico (INCan) noted that cancer is currently the second leading cause of death in the country, with approximately 125,000 new cases each year. The latest projection is that left uncontrolled, this rate will double to 250,000 new cancer cases per year by 2030. Thus, our project aims to contribute to the various novel therapies that are being developed using a more specific method to deliver a therapy.
−
                              <ul class="nav navbar-nav inner pull-right">
+
          </p>
−
                                <li><a href="#about" class="subNavBtn">About Us</a></li>
+
          <p>
−
                                <li><a href="#s2" class="subNavBtn">Our Work</a></li>
+
             By harnessing the inherent ability of facultative anaerobic bacteria to colonize and grow in tumoral environments, this project aims to develop a bacterial cancer therapy. A genetically modified E. coli strain will have knockouts in the lpp and msbB genes, which encode for the Braun's lipoprotein and for the myristic acid moiety transporter of the lipopolysaccharide, respectively. These genes are known to trigger an immune response in the human body; by deleting them, the impact originating from a bacterial intravenous administration will be reduced. Furthermore, these bacteria will produce M13-modified bacteriophages under the control of a quorum sensing system. The resulting phages will be capable of binding to the GRP78 receptor, which is usually overexpressed in cancerous cells. Subsequently, they will internalize and transfect the cancerous cells with two different genes: apoptin, responsible for an apoptotic protein specific for cancerous cells which will be regulated by a constitutive promoter and a survivin siRNA. The latter will inhibit the uncontrollable growth characteristic of cancer cells, making them more vulnerable to apoptosis.
−
                                <li><a href="#s3" class="subNavBtn">Services</a></li>
+
          </p>
−
                                <li><a href="#s4" class="subNavBtn">Testimonials</a></li>
+
−
                                <li><a href="#s5" class="subNavBtn">Pricing</a></li>
+
−
                                <li><a href="#s6" class="subNavBtn">Blog</a></li>
+
−
                                <li><a href="#s7" class="subNavBtn">Contact</a></li>
+
−
                              </ul>
+
−
                            </div>
+
−
                          </div>
+
−
                        </nav>-->
+
−
               
+
−
                    <div class="inner pull-right">
+
−
                        <a href="#about" class="subNavBtn">About Us</a>  
+
−
                        <a href="#s2" class="subNavBtn">Our Work</a>
+
−
                        <a href="#s3" class="subNavBtn">Services</a>
+
−
                        <a href="#s4" class="subNavBtn">Testimonials</a>
+
−
                        <a href="#s5" class="subNavBtn">Pricing</a>
+
−
                        <a href="#s6" class="subNavBtn">Blog</a>
+
−
                        <a href="#s7" class="subNavBtn">Contact</a>
+
−
                    </div>
+
−
            </div>
+
−
             </div><!-- row -->
+
 
         </div>
 
         </div>
−
</div>
+
        <hr>
 +
        <h1>References</h1>
 +
          <ol>
 +
          <li><p>
 +
          Schatzkin, E. (2012, February 21). Cancer: Mexico’s Growing Problem. Retrieved September 14, 2014, from <a href="http://globalhealthsciences.ucsf.edu/news-events/cancer-mexico-s-growing-problem" target="_blank">http://globalhealthsciences.ucsf.edu/news-events/cancer-mexico-s-growing-problem</a>
 +
          </p></li>
 +
      </div>
 +
      <div class="tab-pane" id="notebook">
 +
          <div id="wiki-notebook"></div>
 +
      </div><!--end notebook-->
 +
      <div class="tab-pane" id="protocols">
 +
          <div id="wiki-protocols"></div>
 +
      </div><!--end protocols--> 
 +
      <div class="tab-pane" id="modeling">
 +
        <div id="wiki-modeling"></div>
 +
      </div><!--end modeling-->
 +
      <div class="tab-pane" id="module1">
 +
          <div id="wiki-module1"></div>
 +
      </div><!--end module1-->
  
−
<div class="section about">
+
      <div class="tab-pane" id="module2">
−
<div class="inner ">
+
          <div id="wiki-module2"></div>
−
<div class="about-artical">
+
      </div><!--end module2-->
−
            <h2>Creative Minds</h2>
+
      <div class="tab-pane" id="module3">
−
                <p>We are team of creative photographers. We passionate with photography and other creative things. If you are looking professional photography theme with endless possibilities, you come in right place. This template consist of well-organized layers. Tons of features waiting for you.</p>
+
          <div id="wiki-module3"></div>
−
               
+
      </div><!--end module3-->
−
                <div class="creative-minds">
+
      <div class="tab-pane" id="module4">
−
                <div class="row-cm">
+
          <div id="wiki-module4"></div>
−
                        <div class="col-cm">
+
      </div><!--end module4-->
−
                            <figure class="cm-item">
+
    </div> <!-- tab-content -->
−
                                <img alt="" src="img/c-1.jpg">
+
  </div><!-- container -->
−
                                <figcaption></figcaption>
+
  </div><!-- well -->
−
                            </figure>
+
−
                            <h4 class="cm-title" data-animate="fadeInDown" style="">John Doe</h4>
+
−
                            <p class="cm-descr">Graphic Designer</p>
+
−
                        </div>
+
−
                        <div class="col-cm">
+
−
                            <figure class="cm-item">
+
−
                                <img alt="" src="img/c-2.jpg">
+
−
                                <figcaption></figcaption>
+
−
                            </figure>
+
−
                            <h4 class="cm-title" data-animate="fadeInDown" style="">John Doe</h4>
+
−
                            <p class="cm-descr">Graphic Designer</p>
+
−
                        </div>
+
−
                        <div class="col-cm">
+
−
                            <figure class="cm-item">
+
−
                                <img alt="" src="img/c-3.jpg">
+
−
                                <figcaption></figcaption>
+
−
                            </figure>
+
−
                            <h4 class="cm-title" data-animate="fadeInDown" style="">John Doe</h4>
+
−
                            <p class="cm-descr">Graphic Designer</p>
+
−
                        </div>
+
−
                    </div>
+
−
                </div><!-- /creative-minds -->
+
−
               
+
−
                <div id="social-contect" class="social-contect">
+
−
                <a href="#" class="tooltip-hide" data-placement="top" data-toggle="tooltip" type="button" data-original-title="Facebook"><i class="fa fa-facebook"></i></a>
+
−
                    <a href="#" class="tooltip-hide" data-placement="top" data-toggle="tooltip" type="button" data-original-title="Twitter"><i class="fa fa-twitter"></i></a>
+
−
                    <a href="#" class="tooltip-hide" data-placement="top" data-toggle="tooltip" type="button" data-original-title="Dribbble"><i class="fa fa-dribbble"></i></a>
+
−
                    <a href="#" class="tooltip-hide" data-placement="top" data-toggle="tooltip" type="button" data-original-title="Linkedin"><i class="fa fa-linkedin"></i></a>
+
−
                    <a href="#" class="tooltip-hide" data-placement="top" data-toggle="tooltip" type="button" data-original-title="Google plus"><i class="fa fa-google-plus"></i></a>
+
−
                   
+
−
                </div>
+
−
               
+
−
            </div><!-- /about-artical -->
+
−
</div>
+
−
       
+
−
        <div class="about-f">
+
−
       
+
−
            <div class="container">
+
−
       
+
−
                <div class="row">
+
−
                    <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
+
−
                        <div class="about-us-f">
+
−
                            <h3>About Us</h3>
+
−
                            <p>We are team of creative photographers. We passionate with photography and other creative things. If you are looking professional photography theme with endless possibilities, you come in right place. This template consist of well-organized layers. Tons of features waiting for you.</p>
+
−
                            <p>We are team of creative photographers. We passionate with photography and other creative things. If you are looking professional photography theme with endless possibilities, you come in right place.</p>
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
+
−
                    <div class="about-us-f">
+
−
                        <h3>Our Goals</h3>
+
−
                               
+
−
                                <div class="panel-group" id="accordion">
+
−
                                  <div class="panel panel-default">
+
−
                                    <div class="panel-heading">
+
−
                                      <h4 class="panel-title">
+
−
                                        <a data-toggle="collapse" data-parent="#accordion" href=".collapseOne">
+
−
                                          IMPRESSIVE TEMPLATE
+
−
                                        </a>
+
−
                                      </h4>
+
−
                                    </div>
+
−
                                    <div id="" class="collapseOne panel-collapse collapse in">
+
−
                                      <div class="panel-body">
+
−
                                        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
+
−
                                      </div>
+
−
                                    </div>
+
−
                                  </div>
+
−
                                  <div class="panel panel-default">
+
−
                                    <div class="panel-heading">
+
−
                                      <h4 class="panel-title">
+
−
                                        <a data-toggle="collapse" data-parent="#accordion" href=".collapseTwo">
+
−
                                          TONS OF FEATURES
+
−
                                        </a>
+
−
                                      </h4>
+
−
                                    </div>
+
−
                                    <div id="" class="collapseTwo panel-collapse collapse">
+
−
                                      <div class="panel-body">
+
−
                                        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
+
−
                                      </div>
+
−
                                    </div>
+
−
                                  </div>
+
−
                                  <div class="panel panel-default">
+
−
                                    <div class="panel-heading">
+
−
                                      <h4 class="panel-title">
+
−
                                        <a data-toggle="collapse" data-parent="#accordion" href=".collapseThree">
+
−
                                          CREATIVE LAYOUT
+
−
                                        </a>
+
−
                                      </h4>
+
−
                                    </div>
+
−
                                    <div id="" class="collapseThree panel-collapse collapse">
+
−
                                      <div class="panel-body">
+
−
                                        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
+
−
                                      </div>
+
−
                                    </div>
+
−
                                  </div>
+
−
                                </div>
+
−
                           
+
−
                        </div><!-- /.about-us-f -->
+
−
                    </div>
+
−
                    <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
+
−
                    <div class="about-us-f">
+
−
                        <h3>Our Goals</h3>
+
−
                       
+
−
                        <span class="sr-only">HTML <span class="pull-right">40%</span></span>
+
−
                        <div class="progress top100">
+
−
                                  <div class="progress-bar progress-bar-pink" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
+
−
                                  </div>
+
−
                                </div>
+
−
                               
+
−
                                <span class="sr-only">Graphic <span class="pull-right">20%</span></span>
+
−
                                <div class="progress">
+
−
                                  <div class="progress-bar progress-bar-pink" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
+
−
                                  </div>
+
−
                                </div>
+
−
                                <span class="sr-only">JS <span class="pull-right">60%</span></span>
+
−
                                <div class="progress">
+
−
                                  <div class="progress-bar progress-bar-pink" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
+
−
                                  </div>
+
−
                                </div>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
           
+
−
            </div><!-- /container -->
+
−
           
+
−
        </div><!-- /about-f -->
+
−
       
+
−
</div>
+
  
−
<div class="section s2">
 
−
<div class="inner">
 
−
 
−
               
 
−
                <div class="portfolioFilter">
 
−
           
 
−
                    <a href="#" data-filter="*" class="current">All Categories</a>
 
−
                    <a href="#" data-filter=".people">People</a>
 
−
                    <a href="#" data-filter=".places">Places</a>
 
−
                    <a href="#" data-filter=".food">Food</a>
 
−
                    <a href="#" data-filter=".objects">Objects</a>
 
−
               
 
−
                </div><!-- /portfolioFilter -->
 
−
           
 
−
            <div class="portfolioContainer">
 
−
           
 
−
                    <div class="objects">
 
−
                        <div class="portfolio-img view view-first">
 
−
                           
 
−
                            <img src="img/img1.jpg" class="img-responsive"  alt="Responsive image" />
 
−
                           
 
−
                           
 
−
                                <div class="mask">
 
−
                                    <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>
 
−
                                    <!--<a href="#" class="info">Read More</a>-->
 
−
                                    <a href="img/img1.jpg" class="info group2" title="Me and my grandfather on the Ohoopee"><i class="fa fa-search-plus"></i></a>
 
−
                                    <a href="#" class="info"><i class="fa fa-arrow-right"></i></a>
 
−
                                </div>
 
−
                           
 
−
                        </div>
 
−
                    </div>
 
−
                   
 
−
                    <div class="people places">
 
−
                        <div class="portfolio-img view view-first">
 
−
                           
 
−
                            <img src="img/img2.jpg" class="img-responsive"  alt="Responsive image" />
 
−
                           
 
−
                           
 
−
                                <div class="mask">
 
−
                                    <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>
 
−
                                    <a href="img/img1.jpg" class="info group2" title="Me and my grandfather on the Ohoopee"><i class="fa fa-search-plus"></i></a>
 
−
                                    <a href="#" class="info"><i class="fa fa-arrow-right"></i></a>
 
−
                                </div>
 
−
                           
 
−
                        </div>
 
−
                    </div>
 
−
               
 
−
               
 
−
               
 
−
                    <div class="food">
 
−
                        <div class="portfolio-img view view-first">
 
−
                           
 
−
                            <img src="img/img3.jpg" class="img-responsive"  alt="Responsive image" />
 
−
                           
 
−
                                   
 
−
                                <div class="mask">
 
−
                                    <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>
 
−
                                    <a href="img/img1.jpg" class="info group2" title="Me and my grandfather on the Ohoopee"><i class="fa fa-search-plus"></i></a>
 
−
                                    <a href="#" class="info"><i class="fa fa-arrow-right"></i></a>
 
−
                                </div>
 
−
                             
 
−
                        </div>
 
−
                    </div>
 
−
                   
 
−
                    <div class=" people">
 
−
                        <div class="portfolio-img view view-first">
 
−
                           
 
−
                            <img src="img/img4.jpg" class="img-responsive"  alt="Responsive image" />
 
−
                           
 
−
                            <div class="hover"></div>
 
−
                               
 
−
                                <div class="mask">
 
−
                                    <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>
 
−
                                    <a href="img/img1.jpg" class="info group2" title="Me and my grandfather on the Ohoopee"><i class="fa fa-search-plus"></i></a>
 
−
                                    <a href="#" class="info"><i class="fa fa-arrow-right"></i></a>
 
−
                                </div>
 
−
                             
 
−
                        </div>
 
−
                    </div>
 
−
                   
 
−
                    <div class=" objects">
 
−
                        <div class="portfolio-img view view-first">
 
−
                           
 
−
                            <img src="img/img5.jpg" class="img-responsive"  alt="Responsive image" />
 
−
                           
 
−
                            <div class="hover"></div>
 
−
                               
 
−
                                <div class="mask">
 
−
                                    <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>
 
−
                                    <a href="img/img1.jpg" class="info group2" title="Me and my grandfather on the Ohoopee"><i class="fa fa-search-plus"></i></a>
 
−
                                    <a href="#" class="info"><i class="fa fa-arrow-right"></i></a>
 
−
                                </div>
 
−
                           
 
−
                        </div>
 
−
                    </div>
 
−
                   
 
−
                    <div class="people places">
 
−
                        <div class="portfolio-img view view-first">
 
−
                           
 
−
                            <img src="img/img6.jpg" class="img-responsive"  alt="Responsive image" />
 
−
                           
 
−
                            <div class="hover"></div>
 
−
                               
 
−
                                <div class="mask">
 
−
                                    <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>
 
−
                                    <a href="img/img1.jpg" class="info group2" title="Me and my grandfather on the Ohoopee"><i class="fa fa-search-plus"></i></a>
 
−
                                    <a href="#" class="info"><i class="fa fa-arrow-right"></i></a>
 
−
                                </div>
 
−
                               
 
−
                        </div>
 
−
                    </div>
 
−
                   
 
−
                    <div class="food">
 
−
                        <div class="portfolio-img view view-first">
 
−
                           
 
−
                            <img src="img/img7.jpg" class="img-responsive"  alt="Responsive image" />
 
−
                           
 
−
                            <div class="hover"></div>
 
−
                               
 
−
                                <div class="mask">
 
−
                                    <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>
 
−
                                    <a href="img/img1.jpg" class="info group2" title="Me and my grandfather on the Ohoopee"><i class="fa fa-search-plus"></i></a>
 
−
                                    <a href="#" class="info"><i class="fa fa-arrow-right"></i></a>
 
−
                                </div>
 
−
                               
 
−
                        </div>
 
−
                    </div>
 
−
                   
 
−
                    <div class=" people">
 
−
                        <div class="portfolio-img view view-first">
 
−
                           
 
−
                            <img src="img/img8.jpg" class="img-responsive"  alt="Responsive image" />
 
−
                           
 
−
                            <div class="hover"></div>
 
−
                               
 
−
                                <div class="mask">
 
−
                                    <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>
 
−
                                    <a href="img/img1.jpg" class="info group2" title="Me and my grandfather on the Ohoopee"><i class="fa fa-search-plus"></i></a>
 
−
                                    <a href="#" class="info"><i class="fa fa-arrow-right"></i></a>
 
−
                                </div>
 
−
                               
 
−
                        </div>
 
−
                    </div>
 
−
                   
 
−
                    <div class="food">
 
−
                        <div class="portfolio-img view view-first">
 
−
                           
 
−
                            <img src="img/img3.jpg" class="img-responsive"  alt="Responsive image" />
 
−
                           
 
−
                                   
 
−
                                <div class="mask">
 
−
                                    <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>
 
−
                                    <a href="img/img1.jpg" class="info group2" title="Me and my grandfather on the Ohoopee"><i class="fa fa-search-plus"></i></a>
 
−
                                    <a href="#" class="info"><i class="fa fa-arrow-right"></i></a>
 
−
                                </div>
 
−
                             
 
−
                        </div>
 
−
                    </div>
 
−
                   
 
−
                    <div class=" people">
 
−
                        <div class="portfolio-img view view-first">
 
−
                           
 
−
                            <img src="img/img4.jpg" class="img-responsive"  alt="Responsive image" />
 
−
                           
 
−
                            <div class="hover"></div>
 
−
                               
 
−
                                <div class="mask">
 
−
                                    <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>
 
−
                                    <a href="img/img1.jpg" class="info group2" title="Me and my grandfather on the Ohoopee"><i class="fa fa-search-plus"></i></a>
 
−
                                    <a href="#" class="info"><i class="fa fa-arrow-right"></i></a>
 
−
                                </div>
 
−
                             
 
−
                        </div>
 
−
                    </div>
 
−
                   
 
−
                    <div class=" objects">
 
−
                        <div class="portfolio-img view view-first">
 
−
                           
 
−
                            <img src="img/img5.jpg" class="img-responsive"  alt="Responsive image" />
 
−
                           
 
−
                            <div class="hover"></div>
 
−
                               
 
−
                                <div class="mask">
 
−
                                    <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>
 
−
                                    <a href="img/img1.jpg" class="info group2" title="Me and my grandfather on the Ohoopee"><i class="fa fa-search-plus"></i></a>
 
−
                                    <a href="#" class="info"><i class="fa fa-arrow-right"></i></a>
 
−
                                </div>
 
−
                           
 
−
                        </div>
 
−
                    </div>
 
−
                   
 
−
                    <div class="people places">
 
−
                        <div class="portfolio-img view view-first">
 
−
                           
 
−
                            <img src="img/img6.jpg" class="img-responsive"  alt="Responsive image" />
 
−
                           
 
−
                            <div class="hover"></div>
 
−
                               
 
−
                                <div class="mask">
 
−
                                    <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>
 
−
                                    <a href="img/img1.jpg" class="info group2" title="Me and my grandfather on the Ohoopee"><i class="fa fa-search-plus"></i></a>
 
−
                                    <a href="#" class="info"><i class="fa fa-arrow-right"></i></a>
 
−
                                </div>
 
−
                               
 
−
                        </div>
 
−
                    </div>
 
−
                   
 
−
               
 
−
                </div><!-- /portfolioContainer -->
 
−
               
 
−
</div>
 
−
</div>
 
  
 +
</body>
  
 +
<footer id="wiki-footer" >
 +
</footer>
  
−
<div class="section s3">
 
−
<div class="inner">
 
−
<div class="container">
 
−
               
 
−
                <div class="services">
 
−
                   
 
−
                        <div class="services-tops">
 
−
                       
 
−
                            <h2>Our Services</h2>
 
−
                           
 
−
                            <p>We are team of creative photographers. We passionate with photography and other creative things. If you are looking professional photography theme with endless possibilities, you come in right place. This template consist of well-organized layers. Tons of features waiting for you. </p>
 
−
                       
 
−
                        </div><!-- /services-tops -->
 
−
                       
 
−
                        <div class="row">
 
−
                       
 
−
                            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
 
−
                            <div class="services-box">
 
−
                                <i class="fa fa-cog"></i>
 
−
                                    <h6>Photography</h6>
 
−
                                   
 
−
                                    <p>We are team of creative photographers. We passionate with photography and other creative things. If you are looking professional photography theme with endless possibilities, you come in right place. This template consist of well-organized layers. Tons of features waiting for you. </p>
 
−
                                   
 
−
                                </div><!-- /services-box -->
 
−
                            </div>
 
−
                           
 
−
                            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
 
−
                            <div class="services-box">
 
−
                                <i class="fa fa-coffee"></i>
 
−
                                    <h6>Creative Ideas</h6>
 
−
                                   
 
−
                                    <p>We are team of creative photographers. We passionate with photography and other creative things. If you are looking professional photography theme with endless possibilities, you come in right place. This template consist of well-organized layers. Tons of features waiting for you. </p>
 
−
                                   
 
−
                                </div><!-- /services-box -->
 
−
                            </div>
 
−
                           
 
−
                            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
 
−
                            <div class="services-box">
 
−
                                <i class="fa fa-comment-o"></i>
 
−
                                    <h6>Consulting</h6>
 
−
                                   
 
−
                                    <p>We are team of creative photographers. We passionate with photography and other creative things. If you are looking professional photography theme with endless possibilities, you come in right place. This template consist of well-organized layers. Tons of features waiting for you. </p>
 
−
                                </div><!-- /services-box -->
 
−
                            </div>
 
−
                       
 
−
                        </div>
 
−
                       
 
−
                    </div><!-- /services -->
 
−
               
 
−
                </div>
 
−
</div>
 
−
</div>
 
  
−
<div class="section s4">
+
<script>
−
<div class="inner">
+
$(window).load(function(){
−
<div class="container">
+
  $( "#project" ).addClass("active");
−
           
+
});
−
                <div class="testimonial">
+
</script>
−
               
+
−
                    <h2>Testimonial</h2>
+
−
               
+
−
                    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
+
−
                      <!-- Indicators -->
+
−
                      <ol class="carousel-indicators">
+
−
                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+
−
                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+
−
                        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+
−
                      </ol>
+
−
                   
+
−
                      <!-- Wrapper for slides -->
+
−
                      <div class="carousel-inner">
+
−
                        <div class="item active">
+
−
                          <div class="carousel-caption">
+
−
                                   
+
−
                                    <p>We are team of creative photographers. We passionate with photography and other creative things. If you are looking professional photography theme with endless possibilities, you come in right place. This template consist of well-organized layers. Tons of features waiting for you. We are team of creative photographers. We passionate with photography and other creative things. If you are looking professional photography theme with endless possibilities, you come in right place. This template consist of well-organized layers. Tons of features waiting for you. </p>
+
−
                          </div>
+
−
                        </div>
+
−
                        <div class="item">
+
−
                          <div class="carousel-caption">
+
−
                                   
+
−
                                    <p>We are team of creative photographers. We passionate with photography and other creative things. If you are looking professional photography theme with endless possibilities, you come in right place. This template consist of well-organized layers. Tons of features waiting for you. We are team of creative photographers. We passionate with photography and other creative things. If you are looking professional photography theme with endless possibilities, you come in right place. This template consist of well-organized layers. Tons of features waiting for you. </p>
+
−
                          </div>
+
−
                        </div>
+
−
                        <div class="item">
+
−
                          <div class="carousel-caption">
+
−
                                   
+
−
                                    <p>We are team of creative photographers. We passionate with photography and other creative things. If you are looking professional photography theme with endless possibilities, you come in right place. This template consist of well-organized layers. Tons of features waiting for you. We are team of creative photographers. We passionate with photography and other creative things. If you are looking professional photography theme with endless possibilities, you come in right place. This template consist of well-organized layers. Tons of features waiting for you. </p>
+
−
                          </div>
+
−
                        </div>
+
−
                      </div>
+
−
                   
+
−
                    </div>
+
−
                   
+
−
                </div>
+
−
           
+
−
            </div>
+
−
</div>
+
−
</div>
+
−
    <div class="transparent-bg">
+
−
    <div class="bcg">
+
−
        <div class="bcg-bg">
+
−
            <h1>"You only live once, but if you do it right, once is enough."</h1>
+
−
                <h6>Mae West</h6>
+
−
            </div>
+
−
        </div>
+
−
    </div><!-- /transparent-bg -->
+
−
   
+
  
−
<div class="section s5" id="s5">
 
−
<div class="inner">
 
−
<div class="pricing">
 
−
            <div class="container">
 
−
                    <div class="pricing-header">
 
−
                        <h2>Our Pricing</h2>
 
−
                        <p>We are team of creative photographers. We passionate with photography and other creative things. If you are looking professional photography theme with endless possibilities, you come in right place. This template consist of well-organized layers. Tons of features waiting for you.</p>
 
−
                    </div>
 
−
                   
 
−
                    <div class="row">
 
−
                    <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
 
−
                        <div class="pricing-box">
 
−
                            <div class="pricing-head">
 
−
                                <h1 class="price">$500</h1>
 
−
                                    <h4>Standard</h4>
 
−
                                </div>
 
−
                                <div class="pricing-row">
 
−
                                Creative Idea
 
−
                                </div>
 
−
                                <div class="pricing-row">
 
−
                                <strong>24/7</strong>TECH SUPPORT
 
−
                                </div>
 
−
                                <div class="pricing-row">
 
−
                                <strong>5</strong>PROJECTS
 
−
                                </div>
 
−
                                <div class="pricing-row">
 
−
                                <strong>1GB</strong>STORAGE
 
−
                                </div>
 
−
                                <div class="pricing-row">
 
−
                                UNLIMITED USERS
 
−
                                </div>
 
−
                                <div class="pricing-row last">
 
−
                                <a href="#" class="submit">Buy It Now</a>
 
−
                                </div>
 
−
                            </div>
 
−
                        </div>
 
−
                        <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
 
−
                        <div class="pricing-box">
 
−
                            <div class="pricing-head business">
 
−
                                <h1 class="price">$500</h1>
 
−
                                    <h4>Standard</h4>
 
−
                                </div>
 
−
                                <div class="pricing-row">
 
−
                                Creative Idea
 
−
                                </div>
 
−
                                <div class="pricing-row">
 
−
                                <strong>24/7</strong>TECH SUPPORT
 
−
                                </div>
 
−
                                <div class="pricing-row">
 
−
                                <strong>5</strong>PROJECTS
 
−
                                </div>
 
−
                                <div class="pricing-row">
 
−
                                <strong>1GB</strong>STORAGE
 
−
                                </div>
 
−
                                <div class="pricing-row">
 
−
                                UNLIMITED USERS
 
−
                                </div>
 
−
                                <div class="pricing-row last">
 
−
                                <a href="#" class="submit">Buy It Now</a>
 
−
                                </div>
 
−
                            </div>
 
−
                        </div>
 
−
                        <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
 
−
                        <div class="pricing-box">
 
−
                            <div class="pricing-head">
 
−
                                <h1 class="price">$500</h1>
 
−
                                    <h4>Standard</h4>
 
−
                                </div>
 
−
                                <div class="pricing-row">
 
−
                                Creative Idea
 
−
                                </div>
 
−
                                <div class="pricing-row">
 
−
                                <strong>24/7</strong>TECH SUPPORT
 
−
                                </div>
 
−
                                <div class="pricing-row">
 
−
                                <strong>5</strong>PROJECTS
 
−
                                </div>
 
−
                                <div class="pricing-row">
 
−
                                <strong>1GB</strong>STORAGE
 
−
                                </div>
 
−
                                <div class="pricing-row">
 
−
                                UNLIMITED USERS
 
−
                                </div>
 
−
                                <div class="pricing-row last">
 
−
                                <a href="#" class="submit">Buy It Now</a>
 
−
                                </div>
 
−
                            </div>
 
−
                        </div>
 
−
                    </div>
 
−
                   
 
−
                </div>
 
−
            </div><!--  /pricing  -->
 
−
</div>
 
−
</div>
 
−
   
 
−
    <div class="section s6">
 
−
<div class="inner">
 
−
        <div class="blog">
 
−
           
 
−
            <div class="container">
 
−
           
 
−
                        <div class="blog-header">
 
−
                           
 
−
                            <h2>Our Blog</h2>
 
−
                            <p>We are team of creative photographers. We passionate with photography and other creative things. If you are looking professional photography theme with endless possibilities, you come in right place. This template consist of well-organized layers. Tons of features waiting for you.</p>
 
−
                           
 
−
                        </div><!-- /blog-header -->
 
−
                       
 
−
                        <div class="row">
 
−
                            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
 
−
                               
 
−
                                <div class="slide">
 
−
                                    <div class="portfolio-img view view-first">
 
−
                                       
 
−
                                        <img src="img/img1.jpg" class="img-responsive"  alt="Responsive image" />
 
−
                                       
 
−
                                           
 
−
                                                <div class="isotope-item-dtls">
 
−
                                                    <h3>Item I</h3>
 
−
                                                    <p>A wonderful serenity has taken possession of my entire soul</p>
 
−
                                                   
 
−
                                                        <div class="blue-btn">
 
−
                                                          <a class="first-link" href="blog.html">
 
−
                                                            read more
 
−
                                                          </a>
 
−
                                                          <a href="blog.html">
 
−
                                                            read more
 
−
                                                          </a>
 
−
                                                        </div>
 
−
                                                </div><!--/isotope-item-dtls-->
 
−
                                    </div>
 
−
                                </div>
 
−
                               
 
−
                            </div>
 
−
                            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
 
−
                               
 
−
                                <div class="slide">
 
−
                                    <div class="portfolio-img view view-first">
 
−
                                       
 
−
                                        <img src="img/img1.jpg" class="img-responsive"  alt="Responsive image" />
 
−
                                       
 
−
                                                <div class="isotope-item-dtls">
 
−
                                                    <h3>Item I</h3>
 
−
                                                    <p>A wonderful serenity has taken possession of my entire soul</p>
 
−
                                                   
 
−
                                                    <div class="blue-btn">
 
−
                                                          <a class="first-link" href="blog.html">
 
−
                                                            read more
 
−
                                                          </a>
 
−
                                                          <a href="blog.html">
 
−
                                                            read more
 
−
                                                          </a>
 
−
                                                        </div>
 
−
                                                </div><!--/isotope-item-dtls-->
 
−
                                    </div>
 
−
                                </div>
 
−
                               
 
−
                            </div>
 
−
                            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
 
−
                               
 
−
                                <div class="slide">
 
−
                                    <div class="portfolio-img view view-first">
 
−
                                       
 
−
                                        <img src="img/img1.jpg" class="img-responsive"  alt="Responsive image" />
 
−
                                       
 
−
                                           
 
−
                                                <div class="isotope-item-dtls">
 
−
                                                    <h3>Item I</h3>
 
−
                                                    <p>A wonderful serenity has taken possession of my entire soul </p>
 
−
                                                   
 
−
                                                       
 
−
                                                        <div class="blue-btn">
 
−
                                                          <a class="first-link" href="blog.html">
 
−
                                                            read more
 
−
                                                          </a>
 
−
                                                          <a href="blog.html">
 
−
                                                            read more
 
−
                                                          </a>
 
−
                                                        </div>
 
−
                                                </div><!--/isotope-item-dtls-->
 
−
                                    </div>
 
−
                                </div>
 
−
                               
 
−
                            </div>
 
−
                        </div>
 
−
                       
 
−
                        <div class="row">
 
−
                            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
 
−
                               
 
−
                                <div class="slide">
 
−
                                    <div class="portfolio-img view view-first">
 
−
                                       
 
−
                                        <img src="img/img1.jpg" class="img-responsive"  alt="Responsive image" />
 
−
                                       
 
−
                                           
 
−
                                                <div class="isotope-item-dtls">
 
−
                                                    <h3>Item I</h3>
 
−
                                                    <p>A wonderful serenity has taken possession of my entire soul</p>
 
−
                                                   
 
−
                                                        <div class="blue-btn">
 
−
                                                          <a class="first-link" href="blog.html">
 
−
                                                            read more
 
−
                                                          </a>
 
−
                                                          <a href="blog.html">
 
−
                                                            read more
 
−
                                                          </a>
 
−
                                                        </div>
 
−
                                                </div><!--/isotope-item-dtls-->
 
−
                                    </div>
 
−
                                </div>
 
−
                               
 
−
                            </div>
 
−
                            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
 
−
                               
 
−
                                <div class="slide">
 
−
                                    <div class="portfolio-img view view-first">
 
−
                                       
 
−
                                        <img src="img/img1.jpg" class="img-responsive"  alt="Responsive image" />
 
−
                                       
 
−
                                                <div class="isotope-item-dtls">
 
−
                                                    <h3>Item I</h3>
 
−
                                                    <p>A wonderful serenity has taken possession of my entire soul</p>
 
−
                                                   
 
−
                                                    <div class="blue-btn">
 
−
                                                          <a class="first-link" href="blog.html">
 
−
                                                            read more
 
−
                                                          </a>
 
−
                                                          <a href="blog.html">
 
−
                                                            read more
 
−
                                                          </a>
 
−
                                                        </div>
 
−
                                                </div><!--/isotope-item-dtls-->
 
−
                                    </div>
 
−
                                </div>
 
−
                               
 
−
                            </div>
 
−
                            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
 
−
                               
 
−
                                <div class="slide">
 
−
                                    <div class="portfolio-img view view-first">
 
−
                                       
 
−
                                        <img src="img/img1.jpg" class="img-responsive"  alt="Responsive image" />
 
−
                                       
 
−
                                           
 
−
                                                <div class="isotope-item-dtls">
 
−
                                                    <h3>Item I</h3>
 
−
                                                    <p>A wonderful serenity has taken possession of my entire soul </p>
 
−
                                                   
 
−
                                                       
 
−
                                                        <div class="blue-btn">
 
−
                                                          <a class="first-link" href="blog.html">
 
−
                                                            read more
 
−
                                                          </a>
 
−
                                                          <a href="blog.html">
 
−
                                                            read more
 
−
                                                          </a>
 
−
                                                        </div>
 
−
                                                </div><!--/isotope-item-dtls-->
 
−
                                    </div>
 
−
                                </div>
 
−
                               
 
−
                            </div>
 
−
                        </div>
 
−
                       
 
−
                       
 
−
               
 
−
                </div><!-- container -->
 
−
               
 
−
            </div><!-- /blog -->
 
−
        </div>
 
−
    </div>
 
−
 
−
   
 
−
    <div class="section s7">
 
−
<div class="inner">
 
−
       
 
−
            <div class="transparent-bg">
 
−
                <div class="bcg">
 
−
                    <div class="bcg-bg bcg-bg-blk">
 
−
                   
 
−
                    <div class="container">
 
−
                               
 
−
                                <div class="contact">
 
−
                                   
 
−
                                    <h1>Contact Us</h1>
 
−
                                   
 
−
                                    <div class="row">
 
−
                                   
 
−
                                        <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
 
−
                                   
 
−
                                            <div class="contact-form">
 
−
                                                <form class="form-horizontal">
 
−
                                                    <div class="row">
 
−
                                                        <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
 
−
                                                            <div class="form-group">
 
−
                                                                <label for="exampleInputEmail1">Name</label>
 
−
                                                                <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
 
−
                                                              </div>
 
−
                                                        </div>
 
−
                                                        <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
 
−
                                                            <div class="form-group">
 
−
                                                                <label for="exampleInputEmail1">Email address</label>
 
−
                                                                <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
 
−
                                                              </div>
 
−
                                                        </div>
 
−
                                                        <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
 
−
                                                            <div class="form-group">
 
−
                                                                <label for="exampleInputEmail1">Subject</label>
 
−
                                                                <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
 
−
                                                              </div>
 
−
                                                        </div>
 
−
                                                    </div>
 
−
                                                    <div class="row">
 
−
                                                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
 
−
                                                            <div class="form-group">
 
−
                                                                <label for="exampleInputEmail1">Massage</label>
 
−
                                                                <textarea class="form-control" rows="3"></textarea>
 
−
                                                              </div>
 
−
                                                        </div>
 
−
                                                    </div>
 
−
                                                    <div class="control-group">
 
−
                                                    <div class="controls">
 
−
                                                    <button type="button" class="btn btn-default btn-lg">Send</button>
 
−
                                                    </div>
 
−
                                                    </div>
 
−
                                                </form>
 
−
                                            </div>
 
−
                                       
 
−
                                        </div>
 
−
                                       
 
−
                                        <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
 
−
                                       
 
−
                                            <div class="address">
 
−
                                                    <h3>Address:</h3>
 
−
                                                    <i class="icons-marker icon-home"></i>
 
−
                                                    <div class="contact-address">
 
−
                                                        B block, 1no. road <br>
 
−
                                                        Chandgao Abashik, <br>
 
−
                                                        Chittagong.
 
−
                                                    </div>
 
−
                                                </div><!--End address-->
 
−
                                               
 
−
                                                <div class="address">
 
−
                                                    <h3>Phones:</h3>
 
−
                                                    <div class="phone">
 
−
                                                        <i class="icon-volume-down"></i>
 
−
                                                        <div class="contact-address">
 
−
                                                            +1 800 119 6590
 
−
                                                        </div>
 
−
                                                    </div>
 
−
                                                    <div class="phone">
 
−
                                                        <i class="icon-print"></i>
 
−
                                                        <div class="contact-address">
 
−
                                                            +1 800 119 6590
 
−
                                                        </div>
 
−
                                                    </div>
 
−
                                                </div><!--End address-->
 
−
                                               
 
−
                                                <div class="address">
 
−
                                                    <h3>Email:</h3>
 
−
                                                    <div class="phone">
 
−
                                                        <i class="icon-envelope"></i>
 
−
                                                        <div class="email">
 
−
                                                            <a href="#">mail@wpeden.com</a>
 
−
                                                        </div>
 
−
                                                    </div>
 
−
                                                </div><!--End address-->
 
−
                                           
 
−
                                        </div>
 
−
                                       
 
−
                                    </div><!-- /row --> 
 
−
                                     
 
−
                                       
 
−
                                </div>
 
−
                       
 
−
                        </div>
 
−
                       
 
−
                    </div>
 
−
                </div>
 
−
            </div><!-- /transparent-bg -->
 
−
   
 
−
           
 
−
               
 
−
                                  <div class="gmap map" id="map" data-center="Brugse Heirweg 37 Aartrijke Belgium" data-zoom="15">
 
−
                                    <address>
 
−
                                      <div><iframe src="http://maps.google.com/maps/ms?vpsrc=6&amp;ctz=-480&amp;ie=UTF8&amp;msa=0&amp;msid=210840796990572645528.00049770919ccd6759de3&amp;t=m&amp;ll=30.751278,68.203125&amp;spn=84.446143,175.429688&amp;z=2&amp;output=embed" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="1150" height="400">    </iframe></div>
 
−
                                    </address>
 
−
                                  </div><!--End map-->
 
−
           
 
−
           
 
−
    </div>
 
−
    </div>
 
−
 
 
</div>
 
</div>
−
   
+
 
−
   
+
−
</body>
+
 
</html>
 
</html>

Latest revision as of 03:24, 6 August 2016

Template:ITESM14/Style

Over the past decades, Mexico has undergone a series transformations. Wealth has increased, families are having fewer children, and there has been improved access to health care for the poor. However, its public health resources now face a growing burden from a familiar challenge: cancer, which has become the second cause of mortality.

Dr. Alejandro Mohar, Director General of the National Cancer Institute of Mexico (INCan) noted that cancer is currently the second leading cause of death in the country, with approximately 125,000 new cases each year. The latest projection is that left uncontrolled, this rate will double to 250,000 new cancer cases per year by 2030. Thus, our project aims to contribute to the various novel therapies that are being developed using a more specific method to deliver a therapy.

By harnessing the inherent ability of facultative anaerobic bacteria to colonize and grow in tumoral environments, this project aims to develop a bacterial cancer therapy. A genetically modified E. coli strain will have knockouts in the lpp and msbB genes, which encode for the Braun's lipoprotein and for the myristic acid moiety transporter of the lipopolysaccharide, respectively. These genes are known to trigger an immune response in the human body; by deleting them, the impact originating from a bacterial intravenous administration will be reduced. Furthermore, these bacteria will produce M13-modified bacteriophages under the control of a quorum sensing system. The resulting phages will be capable of binding to the GRP78 receptor, which is usually overexpressed in cancerous cells. Subsequently, they will internalize and transfect the cancerous cells with two different genes: apoptin, responsible for an apoptotic protein specific for cancerous cells which will be regulated by a constitutive promoter and a survivin siRNA. The latter will inhibit the uncontrollable growth characteristic of cancer cells, making them more vulnerable to apoptosis.

References

  1. Schatzkin, E. (2012, February 21). Cancer: Mexico’s Growing Problem. Retrieved September 14, 2014, from http://globalhealthsciences.ucsf.edu/news-events/cancer-mexico-s-growing-problem