Team:ITESM-Guadalajara

From 2014.igem.org

(Difference between revisions)
 
(252 intermediate revisions not shown)
Line 1: Line 1:
 +
{{CSS/Main}}
 +
<html>
-
 
-
<!DOCTYPE html>
 
-
<html lang="en-US" class=" html_stretched responsive av-default-lightbox  html_header_top html_logo_center html_bottom_nav_header html_menu_right html_slim html_header_sticky html_header_shrinking html_mobile_menu_phone html_disabled html_entry_id_9 ">
 
<head>
<head>
-
<meta charset="UTF-8" />
 
-
<!-- page title, displayed in your browser bar -->
+
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-
<title>Sergionc Video Mapping | Estudio de Animación y Producción Especializado en espectáculos</title>
+
  <meta name="description" content="Team ITESM - Guadalajara Wiki for the iGEM competition of 2014">
 +
  <meta name="keywords" content="iGEM, Chitosan, 2014, ITESM Guadalajara, Wiki">
 +
  <meta name="author" content="Irving Fernando Alvarez Vazquez, Oswaldo Avalos">
 +
  <meta name="title" content="Team ITESM - Guadalajara Wiki">
-
<meta name="robots" content="index, follow" />
+
  <!-- External scripts -->
-
<link rel="icon" href="http://sergionc.com/web/wp-content/uploads/2014/08/sergionc_logo_favicon_16x16.png" type="image/png">
+
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600'
-
<!-- add feeds, pingback and stuff-->
+
rel='stylesheet' type='text/css'>
-
<link rel="profile" href="http://gmpg.org/xfn/11" />
+
  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
-
<link rel="alternate" type="application/rss+xml" title="Sergionc Video Mapping RSS2 Feed" href="http://sergionc.com/web/feed/" />
+
  <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700' rel='stylesheet' type='text/css'>
-
<link rel="pingback" href="http://sergionc.com/web/xmlrpc.php" />
+
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 +
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-
<!-- mobile setting -->
+
  <!-- Functionallity and behaviour JS -->
-
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
  <script>
-
<!-- Scripts/CSS and wp_head hook -->
+
     $(document).ready(function(){
-
        <meta name="description" content="Sergionc Video Mapping es un estudio de animación y producción, ubicado en Zapopan, Jalisco, especializado en la creación de contenidos y video mapping para espectaculos." />
+
-
        <meta name="keywords" content="sergionc video mapping pantalla led escenarios virtuales visuales presentaciones performance corporativo danza conciertos teatro musica moda social 3d matte painting efectos visuales motion graphics" />
+
-
<link rel="alternate" type="application/rss+xml" title="Sergionc Video Mapping &raquo; Feed" href="http://sergionc.com/web/feed/" />
+
-
<link rel="alternate" type="application/rss+xml" title="Sergionc Video Mapping &raquo; Comments Feed" href="http://sergionc.com/web/comments/feed/" />
+
-
     <meta name="apple-mobile-web-app-title" content="Sergionc">
+
-
<link rel="alternate" type="application/rss+xml" title="Sergionc Video Mapping &raquo; Inicio Comments Feed" href="http://sergionc.com/web/inicio/feed/" />
+
-
<script type="text/javascript">
+
-
(function(document,navigator,standalone) {
+
-
            // prevents links from apps from oppening in mobile safari
+
-
            // this javascript must be the first script in your <head>
+
-
            if ((standalone in navigator) && navigator[standalone]) {
+
-
                var curnode, location=document.location, stop=/^(a|html)$/i;
+
-
                document.addEventListener('click', function(e) {
+
-
                    curnode=e.target;
+
-
                    while (!(stop).test(curnode.nodeName)) {
+
-
                        curnode=curnode.parentNode;
+
-
                    }
+
-
                    // Condidions to do this only on links to your own app
+
-
                    // if you want all links, use if('href' in curnode) instead.
+
-
                    if('href' in curnode && ( curnode.href.indexOf('http') || ~curnode.href.indexOf(location.host) ) ) {
+
-
                        e.preventDefault();
+
-
                        location.href = curnode.href;
+
-
                    }
+
-
                },false);
+
-
            }
+
-
        })(document,window.navigator,'standalone');
+
-
</script>
+
-
<link rel="apple-touch-icon-precomposed" href="http://sergionc.com/web/wp-content/uploads/2014/08/sergionc_logo_144x144.png"><link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://sergionc.com/web/wp-content/uploads/2014/08/sergionc_logo_144x144.png"><link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://sergionc.com/web/wp-content/uploads/2014/08/sergionc_logo_144x144.png"><link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://sergionc.com/web/wp-content/uploads/2014/08/sergionc_logo_144x144.png">
+
-
<!-- google webfont font replacement -->
+
-
<link rel='stylesheet' id='avia-google-webfont' href='//fonts.googleapis.com/css?family=Open+Sans:400,600' type='text/css' media='all'/>
+
-
<link rel='stylesheet' id='adhs-css'  href='http://sergionc.com/web/wp-content/plugins/add-to-home-screen-wp/add2home.css?ver=3.9.2' type='text/css' media='all' />
+
-
<link rel='stylesheet' id='contact-form-7-css'  href='http://sergionc.com/web/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=3.9.1' type='text/css' media='all' />
+
-
<link rel='stylesheet' id='avia-grid-css'  href='http://sergionc.com/web/wp-content/themes/enfold/css/grid.css?ver=2' type='text/css' media='all' />
+
-
<link rel='stylesheet' id='avia-base-css'  href='http://sergionc.com/web/wp-content/themes/enfold/css/base.css?ver=2' type='text/css' media='all' />
+
-
<link rel='stylesheet' id='avia-layout-css'  href='http://sergionc.com/web/wp-content/themes/enfold/css/layout.css?ver=2' type='text/css' media='all' />
+
-
<link rel='stylesheet' id='avia-scs-css'  href='http://sergionc.com/web/wp-content/themes/enfold/css/shortcodes.css?ver=2' type='text/css' media='all' />
+
-
<link rel='stylesheet' id='avia-popup-css-css'  href='http://sergionc.com/web/wp-content/themes/enfold/js/aviapopup/magnific-popup.css?ver=1' type='text/css' media='screen' />
+
-
<link rel='stylesheet' id='avia-media-css'  href='http://sergionc.com/web/wp-content/themes/enfold/js/mediaelement/skin-1/mediaelementplayer.css?ver=1' type='text/css' media='screen' />
+
-
<link rel='stylesheet' id='avia-print-css'  href='http://sergionc.com/web/wp-content/themes/enfold/css/print.css?ver=1' type='text/css' media='print' />
+
-
<link rel='stylesheet' id='avia-dynamic-css'  href='http://sergionc.com/web/wp-content/uploads/dynamic_avia/enfold.css?ver=5402236b511e3' type='text/css' media='all' />
+
-
<link rel='stylesheet' id='avia-custom-css'  href='http://sergionc.com/web/wp-content/themes/enfold/css/custom.css?ver=2' type='text/css' media='all' />
+
-
<link rel='stylesheet' id='layerslider-css'  href='http://sergionc.com/web/wp-content/themes/enfold/config-layerslider/LayerSlider/static/css/layerslider.css?ver=5.1.1' type='text/css' media='all' />
+
-
    <script type="text/javascript">
+
-
var addToHomeConfig = {
+
-
message:'es_es', returningVisitor: 'true', animationIn: 'drop',
+
-
animationOut: 'fade',
+
-
startdelay:5000,
+
-
lifespan:4000,
+
-
expire:0,
+
-
touchIcon:true,
+
-
};
+
-
</script>
+
-
<script type='text/javascript' src='http://sergionc.com/web/wp-content/plugins/add-to-home-screen-wp/add2home.js?ver=3.9.2'></script>
+
-
<script type='text/javascript' src='http://sergionc.com/web/wp-includes/js/jquery/jquery.js?ver=1.11.0'></script>
+
-
<script type='text/javascript' src='http://sergionc.com/web/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
+
-
<script type='text/javascript' src='http://sergionc.com/web/wp-content/themes/enfold/js/avia-compat.js?ver=2'></script>
+
-
<script type='text/javascript' src='http://sergionc.com/web/wp-content/themes/enfold/config-layerslider/LayerSlider/static/js/layerslider.kreaturamedia.jquery.js?ver=5.1.1'></script>
+
-
<script type='text/javascript' src='http://sergionc.com/web/wp-content/themes/enfold/config-layerslider/LayerSlider/static/js/greensock.js?ver=1.11.2'></script>
+
-
<script type='text/javascript' src='http://sergionc.com/web/wp-content/themes/enfold/config-layerslider/LayerSlider/static/js/layerslider.transitions.js?ver=5.1.1'></script>
+
-
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://sergionc.com/web/xmlrpc.php?rsd" />
+
-
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://sergionc.com/web/wp-includes/wlwmanifest.xml" />
+
-
<link rel='next' title='Portafolio' href='http://sergionc.com/web/portafolio/' />
+
-
<meta name="generator" content="WordPress 3.9.2" />
+
-
<link rel='canonical' href='http://sergionc.com/web/' />
+
-
<link rel='shortlink' href='http://sergionc.com/web/' />
+
-
    <style type="text/css">
+
-
@media all and (orientation:portrait) {
+
-
#addToHomeScreen {
+
-
zoom:1;
+
-
line-height:130%;
+
-
-webkit-text-size-adjust:1;
+
-
}
+
-
#addToHomeScreen .addToHomeClose {
+
-
-webkit-text-size-adjust:100%;
+
-
}
+
-
}
+
-
+
-
@media all and (orientation:landscape) {
+
-
#addToHomeScreen {
+
-
zoom:1;
+
-
line-height:130%;
+
-
-webkit-text-size-adjust:1;
+
-
}
+
-
#addToHomeScreen .addToHomeClose {
+
-
-webkit-text-size-adjust:100%;
+
-
}
+
-
}
+
-
+
-
</style>
+
-
    <!--[if lt IE 9]><script src="http://sergionc.com/web/wp-content/themes/enfold/js/html5shiv.js"></script><![endif]--> <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
