Team:ITESM-Guadalajara

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
{{CSS/Main}}
 +
 +
<html>
-
<!DOCTYPE html>
 
-
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
 
-
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
 
-
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
 
-
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
 
<head>
<head>
-
<!-- Basic Page Needs
+
   <meta http-equiv="Content-Type" content="text/html;  
-
   ================================================== -->
+
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
-
<title>Ascend-Paralax Responsive Single page</title>
+
-
    <meta name="robots" content="index, follow" />
+
-
    <meta name="keywords" content="" />
+
-
    <meta name="description" content="" />
+
-
<meta name="author" content="" />
+
-
    <!-- Mobile Specific Metas
+
charset=utf-8">
-
  ================================================== -->
+
  <meta name="description" content="Team ITESM - Guadalajara Wiki
-
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />   
+
-
<!-- CSS
+
for the iGEM competition of 2014">
-
   ================================================== -->
+
   <meta name="keywords" content="iGEM, Chitosan, 2014, ITESM
-
 
+
-
    <link rel="stylesheet" href="style.css"/>
+
-
    <link rel="stylesheet" type="text/css" href="css/main.css">
+
Guadalajara, Wiki">
 +
  <meta name="author" content="Gerardo Martín del Campo">
 +
  <meta name="title" content="Team ITESM - Guadalajara Wiki">
-
    <link rel="stylesheet" type="text/css" href="revolution/css/style.css" media="screen" /> <!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
+
  <!-- External scripts -->
 +
  <script src="http://code.jquery.com/jquery-
 +
 
 +
2.1.0.min.js"></script>
 +
  <link href='http://fonts.googleapis.com/css?family=Yanone
 +
 
 +
+Kaffeesatz:400,300,700' rel='stylesheet' type='text/css'>
 +
 
 +
  <!-- Functionallity and behaviour JS -->
 +
  <script>
 +
 
 +
    $(document).ready(function(){
 +
 
 +
      //Loading screen functionallity
 +
      $('.loading').animate(
 +
          {opacity:0},
 +
          500,
 +
          function(){
 +
            $('.loading').attr("style", "display:none");
 +
          }
 +
      );
 +
 
 +
      //Height responsiveness
 +
      $(window).resize(function() {
 +
          wheight = $(window).height();
 +
          $('.container').attr
 +
 
 +
("style","height:"+(wheight)+"px;background-size:cover;");
 +
          $('.team-member-container').attr
 +
 
 +
("style","height:"+wheight/2.7+"px;");
 +
      });
 +
 
 +
      $(window).trigger('resize');
 +
 
 +
      //Menu moveto container on item click functionallity
 +
      $('.menu-item').on('click', function(){
 +
          $('.menu-item').removeClass('subselected');
 +
          $(this).addClass('subselected');
 +
          if($(this).attr("data")=="#top"){
 +
              $('html, body').animate({
 +
                  scrollTop: 0
 +
              }, 1000);
 +
          }else{
 +
              $('html, body').animate({
 +
                  scrollTop: $($(this).attr("data")).offset
 +
 
 +
().top-70
 +
              }, 1000);
 +
          }
 +
      });
 +
 
 +
      //Hover of team members
 +
      $('.team-member-container').on('mouseenter', function(){
 +
        $(this).children('.team-member-photo').attr("style",
 +
 
 +
"background-image:url('"+$(this).attr("hover")+"');");
 +
        $(this).on('mouseleave', function(){
 +
          $(this).children('.team-member-photo').attr('style',
 +
 
 +
"background-image:url('"+$(this).attr("data")+"');");
 +
        });
 +
      });
 +
 
 +
    });
      
      
-
    <link rel="stylesheet" type="text/css" href="revolution/rs-plugin/css/settings.css" media="screen" /> <!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->  
+
  </script>
-
 
+
  <style>
 +
    body,
 +
    html{
 +
      margin: 0;
 +
      padding:0;
 +
      font-family: font-family: 'Yanone Kaffeesatz', sans-serif;
 +
    }
-
</head>
+
    /* REMOVE UNWANTED ELEMENTS AND STYLE OTHERS */
 +
    .firstHeading{
 +
      display:none;
 +
    }
 +
    #top-section{
 +
      background:#97a8b2;
 +
      margin-left:0 !important;
 +
      width:100%;
 +
      left:0;
 +
    }
-
<body>
 
-
<div id="wrapper">
+
    /* LOADING SCREEN */
-
<header class="header_wrap"> <!--Header-->
+
    .loading{
-
        <div class="container">
+
      position:fixed;
-
            <div class="row">
+
      width:100%;
-
                <div class="col-md-12">
+
      height:100%;
-
                    <div class="header_left">
+
      top:0;
-
                        <a href="index.html"><img src="images/logo.png" alt="logo"></a>
+
      left:0;
-
                    </div>
+
-
                    <div class="serch_bar">
+
      z-index:5;
-
                        <i class="icon-search"></i>
+
-
                    </div>             
+
-
                    <div class="header_right">
+
      background-color:#555;
-
                        <nav class="menu main_menu" id="main-menu">
+
      color:#fff;
-
                            <div id="mobnav-btn"><span class="icon-menu-3"></span>Menu</div>
+
      text-align: center;
-
                            <ul class="sf-menu nav main-menu" id="thumbs">
+
    }
-
                                <li><a id="first_home" href="#top">Home</a></li>
+
    .loading p{
-
                                <li><a href="#service">Service</a></li>
+
      position: relative;
-
                                <li><a href="#portfolio">Portfolio</a></li>
+
      width:100%;
-
                                <li><a href="#about">About us</a></li>
+
      height:10%;
-
                                <li><a href="#blog">Blog</a></li>
+
      top:45%;
-
                                <li><a href="#pricing">Pricing table</a></li>
+
      left:0;
-
                                <li><a href="#contact">Contact</a></li>
+
     }
-
                                <li class="more_menu"><a href="#">More</a>
+
-
                                    <div class="mobnav-subarrow icon-arrow-down-4"></div>
+
-
                                    <ul class="more_menu_potion">
+
-
                                        <li><a href="shortcode.html" class="">Shortcode</a></li>
+
-
                                        <li><a href="single-half-portfolio.html" class="">Portfolio (half width)</a></li>
+
-
                                        <li><a href="single-full-portfolio.html" class="">Portfolio (full width)</a></li>
+
-
                                        <li><a href="single-blog.html" class="">Blog single Post Page</a></li>
+
-
                                    </ul>
+
-
                                </li>
+
-
                            </ul>
+
-
                        <div class="clear"></div>
+
-
                        </nav>                     
+
-
                    </div>
+
-
                    <div class="clear"></div>
+
-
                </div>         
+
-
            </div><!-- /.row -->                 
+
-
        </div><!--Container-->
+
-
        <div class="clear"></div>
+
-
     </header><!-- /.col --> <!--End Header-->
+
-
    <div class="slider_menu"> <!--Header-->
+
-
        <div class="container">
+
-
            <div class="row">
+
-
                <div class="col-md-12">
+
-
                    <div class="header_left">
+
-
                        <a href="index.html"><img src="images/logo_1.png" alt="logo"></a>
+
-
                    </div>
+
-
                    <div class="serch_bar">
+
    /* MENU STYLING */
-
                        <i class="icon-search"></i>
+
    .menu{
-
                    </div>             
+
      position:fixed;
 +
      width:100%;
 +
      height:56px;
 +
      top:14px;
 +
      background-color: #47a3da;
-
                    <div class="header_right">
+
      z-index:4;
-
                        <nav class="menu main_menu" id="main-menu-2">
+
-
                            <div id="mobnav-btn-2"><span class="icon-menu-3"></span>Menu</div>
+
-
                            <ul class="sf-menu nav main-menu" id="thumbs-2">
+
-
                                <li><a href="#top">Home</a></li>
+
-
                                <li><a href="#service">Service</a></li>
+
-
                                <li><a href="#portfolio">Portfolio</a></li>
+
-
                                <li><a href="#about">About us</a></li>
+
-
                                <li><a href="#blog">Blog</a></li>
+
-
                                <li><a href="#pricing">Pricing table</a></li>
+
-
                                <li><a href="#contact">Contact</a></li>
+
-
                                <li class="more_menu"><a href="#">More</a>
+
-
                                    <div class="mobnav-subarrow icon-arrow-down-4"></div>
+
-
                                    <ul class="more_menu_potion">
+
-
                                        <li><a href="shortcode.html" class="">Shortcode</a></li>
+
-
                                        <li><a href="single-half-portfolio.html" class="">Portfolio (half width)</a></li>
+
-
                                        <li><a href="single-full-portfolio.html" class="">Portfolio (full width)</a></li>
+
-
                                        <li><a href="single-blog.html" class="">Blog single Post Page</a></li>
+
-
                                    </ul>
+
-
                                </li>
+
-
                            </ul>
+
-
                        <div class="clear"></div>
+
-
                        </nav>                     
+
-
                    </div>
+
-
                    <div class="clear"></div>
+
-
                </div>         
+
-
            </div><!-- /.row -->                 
+
-
        </div><!--Container-->
+
-
        <div class="clear"></div>
+
-
    </div><!-- /.col --> <!--End div Header-->
+
-
    <div class="search_box">
+
-
        <div class="container">
+
-
            <div class="search_input">               
+
-
                <form action="#">
+
-
                  <input type="text" value="Search here .." class="search_input_item" name="subscrib" onblur="if (this.value == ''){this.value = 'Search here ..';}" onfocus="if (this.value == 'Search here ..'){this.value = '';}">
+
-
                  <input type="submit" class="search_submit">
+
-
                </form>
+
-
                <div class="clear"></div>
+
-
            </div>
+
-
        </div>                       
+
-
    </div>
+
-
     <div class="slider_wrap" id="top">
+
      border-collapse: collapse;
-
        <div class="slider">
+
      text-align:center;
-
        <!-- START REVOLUTION SLIDER 3.1 rev5 fullwidth mode -->
+
     }
 +
    .menu tr td{
 +
      text-align: center;
 +
      vertical-align: middle;
-
            <div class="tp-banner-container green">
+
      font-weight: 700;
-
                <div class="tp-banner" >
+
      font-size:16px;
-
                    <ul>
+
      color:#fff;
-
                        <!-- SLIDE 1 -->
+
      width:7%;
-
                        <li data-transition="fade" data-slotamount="5" data-masterspeed="700" >
+
    }
-
                            <!-- MAIN IMAGE -->
+
    .menu tr td.menu-item:hover{
-
                            <img src="revolution/images/slider_4.jpg"  alt="slidebg1"  data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
+
      background-color:#258ecd;
 +
      cursor: pointer;
 +
    }
 +
    .subselected{
 +
      background-color: #258ecd;
 +
    }
-
                            <!-- LAYERS -->
+
    /* CONTAINERS STYLING */
-
                            <!-- LAYER NR. 1 -->
+
    .container{
-
                            <div class="tp-caption sfb"
+
      position:relative;
-
                                data-x="center"
+
      width:100%;
-
                                data-y="180"
+
      top:50px;
-
                                data-speed="1000"
+
    }
-
                                data-start="700"
+
    .container .subcontainer{
-
                                data-easing="Power4.easeOut"
+
      position:absolute;
-
                                data-endspeed="300"
+
      width:95%;
-
                                data-endeasing="Power1.easeIn"
+
      height:90%;
-
                                data-captionhidden="off"
+
      top:5%;
-
                                style="font-weight: 700; font-size:50px; color: #fff; text-transform: uppercase; font-family:'Agency FB'">A Perfect Single Page Template
+
      left:2.5%;
-
                            </div>
+
    }
 +
    #top{
 +
      background-size: cover;
 +
      background-image: url
