Line 10: | Line 10: | ||
<meta charset="utf-8"/> | <meta charset="utf-8"/> | ||
<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0" /> | <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0" /> | ||
− | <link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" type="text/css" | + | <link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" type="text/css"> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</head> | </head> | ||
<body> | <body> | ||
Line 239: | Line 224: | ||
</section> | </section> | ||
<!--/CABECERA--> | <!--/CABECERA--> | ||
− | <section | + | <section> |
<div class="container"> | <div class="container"> | ||
− | + | <div class="row"> | |
+ | <div class="col-md-3"> | ||
+ | <!--INDEX--> | ||
+ | <div id ="index" class="side-nav"> | ||
+ | <div class="side-nav-head"> | ||
+ | <button class="fa fa-bars"></button> | ||
+ | <h4 style="color:#005368; padding-left: 20px !important;">INDEX</h4> | ||
+ | </div> | ||
+ | <ul class="list-group list-unstyled"> | ||
+ | <li class="list-group-item active"><a href="#1">Cologne-Duesseldorf</a></li> | ||
+ | <li class="list-group-item"><a href="#2">UChile Biotec</a></li> | ||
+ | <li class="list-group-item"><a href="#3">Linkoping Sweden</a></li> | ||
+ | <li class="list-group-item"><a href="#4">Rice</a></li> | ||
+ | <li class="list-group-item"><a href="#5">Ionis Paris</a></li> | ||
+ | <li class="list-group-item"><a href="#6">Paris Bettencourt</a></li> | ||
+ | <li class="list-group-item"><a href="#7">Purdue</a></li> | ||
+ | <li class="list-group-item"><a href="#8">Greece</a></li> | ||
+ | <li class="list-group-item"><a href="#9">Amazonas Brazil</a></li> | ||
+ | <li class="list-group-item"><a href="#10">Evry Paris-Saclay</a></li> | ||
+ | <li class="list-group-item"><a href="#11">Washington</a></li> | ||
+ | <li class="list-group-item"><a href="#12">INSA-UPS France</a></li> | ||
+ | <li class="list-group-item"><a href="#13">UNebraska-Lincoln</a></li> | ||
+ | <li class="list-group-item"><a href="#14">Pasteur Paris</a></li> | ||
+ | <li class="list-group-item"><a href="#15">WPI Worcester</a></li> | ||
+ | <li class="list-group-item"><a href="#16">Sydney Australia</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <!--/INDEX--> | ||
+ | </div> | ||
+ | <div class="col-md-9"> | ||
+ | <div id="1" class="container"> | ||
+ | <div class="heading-color"> | ||
+ | <h2><span>COLOGNE-DUESSELDORF</span></h2> | ||
+ | </div> | ||
+ | <p class="jopesangria"><strong class="jopenegrita">Ejemplo de texto negrita</strong> aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <div class="divider"><!-- divider --></div> | ||
+ | </div> | ||
+ | <div id="2" class="container"> | ||
+ | <div class="heading-color"> | ||
+ | <h2><span>UCHILE BIOTEC</span></h2> | ||
+ | </div> | ||
+ | <p class="jopesangria"><strong class="jopenegrita">Ejemplo de texto negrita</strong> aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <div class="divider"><!-- divider --></div> | ||
+ | </div> | ||
+ | <div id="3" class="container"> | ||
+ | <div class="heading-color"> | ||
+ | <h2><span>LINKOPING SWEDEN</span></h2> | ||
+ | </div> | ||
+ | <p class="jopesangria"><strong class="jopenegrita">Ejemplo de texto negrita</strong> aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <div class="divider"><!-- divider --></div> | ||
+ | </div> | ||
+ | <div id="4" class="container"> | ||
+ | <div class="heading-color"> | ||
+ | <h2><span>RICE</span></h2> | ||
+ | </div> | ||
+ | <p class="jopesangria"><strong class="jopenegrita">Ejemplo de texto negrita</strong> aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <div class="divider"><!-- divider --></div> | ||
+ | </div> | ||
+ | <div id="5" class="container"> | ||
+ | <div class="heading-color"> | ||
+ | <h2><span>IONIS PARIS</span></h2> | ||
+ | </div> | ||
+ | <p class="jopesangria"><strong class="jopenegrita">Ejemplo de texto negrita</strong> aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <div class="divider"><!-- divider --></div> | ||
+ | </div> | ||
+ | <div id="6" class="container"> | ||
+ | <div class="heading-color"> | ||
+ | <h2><span>PARIS BETTENCOURT</span></h2> | ||
+ | </div> | ||
+ | <p class="jopesangria"><strong class="jopenegrita">Ejemplo de texto negrita</strong> aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <div class="divider"><!-- divider --></div> | ||
+ | </div> | ||
+ | <div id="7" class="container"> | ||
+ | <div class="heading-color"> | ||
+ | <h2><span>PURDUE</span></h2> | ||
+ | </div> | ||
+ | <p class="jopesangria"><strong class="jopenegrita">Ejemplo de texto negrita</strong> aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <div class="divider"><!-- divider --></div> | ||
+ | </div> | ||
+ | <div id="8" class="container"> | ||
+ | <div class="heading-color"> | ||
+ | <h2><span>GREECE</span></h2> | ||
+ | </div> | ||
+ | <p class="jopesangria"><strong class="jopenegrita">Ejemplo de texto negrita</strong> aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <div class="divider"><!-- divider --></div> | ||
+ | </div> | ||
+ | <div id="91" class="container"> | ||
+ | <div class="heading-color"> | ||
+ | <h2><span>AMAZONAS BRAZIL</span></h2> | ||
+ | </div> | ||
+ | <p class="jopesangria"><strong class="jopenegrita">Ejemplo de texto negrita</strong> aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <div class="divider"><!-- divider --></div> | ||
+ | </div> | ||
+ | <div id="10" class="container"> | ||
+ | <div class="heading-color"> | ||
+ | <h2><span>EVRY PARIS-SACLAY</span></h2> | ||
+ | </div> | ||
+ | <p class="jopesangria"><strong class="jopenegrita">Ejemplo de texto negrita</strong> aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <div class="divider"><!-- divider --></div> | ||
+ | </div> | ||
+ | <div id="11" class="container"> | ||
+ | <div class="heading-color"> | ||
+ | <h2><span>WASHINGTON</span></h2> | ||
+ | </div> | ||
+ | <p class="jopesangria"><strong class="jopenegrita">Ejemplo de texto negrita</strong> aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <div class="divider"><!-- divider --></div> | ||
+ | </div> | ||
+ | <div id="12" class="container"> | ||
+ | <div class="heading-color"> | ||
+ | <h2><span>INSA-UPS FRANCE</span></h2> | ||
+ | </div> | ||
+ | <p class="jopesangria"><strong class="jopenegrita">Ejemplo de texto negrita</strong> aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <div class="divider"><!-- divider --></div> | ||
+ | </div> | ||
+ | <div id="13" class="container"> | ||
+ | <div class="heading-color"> | ||
+ | <h2><span>UNEBRASKA-LINCOLN</span></h2> | ||
+ | </div> | ||
+ | <p class="jopesangria"><strong class="jopenegrita">Ejemplo de texto negrita</strong> aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <div class="divider"><!-- divider --></div> | ||
+ | </div> | ||
+ | <div id="14" class="container"> | ||
+ | <div class="heading-color"> | ||
+ | <h2><span>PASTEUR PARIS</span></h2> | ||
+ | </div> | ||
+ | <p class="jopesangria"><strong class="jopenegrita">Ejemplo de texto negrita</strong> aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <div class="divider"><!-- divider --></div> | ||
+ | </div> | ||
+ | <div id="15" class="container"> | ||
+ | <div class="heading-color"> | ||
+ | <h2><span>WPI WORCESTER</span></h2> | ||
+ | </div> | ||
+ | <p class="jopesangria"><strong class="jopenegrita">Ejemplo de texto negrita</strong> aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <div class="divider"><!-- divider --></div> | ||
+ | </div> | ||
+ | <div id="16" class="container"> | ||
+ | <div class="heading-color"> | ||
+ | <h2><span>SYDNEY AUSTRALIA</span></h2> | ||
+ | </div> | ||
+ | <p class="jopesangria"><strong class="jopenegrita">Ejemplo de texto negrita</strong> aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <p class="jopesangria">Aquí va el texto.</p> | ||
+ | <div class="divider"><!-- divider --></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
</section> | </section> | ||
Line 254: | Line 414: | ||
</div> | </div> | ||
</div><!-- /PRELOADER --> | </div><!-- /PRELOADER --> | ||
− | + | <script type="text/javascript"> | |
jQuery(window).ready(function() { | jQuery(window).ready(function() { | ||
Line 272: | Line 432: | ||
{latLng: [48.85, 2.34], name: 'Paris'}, | {latLng: [48.85, 2.34], name: 'Paris'}, | ||
{latLng: [48.80, 1.80], name: 'Paris2'}, | {latLng: [48.80, 1.80], name: 'Paris2'}, | ||
− | |||
{latLng: [40.42, -86.92], name: 'Lafayette'}, | {latLng: [40.42, -86.92], name: 'Lafayette'}, | ||
{latLng: [40.63, 22.95], name: 'Greece'}, | {latLng: [40.63, 22.95], name: 'Greece'}, | ||
Line 280: | Line 439: | ||
{latLng: [43.60, 1.44], name: 'Toulouse'}, | {latLng: [43.60, 1.44], name: 'Toulouse'}, | ||
{latLng: [40.81, -96.68], name: 'Lincoln'}, | {latLng: [40.81, -96.68], name: 'Lincoln'}, | ||
+ | {latLng: [49.20, 2.00], name: 'Paris'}, | ||
{latLng: [42.26, -71.8], name: 'Worcester'}, | {latLng: [42.26, -71.8], name: 'Worcester'}, | ||
{latLng: [-33.86, 151.20], name: 'Sydney'}, | {latLng: [-33.86, 151.20], name: 'Sydney'}, | ||
Line 316: | Line 476: | ||
hoverColor: false, | hoverColor: false, | ||
onMarkerClick: function(e, code){ | onMarkerClick: function(e, code){ | ||
− | |||
$('html, body').animate({ | $('html, body').animate({ | ||
scrollTop: $("#"+code).offset().top | scrollTop: $("#"+code).offset().top |
Revision as of 14:23, 24 October 2017
Home • Project •
COLLABORATIONS
COLOGNE-DUESSELDORF
Ejemplo de texto negrita aquí va el texto.
Aquí va el texto.
Aquí va el texto.
UCHILE BIOTEC
Ejemplo de texto negrita aquí va el texto.
Aquí va el texto.
Aquí va el texto.
LINKOPING SWEDEN
Ejemplo de texto negrita aquí va el texto.
Aquí va el texto.
Aquí va el texto.
RICE
Ejemplo de texto negrita aquí va el texto.
Aquí va el texto.
Aquí va el texto.
IONIS PARIS
Ejemplo de texto negrita aquí va el texto.
Aquí va el texto.
Aquí va el texto.
PARIS BETTENCOURT
Ejemplo de texto negrita aquí va el texto.
Aquí va el texto.
Aquí va el texto.
PURDUE
Ejemplo de texto negrita aquí va el texto.
Aquí va el texto.
Aquí va el texto.
GREECE
Ejemplo de texto negrita aquí va el texto.
Aquí va el texto.
Aquí va el texto.
AMAZONAS BRAZIL
Ejemplo de texto negrita aquí va el texto.
Aquí va el texto.
Aquí va el texto.
EVRY PARIS-SACLAY
Ejemplo de texto negrita aquí va el texto.
Aquí va el texto.
Aquí va el texto.
WASHINGTON
Ejemplo de texto negrita aquí va el texto.
Aquí va el texto.
Aquí va el texto.
INSA-UPS FRANCE
Ejemplo de texto negrita aquí va el texto.
Aquí va el texto.
Aquí va el texto.
UNEBRASKA-LINCOLN
Ejemplo de texto negrita aquí va el texto.
Aquí va el texto.
Aquí va el texto.
PASTEUR PARIS
Ejemplo de texto negrita aquí va el texto.
Aquí va el texto.
Aquí va el texto.
WPI WORCESTER
Ejemplo de texto negrita aquí va el texto.
Aquí va el texto.
Aquí va el texto.
SYDNEY AUSTRALIA
Ejemplo de texto negrita aquí va el texto.
Aquí va el texto.
Aquí va el texto.