+
 +
      //Loading screen functionallity
 +
      $('.loading').animate(
 +
          {opacity:0},
 +
          500,
 +
          function(){
 +
            $('.loading').attr("style", "display:none");
 +
          }
 +
      );
-
<!--
+
      //Height responsiveness
-
Debugging Info for Theme support:  
+
      $(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;");
 +
      });
-
Theme: Enfold
+
      $(window).trigger('resize');
-
Version: 2.9.1
+
-
Installed: enfold
+
-
AviaFramework Version: 1.9.1
+
-
AviaBuilder Version: 0.7
+
-
ML:128-PU:27-PLA:4
+
-
-->
+
-
<style type='text/css'>
+
      //Menu moveto container on item click functionallity
-
@font-face {font-family: 'entypo-fontello'; font-weight: normal; font-style: normal;
+
      $('.menu-item').on('click', function(){
-
src: url('http://sergionc.com/web/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?v=3');
+
          $('.menu-item').removeClass('subselected');
-
src: url('http://sergionc.com/web/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?v=3#iefix') format('embedded-opentype'),
+
          $(this).addClass('subselected');
-
url('http://sergionc.com/web/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff?v=3') format('woff'),
+
          if($(this).attr("data")=="#top"){
-
url('http://sergionc.com/web/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.ttf?v=3') format('truetype'),
+
              $('html, body').animate({
-
url('http://sergionc.com/web/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.svg?v=3#entypo-fontello') format('svg');
+
                  scrollTop: 0
-
} #top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont='entypo-fontello']:before{ font-family: 'entypo-fontello'; }
+
              }, 1000);
-
</style>
+
          }else{
-
</head>
+
              $('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")+"');");
 +
        });
 +
      });
 +
    });
 +
   
 +
  </script>
 +
  <style>
 +
    body,
 +
    html{
 +
      margin: 0;
 +
      padding:0;
 +
      font-family: font-family: 'Yanone Kaffeesatz', sans-serif;
 +
    }
-
<body id="top" class="home page page-id-9 page-template-default stretched open_sans open_sans " itemscope="itemscope" itemtype="https://schema.org/WebPage" >
+
    /* REMOVE UNWANTED ELEMENTS AND STYLE OTHERS */
 +
    .firstHeading{
 +
      display:none;
 +
    }
 +
    #top-section{
 +
      background:#48af5d;
 +
      margin-left:0 !important;
 +
      width:100%;
 +
      left:0;
 +
    }
-
<div id='wrap_all'>
 
-
+
    /* LOADING SCREEN */
 +
    .loading{
 +
      position:fixed;
 +
      width:100%;
 +
      height:100%;
 +
      top:0;
 +
      left:0;
-
<header id='header' class=' header_color light_bg_color mobile_slide_out av_header_top av_logo_center av_bottom_nav_header av_menu_right av_slim av_header_sticky av_header_shrinking av_header_stretch_disabled av_mobile_menu_phone'  role="banner" itemscope="itemscope" itemtype="https://schema.org/WPHeader" >
+
      z-index:5;
-
<a id="advanced_menu_toggle" href="#" aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></a><a id="advanced_menu_hide" href="#" aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></a>
+
      background-color:#555;
 +
      color:#fff;
 +
      text-align: center;
 +
    }
 +
    .loading p{
 +
      position: relative;
 +
      width:100%;
 +
      height:10%;
 +
      top:45%;
 +
      left:0;
 +
    }
 +
    /* MENU STYLING */
 +
    .menu{
 +
      position:fixed;
 +
      width:100%;
 +
      height:56px;
 +
      top:14px;
 +
      background-color: #47a3da;
-
<div  id='header_main' class='container_wrap container_wrap_logo'>
+
      z-index:4;
-
+
-
       
+
-
<div class='container'>
+
-
+
-
<strong class='logo'><a href='http://sergionc.com/web/'><img height='100' width='300' src='http://sergionc.com/web/wp-content/uploads/2014/08/sergionc_logo_main_340x156.png' alt='Sergionc Video Mapping' /></a></strong><ul class='noLightbox social_bookmarks icon_count_4'><li class='social_bookmarks_facebook av-social-link-facebook social_icon_1'><a target='_blank' href='https://www.facebook.com/sergioncvideomapping' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Facebook'><span class='avia_hidden_link_text'>Facebook</span></a></li><li class='social_bookmarks_vimeo av-social-link-vimeo social_icon_2'><a target='_blank' href='https://vimeo.com/sergionc' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Vimeo'><span class='avia_hidden_link_text'>Vimeo</span></a></li><li class='social_bookmarks_linkedin av-social-link-linkedin social_icon_3'><a target='_blank' href='http://www.linkedin.com/in/sergionunezcisneros' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Linkedin'><span class='avia_hidden_link_text'>Linkedin</span></a></li><li class='social_bookmarks_twitter av-social-link-twitter social_icon_4'><a target='_blank' href='https://twitter.com/sergioncmapping' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Twitter'><span class='avia_hidden_link_text'>Twitter</span></a></li></ul></div></div><div id='header_main_alternate' class='container_wrap'><div class='container'><nav class='main_menu' data-selectname='Select a page'  role="navigation" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement" ><div class="avia-menu av-main-nav-wrap"><ul id="avia-menu" class="menu av-main-nav"><li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-9 current_page_item menu-item-top-level "><a href="http://sergionc.com/web/"><span class="avia-bullet"></span><span class="avia-menu-text">Inicio</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
+
-
<li id="menu-item-1599" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level "><a href="http://sergionc.com/web/diseno-de-proyectos/"><span class="avia-bullet"></span><span class="avia-menu-text">Diseño de Proyectos</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
+
-
<li id="menu-item-29" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level "><a href="http://sergionc.com/web/portafolio/"><span class="avia-bullet"></span><span class="avia-menu-text">Portafolio</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
+
-
<li id="menu-item-34" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-top-level "><a href="http://sergionc.com/web/nosotros/"><span class="avia-bullet"></span><span class="avia-menu-text">Nosotros</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a>
+
 +
      border-collapse: collapse;
 +
      text-align:center;
 +
    }
 +
    .menu tr td{
 +
      text-align: center;
 +
      vertical-align: middle;
-
<ul class="sub-menu">
+
      font-weight: 700;
-
<li id="menu-item-26" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://sergionc.com/web/equipo/"><span class="avia-bullet"></span><span class="avia-menu-text">Equipo</span></a></li>
+
      font-size:16px;
-
<li id="menu-item-25" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://sergionc.com/web/espacios/"><span class="avia-bullet"></span><span class="avia-menu-text">Espacios</span></a></li>
+
      color:#fff;
-
<li id="menu-item-27" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://sergionc.com/web/clientes/"><span class="avia-bullet"></span><span class="avia-menu-text">Clientes</span></a></li>
+
      width:7%;
-
</ul>
+
    }
-
</li>
+
    .menu tr td.menu-item:hover{
-
<li id="menu-item-28" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level "><a href="http://sergionc.com/web/contacto/"><span class="avia-bullet"></span><span class="avia-menu-text">Contacto</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
+
      background-color:#258ecd;
-
<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown">
+
      cursor: pointer;
-
<a href="?s=" rel="nofollow" data-avia-search-tooltip="
+
    }
 +
    .subselected{
 +
      background-color: #258ecd;
 +
    }