-
                            <!-- LAYER NR. 2 -->
+
("http://i1191.photobucket.com/albums/z475/alex0892/Guadalajara
-
                            <div class="tp-caption sfb slider_conter_text"
+
-
                                data-x="center"
+
-
                                data-y="217"
+
-
                                data-speed="1000"
+
-
                                data-start="700"
+
-
                                data-easing="Power4.easeOut"
+
-
                                data-endspeed="300"
+
-
                                data-endeasing="Power1.easeIn"
+
-
                                data-captionhidden="off"
+
-
                                style="font-weight: 400; font-size:35px; line-height: 54px; color: #fff; text-transform: uppercase; font-family:'adele'; text-align:center;">Visually aesthetic &amp; eye catchy design
+
-
                            </div>
+
-
                            <!-- LAYER NR. 3 -->
+
-
                            <div class="tp-caption sfb btn"
+
-
                                data-x="center"
+
-
                                data-y="294"
+
-
                                data-speed="1000"
+
-
                                data-start="700"
+
-
                                data-easing="Power4.easeOut"
+
-
                                data-endspeed="300"
+
-
                                data-endeasing="Power1.easeIn"
+
-
                                data-captionhidden="off" >
+
-
                                <a href="#" class="btn-white green">Purchase Now !</a>
+
-
                                <a href="#" class="btn-green white">Call to action</a>
+
-
                            </div>
+
-
                        </li>
+
-
                        <!-- SLIDE  2-->
+
-
                            <li data-transition="fade" data-slotamount="5" data-masterspeed="700" >
+
-
                            <!-- MAIN IMAGE -->
+
-
                            <img src="revolution/images/slider_5.jpg"  alt="slidebg1"  data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
+
-
                            <!-- LAYERS -->
+
%20Minerva/171120111899.jpg");
-
                            <!-- LAYER NR. 1 -->
+
      overflow:hidden;
-
                            <div class="tp-caption sfb"
+
    }
-
                                data-x="center"
+
-
                                data-y="80"
+
-
                                data-speed="1000"
+
-
                                data-start="700"
+
-
                                data-easing="Power4.easeOut"
+
-
                                data-endspeed="300"
+
-
                                data-endeasing="Power1.easeIn"
+
-
                                data-captionhidden="off"
+
-
                                style="font-weight: 700; font-size:50px; color: #fff; text-transform: uppercase; font-family:'Agency FB'">We are Ascend
+
-
                            </div>
+
-
                            <!-- LAYER NR. 2 -->
+
    /* TEAM MEMBERS CARDS STYLING */
-
                            <div class="tp-caption sfb slider_conter_text"
+
    .team-member-container{
-
                                data-x="center"
+
      position:relative;
-
                                data-y="163"
+
      width:14%;
-
                                data-speed="1000"
+
      margin-left:2.28%;
-
                                data-start="700"
+
-
                                data-easing="Power4.easeOut"
+
-
                                data-endspeed="300"
+
-
                                data-endeasing="Power1.easeIn"
+
-
                                data-captionhidden="off"
+
-
                                style="font-weight: 400; font-size:30px; line-height: 38px; color: #fff; text-transform: uppercase; font-family:'proxima_nova'; text-align:center;">We design &amp; build<br>retina ready responsive<br>themes with the latest flat design
+
-
                            </div>
+
-
                            <!-- LAYER NR. 3 -->
+
-
                            <div class="tp-caption sfb btn"
+
-
                                data-x="center"
+
-
                                data-y="315"
+
-
                                data-speed="1000"
+
-
                                data-start="700"
+
-
                                data-easing="Power4.easeOut"
+
-
                                data-endspeed="300"
+
-
                                data-endeasing="Power1.easeIn"
+
-
                                data-captionhidden="off" >
+
-
                                <a href="#" class="btn-white green">Purchase Now !</a>
+
-
                            </div>
+
-
                        </li>
+
-
                        <!-- SLIDE  -->
+
-
                        <!-- SLIDE  3-->
+
-
                            <li data-transition="fade" data-slotamount="5" data-masterspeed="700" >
+
-
                            <!-- MAIN IMAGE -->
+
-
                            <img src="revolution/images/slider_6.jpg"  alt="slidebg1"  data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
+
-
                            <!-- LAYERS -->
+
      float:left;
-
                            <!-- LAYER NR. 1 -->
+
    }
-
                            <div class="tp-caption sfb"
+
    .team-member-container:hover{
-
                                data-x="center"
+
      cursor:pointer;
-
                                data-y="44"
+
    }
-
                                data-speed="1000"
+
    .row2{
-
                                data-start="700"
+
      top:4%;
-
                                data-easing="Power4.easeOut"
+
    }
-
                                data-endspeed="300"
+
    .team-member-container .team-member-photo{
-
                                data-endeasing="Power1.easeIn"
+
      position:relative;
-
                                data-captionhidden="off"
+
      width:100%;
-
                                ><img src="revolution/images/ascend.png" alt=""/>
+
      height:85%;
-
                            </div>
+
      top:0;
-
                            <!-- LAYER NR. 2 -->
+
      left:0;
-
                            <div class="tp-caption sfb uline"
+
      background-size: cover;
-
                                data-x="center"
+
    }
-
                                data-y="161"
+
    .team-member-container .team-member-footer{
-
                                data-speed="1000"
+
      position:relative;
-
                                data-start="700"
+
      width:100%;
-
                                data-easing="Power4.easeOut"
+
      height:15%;
-
                                data-endspeed="300"
+
      top:0;
-
                                data-endeasing="Power1.easeIn"
+
      left:0;
-
                                data-captionhidden="off"
+
-
                                style="font-weight: 400; font-size:72px; line-height: 72px; color: #fff; text-transform: uppercase; font-family:'proxima_nova';">Ascend
+
-
                            </div>
+
-
                            <!-- LAYER NR. 3 -->
+
      border:none;
-
                            <div class="tp-caption sfb slider_conter_text"
+
      border-collapse: collapse;
-
                                data-x="center"
+
      background-color: #47a3da;
-
                                data-y="270"
+
      color:#fff;
-
                                data-speed="1000"
+
-
                                data-start="700"
+
-
                                data-easing="Power4.easeOut"
+
-
                                data-endspeed="300"
+
-
                                data-endeasing="Power1.easeIn"
+
-
                                data-captionhidden="off"
+
-
                                style="font-weight: 400; font-size:36px; line-height: 46px; color: #fff; text-transform: uppercase; font-family:'adele'; text-align:center;">A Perfect single page template for<br>Any business &amp; any devices
+
-
                            </div>
+
-
                        </li>
+
-
                        <!-- SLIDE  -->
+
-
                    </ul>
+
-
                    <div class="tp-bannertimer"></div>
+
-
                </div>
+
-
            </div>
+
-
        </div>
+
-
        <div class="clear"></div>
+
-
    </div>
+
-
    <section class="sercice_wrap content_pt content_pb" id="service">
+
      text-align: center;
-
    <div class="container">
+
      vertical-align: middle;
-
    <div class="row content_pt content_pb">
+
    }
-
    <div class="col-md-12 mb wow fadeInRightBig">
+
-
    <div class="main_heading text-center">
+
-
    <h2>Services</h2>
+
-
    <h3>What we do best. Carefully handcrafed digital goods.</h3>
 
-
    </div>
 
-
    </div>
 
-
                <div class="col-md-12 content_pb" >
+
   </style>
-
                    <div id="txmod_271" class="txtabs-wrap 0 services_filter text-center">
+
-
                     
+
-
                        <ul class="txtabs-nav top clearfix wow fadeInLeftBig">
+
-
                            <li class="first active">
+
-
                                <a data-toggle="tab" class="filter1 active" title="Website design" data-target="#txmod_271-0"></a>
+
-
                            </li>
+
-
                            <li class="">    
+
-
                                <a data-toggle="tab" class="filter2" title="Nibh Euismod" data-target="#txmod_271-1"></a>
+
-
                            </li>
+
-
                            <li class="last">
+
-
                                <a data-toggle="tab" class="filter3" title="Tincidunt UT" data-target="#txmod_271-2"></a>
+
-
                            </li>
+
-
                            <li class="last">
+
-
                                <a data-toggle="tab" class="filter4" title="Erat Volutpat" data-target="#txmod_271-3"></a>
+
-
                            </li>
+
-
                            <li class="last">
+
-
                                <a data-toggle="tab" class="filter5" title="Dolore Magna" data-target="#txmod_271-4"></a>
+
-
                            </li>
+
-
                        </ul>
+
-
                        <div class="txtabs-content fadeInUp wow">
+
</head>
-
                            <div id="txmod_271-0" class="txtabs-pane active in fade-slide">
+
-
                                <div class="col-md-3 mb services_box1">
+
-
                                    <div class="services_box text-center">
+
-
                                        <div class="services_icon">
+
-
                                            <div class="icon_first icon_image"></div>
+
-
                                        </div>
+
-
                                        <div class="services_content">
+
-
                                            <h2>Modern Design</h2>
+
-
                                            <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+
<body>
-
                                        </div>
+
-
                                    </div>
+
-
                                </div>
+
-
                                <div class="col-md-3 mb services_box1">
+
-
                                    <div class="services_box text-center">
+
-
                                        <div class="services_icon">
+
-
                                            <div class="icon_second icon_image"></div>
+
-
                                        </div>
+
-
                                        <div class="services_content">
+
-
                                            <h2>Organized Layerd PSD</h2>
+
-
                                            <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+
  <!-- Loading screen -->
-
                                        </div>
+
  <div class="loading">
-
                                    </div>
+
    <p>Loading content, please wait...</p>
-
                                </div>
+
  </div>
-
                                <div class="col-md-3 mb services_box1">
+
-
                                    <div class="services_box text-center">
+
-
                                        <div class="services_icon">
+
-
                                            <div class="icon_third icon_image"></div>
+
-
                                        </div>
+
-
                                        <div class="services_content">
+
-
                                            <h2>Fully Customizable</h2>
+
-
                                            <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+
  <!-- Menu section -->
-
                                        </div>
+
  <table class="menu">
-
                                    </div>
+
    <tbody>
-
                                </div>
+
      <tr>
 +
        <td data="#top" class="menu-item subselected">Team
-
                                <div class="col-md-3 mb services_box1">
+
logo</td>
-
                                    <div class="services_box text-center">
+
        <td data="#home" class="menu-item">Home</td>
-
                                        <div class="services_icon">
+
        <td data="#team" class="menu-item">Team</td>
-
                                            <div class="icon_fourth icon_image"></div>
+
        <td data="#teamprofile" class="menu-item">Official Team
-
                                        </div>
+
-
                                        <div class="services_content">
+
-
                                            <h2>Responsive</h2>
+
-
                                            <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+
Profile</td>
-
                                        </div>
+
        <td data="#project" class="menu-item">Project</td>
-
                                    </div>
+
        <td data="#parts" class="menu-item">Parts</td>
-
                                </div>  
+
        <td data="#modeling" class="menu-item">Modeling</td>
-
                            </div> <!--Tabs1-->
+
        <td data="#notebook" class="menu-item">Notebook</td>
 +
        <td data="#safety" class="menu-item">Safety</td>
 +
        <td data="#attributions" class="menu-
-
                            <div id="txmod_271-1" class="txtabs-pane fade-slide">                                
+
item">Attributions</td>
 +
        <td class="logo"><a
-
                                <div class="col-md-3 mb services_box1">
+
href="https://2014.igem.org/Main_Page"><img
-
                                    <div class="services_box text-center">
