File: /var/www/html/atlasseguros.sumar.com.py/index-convideo.php
<!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]>
<!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>DO ROYAL SEGUROS</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/base.css"/>
<link rel="stylesheet" href="css/skeleton.css"/>
<link rel="stylesheet" href="css/layout.css"/>
<link rel="stylesheet" href="css/colorbox.css"/>
<link rel="stylesheet" href="css/font-awesome.css" />
<link rel="stylesheet" href="css/YTPlayer.css">
<!--[if lte IE 8]>
<script src="js/html5.js"></script>
<![endif]-->
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png">
</head>
<body>
<div id="preloader">
<div id="status"> </div>
</div>
<style>
video {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1000;
overflow: hidden;
}
</style>
<!-- Primary Page Layout
================================================== -->
<!-- <ul id="nav">
<li><a href="javascript:goTo('home');"><i class="icon-home"></i></a></li>
<li><a href="javascript:goTo('about');"><i class="icon-star-empty"></i></a></li>
<li><a href="javascript:goTo('services');"><i class="icon-cog"></i></a></li>
<li><a href="javascript:goTo('folio');"><i class="icon-laptop"></i></a></li>
<li><a href="javascript:goTo('contact');"><i class="icon-map-marker"></i></a></li>
</ul> -->
<section id="content">
<style>
#controlBar_P2{
display: none !important;
}
</style>
<article id="home" class="active">
<!-- <div class="social-top">
<ul class="list-social">
<li class="icon-soc"><a href="#"></a></li>
<li class="icon-soc"><a href="#"></a></li>
<li class="icon-soc"><a href="#"></a></li>
<li class="icon-soc"><a href="#"></a></li>
</ul>
</div> -->
<div class="logo"></div>
<video id="video" loop autoplay preload muted>
<?php
if(stristr($_SERVER['HTTP_USER_AGENT'], "Mobile")){
?>
<source src="/images/video.mp4" type="video/mp4">
<?php
}else{
?>
<source src="/images/video.mp4" type="video/mp4">
<?php
}
?>
</video>
<!-- <div class="home-text rotator" style="margin-top: 200px;">
<div><h1>CURSOS ONLINE</h1></div>
<div><h1>DESARROLLO PROFESIONAL</h1></div> -->
</div>
<div class="link-home"><div class="cl-effect-8"><a href="/cursosdisponibles.php"><span>Acceder</span></a></div></div>
</article>
<!-- <article id="about" class="off">
<div class="social-top">
<ul class="list-social">
<li class="icon-soc"><a href="#"></a></li>
<li class="icon-soc"><a href="#"></a></li>
<li class="icon-soc"><a href="#"></a></li>
<li class="icon-soc"><a href="#"></a></li>
</ul>
</div>
<h1>About Us</h1>
<div class="container">
<div class="sixteen columns">
<div class="sep"></div>
</div>
</div>
<div class="container">
<div class="six columns">
<div class="img-wrap">
<ul class="slider1">
<li>
<img src="images/office.jpg" alt=""/>
</li>
<li>
<img src="images/office1.jpg" alt=""/>
</li>
</ul>
</div>
</div>
<div class="ten columns">
<div class="qut">
<h6>Duis tincidunt erat quam. Etiam placerat sapien elit. Pellentesque egestas ornare sagittis. Sed augue lorem, dignissim eget bibendum vitae, scelerisque eget justo. Duis tincidunt erat quam. Etiam placerat sapien elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque egestas ornare sagittis. Sed augue lorem, dignissim eget bibendum vitae.</h6>
<p><span>John Doe, General director</span></p>
</div>
</div>
<div class="sixteen columns">
<div class="separator-space"></div>
</div>
</div>
<div id="team-back">
<div class="purple">
<div class="container">
<div class="sixteen columns">
<div class="separator-space"></div>
</div>
<div class="sixteen columns">
<h5>Our Awesome Team</h5>
</div>
<div class="sixteen columns">
<p>Pellentesque egestas ornare sagittis. Sed augue lorem, dignissim eget bibendum vitae, scelerisque eget justo. Duis tincidunt erat quam. Etiam placerat sapien elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque egestas ornare sagittis. Sed augue lorem, dignissim eget bibendum vitae.</p>
</div>
<div class="one-third column">
<div class="team-wrap">
<div class="team-img">
<img src="images/team-back1.jpg" alt=""/>
</div>
<div class="team-memb">
<img src="images/team1.jpg" alt=""/>
</div>
<h6>John Doe</h6>
<p>Founder</p>
<div class="social-team">
<ul class="list-social-team">
<li class="icon-team"><a href="#"></a></li>
<li class="icon-team"><a href="#"></a></li>
<li class="icon-team"><a href="#"></a></li>
<li class="icon-team"><a href="#"></a></li>
</ul>
</div>
</div>
</div>
<div class="one-third column">
<div class="team-wrap">
<div class="team-img">
<img src="images/team-back2.jpg" alt=""/>
</div>
<div class="team-memb">
<img src="images/team2.jpg" alt=""/>
</div>
<h6>Melisa Smith</h6>
<p>Design</p>
<div class="social-team">
<ul class="list-social-team">
<li class="icon-team"><a href="#"></a></li>
<li class="icon-team"><a href="#"></a></li>
<li class="icon-team"><a href="#"></a></li>
<li class="icon-team"><a href="#"></a></li>
</ul>
</div>
</div>
</div>
<div class="one-third column">
<div class="team-wrap">
<div class="team-img">
<img src="images/team-back3.jpg" alt=""/>
</div>
<div class="team-memb">
<img src="images/team3.jpg" alt=""/>
</div>
<h6>Robert Doe</h6>
<p>Development</p>
<div class="social-team">
<ul class="list-social-team">
<li class="icon-team"><a href="#"></a></li>
<li class="icon-team"><a href="#"></a></li>
<li class="icon-team"><a href="#"></a></li>
<li class="icon-team"><a href="#"></a></li>
</ul>
</div>
</div>
</div>
<div class="sixteen columns">
<div class="separator-space"></div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="sixteen columns">
<div class="separator-space"></div>
</div>
<div class="sixteen columns">
<h5>Fun Facts About Our Agency</h5>
</div>
<div class="sixteen columns">
<p>Pellentesque egestas ornare sagittis. Sed augue lorem, dignissim eget bibendum vitae, scelerisque eget justo. Duis tincidunt erat quam. Etiam placerat sapien elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque egestas ornare sagittis.</p>
</div>
<div class="two columns">
<div class="facts">
<img src="images/facts1.png" alt=""/>
<h2>27</h2>
<h6>Awards</h6>
</div>
</div>
<div class="two columns">
<div class="facts">
<img src="images/facts2.png" alt=""/>
<h2>112</h2>
<h6>Clients</h6>
</div>
</div>
<div class="two columns">
<div class="facts">
<img src="images/facts3.png" alt=""/>
<h2>216</h2>
<h6>Projects</h6>
</div>
</div>
<div class="two columns">
<div class="facts">
<img src="images/facts4.png" alt=""/>
<h2>34</h2>
<h6>Magazines</h6>
</div>
</div>
<div class="two columns">
<div class="facts">
<img src="images/facts5.png" alt=""/>
<h2>23</h2>
<h6>Movies</h6>
</div>
</div>
<div class="two columns">
<div class="facts">
<img src="images/facts6.png" alt=""/>
<h2>74</h2>
<h6>Coffees</h6>
</div>
</div>
<div class="two columns">
<div class="facts">
<img src="images/facts7.png" alt=""/>
<h2>375</h2>
<h6>Mails</h6>
</div>
</div>
<div class="two columns">
<div class="facts">
<img src="images/facts8.png" alt=""/>
<h2>62</h2>
<h6>Songs</h6>
</div>
</div>
<div class="sixteen columns">
<div class="separator-space"></div>
</div>
<div class="sixteen columns">
<div class="link-box">
<h6>OUR CLIENT'S COMPANIES GROW AND MATURE WITH US.</h6>
<div class="cl-effect-8"><a href="javascript:goTo('services');"><span>services</span></a></div>
</div>
</div>
<div class="sixteen columns">
<div class="separator-space-bottom"></div>
</div>
</div>
</article>
<article id="services" class="off">
<div class="social-top">
<ul class="list-social">
<li class="icon-soc"><a href="#"></a></li>
<li class="icon-soc"><a href="#"></a></li>
<li class="icon-soc"><a href="#"></a></li>
<li class="icon-soc"><a href="#"></a></li>
</ul>
</div>
<h1>Services</h1>
<div class="container">
<div class="sixteen columns">
<div class="sep"></div>
</div>
</div>
<div class="container">
<div class="four columns">
<div class="offer">
<img src="images/ser1.png" alt=""/>
<h6>Link Building</h6>
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</div>
</div>
<div class="four columns">
<div class="offer">
<img src="images/ser2.png" alt=""/>
<h6>Monitoring</h6>
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</div>
</div>
<div class="four columns">
<div class="offer">
<img src="images/ser3.png" alt=""/>
<h6>Website Optimization</h6>
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</div>
</div>
<div class="four columns">
<div class="offer">
<img src="images/ser4.png" alt=""/>
<h6>Responsive Design</h6>
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</div>
</div>
<div class="sixteen columns">
<div class="separator-space"></div>
</div>
</div>
<div id="other-ser">
<div class="purple">
<div class="container">
<div class="sixteen columns">
<div class="separator-space"></div>
</div>
<div class="sixteen columns">
<h5>Other Services</h5>
</div>
<div class="one-third column">
<div class="offer1">
<img src="images/ser5.png" alt=""/>
<h6>Networking</h6>
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p>
</div>
</div>
<div class="one-third column">
<div class="offer1">
<img src="images/ser6.png" alt=""/>
<h6>Analytics</h6>
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p>
</div>
</div>
<div class="one-third column">
<div class="offer1">
<img src="images/ser7.png" alt=""/>
<h6>Pay Per Click</h6>
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p>
</div>
</div>
<div class="one-third column">
<div class="offer1">
<img src="images/ser8.png" alt=""/>
<h6>Search Engine</h6>
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p>
</div>
</div>
<div class="one-third column">
<div class="offer1">
<img src="images/ser9.png" alt=""/>
<h6>Presentation</h6>
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p>
</div>
</div>
<div class="one-third column">
<div class="offer1">
<img src="images/ser10.png" alt=""/>
<h6>Video Marketing</h6>
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p>
</div>
</div>
<div class="sixteen columns">
<div class="separator-space"></div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="sixteen columns">
<div class="separator-space"></div>
</div>
<div class="sixteen columns">
<h5>What Client’s Say</h5>
</div>
<div class="sixteen columns">
<ul class="slider2">
<li>
<div class="clients">
<h6>"Pellentesque egestas ornare sagittis. Sed augue lorem, dignissim eget bibendum vitae, scelerisque eget justo. Duis tincidunt erat quam. Etiam placerat sapien elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra."</h6>
<p><span>John Doe, Utcrayons General director</span></p>
</div>
</li>
<li>
<div class="clients">
<h6>"Dignissim eget bibendum vitae, scelerisque eget justo. Duis tincidunt erat quam. Etiam placerat sapien elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque egestas ornare sagittis."</h6>
<p><span>Caroline Smith, Imperio General director</span></p>
</div>
</li>
</ul>
</div>
<div class="sixteen columns">
<div class="separator-space"></div>
</div>
<div class="sixteen columns">
<div class="link-box">
<h6>WE HELP BUILD PRODUCTS FROM IDEA TO LAUNCH.</h6>
<div class="cl-effect-8"><a href="javascript:goTo('folio');"><span>works</span></a></div>
</div>
</div>
<div class="sixteen columns">
<div class="separator-space-bottom"></div>
</div>
</div>
</article>
<article id="folio" class="off">
<div class="social-top">
<ul class="list-social">
<li class="icon-soc"><a href="#"></a></li>
<li class="icon-soc"><a href="#"></a></li>
<li class="icon-soc"><a href="#"></a></li>
<li class="icon-soc"><a href="#"></a></li>
</ul>
</div>
<h1>Portfolio</h1>
<div class="container">
<div class="sixteen columns">
<div class="sep"></div>
</div>
</div>
<div class="clear"></div>
<div class="container">
<div class="sixteen columns">
<div id="portfolio-filter">
<ul id="filter">
<li><div class="cl-effect-8"><a href="#" class="current" data-filter="*" title="Show all items">Show all</a></div></li>
<li><div class="cl-effect-8"><a href="#" data-filter=".photography" title="Show all items under Photography">photography</a></div></li>
<li><div class="cl-effect-8"><a href="#" data-filter=".illustration" title="Show all items under Illustration">illustration</a></div></li>
<li><div class="cl-effect-8"><a href="#" data-filter=".motion-graphics" title="Show all items under Motion Graphics">motion graphics</a></div></li>
<li><div class="cl-effect-8"><a href="#" data-filter=".web-design" title="Show all items under Web Design">web design</a></div></li>
</ul>
</div>
</div>
</div>
<div class="clear"></div>
<div class="container">
<div class="all-works">
<div class="one-third column one-work photography web-design illustration">
<a class='iframe group1' href="project.html" title="">
<div class="mask"></div>
<div class="work-text"><h6>Project Name</h6></div>
<img src="images/gallery/1.jpg" alt=""/>
</a>
</div>
<div class="one-third column one-work illustration">
<a class='iframe group1' href="project1.html" title="">
<div class="mask"></div>
<div class="work-text"><h6>Project Name</h6></div>
<img src="images/gallery/2.jpg" alt=""/>
</a>
</div>
<div class="one-third column one-work motion-graphics">
<a class='iframe group1' href="project.html" title="">
<div class="mask"></div>
<div class="work-text"><h6>Project Name</h6></div>
<img src="images/gallery/3.jpg" alt=""/>
</a>
</div>
<div class="one-third column one-work photography">
<a class='iframe group1' href="project1.html" title="">
<div class="mask"></div>
<div class="work-text"><h6>Project Name</h6></div>
<img src="images/gallery/4.jpg" alt=""/>
</a>
</div>
<div class="one-third column one-work illustration">
<a class='iframe group1' href="project.html" title="">
<div class="mask"></div>
<div class="work-text"><h6>Project Name</h6></div>
<img src="images/gallery/5.jpg" alt=""/>
</a>
</div>
<div class="one-third column one-work motion-graphics illustration">
<a class='iframe group1' href="project1.html" title="">
<div class="mask"></div>
<div class="work-text"><h6>Project Name</h6></div>
<img src="images/gallery/6.jpg" alt=""/>
</a>
</div>
<div class="one-third column one-work photography">
<a class='iframe group1' href="project.html" title="">
<div class="mask"></div>
<div class="work-text"><h6>Project Name</h6></div>
<img src="images/gallery/7.jpg" alt=""/>
</a>
</div>
<div class="one-third column one-work web-design">
<a class='iframe group1' href="project1.html" title="">
<div class="mask"></div>
<div class="work-text"><h6>Project Name</h6></div>
<img src="images/gallery/8.jpg" alt=""/>
</a>
</div>
<div class="one-third column one-work illustration photography">
<a class='iframe group1' href="project.html" title="">
<div class="mask"></div>
<div class="work-text"><h6>Project Name</h6></div>
<img src="images/gallery/9.jpg" alt=""/>
</a>
</div>
<div class="one-third column one-work motion-graphics web-design">
<a class='iframe group1' href="project1.html" title="">
<div class="mask"></div>
<div class="work-text"><h6>Project Name</h6></div>
<img src="images/gallery/10.jpg" alt=""/>
</a>
</div>
<div class="one-third column one-work photography motion-graphics">
<a class='iframe group1' href="project.html" title="">
<div class="mask"></div>
<div class="work-text"><h6>Project Name</h6></div>
<img src="images/gallery/11.jpg" alt=""/>
</a>
</div>
</div>
<div class="sixteen columns">
<div class="separator-space"></div>
</div>
<div class="sixteen columns">
<div class="link-box">
<h6>HAVE YOU FALLEN IN LOVE YET WITH OUR PORTFOLIO?</h6>
<div class="cl-effect-8"><a href="javascript:goTo('contact');"><span>contact us</span></a></div>
</div>
</div>
<div class="sixteen columns">
<div class="separator-space-bottom"></div>
</div>
</div>
<div class="clear"></div>
</article>
<article id="contact" class="off">
<div class="social-top">
<ul class="list-social">
<li class="icon-soc"><a href="#"></a></li>
<li class="icon-soc"><a href="#"></a></li>
<li class="icon-soc"><a href="#"></a></li>
<li class="icon-soc"><a href="#"></a></li>
</ul>
</div>
<div id="map"></div>
<div class="contact-wrap">
<p><strong>Visit Us:</strong> First Street, Sunrise Avenue, New York, USA</p>
<p><strong>Mail Us:</strong> <a href="mailto:office@yoursite.com" title="">office@yoursite.com</a></p>
<p><strong>Call Us:</strong> (123) 456-7890</p>
</div>
</article> -->
</section>
<!-- JAVASCRIPT
================================================== -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/modernizr.custom.js"></script>
<script type="text/javascript" src="js/jquery.mb.YTPlayer.js"></script>
<script type="text/javascript" src="js/mb.bgndGallery.js"></script>
<script type="text/javascript" src="js/jquery.bxslider.min.js"></script>
<script type="text/javascript" src="js/jquery.fitvids.js"></script>
<script type="text/javascript" src="js/jquery.ferro.ferroMenu-1.0.min.js"></script>
<script type="text/javascript" src="js/jquery.transit.min.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/jquery.masonry.min.js"></script>
<script type="text/javascript" src="js/jquery.colorbox.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="js/gmaps.js"></script>
<script type="text/javascript" src="js/template.js"></script>
<!-- End Document
================================================== -->
</body>
</html>