-
&lt;form action=&quot;http://sergionc.com/web/&quot; id=&quot;searchform&quot; method=&quot;get&quot; class=&quot;&quot;&gt;
+
    /* CONTAINERS STYLING */
-
&lt;div&gt;
+
    .container{
-
&lt;input type=&quot;submit&quot; value=&quot;&quot; id=&quot;searchsubmit&quot; class=&quot;button avia-font-entypo-fontello&quot; /&gt;
+
      position:relative;
-
&lt;input type=&quot;text&quot; id=&quot;s&quot; name=&quot;s&quot; value=&quot;&quot; placeholder='Buscar' /&gt;
+
      width:100%;
-
&lt;/div&gt;
+
      top:50px;
-
&lt;/form&gt;" aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'><span class="avia_hidden_link_text">Search</span></a>
+
    }
-
          </li></ul></div></nav>
+
    .container .subcontainer{
-
        <!-- end container-->
+
      position:absolute;
-
        </div>
+
      width:95%;
 +
      height:90%;
 +
      top:5%;
 +
      left:2.5%;
 +
    }
 +
    #top{
 +
      background-size: cover;
 +
      background-image: url("http://i1191.photobucket.com/albums/z475/alex0892/Guadalajara%20Minerva/171120111899.jpg");
 +
      overflow:hidden;
 +
    }
-
<!-- end container_wrap-->
+
    /* TEAM MEMBERS CARDS STYLING */
-
</div>
+
    .team-member-container{
-
+
      position:relative;
-
<div class='header_bg'></div>
+
      width:14%;
 +
      margin-left:2.28%;
-
<!-- end header -->
+
      float:left;
-
</header>
+
    }
-
+
    .team-member-container:hover{
-
<div id='main' data-scroll-offset='88'>
+
      cursor:pointer;
 +
    }
 +
    .row2{
 +
      top:4%;
 +
    }
 +
    .team-member-container .team-member-photo{
 +
      position:relative;
 +
      width:100%;
 +
      height:85%;
 +
      top:0;
 +
      left:0;
 +
      background-size: cover;
 +
    }
 +
    .team-member-container .team-member-footer{
 +
      position:relative;
 +
      width:100%;
 +
      height:15%;
 +
      top:0;
 +
      left:0;
-
<div id='layer_slider_1' class='avia-layerslider main_color avia-shadow  avia-builder-el-0  el_before_av_one_fifth  avia-builder-el-first  container_wrap fullsize'    style='height: 451px;' ><script type="text/javascript">var lsjQuery = jQuery;</script><script type="text/javascript"> lsjQuery(document).ready(function() { if(typeof lsjQuery.fn.layerSlider == "undefined") { lsShowNotice('layerslider_3','jquery'); } else { lsjQuery("#layerslider_3").layerSlider({responsiveUnder: 1140, layersContainer: 1100, pauseOnHover: false, animateFirstSlide: false, twoWaySlideshow: true, forceLoopNum: false, skin: 'fullwidth', hoverPrevNext: false, hoverBottomNav: true, showCircleTimer: false, thumbnailNavigation: 'disabled', lazyLoad: false, skinsPath: 'http://sergionc.com/web/wp-content/themes/enfold/config-layerslider/LayerSlider/static/skins/'}) } }); </script><div class="ls-wp-fullwidth-container"><div class="ls-wp-fullwidth-helper"><div id="layerslider_3" class="ls-wp-container" style="width:100%;height:450px;max-width:2560px;margin:0 auto;margin-bottom: 0px;"><div class="ls-slide" data-ls="transition2d:11;"><img src="http://sergionc.com/web/wp-content/themes/enfold/config-layerslider/LayerSlider/static/img/blank.gif" data-src="http://sergionc.com/web/wp-content/uploads/2014/08/cover-mapping.jpg" class="ls-bg" alt="Slide background" /></div><div class="ls-slide" data-ls="transition2d:11;"><img src="http://sergionc.com/web/wp-content/themes/enfold/config-layerslider/LayerSlider/static/img/blank.gif" data-src="http://sergionc.com/web/wp-content/uploads/2014/08/cover-conciertos.jpg" class="ls-bg" alt="Slide background" /></div><div class="ls-slide" data-ls="transition2d:11;"><img src="http://sergionc.com/web/wp-content/themes/enfold/config-layerslider/LayerSlider/static/img/blank.gif" data-src="http://sergionc.com/web/wp-content/uploads/2014/08/cover-teatro.jpg" class="ls-bg" alt="Slide background" /></div><div class="ls-slide" data-ls="transition2d:11;"><img src="http://sergionc.com/web/wp-content/themes/enfold/config-layerslider/LayerSlider/static/img/blank.gif" data-src="http://sergionc.com/web/wp-content/uploads/2014/08/cover-danza.jpg" class="ls-bg" alt="Slide background" /></div><div class="ls-slide" data-ls="transition2d:11;"><img src="http://sergionc.com/web/wp-content/themes/enfold/config-layerslider/LayerSlider/static/img/blank.gif" data-src="http://sergionc.com/web/wp-content/uploads/2014/08/cover-corporativo.jpg" class="ls-bg" alt="Slide background" /></div><div class="ls-slide" data-ls="transition2d:11;"><img src="http://sergionc.com/web/wp-content/themes/enfold/config-layerslider/LayerSlider/static/img/blank.gif" data-src="http://sergionc.com/web/wp-content/uploads/2014/08/cover-social.jpg" class="ls-bg" alt="Slide background" /></div><div class="ls-slide" data-ls="transition2d:11;"><img src="http://sergionc.com/web/wp-content/themes/enfold/config-layerslider/LayerSlider/static/img/blank.gif" data-src="http://sergionc.com/web/wp-content/uploads/2014/08/cover-conferencias.jpg" class="ls-bg" alt="Slide background" /></div><div class="ls-slide" data-ls="transition2d:11;"><img src="http://sergionc.com/web/wp-content/themes/enfold/config-layerslider/LayerSlider/static/img/blank.gif" data-src="http://sergionc.com/web/wp-content/uploads/2014/08/cover-moda.jpg" class="ls-bg" alt="Slide background" /></div></div></div></div></div><div id='after_layer_slider_1' class='main_color container_wrap fullsize'  ><div class='container'><div class='template-page content  twelve alpha units'><div class='post-entry post-entry-type-page post-entry-9'><div class='entry-content-wrapper clearfix'>
+
      border:none;
-
<div class="flex_column av_one_fifth first  avia-builder-el-1  el_after_av_layerslider  el_before_av_three_fifth  avia-builder-el-first  "></div>
+
      border-collapse: collapse;
-
<div class="flex_column av_three_fifth  avia-builder-el-2  el_after_av_one_fifth  el_before_av_one_fifth  ">
+
      background-color: #47a3da;
-
<div style='padding-bottom:20px;' class='av-special-heading av-special-heading-h3  blockquote modern-quote modern-centered  avia-builder-el-3  avia-builder-el-no-sibling '><h3 class='av-special-heading-tag'  itemprop="headline"  style='padding-bottom:20px;'>Sergionc Video Mapping</h3><div class ='av-subheading av-subheading_below' style='font-size:15px;'><p>Sergionc Video Mapping es un estudio de animación y producción, especializado en la creación de contenidos y proyección para espectaculos.</p>
+
      color:#fff;
-
</div><div class='special-heading-border'><div class='special-heading-inner-border' ></div></div></div>
+
 
 +
      text-align: center;
 +
      vertical-align: middle;
 +
    }
 +
 
 +
body {
 +
    padding-top: 110px;
 +
}
 +
 
 +
.center-block {
 +
  display: block;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
}
 +
 
 +
 
 +
.navbar-fixed-top {
 +
background: #fff;
 +
filter: none !important;
 +
box-shadow: 0 2px 15px rgba(0,0,0,0.25);
 +
-moz-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
 +
-webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
 +
        border-bottom: 1px solid rgba(0,0,0,0.2);
 +
 
 +
}
 +
 
 +
.faceBot{
 +
  background: #202020;
 +
}
 +
 
 +
@font-face {
 +
  font-family: 'Open Sans', Arial;;
 +
}
 +
 
 +
body
 +
{
 +
    font-family: 'Open Sans', Arial;
 +
}
 +
 
 +
ul.nav a{
 +
  color: gray;
 +
  background-color: transparent;
 +
  height: 100%;
 +
  position: relative;
 +
}
 +
 
 +
ul.nav a:hover{
 +
  color: gray;
 +
  background-color: transparent;
 +
  height: 100%;
 +
  position: relative;
 +
}
 +
 
 +
h2 {
 +
  color:green;
 +
}
 +
 
 +