+
-
                                        <div class="services_icon">
+
-
                                            <div class="icon_first icon_image"></div>
+
-
                                        </div>
+
-
                                        <div class="services_content">
+
-
                                            <h2>Modern Design</h2>
+
-
                                            <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+
src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"  
-
                                        </div>
+
-
                                    </div>
+
-
                                </div>
+
-
                                <div class="col-md-3 mb services_box1">
+
-
                                    <div class="services_box text-center">
+
-
                                        <div class="services_icon">
+
-
                                            <div class="icon_second icon_image"></div>
+
-
                                        </div>
+
-
                                        <div class="services_content">
+
-
                                            <h2>Organized Layerd PSD</h2>
+
-
                                            <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+
style="width:35px;height:auto;"></a></td>
-
                                        </div>
+
      </tr>
-
                                    </div>
+
    </tbody>
-
                                </div>
+
  </table>
-
                                <div class="col-md-3 mb services_box1">
+
-
                                    <div class="services_box text-center">
+
-
                                        <div class="services_icon">
+
-
                                            <div class="icon_third icon_image"></div>
+
-
                                        </div>
+
-
                                        <div class="services_content">
+
-
                                            <h2>Fully Customizable</h2>
+
-
                                            <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+
  <div id="top" class="container" data-stellar-background-
-
                                        </div>
+
-
                                    </div>
+
-
                                </div>
+
-
                                <div class="col-md-3 mb services_box1">
+
ratio="0" style="top:50px !important;">
-
                                    <div class="services_box text-center">
+
  </div>
-
                                        <div class="services_icon">
+
-
                                            <div class="icon_fourth icon_image"></div>
+
-
                                        </div>
+
-
                                        <div class="services_content">
+
-
                                            <h2>Responsive</h2>
+
-
                                            <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+
<div id="home" class="container">
-
                                        </div>
+
  <div class="subcontainer">
-
                                    </div>
+
    <h1><b1><font size=20>Bio San</font></b></h1>
-
                                </div>                    
+
-
                            </div> <!--Tabs2-->
+
-
                            <div id="txmod_271-2" class="txtabs-pane fade-slide">
+
    <p align=justify>
-
                                <div class="col-md-3 mb services_box1">
+
    Chitosan is a polysaccharide found in abundance in shrimp
-
                                    <div class="services_box text-center">
+
-
                                        <div class="services_icon">
+
-
                                            <div class="icon_first icon_image"></div>
+
-
                                        </div>
+
-
                                        <div class="services_content">
+
-
                                            <h2>Modern Design</h2>
+
-
                                            <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+
shell. The current extraction methods involve the use of strong
-
                                        </div>
+
-
                                    </div>
+
-
                                </div>
+
-
                                <div class="col-md-3 mb services_box1">
+
-
                                    <div class="services_box text-center">
+
-
                                        <div class="services_icon">
+
-
                                            <div class="icon_second icon_image"></div>
+
-
                                        </div>
+
-
                                        <div class="services_content">
+
-
                                            <h2>Organized Layerd PSD</h2>
+
-
                                            <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+
acids and alkalis, these substances are dangerous wastes that can
-
                                        </div>
+
-
                                    </div>
+
-
                                </div>
+
-
                                <div class="col-md-3 mb services_box1">
+
-
                                    <div class="services_box text-center">
+
-
                                        <div class="services_icon">
+
-
                                            <div class="icon_third icon_image"></div>
+
-
                                        </div>
+
-
                                        <div class="services_content">
+
-
                                            <h2>Fully Customizable</h2>
+
-
                                            <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+
compromise the integrity of soil and water where they are
-
                                        </div>
+
-
                                    </div>
+
-
                                </div>
+
-
                                <div class="col-md-3 mb services_box1">
+
disposed.
-
                                    <div class="services_box text-center">
+
-
                                        <div class="services_icon">
+
-
                                            <div class="icon_fourth icon_image"></div>
+
-
                                        </div>
+
-
                                        <div class="services_content">
+
-
                                            <h2>Responsive</h2>
+
-
                                            <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+
    <br><br>Due to its stability and biocompatibility, chitosan
-
                                        </div>
+
-
                                    </div>
+
-
                                </div>
+
-
                            </div> <!--Tabs3-->
+
-
                            <div id="txmod_271-3" class="txtabs-pane fade-slide">
+
has been widely used in pharmaceutical, food, and cosmetic
-
                                <div class="col-md-3 mb services_box1">
+
-
                                    <div class="services_box text-center">
+
-
                                        <div class="services_icon">
+
-
                                            <div class="icon_first icon_image"></div>
+
-
                                        </div>
+
-
                                        <div class="services_content">
+
-
                                            <h2>Modern Design</h2>
+
-
                                            <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+
industries, among many others. The Chitosan global market has an
-
                                        </div>
+
-
                                    </div>
+
-
                                </div>
+
-
                                <div class="col-md-3 mb services_box1">
+
-
                                    <div class="services_box text-center">
+
-
                                        <div class="services_icon">
+
-
                                            <div class="icon_second icon_image"></div>
+
-
                                        </div>
+
-
                                        <div class="services_content">
+
-
                                            <h2>Organized Layerd PSD</h2>
+
-
                                            <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+
estimated value of $20 billion USD. Particularly, the
-
                                        </div>
+
-
                                    </div>
+
-
                                </div>
+
-
                                <div class="col-md-3 mb services_box1">
+
-
                                    <div class="services_box text-center">
+
-
                                        <div class="services_icon">
+
-
                                            <div class="icon_third icon_image"></div>
+
-
                                        </div>
+
-
                                        <div class="services_content">
+
-
                                            <h2>Fully Customizable</h2>
+
-
                                            <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+
pharmaceutical industry represents on average 1.2% of total GDP
-
                                        </div>
+
-
                                    </div>
+
-
                                </div>
+
-
                                <div class="col-md-3 mb services_box1">
+
in Mexico and has grown at a 10% rate since 2008.
-
                                    <div class="services_box text-center">
+
-
                                        <div class="services_icon">
+
-
                                            <div class="icon_fourth icon_image"></div>
+
-
                                        </div>
+
-
                                        <div class="services_content">
+
-
                                            <h2>Responsive</h2>
+
-
                                            <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+
    <br><br>Therefore, it is imperative to develop a new and
-
                                        </div>
+
-
                                    </div>
+
-
                                </div>
+
-
                            </div> <!--Tabs4-->
+
-
                            <div id="txmod_271-4" class="txtabs-pane fade-slide">
+
efficient extraction process, that is also eco-friendly. We’ve
-
                                <div class="col-md-3 mb services_box1">
+
-
                                    <div class="services_box text-center">
+
-
                                        <div class="services_icon">
+
-
                                            <div class="icon_first icon_image"></div>
+
-
                                        </div>
+
-
                                        <div class="services_content">
+
-
                                            <h2>Modern Design</h2>
+
-
                                            <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+
developed a new process that consists in the pretreatment of
-
                                        </div>
+
-
                                    </div>
+
-
                                </div>
+
-
                                <div class="col-md-3 mb services_box1">
+
-
                                    <div class="services_box text-center">
+
-
                                        <div class="services_icon">
+
-
                                            <div class="icon_second icon_image"></div>
+
-
                                        </div>
+
-
                                        <div class="services_content">
+
-
                                            <h2>Organized Layerd PSD</h2>
+
-
                                            <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+
shrimp shells, followed by a fermentation in which it is
-
                                        </div>
+
-
                                    </div>
+
-
                                </div>
+
-
                                <div class="col-md-3 mb services_box1">
+
-
                                    <div class="services_box text-center">
+
-
                                        <div class="services_icon">
+
-
                                            <div class="icon_third icon_image"></div>
+
-
                                        </div>
+
-
                                        <div class="services_content">
+
-
                                            <h2>Fully Customizable</h2>
+
-
                                            <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+
demineralized and deproteinized by B. subtilis. Finally, it goes
-
                                        </div>
+
-
                                    </div>
+
-
                                </div>
+
-
                                <div class="col-md-3 mb services_box1">
+
through a deacetylation process in a fermentation performed by
-
                                    <div class="services_box text-center">
+
-
                                        <div class="services_icon">
+
-
                                            <div class="icon_fourth icon_image"></div>
+
-
                                        </div>
+
-
                                        <div class="services_content">
+
-
                                            <h2>Responsive</h2>
+
-
                                            <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+
our genetically modified E. coli strain. This modified bacterium
-
                                        </div>
+
-
                                    </div>
+
-
                                </div>
+
-
                            </div> <!--Tabs5-->
+
-
                        </div>
+
-
                    </div>
+
-
                </div>             
+
-
        </div>
+
-
        </div>
+
-
    </section>
+
-
    <section class="purchase_wrap parallax content_pt mb">
+
contains 6 different enzymes that are found naturally in
-
    <div class="container">
+
-
    <div class="row content_pt">
+
-
<div class="img_purchase_left wow fadeInLeftBig">
+
-
<img src="images/00_02.png" alt="Monitor"/>
+
-
</div>
+
-
    <div class="img_purchase_right wow fadeInRightBig">
+
microorganisms that are capable of cutting and deacetylating
-
    <h2>Ascend is a premium business and portfolio template with tons of style and aesthetic design.</h2>
+
-
    <a href="#" class="button">Purchase now !</a>
+
chitin for the generation of chitosan. The action of these
-
    </div>
+
-
    </div>
+
-
    </div>
+
-
    </section>
+
-
    <section class="portfolio_wrap dfm_heading mt content_pt content_pb" id="portfolio">
+
enzymes and a careful temperature treatment will allow us to
-
        <div class="container content_pt content_pb">
+
-
            <div class="row">
+
-
                <div class="col-md-12 content_pt wow fadeIn">
+
-
                    <div class="main_heading text-center">
+
-
                        <h2>Portfolio</h2>
+
-
                        <h3>Carefully Hand-crafted Projects.</h3>
+
generate chitosan with a 90% deacetylation degree. This
-
                    </div>
+
-
                </div>
+
-
                <div class="col-md-12 text-center">
+
deacetylation
-
                    <div class="filter_category">                                           
+
-
                        <ul class="option-set wow fadeInLeftBig">
+
-
                            <li><p data-filter="all" class="filter active">All</p></li>
+
-
                                           
+
-
                            <li><p data-filter=".websites" class="filter">Website</p></li>
+
-
                            <li><p data-filter=".photography" class="filter">Photos</p></li>
+
degree is the required one by the pharmaceutical industry, our
-
                                           
+
-
                            <li><p data-filter=".video" class="filter">Video</p></li>
+
-
                        </ul>
+
-
                    </div>
+
-
                </div>
+
-
                <div class="clear"></div>
+
-
                <div class="portfolio_image content_pb wow fadeInUp">                 
+
target market.
-
                    <ul class="col-md-12 first gallery pro">
+
    </p>
-
                        <li class="photography bpi mix">
+
  </div>
-
                            <div class="portfolio-mask">
+
</div>
-
                                <div class="portfolio-link"> 
+
-
                                    <h1>Projects Title Here</h1>
+
-
                                    <h2>Artwork</h2>
+
-
                                    <p>Consectetuer adipiscing elit, sed diam nonummy.</p>
+
-
                                    <a href="images/portfolio/pi-03.png" data-lightbox="example-set" data-title="Portfolio Image"><span class="icon-eye"></span></a> 
+
-
                                    <a href="single-half-portfolio.html"><span class="icon-link"></span></a>
+
-
                                </div>
+
-
                                <img src="images/portfolio/pi-03.png" alt="" title=""/>
+
-
                            </div>                                 