h4 {
 +
    font-weight: bold;
 +
}
 +
 
 +
.menu-item{
 +
  height: 75px;
 +
}
 +
 
 +
li.menu-item{
 +
  background: transparent !important;
 +
}
 +
 
 +
.green-effect{
 +
  display: none;
 +
  background-color: #4AAF51;
 +
  opacity: 1;
 +
  color: #FFF;
 +
  transition-property: all;
 +
  transition-duration: 0.3s;
 +
  transition-timing-function: ease-out;
 +
  transition-delay: 0s;
 +
  border-color: #288D30;
 +
  position: absolute;
 +
  bottom: 0px;
 +
  width: 100%;
 +
  height: 2px;
 +
  right: 0px;
 +
}
 +
 
 +
a:hover .green-effect{
 +
  display: inherit;
 +
}
 +
 
 +
.invertir:hover {
 +
  -webkit-filter: invert(100%);
 +
}
 +
  </style>
 +
 
 +
 
 +
 
 +
</head>
 +
 
 +
<body>
 +
 
 +
 
 +
<div class="navbar navbar-fixed-top" style="margin-top:10px">
 +
  <nav class="navbar-inner">
 +
  <div class="row">
 +
  <div class="col-md-2"></div>
 +
  <div class="col-md-3"><a href="https://2014.igem.org/Team:ITESM-Guadalajara"><img class="inicioLogo" src="https://static.igem.org/mediawiki/2014/5/55/BioPhrameIgem_logo.png" height="100" width="auto" ></a></div>
 +
  <div class="col-md-1"></div>
 +
 
 +
  <div class="col-md-6" >
 +
      <ul class="nav navbar-nav" style="margin-top:30px">
 +
        <li class="menu-item">
 +
          <a href="https://2014.igem.org/Team:ITESM-Guadalajara">
 +
            <span>Home</span>
 +
            <span class="green-effect"></span>
 +
          </a>
 +
        </li>
 +
        <li class="menu-item">
 +
          <a href="https://2014.igem.org/Team:ITESM-Guadalajara/Company">
 +
            <span>The Company</span>
 +
            <span class="green-effect"></span>
 +
          </a>
 +
        </li>
 +
        <li class="menu-item">
 +
          <a href="https://2014.igem.org/Team:ITESM-Guadalajara/Team">
 +
            <span>Team</span>
 +
            <span class="green-effect"></span>
 +
          </a>
 +
        </li>
 +
        <li class="menu-item">
 +
          <a href="https://2014.igem.org/Team:ITESM-Guadalajara/Contact">
 +
            <span>Contact</span>
 +
            <span class="green-effect"></span>
 +
          </a>
 +
        </li>
 +
        <li class="menu-item">
 +
          <a href="https://2014.igem.org/Main_Page">
 +
            <span>iGEM 2014</span>
 +
            <span class="green-effect"></span>
 +
          </a>
 +
</li><li class="menu-item">
 +
          <a href="https://2014.igem.org/Team:ITESM-Guadalajara/Notebook">
 +
            <span>Notebook</span>
 +
            <span class="green-effect"></span>
 +
          </a>
 +
        </li>
 +
      <li>
 +
      <a href="http://www.facebook.com/biophrame">
 +
        <img src="https://static.igem.org/mediawiki/2014/3/30/BIOPHRAMEGDLFacebookF.png" height="20"  width="auto" class="invertir img-rounded">
 +
      </a></li>
 +
      </ul>
</div>
</div>
-
<div class="flex_column av_one_fifth  avia-builder-el-4  el_after_av_three_fifth  el_before_av_hr  "></div>
+
  </nav>
-
<div  class='hr hr-default  avia-builder-el-5  el_after_av_one_fifth  el_before_av_one_full '><span class='hr-inner'><span class='hr-inner-style'></span></span></div>
+
-
<div class="flex_column av_one_full first  avia-builder-el-6  el_after_av_hr  el_before_av_hr  ">
+
-
<div style='padding-bottom:20px;' class='av-special-heading av-special-heading-h3  blockquote modern-quote modern-centered  avia-builder-el-7  el_before_av_portfolio  avia-builder-el-no-sibling  '><h3 class='av-special-heading-tag'  itemprop="headline"  style='padding-bottom:20px;'>Proyectos Recientes</h3><div class ='av-subheading av-subheading_below' style='font-size:15px;'><p>Para conocer todos los proyectos en los que hemos estado entra a nuestra sección de Portafolio.</p>
+
-
</div><div class='special-heading-border'><div class='special-heading-inner-border' ></div></div></div>
+
-
<div class=' grid-sort-container isotope no_margin-container with-title-container grid-total-even grid-col-5 grid-links-' data-portfolio-id='1'><div data-ajax-id='148' class=' grid-entry flex_column isotope-item all_sort no_margin post-entry post-entry-148 grid-entry-overview grid-loop-1 grid-parity-odd  3d_sort contenidos_sort efectos-visuales_sort escenario-virtual_sort originales_sort productos_sort proyeccion_sort sectores_sort teatro_sort video-mapping-escenografico_sort video-proyeccion_sort  av_one_fifth first default_av_fullwidth '><article class='main_color inner-entry'  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><a href='http://sergionc.com/web/portfolio-item/aladdin/' title='Aladdin'  data-rel='grid-1' class='grid-image avia-hover-fx'><img width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/2014-Aladdin-4-300x168.jpg" class="attachment-medium wp-post-image" alt="2014 - Aladdin (4)" /></a><div class='grid-content'><div class='avia-arrow'></div><header class="entry-content-header"><h3 class='grid-entry-title entry-title'  itemprop="headline" ><a href='http://sergionc.com/web/portfolio-item/aladdin/' title='Aladdin'>Aladdin</a></h3></header></div><footer class="entry-footer"></footer></article></div><div data-ajax-id='1441' class=' grid-entry flex_column isotope-item all_sort no_margin post-entry post-entry-1441 grid-entry-overview grid-loop-2 grid-parity-even  3d_sort contenidos_sort escenario-virtual_sort originales_sort productos_sort proyeccion_sort sectores_sort teatro_sort video-mapping-escenografico_sort video-proyeccion_sort  av_one_fifth  default_av_fullwidth '><article class='main_color inner-entry'  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><a href='http://sergionc.com/web/portfolio-item/minotaurika/' title='Minotaurika'  data-rel='grid-1' class='grid-image avia-hover-fx'><img width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/2014-Minotaurika-14-300x168.jpg" class="attachment-medium wp-post-image" alt="2014 - Minotaurika (14)" /></a><div class='grid-content'><div class='avia-arrow'></div><header class="entry-content-header"><h3 class='grid-entry-title entry-title'  itemprop="headline" ><a href='http://sergionc.com/web/portfolio-item/minotaurika/' title='Minotaurika'>Minotaurika</a></h3></header></div><footer class="entry-footer"></footer></article></div><div data-ajax-id='1796' class=' grid-entry flex_column isotope-item all_sort no_margin post-entry post-entry-1796 grid-entry-overview grid-loop-3 grid-parity-odd  contenidos_sort danza_sort edicion-de-video_sort escenario-virtual_sort matte-paiting_sort originales_sort productos_sort proyeccion_sort proyeccion-convencional_sort sectores_sort teatro_sort video-proyeccion_sort  av_one_fifth  default_av_fullwidth '><article class='main_color inner-entry'  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><a href='http://sergionc.com/web/portfolio-item/feelings-world-tour/' title='Feelings World Tour'  data-rel='grid-1' class='grid-image avia-hover-fx'><img width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/2014-Feelings-World-Tour-15-300x168.jpg" class="attachment-medium wp-post-image" alt="2014 - Feelings World Tour (15)" /></a><div class='grid-content'><div class='avia-arrow'></div><header class="entry-content-header"><h3 class='grid-entry-title entry-title'  itemprop="headline" ><a href='http://sergionc.com/web/portfolio-item/feelings-world-tour/' title='Feelings World Tour'>Feelings World Tour</a></h3></header></div><footer class="entry-footer"></footer></article></div><div data-ajax-id='1430' class=' grid-entry flex_column isotope-item all_sort no_margin post-entry post-entry-1430 grid-entry-overview grid-loop-4 grid-parity-even  3d_sort contenidos_sort danza_sort efectos-visuales_sort escenario-virtual_sort originales_sort productos_sort proyeccion_sort proyeccion-convencional_sort sectores_sort video-proyeccion_sort  av_one_fifth  default_av_fullwidth '><article class='main_color inner-entry'  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><a href='http://sergionc.com/web/portfolio-item/alicia-en-el-pais-de-las-maravillas/' title='Alicia en el Pais de las Maravillas'  data-rel='grid-1' class='grid-image avia-hover-fx'><img width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/2014-Alicia-en-el-Pais-de-las-Maravillas-4-300x168.jpg" class="attachment-medium wp-post-image" alt="2014 - Alicia en el Pais de las Maravillas (4)" /></a><div class='grid-content'><div class='avia-arrow'></div><header class="entry-content-header"><h3 class='grid-entry-title entry-title'  itemprop="headline" ><a href='http://sergionc.com/web/portfolio-item/alicia-en-el-pais-de-las-maravillas/' title='Alicia en el Pais de las Maravillas'>Alicia en el Pais de las Maravillas</a></h3></header></div><footer class="entry-footer"></footer></article></div><div data-ajax-id='1797' class=' grid-entry flex_column isotope-item all_sort no_margin post-entry post-entry-1797 grid-entry-overview grid-loop-5 grid-parity-odd  3d_sort contenidos_sort danza_sort escenario-virtual_sort matte-paiting_sort originales_sort productos_sort proyeccion_sort proyeccion-convencional_sort sectores_sort video-proyeccion_sort  av_one_fifth  default_av_fullwidth '><article class='main_color inner-entry'  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><a href='http://sergionc.com/web/portfolio-item/blanca-nieves-y-soy-flamenco/' title='Blanca Nieves y Soy Flamenco'  data-rel='grid-1' class='grid-image avia-hover-fx'><img width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/2014-Blanca-Nieves-y-Soy-Flamenco-6-300x168.jpg" class="attachment-medium wp-post-image" alt="2014 - Blanca Nieves y Soy Flamenco (6)" /></a><div class='grid-content'><div class='avia-arrow'></div><header class="entry-content-header"><h3 class='grid-entry-title entry-title'  itemprop="headline" ><a href='http://sergionc.com/web/portfolio-item/blanca-nieves-y-soy-flamenco/' title='Blanca Nieves y Soy Flamenco'>Blanca Nieves y Soy Flamenco</a></h3></header></div><footer class="entry-footer"></footer></article></div><div data-ajax-id='1799' class=' grid-entry flex_column isotope-item all_sort no_margin post-entry post-entry-1799 grid-entry-overview grid-loop-6 grid-parity-even  3d_sort contenidos_sort danza_sort escenario-virtual_sort originales_sort productos_sort proyeccion_sort proyeccion-convencional_sort sectores_sort video-proyeccion_sort visual_sort  av_one_fifth first default_av_fullwidth '><article class='main_color inner-entry'  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><a href='http://sergionc.com/web/portfolio-item/gala-de-ballet-2014/' title='Gala de Ballet 2014'  data-rel='grid-1' class='grid-image avia-hover-fx'><img width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/2014-Gala-de-Ballet-2014-3-300x168.jpg" class="attachment-medium wp-post-image" alt="2014 - Gala de Ballet 2014 (3)" /></a><div class='grid-content'><div class='avia-arrow'></div><header class="entry-content-header"><h3 class='grid-entry-title entry-title'  itemprop="headline" ><a href='http://sergionc.com/web/portfolio-item/gala-de-ballet-2014/' title='Gala de Ballet 2014'>Gala de Ballet 2014</a></h3></header></div><footer class="entry-footer"></footer></article></div><div data-ajax-id='1803' class=' grid-entry flex_column isotope-item all_sort no_margin post-entry post-entry-1803 grid-entry-overview grid-loop-7 grid-parity-odd  contenidos_sort danza_sort escenario-virtual_sort matte-paiting_sort originales_sort productos_sort proyeccion_sort proyeccion-convencional_sort sectores_sort video-proyeccion_sort  av_one_fifth  default_av_fullwidth '><article class='main_color inner-entry'  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><a href='http://sergionc.com/web/portfolio-item/broadway/' title='Broadway'  data-rel='grid-1' class='grid-image avia-hover-fx'><img width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/2014-Broadway-26-300x168.jpg" class="attachment-medium wp-post-image" alt="2014 - Broadway  (26)" /></a><div class='grid-content'><div class='avia-arrow'></div><header class="entry-content-header"><h3 class='grid-entry-title entry-title'  itemprop="headline" ><a href='http://sergionc.com/web/portfolio-item/broadway/' title='Broadway'>Broadway</a></h3></header></div><footer class="entry-footer"></footer></article></div><div data-ajax-id='1808' class=' grid-entry flex_column isotope-item all_sort no_margin post-entry post-entry-1808 grid-entry-overview grid-loop-8 grid-parity-even  contenidos_sort danza_sort edicion-de-video_sort motion-graphics_sort originales_sort productos_sort proyeccion_sort proyeccion-convencional_sort sectores_sort video-proyeccion_sort visual_sort  av_one_fifth  default_av_fullwidth '><article class='main_color inner-entry'  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><a href='http://sergionc.com/web/portfolio-item/lets-rock/' title='Let&#039;s Rock'  data-rel='grid-1' class='grid-image avia-hover-fx'><img width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/2014-Lets-Rock-1-300x168.jpg" class="attachment-medium wp-post-image" alt="2014 - Let&#039;s Rock (1)" /></a><div class='grid-content'><div class='avia-arrow'></div><header class="entry-content-header"><h3 class='grid-entry-title entry-title'  itemprop="headline" ><a href='http://sergionc.com/web/portfolio-item/lets-rock/' title='Let&#039;s Rock'>Let's Rock</a></h3></header></div><footer class="entry-footer"></footer></article></div><div data-ajax-id='1809' class=' grid-entry flex_column isotope-item all_sort no_margin post-entry post-entry-1809 grid-entry-overview grid-loop-9 grid-parity-odd  baja-resolucion_sort contenidos_sort corporativo_sort motion-graphics_sort originales_sort otros_sort pantallas-de-led_sort pc-streaming_sort presentacion_sort productos_sort proyeccion_sort proyeccion-convencional_sort sectores_sort social-network-feed_sort video-proyeccion_sort visual_sort  av_one_fifth  default_av_fullwidth '><article class='main_color inner-entry'  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><a href='http://sergionc.com/web/portfolio-item/youth-changing-the-world/' title='Youth Changing the World'  data-rel='grid-1' class='grid-image avia-hover-fx'><img width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/2014-Youth-Changing-The-World-8-300x168.jpg" class="attachment-medium wp-post-image" alt="2014 - Youth Changing The World (8)" /></a><div class='grid-content'><div class='avia-arrow'></div><header class="entry-content-header"><h3 class='grid-entry-title entry-title'  itemprop="headline" ><a href='http://sergionc.com/web/portfolio-item/youth-changing-the-world/' title='Youth Changing the World'>Youth Changing the World</a></h3></header></div><footer class="entry-footer"></footer></article></div><div data-ajax-id='1810' class=' grid-entry flex_column isotope-item all_sort no_margin post-entry post-entry-1810 grid-entry-overview grid-loop-10 grid-parity-even  post-entry-last  contenidos_sort motion-graphics_sort musica_sort originales_sort productos_sort proyeccion_sort proyeccion-convencional_sort sectores_sort video-proyeccion_sort visual_sort  av_one_fifth  default_av_fullwidth '><article class='main_color inner-entry'  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><a href='http://sergionc.com/web/portfolio-item/on-broadway/' title='On Broadway'  data-rel='grid-1' class='grid-image avia-hover-fx'><img width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/2014-On-Broadway-26-300x168.jpg" class="attachment-medium wp-post-image" alt="2014 - On Broadway (26)" /></a><div class='grid-content'><div class='avia-arrow'></div><header class="entry-content-header"><h3 class='grid-entry-title entry-title'  itemprop="headline" ><a href='http://sergionc.com/web/portfolio-item/on-broadway/' title='On Broadway'>On Broadway</a></h3></header></div><footer class="entry-footer"></footer></article></div></div>
+
</div>
</div>
-
<div  class='hr hr-default  avia-builder-el-9  el_after_av_one_full  el_before_av_one_half '><span class='hr-inner'><span class='hr-inner-style'></span></span></div>
 
-
<div class="flex_column av_one_half first  avia-builder-el-10  el_after_av_hr  el_before_av_one_half  ">
 
-
<div style='padding-bottom:10px;' class='av-special-heading av-special-heading-h3  blockquote modern-quote modern-centered  avia-builder-el-11  el_before_av_iconlist  avia-builder-el-first  '><h3 class='av-special-heading-tag'  itemprop="headline"  style='padding-bottom:10px;'>Diseño de Proyectos</h3><div class ='av-subheading av-subheading_below' style='font-size:15px;'><p>Para diseñar un proyecto ponemos atención en estas 4 variables para definir su realización.</p>
 
-
</div><div class='special-heading-border'><div class='special-heading-inner-border' ></div></div></div>
 