+
-
                        </li>
+
-
                        <li class="websites mix">
 
-
                            <div class="portfolio-mask">
 
-
                                <div class="portfolio-link"> 
 
-
                                    <h1>Projects Title Here</h1>
 
-
                                    <h2>Artwork</h2>
 
-
                                    <p>Consectetuer adipiscing elit, sed diam nonummy.</p>
 
-
                                    <a href="images/portfolio/pi-01.png" data-lightbox="example-set" data-title="Portfolio Image"><span class="icon-eye"></span></a>
 
-
                                    <a href="single-half-portfolio.html"><span class="icon-link"></span></a>
 
-
                                </div>
 
-
                                <img src="images/portfolio/pi-01.png" alt="" title=""/>
 
-
                            </div>
 
-
                        </li>
 
-
                       
 
-
                        <li class="photography video mix">
 
-
                            <div class="portfolio-mask">
 
-
                                <div class="portfolio-link"> 
 
-
                                    <h1>Projects Title Here</h1>
 
-
                                    <h2>Artwork</h2>
 
-
                                    <p>Consectetuer adipiscing elit, sed diam nonummy.</p>
 
-
                                    <a href="images/portfolio/pi-04.png" data-lightbox="example-set" data-title="Portfolio Image"><span class="icon-eye"></span></a>
 
-
                                    <a href="single-half-portfolio.html"><span class="icon-link"></span></a>
 
-
                                </div>
 
-
                                <img src="images/portfolio/pi-04.png" alt="" title=""/>
 
-
                            </div>
 
-
                        </li>
 
-
                       
 
-
                        <li class="photography mix">
 
-
                            <div class="portfolio-mask">
 
-
                                <div class="portfolio-link"> 
 
-
                                    <h1>Projects Title Here</h1>
 
-
                                    <h2>Artwork</h2>
 
-
                                    <p>Consectetuer adipiscing elit, sed diam nonummy.</p>
 
-
                                    <a href="images/portfolio/pi-06.png" data-lightbox="example-set" data-title="Portfolio Image"><span class="icon-eye"></span></a>
 
-
                                    <a href="single-half-portfolio.html"><span class="icon-link"></span></a>
 
-
                                </div>
 
-
                                <img src="images/portfolio/pi-06.png" alt="" title=""/>
 
-
                            </div>
 
-
                        </li>
 
-
                       
 
-
                        <li class="websites video mix">
 
-
                            <div class="portfolio-mask">
 
-
                                <div class="portfolio-link"> 
 
-
                                    <h1>Projects Title Here</h1>
 
-
                                    <h2>Artwork</h2>
 
-
                                    <p>Consectetuer adipiscing elit, sed diam nonummy.</p>
 
-
                                    <a href="images/portfolio/pi-07.png" data-lightbox="example-set" data-title="Portfolio Image"><span class="icon-eye"></span></a>
 
-
                                    <a href="single-half-portfolio.html"><span class="icon-link"></span></a>
 
-
                                </div>
 
-
                                <img src="images/portfolio/pi-07.png" alt="" title=""/>
 
-
                            </div>
 
-
                        </li>
 
-
                       
 
-
                        <li class="video mix">
 
-
                            <div class="portfolio-mask">
 
-
                                <div class="portfolio-link"> 
 
-
                                    <h1>Projects Title Here</h1>
 
-
                                    <h2>Artwork</h2>
 
-
                                    <p>Consectetuer adipiscing elit, sed diam nonummy.</p>
 
-
                                    <a href="images/portfolio/pi-05.png" data-lightbox="example-set" data-title="Portfolio Image"><span class="icon-eye"></span></a>
 
-
                                    <a href="single-half-portfolio.html"><span class="icon-link"></span></a>
 
-
                                </div>
 
-
                                <img src="images/portfolio/pi-05.png" alt="" title=""/>
 
-
                            </div>
 
-
                        </li>
 
-
                        <li class="photography bpi mix">
+
  <div id="team" class="container">
-
                            <div class="portfolio-mask">
+
    <div class="subcontainer">
-
                                <div class="portfolio-link">  
+
-
                                    <h1>Projects Title Here</h1>
+
-
                                    <h2>Artwork</h2>
+
-
                                    <p>Consectetuer adipiscing elit, sed diam nonummy.</p>
+
-
                                    <a href="images/portfolio/pi-02.png" data-lightbox="example-set" data-title="Portfolio Image"><span class="icon-eye"></span></a>
+
-
                                    <a href="single-half-portfolio.html"><span class="icon-link"></span></a>
+
-
                                </div>
+
-
                                <img src="images/portfolio/pi-02.png" alt="" title=""/>
+
-
                            </div>
+
-
                        </li>
+
-
                    </ul>
+
-
                <div class="clear"></div>
+
-
                </div>         
+
-
                <div class="col-md-12 text-center content_pt mt content_pb mb wow rotateIn">
+
      <!-- First Row -->
-
                    <a href="#" class="button"><span class="icon-arrow-down-6"></span>Load more  Work</a>
+
-
                </div> 
+
-
            </div>
+
-
        </div>
+
-
    </section>
+
-
    <section class="fun_facts_wrap parallax mb">
+
      <div class="team-member-container" data="https://fbcdn-
-
    <div class="container">
+
-
    <div class="row">
+
-
    <div class="col-md-12 default_heading mb content_pb text-center wow fadeIn">
+
-
    <h1>Fun facts</h1>
+
-
    </div>
+
-
    <div class="col-md-3 content_pt mb wow fadeInLeftBig">
+
sphotos-f-a.akamaihd.net/hphotos-ak-xap1/v/t1.0-
-
                    <div class="fun_facts_item2 text-center">
+
-
                        <div class="fun_facts_img2">
+
-
                            <img src="images/i-04.png" alt="icon">
+
-
                        </div>
+
-
                        <div class="fun_facts_content2">
+
-
                            <h1>565</h1>
+
-
                            <p>Commercial Projects</p>
+
-
                        </div>
+
-
                    </div>
+
-
                </div>
+
-
                <div class="col-md-3 content_pt mb wow fadeInRight">
+
9/10606490_707932332595968_1774421036944913989_n.jpg?
-
                    <div class="fun_facts_item2 text-center">
+
-
                        <div class="fun_facts_img2">
+
-
                            <img src="images/i-05.png" alt="icon">
+
-
                        </div>
+
-
                        <div class="fun_facts_content2">
+
-
                            <h1>780</h1>
+
-
                            <p>Satisfied Companies</p>
+
-
                        </div>
+
-
                    </div>
+
-
                </div>
+
-
                <div class="col-md-3 content_pt mb wow fadeInLeft">
+
oh=d2e049c63e2847aef7a1d07cf293740f&oe=54727D1F&__gda__=141712864
-
                    <div class="fun_facts_item2 text-center">
+
-
                        <div class="fun_facts_img2">
+
-
                            <img src="images/i-06.png" alt="icon">
+
-
                        </div>
+
-
                        <div class="fun_facts_content2">
+
-
                            <h1>500</h1>
+
-
                            <p>Completed website</p>
+
-
                        </div>
+
-
                    </div>
+
-
                </div>
+
-
                <div class="col-md-3 content_pt mb wow fadeInRightBig">
+
3_521c681bc9a691032a9a1258aebadf94" hover="https://fbcdn-
-
                    <div class="fun_facts_item2 text-center">
+
-
                        <div class="fun_facts_img2">
+
-
                            <img src="images/i-07.png" alt="icon">
+
-
                        </div>
+
-
                        <div class="fun_facts_content2">
+
-
                            <h1>565</h1>
+
-
                            <p>Wordpress Themes</p>
+
-
                        </div>
+
-
                    </div>
+
-
                </div>   
+
-
    </div>
+
-
    </div>
+
-
    </section>
+
-
    <section class="about_wrap dfm_heading content_pt mt mb" id="about">
+
sphotos-e-a.akamaihd.net/hphotos-ak-xap1/v/t1.0-
-
    <div class="container">
+
-
    <div class="row">
+
-
    <div class="col-md-12 mb content_pt wow fadeIn">
+
-
    <div class="main_heading text-center">
+
-
    <h2>About Us</h2>
+
-
    <h3><b> Ascend</b> packed with everything you need to build your website, that will empower your business.</h3>
+
-
    </div>
+
-
    </div>
+
-
    <div class="col-md-6 mb wow fadeInLeftBig">
+
9/10636007_707932839262584_2236769754676077412_n.jpg?
-
    <div class="mini_heading">
+
-
    <h1>Who We Are</h1>
+
-
    </div>
+
-
    <div class="who_we_are">
+
-
    <h2><b>Ascend </b> packed with everything you need to build your website, that will empower your business.</h2>
+
-
    <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
+
oh=a0a3160c9f1cc9ba4c02bbe861b90e01&oe=545D6423&__gda__=141738931
-
    <a href="#" class="button">Learn more</a>
+
1_6c2ad9ec072be25321825085d4e97a49">
-
   
+
        <div class="team-member-photo" style="background-
-
    </div>
+
-
    </div>
+
-
                <div class="col-md-6 mb wow fadeInRightBig">