-
<div class='avia-icon-list-container  avia-builder-el-12  el_after_av_heading  avia-builder-el-last '><ul class='avia-icon-list avia-icon-list-left avia_animate_when_almost_visible'>
 
-
<li><div class='iconlist_icon avia-font-entypo-fontello'><span class='iconlist-char' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></span></div><article class="article-icon-entry"  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><div class='iconlist_content_wrap'><header class="entry-content-header"><h4 class='iconlist_title'  itemprop="headline" ><a href='http://sergionc.com/web/soluciones/' title='Soluciones'>Soluciones</a></h4></header><div class='iconlist_content'  itemprop="text" ><p><span style="color: #666666;">Generamos soluciones de alta calidad que se ajustan a las necesidades de cualquier evento.</span></p>
 
-
<p><em>Presentación | Escenografía Virtual | Visual | Performance</em></p>
 
-
</div></div><footer class="entry-footer"></footer></article><div class='iconlist-timeline'></div></li>
 
-
<li><div class='iconlist_icon avia-font-entypo-fontello'><span class='iconlist-char' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></span></div><article class="article-icon-entry"  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><div class='iconlist_content_wrap'><header class="entry-content-header"><h4 class='iconlist_title'  itemprop="headline" ><a href='http://sergionc.com/web/mercado/' title='Eventos'>Eventos</a></h4></header><div class='iconlist_content'  itemprop="text" ><p><span style="color: #666666;">Existen varios tipos de eventos en los que podemos participar y contamos con una amplia experiencia.</span></p>
 
-
<p><em> Corporativo | Música | Teatro | Danza | Moda | Social</em></p>
 
-
</div></div><footer class="entry-footer"></footer></article><div class='iconlist-timeline'></div></li>
 
-
<li><div class='iconlist_icon avia-font-entypo-fontello'><span class='iconlist-char' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></span></div><article class="article-icon-entry"  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><div class='iconlist_content_wrap'><header class="entry-content-header"><h4 class='iconlist_title'  itemprop="headline" ><a href='http://sergionc.com/web/contenidos/' title='Contenidos'>Contenidos</a></h4></header><div class='iconlist_content'  itemprop="text" ><p><span style="color: #666666;">Nuestras soluciones se pueden desarrollar de diferentes maneras. Los contenidos que se producen dependen de las necesidades de cada evento y del estilo que se busca lograr.</span></p>
 
-
<p><em>3D | Matte Painting | Efectos Visuales | Motion Graphics | Grabación | Edición | 2D | Captura de Señales</em></p>
 
-
</div></div><footer class="entry-footer"></footer></article><div class='iconlist-timeline'></div></li>
 
-
<li><div class='iconlist_icon avia-font-entypo-fontello'><span class='iconlist-char' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></span></div><article class="article-icon-entry"  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><div class='iconlist_content_wrap'><header class="entry-content-header"><h4 class='iconlist_title'  itemprop="headline" ><a href='http://sergionc.com/web/proyeccion/' title='Medios'>Medios</a></h4></header><div class='iconlist_content'  itemprop="text" ><p><span style="color: #666666;">Existen varios medios en los que podemos transmitir nuestros contenidos y soluciones.</span></p>
 
-
<p><em>Video Mapping Arquitectónico | Video Mapping Escenográfico | Proyección Convencional | Pantallas de LED</em></p>
 
-
</div></div><footer class="entry-footer"></footer></article><div class='iconlist-timeline'></div></li>
 
-
</ul></div>
 
-
</div><div class="flex_column av_one_half  avia-builder-el-13  el_after_av_one_half  el_before_av_hr  ">
 
-
<div style='padding-bottom:10px;' class='av-special-heading av-special-heading-h3  blockquote modern-quote modern-centered  avia-builder-el-14  el_before_av_iconlist  avia-builder-el-first  '><h3 class='av-special-heading-tag'  itemprop="headline"  style='padding-bottom:10px;'>Proceso</h3><div class ='av-subheading av-subheading_below' style='font-size:15px;'><p>El recorrido de un proyecto de principio a fin se divide en estos 3 puntos.</p>
 
-
</div><div class='special-heading-border'><div class='special-heading-inner-border' ></div></div></div>
 
-
<div class='avia-icon-list-container  avia-builder-el-15  el_after_av_heading  avia-builder-el-last '><ul class='avia-icon-list avia-icon-list-left avia_animate_when_almost_visible'>
 
-
<li><div class='iconlist_icon avia-font-entypo-fontello'><span class='iconlist-char' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></span></div><article class="article-icon-entry"  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><div class='iconlist_content_wrap'><header class="entry-content-header"><h4 class='iconlist_title'  itemprop="headline" >Planeación</h4></header><div class='iconlist_content'  itemprop="text" ><p>Definición del espacio, objetivos, estética, tema y contenido visual del proyecto asi como el diseño de las necesidades técnicas y tecnológicas.</p>
 
-
</div></div><footer class="entry-footer"></footer></article><div class='iconlist-timeline'></div></li>
 
-
<li><div class='iconlist_icon avia-font-entypo-fontello'><span class='iconlist-char' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></span></div><article class="article-icon-entry"  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><div class='iconlist_content_wrap'><header class="entry-content-header"><h4 class='iconlist_title'  itemprop="headline" >Producción de contenidos</h4></header><div class='iconlist_content'  itemprop="text" ><p>Diseño de la narrativa, dirección de arte, contenido de video y efectos visuales, animación 2D y 3D, efectos de iluminación y sonido, música y danza.</p>
 
-
</div></div><footer class="entry-footer"></footer></article><div class='iconlist-timeline'></div></li>
 
-
<li><div class='iconlist_icon avia-font-entypo-fontello'><span class='iconlist-char' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></span></div><article class="article-icon-entry"  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><div class='iconlist_content_wrap'><header class="entry-content-header"><h4 class='iconlist_title'  itemprop="headline" >Montaje y Operación</h4></header><div class='iconlist_content'  itemprop="text" ><p>Control y sincronización del equipo, tecnología y contenidos. Operación del equipo durante el evento.</p>
 
-
</div></div><footer class="entry-footer"></footer></article><div class='iconlist-timeline'></div></li>
 
-
</ul></div>
 
-
</div></p>
 
-
<div  class='hr hr-default  avia-builder-el-16  el_after_av_one_half  el_before_av_heading '><span class='hr-inner'><span class='hr-inner-style'></span></span></div>
 
-
<div style='padding-bottom:20px;' class='av-special-heading av-special-heading-h3  blockquote modern-quote modern-centered  avia-builder-el-17  el_after_av_hr  el_before_av_partner  '><h3 class='av-special-heading-tag'  itemprop="headline"  style='padding-bottom:20px;'>Nuestros Clientes</h3><div class ='av-subheading av-subheading_below' style='font-size:15px;'><p>Para conocer todos los clientes con los que hemos participado entra a la sección de Clientes.</p>
 
-
</div><div class='special-heading-border'><div class='special-heading-inner-border' ></div></div></div>
 
-
<div  data-autoplay='true'  data-interval='5'  data-animation='fade'  class='avia-logo-element-container av-border-deactivate avia-logo-slider avia-content-slider avia-smallarrow-slider avia-content-slider-active noHover avia-content-slider1 avia-content-slider-odd  avia-builder-el-18  el_after_av_heading  el_before_av_hr ' ><div class='avia-smallarrow-slider-heading  no-logo-slider-navigation  no-logo-slider-heading '></div><div class='avia-content-slider-inner'><div class='slide-entry-wrap'  itemscope="itemscope" itemtype="https://schema.org/ImageObject" ><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-1 slide-parity-odd  av_one_fifth first real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Universidad-Panamericana-300x168.jpg" class="attachment-medium" alt="Relacion - Universidad Panamericana" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-2 slide-parity-even  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Unico-300x168.jpg" class="attachment-medium" alt="Relacion - Unico" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-3 slide-parity-odd  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Tlatoani-300x168.jpg" class="attachment-medium" alt="Relacion - Tlatoani" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-4 slide-parity-even  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Tiare-Tahiti-300x168.jpg" class="attachment-medium" alt="Relacion - Tiare Tahiti" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-5 slide-parity-odd  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Tedx-Zapopan-300x168.jpg" class="attachment-medium" alt="Relacion - Tedx Zapopan" /></div></div><div class='slide-entry-wrap'  itemscope="itemscope" itemtype="https://schema.org/ImageObject" ><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-6 slide-parity-odd  av_one_fifth first real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Tecnologico-De-Monterrey-300x168.jpg" class="attachment-medium" alt="Relacion - Tecnologico De Monterrey" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-7 slide-parity-even  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Tap-Dance-Studio-300x168.jpg" class="attachment-medium" alt="Relacion - Tap Dance Studio" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-8 slide-parity-odd  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Spothaus-300x168.jpg" class="attachment-medium" alt="Relacion - Spothaus" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-9 slide-parity-even  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Spot-Dance-300x168.jpg" class="attachment-medium" alt="Relacion - Spot Dance" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-10 slide-parity-odd  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Secretaria-de-Cultura-de-Jalisco-300x168.jpg" class="attachment-medium" alt="Relacion - Secretaria de Cultura de Jalisco" /></div></div><div class='slide-entry-wrap'  itemscope="itemscope" itemtype="https://schema.org/ImageObject" ><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-11 slide-parity-odd  av_one_fifth first real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Real-Academia-de-Ballet-300x168.jpg" class="attachment-medium" alt="Relacion - Real Academia de Ballet" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-12 slide-parity-even  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Proulex-300x168.jpg" class="attachment-medium" alt="Relacion - Proulex" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-13 slide-parity-odd  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Prepa-Tec-300x168.jpg" class="attachment-medium" alt="Relacion - Prepa Tec" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-14 slide-parity-even  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Pop-300x168.jpg" class="attachment-medium" alt="Relacion - Pop" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-15 slide-parity-odd  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Pilar-Villasante-300x168.jpg" class="attachment-medium" alt="Relacion - Pilar Villasante" /></div></div><div class='slide-entry-wrap'  itemscope="itemscope" itemtype="https://schema.org/ImageObject" ><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-16 slide-parity-odd  av_one_fifth first real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Paty-Geyer-Dance-Center-300x168.jpg" class="attachment-medium" alt="Relacion - Paty Geyer Dance Center" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-17 slide-parity-even  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Orquesta-Sinfonica-Juvenil-de-Guadalajara-300x168.jpg" class="attachment-medium" alt="Relacion - Orquesta Sinfonica Juvenil de Guadalajara" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-18 slide-parity-odd  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-MH-300x168.jpg" class="attachment-medium" alt="Relacion - MH" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-19 slide-parity-even  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Mega-Health-300x168.jpg" class="attachment-medium" alt="Relacion - Mega Health" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-20 slide-parity-odd  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Lax-300x168.jpg" class="attachment-medium" alt="Relacion - Lax" /></div></div><div class='slide-entry-wrap'  itemscope="itemscope" itemtype="https://schema.org/ImageObject" ><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-21 slide-parity-odd  av_one_fifth first real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Joven-Ballet-de-Jalisco-300x168.jpg" class="attachment-medium" alt="Relacion - Joven Ballet de Jalisco" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-22 slide-parity-even  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Jordy-Producciones-300x168.jpg" class="attachment-medium" alt="Relacion - Jordy Producciones" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-23 slide-parity-odd  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Isae-300x168.jpg" class="attachment-medium" alt="Relacion - Isae" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-24 slide-parity-even  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Intermoda-300x168.jpg" class="attachment-medium" alt="Relacion - Intermoda" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-25 slide-parity-odd  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Instituto-Tepeyac-300x168.jpg" class="attachment-medium" alt="Relacion - Instituto Tepeyac" /></div></div><div class='slide-entry-wrap'  itemscope="itemscope" itemtype="https://schema.org/ImageObject" ><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-26 slide-parity-odd  av_one_fifth first real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Festa-300x168.jpg" class="attachment-medium" alt="Relacion - Festa" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-27 slide-parity-even  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Escuela-De-Danza-De-Guadalajara-300x168.jpg" class="attachment-medium" alt="Relacion - Escuela De Danza De Guadalajara" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-28 slide-parity-odd  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Difusion-Cultural-300x168.jpg" class="attachment-medium" alt="Relacion - Difusion Cultural" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-29 slide-parity-even  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Decanos-AC-300x168.jpg" class="attachment-medium" alt="Relacion - Decanos AC" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-30 slide-parity-odd  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Continental-300x168.jpg" class="attachment-medium" alt="Relacion - Continental" /></div></div><div class='slide-entry-wrap'  itemscope="itemscope" itemtype="https://schema.org/ImageObject" ><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-31 slide-parity-odd  av_one_fifth first real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Calle-42-300x168.jpg" class="attachment-medium" alt="Relacion - Calle 42" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-32 slide-parity-even  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-Bodylogic-300x168.jpg" class="attachment-medium" alt="Relacion - Bodylogic" /></div><div  class='slide-entry flex_column no_margin post-entry slide-entry-overview slide-loop-33 slide-parity-odd  post-entry-last  av_one_fifth  real-thumbnail'><img  itemprop="contentURL"  width="300" height="168" src="http://sergionc.com/web/wp-content/uploads/2014/08/Relacion-2820-300x168.jpg" class="attachment-medium" alt="Relacion - 2820" /></div></div></div></div>
 
-
<div  class='hr hr-default  avia-builder-el-19  el_after_av_partner  avia-builder-el-last '><span class='hr-inner'><span class='hr-inner-style'></span></span></div>
 
-
</div></div></div><!-- close content main div --> <!-- section close by builder template --> </div><!--end builder template--></div><!-- close default .container_wrap element --> <div class='container_wrap footer_color' id='footer'>
 
-
<div class='container'>
+
<div class="row">
 +
</div>
 +
<div>
 +
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width:100%">
 +
  <!-- Indicators -->
 +
  <ol class="carousel-indicators">
 +
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 +
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
 +
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
 +
  </ol>
 +
 +
  <!-- Wrapper for slides -->
 +
  <div class="carousel-inner">
 +
    <div class="item active">
 +
      <img src="https://static.igem.org/mediawiki/2014/f/f8/BIOPHRAMEGDLminerva.jpg">
 +
    </div>
 +
    <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/7/7c/BIOPHRAMEGDLpuente.jpg">
 +
    </div>
 +
    <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/9/9f/BIOPHRAMEGDLtec.jpg">
 +
    </div>
 +
  </div>
 +
 +
  <!-- Controls -->
 +
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
 +
    <span class="glyphicon glyphicon-chevron-left img-rounded"></span>
 +
  </a>
 +
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 +
    <span class="glyphicon glyphicon-chevron-right img-rounded"></span>
 +
  </a>
 +
</div> <!-- Carousel -->
 +
</div>
-
<div class='flex_column av_one_third first el_before_av_one_third'><section id="text-2" class="widget clearfix widget_text"> <div class="textwidget"><img src="http://sergionc.com/web/wp-content/uploads/2014/08/sergionc_logo_footer_500x150.png" alt="Sergionc Video Mapping Logo Footer">
 
-
Sergionc Video Mapping es un estudio de animación y producción, especializado en la creación de contenidos y proyección para espectaculos. Nos ubicamos en Zapopan, Jalisco.</div>
 
-
<span class="seperator extralight-border"></span></section></div><div class='flex_column av_one_third el_after_av_one_third  el_before_av_one_third '><section id="avia_fb_likebox-2" class="widget clearfix avia_fb_likebox"><div class='av_facebook_widget_wrap  av_facebook_widget_wrap_border_no' ><iframe class="av_facebook_widget" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fsergioncvideomapping&amp;width&amp;height=3000&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:220px;" allowTransparency="true"></iframe></div><span class="seperator extralight-border"></span></section></div><div class='flex_column av_one_third el_after_av_one_third  el_before_av_one_third el_after_av_one_third el_after_av_one_third  el_before_av_one_third  el_before_av_one_third el_after_av_one_third  el_before_av_one_third '><section id="search-3" class="widget clearfix widget_search">
 
-
<form action="http://sergionc.com/web/" id="searchform" method="get" class="">
+
<div class="row center-block"><div class="col-md-3 col-md-offset-3"><img src="https://static.igem.org/mediawiki/2014/4/45/BioPhrame_logo.png"></div> <div class="col-md-3"><h1 class="text-success">iGEM Wiki</h1></div>
-
<div>
+
</div>
-
<input type="submit" value="" id="searchsubmit" class="button avia-font-entypo-fontello" />
+
-
<input type="text" id="s" name="s" value="" placeholder='Buscar' />
+
-
</div>
+
-
</form><span class="seperator extralight-border"></span></section></div>
+
-
</div>
 
-
<!-- ####### END FOOTER CONTAINER ####### -->
+
<div class="col-md-6 col-md-offset-3 text-justify">
-
</div>
+
-
 
-
<!-- end main -->
+
<p>
-
</div>
+
Biophrame Technologies focuses in innovating, developing and improving technologies based on synthetic biology to create optimized and sustainable industrial processes which can guarantee quality products for our customers.</p>
-
+
<p>
-
<footer class='container_wrap socket_color' id='socket'  role="contentinfo" itemscope="itemscope" itemtype="https://schema.org/WPFooter" >
+
We believe the biotechnology we develop can help us not only to optimize time and resources, but to take care of the environment and improve the lives in our community, both regional and global. That is why raw material used in our processes is waste from other industrial process of other companies.</p>
-
                    <div class='container'>