+
image:url('https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-
-
                    <div class="mini_heading">
+
-
                        <h1>Gallery</h1>
+
-
                    </div>
+
-
                    <div class="gallery_style gallery_style1">
+
-
                        <div id="gallery-style1" class="carousel slide" data-ride="carousel">
+
-
                            <!-- Wrapper for slides -->
+
-
                            <div class="carousel-inner">
+
-
                                <div class="item active">
+
-
                                  <img src="images/gallery/00_02.png" alt="gallery "> 
+
-
                                </div>
+
-
                                <div class="item">
+
-
                                  <img src="images/gallery/00_01.png" alt="gallery "> 
+
-
                                </div> 
+
-
                                <div class="item">
+
xap1/v/t1.0-9/10606490_707932332595968_1774421036944913989_n.jpg?
-
                                  <img src="images/gallery/00_03.png" alt="gallery "> 
+
-
                                </div>                         
+
-
                            </div>
+
-
                            <!-- Controls -->
+
oh=d2e049c63e2847aef7a1d07cf293740f&oe=54727D1F&__gda__=141712864
-
                            <a class="left carousel-control" href="#gallery-style1" data-slide="prev"></a>
+
-
                            <a class="right carousel-control" href="#gallery-style1" data-slide="next"></a>
+
-
                        </div>
+
-
                    </div>
+
-
                </div>     
+
-
    </div>
+
-
    </div>
+
-
    </section>
+
-
    <section class="col-wrap content_pb content_pt">
+
3_521c681bc9a691032a9a1258aebadf94')"></div>
-
    <div class="container content_pt">
+
        <table class="team-member-footer">
-
    <div class="row">
+
          <tr><td>Sofy</td></tr>
-
    <div class="col-md-6 mb wow fadeInUp">
+
        </table>
-
                    <div class="mini_heading">
+
      </div>
-
                        <h1>Why choose us</h1>
+
     
-
                    </div>
+
      <div class="team-member-container" data="https://fbcdn-
-
                    <div class="why_choose_us">
+
-
                        <div class="accordion">
+
-
                            <h3>Active Accordion</h3>
+
-
                            <div class="accordion_content">
+
-
                                <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.  Consectetuer adipiscing elit, sed diam nonummy diam nonummy nibh euismod tincidunt ut dolore magna</p>
+
-
                            </div>
+
-
                           
+
-
                            <h3>Simple Accprdion</h3>
+
-
                            <div class="accordion_content">                               
+
-
                                <p>Lorem ipsum dolor sit amet, consectetuer elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.</p>
+
-
                            </div>
+
-
                           
+
-
                            <h3>Simple Accprdion</h3>
+
-
                            <div class="accordion_content">
+
-
                                <p>Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut dolore magna aliquam erat volutpat.Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut dolore magna aliquam erat volutpat.</p>
+
-
                            </div>
+
-
                       
+
-
                        </div> 
+
-
                        <div class="clear"></div>                   
+
-
                    </div>
+
-
                </div> 
+
-
    <div class="col-md-6 mb wow fadeInUp">
+
sphotos-d-a.akamaihd.net/hphotos-ak-xpf1/v/t1.0-
-
    <div class="mini_heading">
+
-
    <h1>Skill</h1>
+
-
    </div>
+
-
    <div class="skill_section">
+
-
    <div class="skillset themeapt-progress-bar-container themeapt_animate_when_almost_visible">                   
+
-
                            <div class="skill_set_item themeapt-progress-bar">
+
-
                                <h3>Illustration</h3>
+
-
                                <div class="progress-bar">
+
-
                                    <div class="progress-bar-heading small_arrow_box " style="margin-left: 75%;">80%</div>
+
-
                                    <div class="bar-outer">
+
-
                                        <div class="progress-bar-content" data-percentage="80" style="width: 80%; background: #eba236;"></div>
+
-
                                    </div>
+
-
                                </div>                               
+
-
                            </div>
+
-
                           
+
-
                            <div class="skill_set_item themeapt-progress-bar">
+
-
                                <h3>Photoshop</h3>
+
-
                                <div class="progress-bar">
+
-
                                    <div class="progress-bar-heading small_arrow_box " style="margin-left: 75%;">80%</div>
+
-
                                    <div class="bar-outer">
+
-
                                        <div class="progress-bar-content" data-percentage="80" style="width: 80%; background: #0069ad;"></div>
+
-
                                    </div>
+
-
                                </div>                               
+
-
                            </div>
+
-
                           
+
-
                            <div class="skill_set_item themeapt-progress-bar">
+
-
                                <h3>HTML 5</h3>
+
-
                                <div class="progress-bar">
+
-
                                    <div class="progress-bar-heading small_arrow_box " style="margin-left: 85%;">90%</div>
+
-
                                    <div class="bar-outer">   
+
-
                                        <div class="progress-bar-content" data-percentage="90" style="width: 90%; background: #00738c;"></div> 
+
-
                                    </div>             
+
-
                                </div>                               
+
-
                            </div>
+
-
                            <div class="skill_set_item themeapt-progress-bar">
+
9/10559879_707931919262676_1319251872125191764_n.jpg?
-
                                <h3>CSS3</h3>
+
-
                                <div class="progress-bar">
+
-
                                    <div class="progress-bar-heading small_arrow_box " style="margin-left: 65%;">70%</div>
+
-
                                    <div class="bar-outer">
+
-
                                        <div class="progress-bar-content" data-percentage="70" style="width: 70%; background: #82b6b6;"></div> 
+
-
                                    </div>             
+
-
                                </div>                               
+
-
                            </div>                                                 
+
-
                        </div>
+
-
    </div>
+
-
    </div>
+
-
    </div>
+
-
    </div>
+
-
    </section>
+
-
    <section class="team_wrap parallax content_pt">
+
oh=905e421b3e75612172a5718c317d7bb8&oe=545BCEB1&__gda__=141586607
-
    <div class="container">
+
-
    <div class="row">
+
-
    <div class="col-md-12 default_heading mb content_pb content_pt text-center wow fadeInDown">
+
-
    <h1>Our core team</h1>
+
-
    </div>
+
-
   
+
-
    <div class="col-md-4 mb wow fadeInLeftBig">
+
-
    <div class="team_section">
+
-
    <div class="member_icon">
+
-
    <img src="images/team/00_01.png" alt="Team Member">
+
-
    </div>
+
-
    <div class="member_information">
+
5_fd6f30654d4144b83b3ab29129db01df" hover="https://scontent-a-
-
    <h1>John Doe</h1>
+
-
    <h2>Founder</h2>
+
-
    <p>Shortbio Consectetuer adipiscing elit, sed diam nonummy.</p>
+
-
    <ul>
+
-
    <li><a href="#" class="icon-facebook-4"></a></li>
+
-
    <li><a href="#" class="icon-linkedin"></a></li>
+
-
    <li><a href="#" class="icon-twitter"></a></li>
+
-
    </ul>
+
-
    <div class="clear"></div>
+
-
    </div>
+
-
    </div>
+
-
    </div>
+
-
    <div class="col-md-4 mb wow fadeInUpBig">
+
dfw.xx.fbcdn.net/hphotos-xap1/v/t1.0-
-
    <div class="team_section">
+
-
    <div class="member_icon">
+
-
    <img src="images/team/00_02.png" alt="Team Member">
+
-
    </div>
+
-
    <div class="member_information">
+
9/14230_707932149262653_2590112083670655192_n.jpg?
-
    <h1>John Doe</h1>
+
-
    <h2>Founder</h2>
+
-
    <p>Shortbio Consectetuer adipiscing elit, sed diam nonummy.</p>
+
-
    <ul>
+
-
    <li><a href="#" class="icon-facebook-4"></a></li>
+
-
    <li><a href="#" class="icon-linkedin"></a></li>
+
-
    <li><a href="#" class="icon-twitter"></a></li>
+
-
    </ul>
+
-
    <div class="clear"></div>
+
-
    </div>
+
-
    </div>
+
-
    </div>
+
-
    <div class="col-md-4 mb fadeInRightBig wow">
+
oh=965df64eeb57f2574c0be48dec199df8&oe=54722AD3">
-
    <div class="team_section">
+
        <div class="team-member-photo" style="background-
-
    <div class="member_icon">
+
-
    <img src="images/team/00_03.png" alt="Team Member">
+
-
    </div>
+
-
    <div class="member_information">
+
image:url('https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-
-
    <h1>John Doe</h1>
+
-
    <h2>Founder</h2>
+
-
    <p>Shortbio Consectetuer adipiscing elit, sed diam nonummy.</p>
+
-
    <ul>
+
-
    <li><a href="#" class="icon-facebook-4"></a></li>
+
-
    <li><a href="#" class="icon-linkedin"></a></li>
+
-
    <li><a href="#" class="icon-twitter"></a></li>
+
-
    </ul>
+
-
    <div class="clear"></div>
+
-
    </div>
+
-
    </div>
+
-
    </div>
+
-
    </div>
+
-
    </div>   
+
-
    </section>
+
-
    <section class="blog_wrap dfm_heading content_pt content_pb mb mt" id="blog">
+
xpf1/v/t1.0-9/10559879_707931919262676_1319251872125191764_n.jpg?
-
        <div class="container">
+
-
            <div class="row">
+
-
                <div class="col-md-12 mb content_pt wow fadeInDown">
+
-
                    <div class="main_heading text-center">
+
-
                        <h2>Blog</h2>
+
-
                        <h3><b> Ascend</b> packed with everything you need to build your website, that will empower your business.</h3>
+
-
                    </div>
+
-
                </div>
+
-
                <div class="clear"></div>
+
oh=905e421b3e75612172a5718c317d7bb8&oe=545BCEB1&__gda__=141586607
-
                <div id="blog_section">
+
-
                    <div class="prm_blog masonry">
+
-
                        <div class="blog_header">
+
-
                            <div class="prm_blog_icon text-center">
+
-
                                <img class="wow bounceIn" src="images/i-02.png" alt="Blog Icon">
+
-
                            </div>
+
-
                            <div class="social_blog">
+
5_fd6f30654d4144b83b3ab29129db01df')"></div>
-
                                <div class="follower share-icon"></div>  
+
        <table class="team-member-footer">
-
                                <div class="follow-list">
+
          <tr><td>Rodolfo</td></tr>
-
                                    <ul class="follow_arrow">
+
        </table>
-
                                        <li><a href="#" class="facebook"></a></li>
+
      </div>
-
                                        <li><a href="#" class="twitter"></a></li>
+
-
                                        <li><a href="#" class="stumbleupon"></a></li>
+
-
                                        <li><a href="#" class="linkedin"></a></li>
+
-
                                        <li><a href="#" class="google-plus"></a></li>
+
-
                                    </ul>
+
-
                                </div>
+
-
                               
+
-
                            </div>
+
-
                            <div class="blog_header_content text-center">
+
      <div class="team-member-container" data="https://scontent-
-
                                <a href="#" class="blog_header_content_heading">This is just a single post</a>
+
-
                                <span>By John doe</span> <span>/</span><span>14 March 2014 </span><span>/</span>
+
-
                                <a href="#" class="likes_icon_wrap"><span class="blog_header_content_icon likes_icon"></span><span class="likes_text">25 Likes</span></a>
+
-
                            </div>
+
-
                        </div>
+
-
                   
+
-
                        <div class="blog_image">
+
-
                            <img src="images/blog/bi-1.png" alt="blog image">
+
-
                        </div>   
+
-
                        <div class="blog_content">
+
b-dfw.xx.fbcdn.net/hphotos-xpf1/v/t1.0-
-
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute</p>
+
-
                            <a href="single-blog.html" class="blog_button">Read More</a>
+
-
                            <a href="#" class="blog_comments"><span class="icon-chat"></span>12 comments</a>
+
-
                        </div> 
+
-
                        <div class="clear"></div>
+
9/1604878_707931892596012_5842194765260755276_n.jpg?
-
                    </div>
+
-
                    <div class="prm_blog masonry">
+
oh=cc661b10c2191db4dc703312ada9d672&oe=54776EF7"  
-
                        <div class="blog_header">
+
-
                            <div class="prm_blog_icon text-center">
+
-
                                <img class="wow bounceIn" src="images/i-01.png" alt="Blog Icon">
+
-
                            </div>
+
-
                           
+
-
                            <div class="social_blog">
+
-
                                <div class="follower share-icon"></div>
+
-
                                <div class="follow-list">
+
-
                                    <ul class="follow_arrow">
+
-
                                        <li><a href="#" class="facebook"></a></li>
+
-
                                        <li><a href="#" class="twitter"></a></li>
+
-
                                        <li><a href="#" class="stumbleupon"></a></li>
+
-
                                        <li><a href="#" class="linkedin"></a></li>
+
-
                                        <li><a href="#" class="google-plus"></a></li>
+
-
                                    </ul>
+
-
                                </div>                               
+
-
                            </div>
+
-
                            <div class="blog_header_content text-center">
+
hover="https://fbcdn-sphotos-c-
-
                                <a href="#" class="blog_header_content_heading">post blog Text post sit consectetur adipisicing elit, sed</a>
+
-
                                <span>By John doe</span> <span>/</span><span>14 March 2014 </span><span>/</span>
+
a.akamaihd.net/hphotos-ak-xpa1/v/t1.0-
-
                                <a href="#" class="likes_icon_wrap"><span class="blog_header_content_icon likes_icon"></span><span class="likes_text">25 Likes</span></a>
+
-
                            </div>
+
-
                        </div>
+
-
                   
+
-
                        <div class="blog_content">
+
-
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute</p>
+
-
                            <a href="single-blog.html" class="blog_button">Read More</a>
+
-
                            <a href="#" class="blog_comments"><span class="icon-chat"></span>12 comments</a>
+
-
                        </div> 
+
-
                        <div class="clear"></div>
+
9/1654159_707932865929248_2439842172075516485_n.jpg?
-
                    </div>
+
-
                    <div class="prm_blog masonry" >
+
oh=2bde5ebabd3cd7610e038f8d45db0c0e&oe=54656A41&__gda__=141699110
-
                        <div class="blog_header">
+
-
                            <div class="prm_blog_icon text-center">
+
-
                                <img class="wow bounceIn" src="images/i-03.png" alt="Blog Icon">
+
-
                            </div>
+
-
                           
+
-
                            <div class="social_blog">
+
-
                                <div class="follower share-icon"></div>
+
-
                                <div class="follow-list">
+
-
                                    <ul class="follow_arrow">
+
-
                                        <li><a href="#" class="facebook"></a></li>
+
-
                                        <li><a href="#" class="twitter"></a></li>
+
-
                                        <li><a href="#" class="stumbleupon"></a></li>
+
-
                                        <li><a href="#" class="linkedin"></a></li>
+
-
                                        <li><a href="#" class="google-plus"></a></li>
+
-
                                    </ul>
+
-
                                </div>                               
+
-
                            </div>
+
-
                            <div class="blog_header_content text-center">
+
0_0d1e99fac28e012a9fcf0c7a7dfc06e1">
-
                                <a href="#" class="blog_header_content_heading">This is just a video post</a>
+
        <div class="team-member-photo" style="background-
-
                                <span>By John doe</span> <span>/</span><span>14 March 2014 </span><span>/</span>
+
image:url('https://scontent-b-dfw.xx.fbcdn.net/hphotos-
-
                                <a href="#" class="likes_icon_wrap"><span class="blog_header_content_icon likes_icon"></span><span class="likes_text">25 Likes</span></a>
+
-
                            </div>
+
-
                        </div>
+
-
                   
+
-
                        <div class="blog_image">
+
-
                            <div class="videoWrapper">
+
-
                                <iframe width="560" height="349" src="https://www.youtube.com/embed/hapUTViTlAQ?feature=player_detailpage&amp;wmode=opaque"></iframe>
+
-
                            </div>
+
-
                        </div>   
+
-
                        <div class="blog_content">
+
xpf1/v/t1.0-9/1604878_707931892596012_5842194765260755276_n.jpg?
-
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute</p>
+
-
                            <a href="single-blog.html" class="blog_button">Read More</a>
+
-
                            <a href="#" class="blog_comments"><span class="icon-chat"></span>12 comments</a>
+
-
                        </div> 
+
-
                        <div class="clear"></div>
+
oh=cc661b10c2191db4dc703312ada9d672&oe=54776EF7')"></div>
-
                    </div>
+
        <table class="team-member-footer">
 +
          <tr><td>Maggie</td></tr>
 +
        </table>
 +
      </div>
-
                    <div class="prm_blog masonry">
+
      <div class="team-member-container" data="https://fbcdn-
-
                        <div class="blog_header">
+
-
                            <div class="prm_blog_icon text-center">
+
-
                                <img class="wow bounceIn" src="images/i-12.png" alt="Blog Icon">
+
-
                            </div>
+
-
                            <div class="social_blog">
+
sphotos-c-a.akamaihd.net/hphotos-ak-xfa1/v/t1.0-
-
                                <div class="follower share-icon"></div>
+
-
                                <div class="follow-list">
+
-
                                    <ul class="follow_arrow">
+
-
                                        <li><a href="#" class="facebook"></a></li>
+
-
                                        <li><a href="#" class="twitter"></a></li>
+
-
                                        <li><a href="#" class="stumbleupon"></a></li>
+
-
                                        <li><a href="#" class="linkedin"></a></li>
+
-
                                        <li><a href="#" class="google-plus"></a></li>
+
-
                                    </ul>
+
-
                                </div>                               
+
-
                            </div>
+
-
                            <div class="blog_header_content text-center">
+
9/10665779_707932092595992_2156750832361780655_n.jpg?
-
                                <a href="#" class="blog_header_content_heading">Post with slider image</a>
+
-
                                <span>By John doe</span> <span>/</span><span>14 March 2014 </span><span>/</span>
+
oh=1c5d1d6c1b2b3c4afc9f4039b025ab6d&oe=546E6D67&__gda__=141701665
-
                                <a href="#" class="likes_icon_wrap"><span class="blog_header_content_icon likes_icon"></span><span class="likes_text">25 Likes</span></a>
+
-
                            </div>
+
-
                        </div>
+
-
                   
+
-
                        <div class="blog_image">
+
-
                            <img src="images/blog/bi-2.png" alt="blog image">
+
-
                        </div>   
+
-
                        <div class="blog_content">
+
7_9ddd60c7dab12c1483b649b5a8139f7a" hover="https://fbcdn-
-
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute</p>
+
-
                            <a href="single-blog.html" class="blog_button">Read More</a>
+
-
                            <a href="#" class="blog_comments"><span class="icon-chat"></span>12 comments</a>
+
-
                        </div> 
+
-
                        <div class="clear"></div>
+
sphotos-g-a.akamaihd.net/hphotos-ak-xpa1/v/t1.0-
-
                    </div>                                     
+
-
                    <div class="prm_blog masonry">
+
9/1958199_707931972596004_1653996532394610884_n.jpg?
-
                        <div class="blog_header">
+
-
                            <div class="prm_blog_icon text-center">
+
-
                                <img class="wow bounceIn" src="images/i-02.png" alt="Blog Icon">
+
-
                            </div>
+
-
                           
+
-
                            <div class="social_blog">
+
-
                                <div class="follower share-icon"></div>
+
-
                                <div class="follow-list">
+
-
                                    <ul class="follow_arrow">
+
-
                                        <li><a href="#" class="facebook"></a></li>
+
-
                                        <li><a href="#" class="twitter"></a></li>
+
-
                                        <li><a href="#" class="stumbleupon"></a></li>
+
-
                                        <li><a href="#" class="linkedin"></a></li>
+
-
                                        <li><a href="#" class="google-plus"></a></li>
+
-
                                    </ul>
+
-
                                </div>                               
+
-
                            </div>
+
-
                            <div class="blog_header_content text-center">
+
oh=d43e544bc213fbf5f371200cd323aaa0&oe=546AF779&__gda__=141564602
-
                                <a href="#" class="blog_header_content_heading">This is just a video post</a>
+
-
                                <span>By John doe</span> <span>/</span><span>14 March 2014 </span><span>/</span>
+
0_79c262caaca2f4a7c479db2be41a274c">
-
                                <a href="#" class="likes_icon_wrap"><span class="blog_header_content_icon likes_icon"></span><span class="likes_text">25 Likes</span></a>
+
        <div class="team-member-photo" style="background-
-
                            </div>
+
-
                        </div>
+
-
                   
+
-
                        <div class="blog_image">
+
-
                            <img src="images/blog/bi-1.png" alt="blog image">
+
-
                        </div>   
+
-
                        <div class="blog_content">
+
image:url('https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-
-
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute</p>
+
-
                            <a href="single-blog.html" class="blog_button">Read More</a>
+
-
                            <a href="#" class="blog_comments"><span class="icon-chat"></span>12 comments</a>
+
-
                        </div> 
+
-
                        <div class="clear"></div>
+
xfa1/v/t1.0-9/10665779_707932092595992_2156750832361780655_n.jpg?
-
                    </div>
+
-
                    <div class="prm_blog masonry">
+
oh=1c5d1d6c1b2b3c4afc9f4039b025ab6d&oe=546E6D67&__gda__=141701665
-
                        <div class="blog_header">
+
-
                            <div class="prm_blog_icon text-center">
+
-
                                <img class="wow bounceIn" src="images/i-01.png" alt="Blog Icon">
+
-
                            </div>
+
-
                           
+
-
                            <div class="social_blog">
+
-
                                <div class="follower share-icon"></div>
+
-
                                <div class="follow-list">
+
-
                                    <ul class="follow_arrow">
+
-
                                        <li><a href="#" class="facebook"></a></li>
+
-
                                        <li><a href="#" class="twitter"></a></li>
+
-
                                        <li><a href="#" class="stumbleupon"></a></li>
+
-
                                        <li><a href="#" class="linkedin"></a></li>
+
-
                                        <li><a href="#" class="google-plus"></a></li>
+
-
                                    </ul>
+
-
                                </div>                               
+
-
                            </div>
+
-
                            <div class="blog_header_content text-center">
+
7_9ddd60c7dab12c1483b649b5a8139f7a')"></div>
-
                                <a href="#" class="blog_header_content_heading">Link post amet, do eiusmod</a>
+
        <table class="team-member-footer">
 +
          <tr><td>Nombre</td></tr>
 +
        </table>
 +
      </div>
-
                                <span>By John doe</span> <span>/</span><span>14 March 2014 </span><span>/</span>
+
      <div class="team-member-container" data="https://fbcdn-
-
                                <a href="#" class="likes_icon_wrap"><span class="blog_header_content_icon likes_icon"></span><span class="likes_text">25 Likes</span></a>
+
-
                            </div>
+
-
                        </div>
+
-
                        <div class="blog_content">
+
sphotos-b-a.akamaihd.net/hphotos-ak-xpa1/v/t1.0-
-
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute</p>
+
-
                            <a href="single-blog.html" class="blog_button">Read More</a>
+
-
                            <a href="#" class="blog_comments"><span class="icon-chat"></span>12 comments</a>
+
-
                        </div> 
+
-
                        <div class="clear"></div>
+
9/10576906_707932242595977_4678921994998832436_n.jpg?
-
                    </div>
+
-
                   
+
-
                </div>
+
-
           
+
-
              <div class="clear"></div>
+
-
                <div class="col-md-12 text-center content_pt content_pb wow rotateIn">
+
oh=bc1fc8dc52f1ce9e44f5fc42acd96430&oe=548162A4&__gda__=141663977
-
                    <a class="button" href="#"><span class="icon-arrow-down-6"></span>Load more  Blog</a>
+
-
                </div>
+
-
            </div>
+
-
        </div>     
+
-
    </section>
+
 +
2_4de786e38472df4e539fe11e0d7b9a85" hover="https://fbcdn-
-
    <section class="pricing_table_wrap parallax content_pt content_pb" id="pricing">
+
sphotos-d-a.akamaihd.net/hphotos-ak-xap1/v/t1.0-
-
        <div class="container">
+
-
            <div class="row">
+
-
                <div class="col-md-12 text-center pricing_table_heading mb content_pb wow fadeInDown">
+
-
                    <h1>Pricing Table</h1>
+
-
                </div>
+
-
                <div class="col-md-3 mb wow fadeInLeftBig">
+
9/10646630_707932292595972_987211980064487412_n.jpg?
-
                    <div class="pricing_table">
+
-
                        <div class="pricing_table_head text-center">
+
-
                            <h1>Basic</h1>
+
-
                            <span class="montg">Per month</span>
+
oh=3e41742703bdbe63b0e2875314a0d245&oe=5473E965&__gda__=141775082
-
                            <span class="rate">$90</span>
+
-
                        <div class="clear"></div>
+
-
                        </div>
+
-
                        <div class="pricing_table_content">
+
8_e54730972a8c4f9e28460c7ca56faf19">
-
                            <ul>
+
        <div class="team-member-photo" style="background-
-
                                <li>Free Setup</li>
+
-
                                <li>10 GB Storage</li>
+
-
                                <li>Unlmited Users</li>
+
-
                                <li>20 GB Bandwith</li>
+
-
                            </ul>
+
-
                        </div>
+
-
                        <div class="pricing_table_button text-center">
+
image:url('https://fbcdn-sphotos-b-a.akamaihd.net/hphotos-ak-
-
                            <a href="#" class="button">Purchase now</a>
+
-
                        </div>
+
-
                    </div>
+
-
                </div>
+
-
                <div class="col-md-3 mb wow fadeInUpBig">
+
xpa1/v/t1.0-9/10576906_707932242595977_4678921994998832436_n.jpg?
-
                    <div class="pricing_table">
+
-
                        <div class="pricing_table_head text-center">
+
-
                            <h1>standard</h1>
+
-
                            <span class="montg">Per month</span>
+
oh=bc1fc8dc52f1ce9e44f5fc42acd96430&oe=548162A4&__gda__=141663977
-
                            <span class="rate">$200</span>
+
-
                        <div class="clear"></div>
+
-
                        </div>
+
-
                        <div class="pricing_table_content">
+
2_4de786e38472df4e539fe11e0d7b9a85')"></div>
-
                            <ul>
+
        <table class="team-member-footer">
-
                                <li>Free Setup</li>
+
          <tr><td>Nombre</td></tr>
-
                                <li>10 GB Storage</li>
+
        </table>
-
                                <li>Unlmited Users</li>
+
      </div>
-
                                <li>20 GB Bandwith</li>
+
-
                            </ul>
+
-
                        </div>
+
-
                        <div class="pricing_table_button text-center">
+
      <div class="team-member-container" data="https://scontent-
-
                            <a href="#" class="button">Purchase now</a>
+
-
                        </div>
+
-
                    </div>
+
-
                </div>
+
-
                <div class="col-md-3 mb wow fadeInUpBig">
+
a-dfw.xx.fbcdn.net/hphotos-xpf1/v/t1.0-
-
                    <div class="pricing_table">
+
-
                        <div class="pricing_table_head text-center">
+
-
                            <h1>Advanced</h1>
+
-
                            <span class="montg">Per month</span>
+
9/10603391_707932739262594_394023350576161118_n.jpg?
-
                            <span class="rate">$320</span>
+
-
                        <div class="clear"></div>
+
-
                        </div>
+
-
                        <div class="pricing_table_content">
+
oh=eb4d0ba5301e7b05455e3e4d4ac868cc&oe=545B73CF"  
-
                            <ul>
+
-
                                <li>Free Setup</li>
+
-
                                <li>10 GB Storage</li>
+
-
                                <li>Unlmited Users</li>
+
-
                                <li>20 GB Bandwith</li>
+
-
                            </ul>
+
-
                        </div>
+
-
                        <div class="pricing_table_button text-center">
+
hover="https://fbcdn-sphotos-g-
-
                            <a href="#" class="button">Purchase now</a>
+
-
                        </div>
+
-
                    </div>
+
-
                </div>
+
-
                <div class="col-md-3 mb wow fadeInRightBig">
+
a.akamaihd.net/hphotos-ak-xfp1/v/t1.0-
-
                    <div class="pricing_table">
+
-
                        <div class="pricing_table_head text-center">
+
-
                            <h1>Premium</h1>
+
-
                            <span class="montg">Per month</span>
+
9/10574448_707932779262590_8627767242137261642_n.jpg?
-
                            <span class="rate">$450</span>
+
-
                        <div class="clear"></div>
+
-
                        </div>
+
-
                        <div class="pricing_table_content">
+
oh=42349ff6cde3285decf62a23b282db79&oe=54819F43&__gda__=141677332
-
                            <ul>
+
-
                                <li>Free Setup</li>
+
-
                                <li>10 GB Storage</li>
+
-
                                <li>Unlmited Users</li>
+
-
                                <li>20 GB Bandwith</li>
+
-
                            </ul>
+
-
                        </div>
+
-
                        <div class="pricing_table_button text-center">
+
2_494c5245db49257e1e57376b212c9249">
-
                            <a href="#" class="button">Purchase now</a>
+
        <div class="team-member-photo" style="background-
-
                        </div>
+
-
                    </div>
+
-
                </div>
+
-
            </div>
+
-
        </div>
+
-
    </section>
+
-
    <section class="content_pt content_pb">
+
image:url('https://scontent-a-dfw.xx.fbcdn.net/hphotos-
-
        <div class="container content_pt content_pb">
+
-
            <div class="row">
+
-
                <div class="col-md-6 mb wow fadeInLeftBig">
+
-
                    <div class="mini_heading">
+
-
                        <h1>Newsletter</h1>
+
-
                    </div>
+
-
                    <div class="subscribe_newsletter content_heading">
+
xpf1/v/t1.0-9/10603391_707932739262594_394023350576161118_n.jpg?
-
                        <h1>Subscribe to our Newsletter</h1>
+
-
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure</p>
+
oh=eb4d0ba5301e7b05455e3e4d4ac868cc&oe=545B73CF')"></div>
 +
        <table class="team-member-footer">
 +
          <tr><td>Nombre</td></tr>
 +
        </table>
 +
      </div>
-
                        <input type="text" onfocus="if (this.value == 'Enter your mail address here'){this.value = '';}" onblur="if (this.value == ''){this.value = 'Enter your mail address here';}" class="contact_form_box" name="contact_name" value="Enter your mail address here">
+
      <!-- Second Row -->
 +
     
 +
      <div class="team-member-container row2"  
-
                        <a href="#" class="button">Subscribe</a>
+
data="https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-
-
                    </div>
+
-
                </div>
+
-
                <div class="col-md-6 md wow fadeInRightBig">
+
xap1/v/t1.0-9/10590698_707932682595933_7087832657777301608_n.jpg?
-
                    <div class="mini_heading">
+
-
                        <h1>Testimonial</h1>
+
-
                    </div>
+
-
                    <div class="testimonial content_heading">
+
oh=f533b9d73439a56b107c0f3ec16122e7&oe=5468A3B7&__gda__=141610583
-
                        <h1>What client’s say about us</h1>
+
-
                        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
+
5_ac3f7c4c68248971a4a538ede6c4d157" hover="https://fbcdn-
-
                            <!-- 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 -->
+
sphotos-d-a.akamaihd.net/hphotos-ak-xfp1/v/t1.0-
-
                            <div class="carousel-inner">
+
-
                                <div class="item active">
+
-
                                    <div class="testimonial_content">
+
-
                                        <div class="testimonial_head">
+
-
                                            <div class="testimonial_image">
+
-
                                                <img src="images/testimonial/ti-01.png" alt="">
+
-
                                            </div>
+
-
                                            <div class="testimonial_person">
+
-
                                                <h1>John Doe</h1>
+
-
                                                <h2>Founder</h2>
+
-
                                            </div>
+
-
                                        </div>
+
-
                                        <div class="testimonial_content">
+
9/10590433_707932715929263_6927872594176523896_n.jpg?
-
                                            <span class="testimonial_arrow_left"></span>
+
-
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</p>
+
-
                                            <span class="testimonial_arrow_right"></span>
+
-
                                        </div>
+
-
                                    </div>
+
-
                                </div> 
+
-
                                <div class="item">
+
oh=166b3bd272a2366188f18a394ff34dad&oe=5478EE77&__gda__=141554278
-
                                    <div class="testimonial_content">
+
-
                                        <div class="testimonial_head">
+
-
                                            <div class="testimonial_image">
+
-
                                                <img src="images/testimonial/ti-01.png" alt="">
+
-
                                            </div>
+
-
                                            <div class="testimonial_person">
+
-
                                                <h1>John Doe</h1>
+
-
                                                <h2>Founder</h2>
+
-
                                            </div>
+
-
                                        </div>
+
-
                                        <div class="testimonial_content">
+
2_2a1ca0ce3d0d13de48fa80020888dc97">
-
                                            <span class="testimonial_arrow_left"></span>
+
        <div class="team-member-photo" style="background-
-
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</p>
+
-
                                            <span class="testimonial_arrow_right"></span>
+
-
                                        </div>
+
-
                                    </div>
+
-
                                </div> 
+
-
                                <div class="item">
+
image:url('https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-
-
                                    <div class="testimonial_content">
+
-
                                        <div class="testimonial_head">
+
-
                                            <div class="testimonial_image">
+
-
                                                <img src="images/testimonial/ti-01.png" alt="">
+
-
                                            </div>
+
-
                                            <div class="testimonial_person">
+
-
                                                <h1>John Doe</h1>
+
-
                                                <h2>Founder</h2>
+
-
                                            </div>
+
-
                                        </div>
+
-
                                        <div class="testimonial_content">
+
xap1/v/t1.0-9/10590698_707932682595933_7087832657777301608_n.jpg?
-
                                            <span class="testimonial_arrow_left"></span>
+
-
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</p>
+
-
                                            <span class="testimonial_arrow_right"></span>
+
-
                                        </div>
+
-
                                    </div>
+
-
                                </div>               
+
-
                            </div>
+
-
                        </div>
+
-
                    </div>
+
oh=f533b9d73439a56b107c0f3ec16122e7&oe=5468A3B7&__gda__=141610583
-
                </div>
+
-
            </div>
+
5_ac3f7c4c68248971a4a538ede6c4d157')"></div>
-
         </div>      
+
         <table class="team-member-footer">
-
    </section>
+
          <tr><td>Nombre</td></tr>
 +
        </table>
 +
      </div>
-
    <section class="client_wrap parallax">
+
      <div class="team-member-container row2"  
-
        <div class="container">
+
-
            <div class="row">
+
-
                <div class="col-md-12 text-center pricing_table_heading mb content_pb wow bounceIn">
+
-
                    <h1>Our clients</h1>
+
-
                </div>
+
-
                <div class="col-md-12 content_pt mt">
+
-
                    <div class="client_slider">
+
-
                          <ul>
+
-
                              <li class="wow fadeIn">
+
-
                                  <a href="#" class="client_logo client1"></a>
+
-
                              </li>
+
-
                              <li class="wow fadeIn">
+
-
                                  <a href="#" class="client_logo client2"></a>
+
-
                              </li>
+
-
                              <li class="wow fadeIn">
+
-
                                  <a href="#" class="client_logo client3"></a>
+
-
                              </li>
+
-
                              <li class="wow fadeIn">
+
-
                                  <a href="#" class="client_logo client4"></a>
+
-
                              </li>
+
-
                              <li class="wow fadeIn">
+
-
                                  <a href="#" class="client_logo client5"></a>
+
-
                              </li>
+
-
                              <li class="wow fadeIn">
+
-
                                  <a href="#" class="client_logo client6"></a>
+
-
                              </li>                         
+
-
                          </ul>
+
-
                          <div class="clear"></div>
+
-
                    </div>
+
-
                </div>
+
-
            </div>
+
-
        </div>
+
-
    </section>
+
-
    <section class="col-wrap content_pt content_pb">
+
data="https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-
-
        <div class="container content_pt content_pb">
+
-
            <div class="row">
+
-
                <div class="col-md-6 mb wow fadeInLeftBig">
+
-
                    <div class="mini_heading">
+
-
                        <h1>Follow us</h1>
+
-
                    </div>
+
-
                    <div class="follow_us">
+
xap1/v/t1.0-9/165694_10150142314796000_7339784_n.jpg?
-
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim a    d minim veniam, quis nostrud </p>
+
-
                      <ul>
+
oh=c4599b843494e5e3e6ea043f4274c2b1&oe=545BAECC&__gda__=141589910
-
                          <li>
+
-
                              <a href="#" class="twitter"></a>
+
-
                          </li>
+
-
                          <li>
+
8_2f1d374b729bee21393bdf1255ed6c9f" hover="https://fbcdn-
-
                              <a href="#" class="facebook"></a>
+
-
                          </li>
+
-
                          <li>
+
sphotos-d-a.akamaihd.net/hphotos-ak-frc1/v/t1.0-
-
                              <a href="#" class="dribbble"></a>
+
-
                          </li>
+
-
                            <li>
+
9/2470_1096828574662_3159_n.jpg?
-
                              <a href="#" class="envato"></a>
+
-
                          </li>
+
-
                          <li>
+
oh=b1a3493fb69aa27197041f4bf73d2191&oe=546392E8&__gda__=141654299
-
                              <a href="#" class="pinterest"></a>
+
-
                          </li>
+
-
                      </ul>
+
-
                     
+
-
                    </div>
+
-
                    <div class="clear"></div>
+
-
                </div>
+
-
                <div class="col-md-6 md wow fadeInRightBig">
+
5_5148dea6508c832a52f86a4dbf92a38f">
-
                    <div class="mini_heading">
+
        <div class="team-member-photo" style="background-
-
                        <h1>latest tweets</h1>
+
-
                    </div>
+
-
                    <div class="tweet_wrap">
+
image:url('https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-
-
                        <div class="tweet_style1_arrow">
+
-
                            <span><a href="#tweet_slider2" data-slide="prev" class="tweet_style1_arrow_left"></a></span>
+
-
                            <span><a href="#tweet_slider2" data-slide="next" class="tweet_style1_arrow_right"></a></span>
+
-
                        </div>
+
-
                        <div id="tweet_slider2" class="carousel slide" data-ride="carousel">                       
+
xap1/v/t1.0-9/165694_10150142314796000_7339784_n.jpg?
-
                          <!-- Wrapper for slides -->
+
-
                          <div class="carousel-inner">
+
-
                            <div class="item active">
+
-
                                <div class="tweet_style1_content">
+
-
                                    <span class="icon-twitter icon"></span><span>@twittername</span>
+
-
                                </div>
+
-
                                <div class="tweet_style1_content">
+
-
                                    <p>Our Latest Multipurpose Responsive Wordpress Theme Blandes has been released today | check it our on ThemeForest 
+
-
                                    <a href="#">http://loremipsumtwitterlink</a></p>
+
-
                                    <h2>2 months ago</h2>
+
-
                                </div>
+
-
                            </div>
+
-
                            <div class="item">
+
oh=c4599b843494e5e3e6ea043f4274c2b1&oe=545BAECC&__gda__=141589910
-
                                <div class="tweet_style1_content">
+
-
                                    <span class="icon-twitter icon"></span><span>@twittername</span>
+
-
                                </div>
+
-
                                <div class="tweet_style1_content">
+
-
                                    <p>Our Latest Multipurpose Responsive Wordpress Theme Blandes has been released today | check it our on ThemeForest 
+
-
                                    <a href="#">http://loremipsumtwitterlink</a></p>
+
-
                                    <h2>2 months ago</h2>
+
-
                                </div>
+
-
                            </div>
+
-
                            <div class="item">
+
8_2f1d374b729bee21393bdf1255ed6c9f')"></div>
-
                                <div class="tweet_style1_content">
+
        <table class="team-member-footer">
-
                                    <span class="icon-twitter icon"></span><span>@twittername</span>
+
          <tr><td>Luis</td></tr>
-
                                </div>
+
         </table>
-
                                <div class="tweet_style1_content">
+
      </div>
-
                                    <p>Our Latest Multipurpose Responsive Wordpress Theme Blandes has been released today | check it our on ThemeForest 
+
-
                                    <a href="#">http://loremipsumtwitterlink</a></p>
+
-
                                    <h2>2 months ago</h2>
+
-
                                </div>
+
-
                            </div>
+
-
                          </div>                         
+
-
                        </div>
+
-
                    </div>
+
-
                </div>
+
-
            </div>
+
-
         </div>      
+
-
    </section>
+
-
+
-
    <footer class="footer_wrap" id="contact">
+
-
        <div class="container content_pt">
+
-
            <div class="row">
+
-
                <div class="col-md-12 mb content_pt wow fadeIn">
+
-
                    <div class="main_heading text-center">
+
-
                        <h2>Contact us</h2>                      
+
-
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim a    d minim veniam, quis nostrud  uex ea commodo consequat. Duis aute irure dolor in r.eprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia </p>
+
      <div class="team-member-container row2">
-
                    </div>
+
        <div class="team-member-photo" style="background-
-
                </div>
+
-
                <div class="col-md-12 content_pt content_pb">
+
image:url('https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-
-
                    <div class="contact_form">
+
-
                        <form action="#" method="post" id="contactfrm">
+
-
                            <div class="col-md-6 fadeInLeft wow">
+
-
                                <input type="text" value="Your Name" id="contact_name" name="contact_name" onblur="if (this.value == ''){this.value = 'Your Name';}" onfocus="if (this.value == 'Your Name'){this.value = '';}"  />                     
+
-
                                <input type="text" value="Your Email" id="contact_email" name="contact_email" onblur="if (this.value == ''){this.value = 'Your Email';}" onfocus="if (this.value == 'Your Email'){this.value = '';}"  />     
+
-
                                <input type="text" value="Subject" id="contact_subject" name="contact_subject" onblur="if (this.value == ''){this.value = 'Subject';}" onfocus="if (this.value == 'Subject'){this.value = '';}"  />     
+
-
                            </div>
+
-
                            <div class="col-md-6 wow fadeInRight">
+
xfa1/v/t1.0-9/10665779_707932092595992_2156750832361780655_n.jpg?
-
                                <textarea onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" name="contact_message" id="contact_message">Type Message</textarea>                                                           
+
-
                            </div>
+
-
                                   
+
-
                            <div class="col-md-12 text-center fadeIn">
+
-
                                <a href="#" class="button"><span></span>Send Now !</a>                               
+
-
                            </div>
+
-
                            <div class="col-md-12 text-center" id="contact_form_message_box"></div>   
+
-
                        </form>
+
-
                    </div>
+
-
                </div>
+
-
                <div class="col-md-3 mb content_pb text-left wow fadeInLeftBig">
+
oh=1c5d1d6c1b2b3c4afc9f4039b025ab6d&oe=546E6D67&__gda__=141701665
-
                    <div class="contact_address">
+
-
                        <span class="text text_address">Address : Street 123, New York</span>
+
-
                    </div>
+
-
                </div>
+
-
                <div class="col-md-3 mb content_pb text-center wow fadeInRight">
+
7_9ddd60c7dab12c1483b649b5a8139f7a')"></div>
-
                    <div class="contact_address">
+
        <table class="team-member-footer">
-
                        <span class="text text_fax">Fax : 756-432-210</span>
+
          <tr><td>Nombre</td></tr>
-
                    </div>
+
        </table>
-
                </div>
+
      </div>
-
                <div class="col-md-3 mb content_pb text-center wow fadeInLeft">
+
      <div class="team-member-container row2">
-
                    <div class="contact_address">
+
        <div class="team-member-photo" style="background-
-
                        <span class="text text_phone">Phone / Mobile : 123 -456 -789</span>
+
-
                    </div>
+
-
                </div>
+
-
                <div class="col-md-3 mb content_pb text-right wow fadeInRightBig">
+
image:url('https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-
-
                    <div class="contact_address icon">
+
-
                      <span class="text text_mail">Mail :<a href="mailto:someone@example.com">Support@themename.com</a></span>
+
-
                    </div>
+
-
                </div>
+
-
            </div>
+
-
        </div>
+
-
        <div id='map_canvas' style="pointer-events:none;"></div>
+
xfa1/v/t1.0-9/10665779_707932092595992_2156750832361780655_n.jpg?
-
        <div class="copyright text-center wow fadeInRight">
+
oh=1c5d1d6c1b2b3c4afc9f4039b025ab6d&oe=546E6D67&__gda__=141701665
-
            <p>2014 All Rights Reserved, designed by <a href="#">Themeapt</a> 2014</p>
+
-
        </div>
+
-
    </footer>
+
-
    <div style="display: block;" id="back-top">
+
7_9ddd60c7dab12c1483b649b5a8139f7a')"></div>
-
         <a href="#" class="w-toplink" style="opacity: 1;"></a>
+
         <table class="team-member-footer">
-
    </div>
+
          <tr><td>Nombre</td></tr>
 +
        </table>
 +
      </div>
-
    <div class="loader">
+
      <div class="team-member-container row2">
-
         <div class="spinner"></div>
+
         <div class="team-member-photo" style="background-
 +
 
 +
image:url('https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-
 +
 
 +
xfa1/v/t1.0-9/10665779_707932092595992_2156750832361780655_n.jpg?
 +
 
 +
oh=1c5d1d6c1b2b3c4afc9f4039b025ab6d&oe=546E6D67&__gda__=141701665
 +
 
 +
7_9ddd60c7dab12c1483b649b5a8139f7a')"></div>
 +
        <table class="team-member-footer">
 +
          <tr><td>Nombre</td></tr>
 +
        </table>
 +
      </div>
 +
     
     </div>
     </div>
 +
  </div>
-
</div><!-- end wrapper -->
+
  <div id="teamprofile" class="container">
 +
    Team Profile section
 +
  </div>
-
<!-- Javascript Files  -->
+
  <div id="project" class="container">
 +
    Project section
 +
  </div>
-
<script type="text/javascript" src="js/main.js"></script>
+
  <div id="parts" class="container">
 +
    Parts section
 +
  </div>
-
<script type="text/javascript" src="revolution/rs-plugin/js/jquery.themepunch.plugins.min.js"></script> <!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
+
  <div id="modeling" class="container">
 +
    Modeling section
 +
  </div>
-
<script type="text/javascript" src="revolution/rs-plugin/js/jquery.themepunch.revolution.js"></script> <!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
+
  <div id="notebook" class="container">
 +
    Notebook section
 +
  </div>
-
<script type='text/javascript' src="http://maps.google.com/maps/api/js?sensor=false&amp;.js"></script> <!--Google Map-->
+
  <div id="safety" class="container">
 +
    Safety section
 +
  </div>
 +
 
 +
  <div id="attributions" class="container">
 +
    Attributions section
 +
  </div>
 +
 
 +
<p style="color:#E7E7E7"> <a
 +
 
 +
href="https://2014.igem.org/wiki/index.php?title=Team:ITESM-
 +
 
 +
Guadalajara&action=edit"style="color:#190718"> Click here  to
 +
 
 +
edit this page!</a> </p>
-
<script type="text/javascript" src="js/jquery.custom.js"></script> <!--Custom JS-->
 
</body>
</body>
 +
</html>
</html>

Revision as of 05:51, 5 September 2014

Loading content, please wait...

Bio San

Chitosan is a polysaccharide found in abundance in shrimp shell. The current extraction methods involve the use of strong acids and alkalis, these substances are dangerous wastes that can compromise the integrity of soil and water where they are disposed.

Due to its stability and biocompatibility, chitosan has been widely used in pharmaceutical, food, and cosmetic industries, among many others. The Chitosan global market has an estimated value of $20 billion USD. Particularly, the pharmaceutical industry represents on average 1.2% of total GDP in Mexico and has grown at a 10% rate since 2008.

Therefore, it is imperative to develop a new and efficient extraction process, that is also eco-friendly. We’ve developed a new process that consists in the pretreatment of shrimp shells, followed by a fermentation in which it is demineralized and deproteinized by B. subtilis. Finally, it goes through a deacetylation process in a fermentation performed by our genetically modified E. coli strain. This modified bacterium contains 6 different enzymes that are found naturally in microorganisms that are capable of cutting and deacetylating chitin for the generation of chitosan. The action of these enzymes and a careful temperature treatment will allow us to generate chitosan with a 90% deacetylation degree. This deacetylation degree is the required one by the pharmaceutical industry, our target market.

Team Profile section
Project section
Parts section
Modeling section
Notebook section
Safety section
Attributions section

Click here to edit this page!