+
-
                        <span class='copyright'>© 2014 - Sergionc Video Mapping</span>
+
<video width="100%" height="500px" controls> <source type="video/mp4" src="https://static.igem.org/mediawiki/2014/b/b7/BIOPHRAMEGDLpitch.mp4"></video>
-
                        <nav class='sub_menu_socket'  role="navigation" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement" ></nav>
+
<hr/>
-
                    </div>
+
<h2>OUR PRODUCT</h2>
-
            <!-- ####### END SOCKET CONTAINER ####### -->
+
<center><img src="https://static.igem.org/mediawiki/2014/4/44/BIOPHRAMEbiokProducts.jpg" width="50%"></center>
-
</footer>
+
 +
<p>
 +
Our main product is 'BioK' chitosan. Chitosan is a natural fiber product with multiple applications in pharmaceuticals, agrochemicals, water treatment, textile finishing, food, cosmetics, pulp and paper, photography and tissue engineering. BioK is the result of a biological production process based on genetically modified organisms which is productive, cost effective and waste reductive. In our process, chitin extracted from shrimp shells waste undergoes a process of demineralization, deproteinization and deacetilatyion by the action of two bacteria. The behavior of these bacteria is controlled by induced temperature changes, guaranteeing no chemical use in the process.</p>
-
<!-- end wrap_all --></div>
 
-
<script type='text/javascript'>
 
-
/* <![CDATA[ */ 
 
-
var avia_framework_globals = avia_framework_globals || {};
 
-
    avia_framework_globals.frameworkUrl = 'http://sergionc.com/web/wp-content/themes/enfold/framework/';
 
-
    avia_framework_globals.installedAt = 'http://sergionc.com/web/wp-content/themes/enfold/';
 
-
    avia_framework_globals.ajaxurl = 'http://sergionc.com/web/wp-admin/admin-ajax.php';
 
-
/* ]]> */
 
-
</script>
 
-
 
-
<script>
 
-
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 
-
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
-
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 
-
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
-
  ga('create', 'UA-53625437-1', 'auto');
+
<video width="100%" height="500px" controls> <source type="video/mp4" src="https://static.igem.org/mediawiki/2014/f/f2/BIOPHRAMEGDLchitosanProcess.mp4"></video>
-
  ga('require', 'displayfeatures');
+
 
-
  ga('send', 'pageview');
+
 
 +
<p>
 +
We are strategically located in Guadalajara, the second most populated city in Mexico and responsible of 7% of national gross domestic product. Our goal in the long term is to fulfil the Mexican demand of medium and high purity chitosan and to become the first Mexican exporter of high purity chitosan. We want to create dream jobs for young Mexican engineers and export our biotechnology worldwide.</p>
 +
 
 +
</div></br>
 +
 
 +
<div class="col-md-12 center-block">
 +
<div class="col-md-2 col-md-offset-3"><a href="http://www.itesm.mx/wps/wcm/connect/Campus/GDA/Guadalajara/" ><img src="https://static.igem.org/mediawiki/2014/9/93/BIOPHRAMEGDLLogo_tecnologicoDeMonterrey-300x168.jpg"  data-toggle="tooltip"  title="ITESM Guadalajara"></a></div>
 +
<div class="col-md-2"><a href="https://2014.igem.org/Main_Page">
 +
<img src="https://static.igem.org/mediawiki/2014/b/b0/BIOPHRAMEGDLLogo_igem-300x168.jpg" data-toggle="tooltip"  title="iGEM"></a></div>
 +
<div class="col-md-2"><a href="http://sergionc.com/web/"><img src="https://static.igem.org/mediawiki/2014/3/33/BIOPHRAMEGDLLogo_sergionc-300x168.jpg" data-toggle="tooltip"  title="Sergionc Video Mapping"></a></div>
 +
</div>
 +
<?php
 +
echo "hola";
 +
?>
 +
<div class="col-md-12 faceBot"></br><div class="col-md-2 col-md-offset-3"><img src="https://static.igem.org/mediawiki/2014/e/ef/Biophrame_logo_footer_500x150.png" class="img-responsive"><small style="color:white">Biophrame Technologies is a biotech company and manufacturer specialized in the production of Chitosan.</small></div>
 +
<div class="col-md-2">
 +
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fbiophrame&amp;width&amp;height=258&amp;colorscheme=dark&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:258px;" allowTransparency="true"></iframe></div>
 +
</div>
 +
 
 +
 
-
</script><script type='text/javascript' src='http://sergionc.com/web/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script>
 
-
<script type='text/javascript'>
 
-
/* <![CDATA[ */
 
-
var _wpcf7 = {"loaderUrl":"http:\/\/sergionc.com\/web\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","sending":"Sending ...","cached":"1"};
 
-
/* ]]> */
 
-
</script>
 
-
<script type='text/javascript' src='http://sergionc.com/web/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=3.9.1'></script>
 
-
<script type='text/javascript' src='http://sergionc.com/web/wp-content/themes/enfold/js/avia.js?ver=2'></script>
 
-
<script type='text/javascript' src='http://sergionc.com/web/wp-content/themes/enfold/js/shortcodes.js?ver=2'></script>
 
-
<script type='text/javascript' src='http://sergionc.com/web/wp-content/themes/enfold/js/aviapopup/jquery.magnific-popup.min.js?ver=2'></script>
 
-
<script type='text/javascript'>
 
-
/* <![CDATA[ */
 
-
var mejsL10n = {"language":"en-US","strings":{"Close":"Close","Fullscreen":"Fullscreen","Download File":"Download File","Download Video":"Download Video","Play\/Pause":"Play\/Pause","Mute Toggle":"Mute Toggle","None":"None","Turn off Fullscreen":"Turn off Fullscreen","Go Fullscreen":"Go Fullscreen","Unmute":"Unmute","Mute":"Mute","Captions\/Subtitles":"Captions\/Subtitles"}};
 
-
var _wpmejsSettings = {"pluginPath":"\/web\/wp-includes\/js\/mediaelement\/"};
 
-
/* ]]> */
 
-
</script>
 
-
<script type='text/javascript' src='http://sergionc.com/web/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=2.14.2'></script>
 
-
<script type='text/javascript' src='http://sergionc.com/web/wp-includes/js/mediaelement/wp-mediaelement.js?ver=3.9.2'></script>
 
-
<script type='text/javascript' src='http://sergionc.com/web/wp-includes/js/comment-reply.min.js?ver=3.9.2'></script>
 
-
<a href='#top' title='Scroll to top' id='scroll-top-link' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'><span class="avia_hidden_link_text">Scroll to top</span></a>
 
-
<div id="fb-root"></div>
 
</body>
</body>
-
</html>
 
-
<!-- Dynamic page generated in 0.932 seconds. -->
+
<script>
-
<!-- Cached page generated by WP-Super-Cache on 2014-09-05 00:15:58 -->
+
    $('.carousel').carousel({
 +
        interval: 2000
 +
    })
 +
</script>
-
<!-- super cache -->
+
</html>

Latest revision as of 03:21, 18 October 2014

iGEM Wiki

Biophrame Technologies focuses in innovating, developing and improving technologies based on synthetic biology to create optimized and sustainable industrial processes which can guarantee quality products for our customers.

We believe the biotechnology we develop can help us not only to optimize time and resources, but to take care of the environment and improve the lives in our community, both regional and global. That is why raw material used in our processes is waste from other industrial process of other companies.

OUR PRODUCT

Our main product is 'BioK' chitosan. Chitosan is a natural fiber product with multiple applications in pharmaceuticals, agrochemicals, water treatment, textile finishing, food, cosmetics, pulp and paper, photography and tissue engineering. BioK is the result of a biological production process based on genetically modified organisms which is productive, cost effective and waste reductive. In our process, chitin extracted from shrimp shells waste undergoes a process of demineralization, deproteinization and deacetilatyion by the action of two bacteria. The behavior of these bacteria is controlled by induced temperature changes, guaranteeing no chemical use in the process.

We are strategically located in Guadalajara, the second most populated city in Mexico and responsible of 7% of national gross domestic product. Our goal in the long term is to fulfil the Mexican demand of medium and high purity chitosan and to become the first Mexican exporter of high purity chitosan. We want to create dream jobs for young Mexican engineers and export our biotechnology worldwide.



Biophrame Technologies is a biotech company and manufacturer specialized in the production of Chitosan.

Retrieved from "http://2014.igem.org/Team:ITESM-Guadalajara"