API tools faq
paste
Advertisement
luccasrodrigo

index.html

luccasrodrigo
Aug 28th, 2017
651
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 39.98 KB | None | 0 0
raw download clone embed print report
  1. <!--A Design by W3layouts
  2. Author: W3layout
  3. Author URL: http://w3layouts.com
  4. License: Creative Commons Attribution 3.0 Unported
  5. License URL: http://creativecommons.org/licenses/by/3.0/
  6. -->
  7. <!DOCTYPE html>
  8. <html lang="en">
  9. <head>
  10. <title>Oryon Terceirização</title>
  11. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> <!--320-->
  12. <meta charset="utf-8">
  13. <meta name="keywords" content="Global Food Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
  14. Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
  15. <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
  16. <link rel='shortcut icon' type='image/x-icon' href='images/favicon.ico' />
  17. <!-- bootstrap-css -->
  18. <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
  19. <!--// bootstrap-css -->
  20. <!-- css -->
  21. <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
  22. <!--// css -->
  23. <!-- font-awesome icons -->
  24. <link href="css/font-awesome.css" rel="stylesheet">
  25. <!-- //font-awesome icons -->
  26. <link rel="stylesheet" href="css/owl.carousel.css" type="text/css" media="all">
  27. <link href="css/owl.theme.css" rel="stylesheet">
  28. <!-- font -->
  29. <link href="//fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
  30. <link href="//fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
  31. <!-- //font -->
  32. <script src="js/jquery-1.11.1.min.js"></script>
  33. <script src="js/bootstrap.js"></script>
  34. <script src="js/jquery.mask.js"></script>
  35. <script type="text/javascript">
  36.     jQuery(document).ready(function($) {
  37.         $(".scroll").click(function(event){    
  38.             event.preventDefault();
  39.             $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
  40.         });
  41.     });
  42. </script>
  43. <!--[if lt IE 9]>
  44.  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  45. <![endif]-->
  46. <script>
  47.  
  48. $('.scroll').click(function(){
  49.     $('html, body').animate({scrollTop:0}, 'slow');
  50. });
  51.    
  52. $(document).ready(function() {
  53.    
  54.     $('input[type="tel"]').mask('(99) 99999-9999');
  55.    
  56.     $("#owl-demo").owlCarousel({
  57.  
  58.         autoPlay: 3000, //Set AutoPlay to 3 seconds
  59.         autoPlay:true,
  60.         items : 3,
  61.         itemsDesktop : [640,5],
  62.         itemsDesktopSmall : [414,4]
  63.  
  64.     });
  65.    
  66.     $('form').submit(function(event){
  67.         event.preventDefault();
  68.         var form = $('form')[0];
  69.         var data = new FormData(form);
  70.                
  71.         jQuery.ajax({
  72.             data: data,
  73.             url: 'mail.php',
  74.             type: 'post',
  75.             enctype: 'multipart/form-data',
  76.             async: false,
  77.             cache: false,
  78.             contentType: false,
  79.             processData: false,
  80.             success: function(data){
  81.                 if(data == ''){
  82.                     $('#bxOp').slideDown(500);
  83.                     $('#bxOp p').html('<span style="color: #8bc34a !important;">Sua mensagem foi enviada com sucesso, aguarde que retornaremos o contato.</span>');
  84.                 }else{
  85.                     $('#bxOp').slideDown(500);
  86.                     $('#bxOp p').html('<span style="color: #F44336 !important;">Sua mensagem foi enviada com sucesso, aguarde que retornaremos o contato.</span>');
  87.                 }
  88.                 //$('form input[type="submit"]').attr('disabled', 'disabled');
  89.                 $('form').trigger("reset");
  90.                 $('form p').text('');
  91.                 setTimeout(function(){$('#bxOp').slideUp(500);}, 5000);
  92.             }
  93.         });
  94.     });
  95. });
  96. </script>
  97. </head>
  98. <body>
  99.     <!-- banner -->
  100.     <div class="banner">
  101.         <div class="header">
  102.             <div class="container">
  103.                 <div class="header-left">
  104.                     <div class="w3layouts-logo">
  105.                         <h1>
  106.                             <a href="#"><!--<img src="images/logo.png" />--> <span style="color:#FFF !important; font-size:0.9em !important; font-weight:bold;">Oryon</span> <span>Terceirização</span></a>
  107.                         </h1>
  108.                     </div>
  109.                 </div>
  110.                 <!--<div class="header-right">
  111.                     <p><i class="fa fa-map-marker" aria-hidden="true"></i> Rua 1003, Q. 4 L. 14, Casa 50 - S. Pedro Ludovico - Goiânia</p>
  112.                 </div>-->
  113.                 <div class="clearfix"> </div>
  114.             </div>
  115.         </div>
  116.         <div class="header-bottom">
  117.             <div class="container">
  118.                 <div class="top-nav">
  119.                         <nav class="navbar navbar-default">
  120.                                 <div class="navbar-header">
  121.                                     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  122.                                         <span class="sr-only">Toggle navigation</span>
  123.                                         <span class="icon-bar"></span>
  124.                                         <span class="icon-bar"></span>
  125.                                         <span class="icon-bar"></span>
  126.                                     </button>
  127.                                 </div>
  128.  
  129.                             <!-- Collect the nav links, forms, and other content for toggling -->
  130.                             <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  131.                                 <ul class="nav navbar-nav">
  132.                                     <li><a class="list-border scroll" href="index.html">Início</a></li>
  133.                                     <li><a href="#empresa" class="scroll">Empresa</a></li>
  134.                                     <li><a href="#markets" class="scroll">Serviços</a></li>
  135.                                     <li><a href="#parceiros" class="scroll">Parceiros</a></li>
  136.                                     <li>
  137.                                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  138.                                             Contato <b class="caret"></b>
  139.                                         </a>
  140.                                         <ul class="dropdown-menu">
  141.                                             <li><a href="#contato" class="scroll">Formulário</a></li>
  142.                                             <li><a href="vagas-de-emprego.html">Vagas de Emprego</a></li>
  143.                                         </ul>
  144.                                     </li>
  145.                                 </ul>  
  146.                                 <div class="clearfix"> </div>
  147.                             </div> 
  148.                         </nav>     
  149.                 </div>
  150.                 <!-- w3-banner -->
  151.                 <div class="w3-banner">
  152.                     <div class="w3layouts-phone">
  153.                         <h2><i class="fa fa-whatsapp" aria-hidden="true"></i> <span style="font-size:0.5em;">62</span> 9 8414 9970</h2>
  154.                         <p>A mais completa solução em BEST SERVICES</p>
  155.                         <h2 style="color: rgba(255, 255, 255, 0.43);">Terceirização</span></h2>
  156.                     </div>
  157.                 </div>
  158.                 <!-- //w3-banner -->
  159.             </div>
  160.         </div>
  161.     </div>
  162.     <!-- //banner -->
  163.     <!-- welcome -->
  164.     <div class="tabs" id="empresa">
  165.         <div class="container">
  166.             <div class="col-md tabs-left">
  167.                 <div class="w3-text">
  168.                     <h3 class="title">Empresa</h3>
  169.                     <p>A Oryon tem como referência a excelência e altíssima qualidade dos seus serviços, que está diretamente ligada a nossa responsabilidade social, ambiental, investimento em treinamentos, programas de capacitação e saúde de nossos colaboradores. O comprometimento de toda a equipe da Oryon traz eficiência e confiabilidade ao nosso cliente e parceiro.</p>
  170.                 </div>
  171.                 <div class="clearfix"> </div>
  172.             </div>
  173.             <div class="clearfix"> </div>
  174.         </div>
  175.     </div>
  176.     <!-- //welcome -->
  177.     <!-- welcome-bottom -->
  178.     <div class="welcome-bottom">
  179.         <div class="container">
  180.             <div class="wthree-welcome-bottom-grids">
  181.                 <div class="col-md-6 wthree-welcome-bottom-left">
  182.                     <h4>MULTISERVIÇO</h4>
  183.                     <p>Com uma gestão moderna e flexível, oferecemos projetos técnicos, gerenciamento e execução de serviços de limpeza, conservação, limpeza pós obra, copa, portaria, controle de acesso, coordenação de espaços, infraestruturas, eventos e organizações com excelência máxima. Buscamos um elo na dinâmica organizacional integrando pessoas, locais, processos e tecnologia na prestação de serviços gerais a estádios, shopping centers, indústrias, empresas, rede de lojas, centros comerciais, hotéis, hospitais, clínicas, laboratórios, bancos, hipermercados, escolas e faculdades.</p>
  184.                 </div >
  185.                 <div class="col-md-6 wthree-welcome-bottom-left">
  186.                     <h4>TERCEIRIZAÇAO DE MAO DE OBRA</h4>
  187.                     <p>Com muitas definições e enfoques, o Best Service nada mais é do que uma terceirização de mão de obra ampla e integrada, onde um único provedor se torna responsável por uma gama maior de serviços e com projetos e estudos técnicos específicos para cada cliente, se consolida como uma solução eficaz e otimizada. O objetivo maior da gestão através desta ferramenta é gerenciar as atividades para proporcionar aos usuários finais mais conforto e segurança, possibilitando a concentração de seus esforços nas suas atividades principais.</p>
  188.                 </div >
  189.                 <div class="clearfix"> </div>
  190.             </div>
  191.         </div>
  192.     </div>
  193.     <!-- //welcome-bottom -->
  194.    
  195.     <!-- Modal -->
  196.     <div id="gestao" class="modal fade" role="dialog">
  197.       <div class="modal-dialog">
  198.    
  199.         <!-- Modal content-->
  200.         <div class="modal-content">
  201.           <div class="modal-header">
  202.             <button type="button" class="close" data-dismiss="modal">&times;</button>
  203.             <h4 class="modal-title">Gestão de Pessoas e Custos</h4>
  204.           </div>
  205.           <div class="modal-body">
  206.             <p><img src="images/modal/gestao.jpg"></p>
  207.             <p>Já pensou em ter uma empresa que cuida da contratação de pessoas para prestação de serviços terceirizados, do pagamento, das questões jurídicas e de outras burocracias? A Oryon faz isso e muito mais.</p>
  208.           </div>
  209.           <div class="modal-footer">
  210.             <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
  211.           </div>
  212.         </div>
  213.    
  214.       </div>
  215.     </div> <!--// Modal -->
  216.    
  217.     <!-- Modal -->
  218.     <div id="portaria" class="modal fade" role="dialog">
  219.       <div class="modal-dialog">
  220.    
  221.         <!-- Modal content-->
  222.         <div class="modal-content">
  223.           <div class="modal-header">
  224.             <button type="button" class="close" data-dismiss="modal">&times;</button>
  225.             <h4 class="modal-title">Portaria, Vigia, Controle de acesso e Rondas</h4>
  226.           </div>
  227.           <div class="modal-body">
  228.             <p><img src="images/modal/portaria.jpg"></p>
  229.             <p>Segurança é tudo, não é mesmo? A empresa Oryon possui profissionais altamente qualificados e treinados para realizar serviços de ronda e segurança para a sua empresa. Se você está preocupado em manter tudo em ordem e seguro.</p>
  230.           </div>
  231.           <div class="modal-footer">
  232.             <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
  233.           </div>
  234.         </div>
  235.    
  236.       </div>
  237.     </div> <!--// Modal -->
  238.    
  239.     <!-- Modal -->
  240.     <div id="limpeza" class="modal fade" role="dialog">
  241.       <div class="modal-dialog">
  242.    
  243.         <!-- Modal content-->
  244.         <div class="modal-content">
  245.           <div class="modal-header">
  246.             <button type="button" class="close" data-dismiss="modal">&times;</button>
  247.             <h4 class="modal-title">Conservação, Limpeza e Limpeza Pós Obras</h4>
  248.           </div>
  249.           <div class="modal-body">
  250.             <p><img src="images/modal/limpeza.jpg"></p>
  251.             <p>Esses são dois dos itens fundamentais para o bom funcionamento de uma empresa. A Oryon oferece soluções imediatas e eficientes para a necessidade de cada negócio. A mão de obra especializada dos nossos prestadores de serviço garante ao cliente tranquilidade para se dedicar às suas atividades primárias.</p><p>Desenvolvendo soluções customizadas e projetos operacionais especializados, A empresa Oryon entrega a excelência máxima na limpeza pós obra com profissionais altamente capacitados, coordenação técnica constante e comprometimento total com objetivos e prazos.</p>
  252.           </div>
  253.           <div class="modal-footer">
  254.             <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
  255.           </div>
  256.         </div>
  257.    
  258.       </div>
  259.     </div> <!--// Modal -->
  260.    
  261.     <!-- Modal -->
  262.     <div id="empresas" class="modal fade" role="dialog">
  263.       <div class="modal-dialog">
  264.    
  265.         <!-- Modal content-->
  266.         <div class="modal-content">
  267.           <div class="modal-header">
  268.             <button type="button" class="close" data-dismiss="modal">&times;</button>
  269.             <h4 class="modal-title">Empresas</h4>
  270.           </div>
  271.           <div class="modal-body">
  272.             <p><img src="images/modal/empresas.jpg"></p>
  273.             <p>Trazemos soluções imediatas e eficientes para a necessidade de cada empresa. Nossa mão de obra especializada garante a excelência da limpeza, e o cliente tem total tranquilidade para se dedicar as suas atividades.</p>
  274.           </div>
  275.           <div class="modal-footer">
  276.             <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
  277.           </div>
  278.         </div>
  279.    
  280.       </div>
  281.     </div> <!--// Modal -->
  282.    
  283.      <!-- Modal -->
  284.     <div id="concessionarias" class="modal fade" role="dialog">
  285.       <div class="modal-dialog">
  286.    
  287.         <!-- Modal content-->
  288.         <div class="modal-content">
  289.           <div class="modal-header">
  290.             <button type="button" class="close" data-dismiss="modal">&times;</button>
  291.             <h4 class="modal-title">Concessionárias</h4>
  292.           </div>
  293.           <div class="modal-body">
  294.             <p><img src="images/modal/concessionarias.jpg"></p>
  295.             <p>Criamos um sistema simples e inteligente para a limpeza e conservação de concessionárias automotivas. O sistema possui coordenação fixa e supervisão constante, que resulta em um atendimento ímpar, eficiente e de altíssima qualidade.</p>
  296.           </div>
  297.           <div class="modal-footer">
  298.             <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
  299.           </div>
  300.         </div>
  301.    
  302.       </div>
  303.     </div> <!--// Modal -->
  304.    
  305.     <!-- Modal -->
  306.     <div id="industrias" class="modal fade" role="dialog">
  307.       <div class="modal-dialog">
  308.    
  309.         <!-- Modal content-->
  310.         <div class="modal-content">
  311.           <div class="modal-header">
  312.             <button type="button" class="close" data-dismiss="modal">&times;</button>
  313.             <h4 class="modal-title">Indústrias</h4>
  314.           </div>
  315.           <div class="modal-body">
  316.             <p><img src="images/modal/industrias.jpg"></p>
  317.             <p>A empresa Oryon viabiliza operações em indústrias com projetos especializados e customizados, atuação técnica profissionalizada e gestão integrada, promovendo total sinergia entre equipes e redução de custos ao contratante.</p>
  318.           </div>
  319.           <div class="modal-footer">
  320.             <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
  321.           </div>
  322.         </div>
  323.    
  324.       </div>
  325.     </div> <!--// Modal -->
  326.    
  327.     <!-- Modal -->
  328.     <div id="supermercados" class="modal fade" role="dialog">
  329.       <div class="modal-dialog">
  330.    
  331.         <!-- Modal content-->
  332.         <div class="modal-content">
  333.           <div class="modal-header">
  334.             <button type="button" class="close" data-dismiss="modal">&times;</button>
  335.             <h4 class="modal-title">Supermercados</h4>
  336.           </div>
  337.           <div class="modal-body">
  338.             <p><img src="images/modal/supermercados.jpg"></p>
  339.             <p>Supermercados também estão na nossa lista de setores atendidos. Oferecemos serviços completos para esse segmento, sempre prezando pela qualidade, gestão integrada e redução de custos para a empresa contratante.</p>
  340.           </div>
  341.           <div class="modal-footer">
  342.             <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
  343.           </div>
  344.         </div>
  345.    
  346.       </div>
  347.     </div> <!--// Modal -->
  348.    
  349.     <!-- Modal -->
  350.     <div id="hospitais" class="modal fade" role="dialog">
  351.       <div class="modal-dialog">
  352.    
  353.         <!-- Modal content-->
  354.         <div class="modal-content">
  355.           <div class="modal-header">
  356.             <button type="button" class="close" data-dismiss="modal">&times;</button>
  357.             <h4 class="modal-title">Hospitais</h4>
  358.           </div>
  359.           <div class="modal-body">
  360.             <p><img src="images/modal/hospitais.jpg"></p>
  361.             <p>A empresa Oryon viabiliza operações em hospitais com projetos especializados e customizados, atuação técnica profissionalizada e gestão integrada, promovendo total sinergia entre equipes e redução de custos ao contratante.</p>
  362.           </div>
  363.           <div class="modal-footer">
  364.             <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
  365.           </div>
  366.         </div>
  367.    
  368.       </div>
  369.     </div> <!--// Modal -->
  370.    
  371.     <!-- Modal -->
  372.     <div id="lojas" class="modal fade" role="dialog">
  373.       <div class="modal-dialog">
  374.    
  375.         <!-- Modal content-->
  376.         <div class="modal-content">
  377.           <div class="modal-header">
  378.             <button type="button" class="close" data-dismiss="modal">&times;</button>
  379.             <h4 class="modal-title">Lojas e Redes de varejo</h4>
  380.           </div>
  381.           <div class="modal-body">
  382.             <p><img src="images/modal/lojas.jpg"></p>
  383.             <p>Promover a harmonia entre as equipes e diminuir os custos da empresa contratante. Esse são os principais benefícios oferecidos pela empresa Oryon para as lojas e redes de varejo.</p>
  384.           </div>
  385.           <div class="modal-footer">
  386.             <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
  387.           </div>
  388.         </div>
  389.    
  390.       </div>
  391.     </div> <!--// Modal -->
  392.    
  393.     <!-- Modal -->
  394.     <div id="estadios" class="modal fade" role="dialog">
  395.       <div class="modal-dialog">
  396.    
  397.         <!-- Modal content-->
  398.         <div class="modal-content">
  399.           <div class="modal-header">
  400.             <button type="button" class="close" data-dismiss="modal">&times;</button>
  401.             <h4 class="modal-title">Estádios</h4>
  402.           </div>
  403.           <div class="modal-body">
  404.             <p><img src="images/modal/estadios.jpg"></p>
  405.             <p>A empresa Oryon viabiliza operações em estádios com projetos especializados e customizados. A grande infraestrutura não é um problema para a nossa equipe de colaboradores.</p>
  406.           </div>
  407.           <div class="modal-footer">
  408.             <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
  409.           </div>
  410.         </div>
  411.    
  412.       </div>
  413.     </div> <!--// Modal -->
  414.    
  415.     <!-- Modal -->
  416.     <div id="estacionamentos" class="modal fade" role="dialog">
  417.       <div class="modal-dialog">
  418.    
  419.         <!-- Modal content-->
  420.         <div class="modal-content">
  421.           <div class="modal-header">
  422.             <button type="button" class="close" data-dismiss="modal">&times;</button>
  423.             <h4 class="modal-title">Estacionamentos</h4>
  424.           </div>
  425.           <div class="modal-body">
  426.             <p><img src="images/modal/estacionamentos.jpg"></p>
  427.             <p>Os estacionamentos sempre requerem muito cuidado e atenção. Pensando nisso, a empresa Oryon oferece serviço completo para esse segmento. Se você precisa de mais informações entre em contato conosco.</p>
  428.           </div>
  429.           <div class="modal-footer">
  430.             <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
  431.           </div>
  432.         </div>
  433.    
  434.       </div>
  435.     </div> <!--// Modal -->
  436.    
  437.     <!-- Modal -->
  438.     <div id="shopping" class="modal fade" role="dialog">
  439.       <div class="modal-dialog">
  440.    
  441.         <!-- Modal content-->
  442.         <div class="modal-content">
  443.           <div class="modal-header">
  444.             <button type="button" class="close" data-dismiss="modal">&times;</button>
  445.             <h4 class="modal-title">Shopping Centers</h4>
  446.           </div>
  447.           <div class="modal-body">
  448.             <p><img src="images/modal/shopping.jpg"></p>
  449.             <p>Gerir um shopping pode não ser tarefa fácil. Já pensou em contratar uma equipe de conservação e limpeza para te ajudar nessa área? A empresa Oryon oferece gestão integrada, o que vai te ajudar a poupar tempo e focar no seu core business.</p>
  450.           </div>
  451.           <div class="modal-footer">
  452.             <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
  453.           </div>
  454.         </div>
  455.    
  456.       </div>
  457.     </div> <!--// Modal -->
  458.    
  459.     <!-- Modal -->
  460.     <div id="escolas" class="modal fade" role="dialog">
  461.       <div class="modal-dialog">
  462.    
  463.         <!-- Modal content-->
  464.         <div class="modal-content">
  465.           <div class="modal-header">
  466.             <button type="button" class="close" data-dismiss="modal">&times;</button>
  467.             <h4 class="modal-title">Escolas e Universidades</h4>
  468.           </div>
  469.           <div class="modal-body">
  470.             <p><img src="images/modal/escolas.jpg"></p>
  471.             <p>A empresa Oryon desenvolve operações personalizadas e customizadas para escolas e universidades. A educação é fundamental no desenvolvimento humano, por isso merece atenção especial.</p>
  472.           </div>
  473.           <div class="modal-footer">
  474.             <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
  475.           </div>
  476.         </div>
  477.    
  478.       </div>
  479.     </div> <!--// Modal -->
  480.    
  481.     <!-- Modal -->
  482.     <div id="edificios" class="modal fade" role="dialog">
  483.       <div class="modal-dialog">
  484.    
  485.         <!-- Modal content-->
  486.         <div class="modal-content">
  487.           <div class="modal-header">
  488.             <button type="button" class="close" data-dismiss="modal">&times;</button>
  489.             <h4 class="modal-title">Edifícios e Centros Comerciais</h4>
  490.           </div>
  491.           <div class="modal-body">
  492.             <p><img src="images/modal/edificios.jpg"></p>
  493.             <p>A empresa Oryon viabiliza operações em edifícios e centros comerciais com projetos especializados e customizados, atuação técnica profissionalizada e gestão integrada, promovendo total sinergia entre equipes e redução de custos ao contratante.</p>
  494.           </div>
  495.           <div class="modal-footer">
  496.             <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
  497.           </div>
  498.         </div>
  499.    
  500.       </div>
  501.     </div> <!--// Modal -->
  502.    
  503.     <!-- Modal -->
  504.     <div id="eventos" class="modal fade" role="dialog">
  505.       <div class="modal-dialog">
  506.    
  507.         <!-- Modal content-->
  508.         <div class="modal-content">
  509.           <div class="modal-header">
  510.             <button type="button" class="close" data-dismiss="modal">&times;</button>
  511.             <h4 class="modal-title">Eventos</h4>
  512.           </div>
  513.           <div class="modal-body">
  514.             <p><img src="images/modal/eventos.jpg"></p>
  515.             <p>Com projetos especializados, profissionais altamente capacitados, coordenação técnica, materiais e equipamentos próprios e de ponta, realizamos com excelência a limpeza de shows, festas, convenções, feiras e eventos em geral.</p>
  516.           </div>
  517.           <div class="modal-footer">
  518.             <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
  519.           </div>
  520.         </div>
  521.    
  522.       </div>
  523.     </div> <!--// Modal -->
  524.    
  525.     <!-- markets -->
  526.     <div class="markets" id="markets">
  527.         <div class="container">
  528.             <div class="wthree-heading">
  529.                 <h3>Serviços</h3>
  530.             </div>
  531.             <div class="markets-grids">
  532.                 <div class="col-md-4 w3ls-markets-grid">
  533.                     <a href="#" data-toggle="modal" data-target="#gestao">
  534.                         <div class="agileits-icon-grid">
  535.                             <div class="icon-left">
  536.                                 <i class="fa fa-users" aria-hidden="true"></i>
  537.                             </div>
  538.                             <div class="icon-right">
  539.                                 <h5>Gestão de Pessoas e de Custos</h5>
  540.                             </div>
  541.                             <div class="clearfix"> </div>
  542.                         </div>
  543.                     </a>
  544.                 </div>
  545.                
  546.                 <div class="col-md-4 w3ls-markets-grid">
  547.                     <a href="#" data-toggle="modal" data-target="#portaria">
  548.                         <div class="agileits-icon-grid">
  549.                             <div class="icon-left">
  550.                                 <i class="fa fa-shield" aria-hidden="true"></i>
  551.                             </div>
  552.                             <div class="icon-right">
  553.                                 <h5>Portaria, Vigia, Controle de acesso e Rondas</h5>
  554.                             </div>
  555.                             <div class="clearfix"> </div>
  556.                         </div>
  557.                     </a>
  558.                 </div>
  559.                
  560.                 <div class="col-md-4 w3ls-markets-grid">
  561.                     <a href="#" data-toggle="modal" data-target="#limpeza">
  562.                         <div class="agileits-icon-grid">
  563.                             <div class="icon-left">
  564.                                 <i class="fa fa-trash" aria-hidden="true"></i>
  565.                             </div>
  566.                             <div class="icon-right">
  567.                                 <h5>Conservação, Limpeza e Limpeza Pós Obras</h5>
  568.                             </div>
  569.                             <div class="clearfix"> </div>
  570.                         </div>
  571.                     </a>
  572.                 </div>
  573.                
  574.                 <div class="col-md-4 w3ls-markets-grid">
  575.                     <a href="#" data-toggle="modal" data-target="#empresas">
  576.                         <div class="agileits-icon-grid">
  577.                             <div class="icon-left">
  578.                                 <i class="fa fa-briefcase" aria-hidden="true"></i>
  579.                             </div>
  580.                             <div class="icon-right">
  581.                                 <h5>Empresas</h5>
  582.                             </div>
  583.                             <div class="clearfix"> </div>
  584.                         </div>
  585.                     </a>
  586.                 </div>
  587.                
  588.                 <div class="col-md-4 w3ls-markets-grid">
  589.                     <a href="#" data-toggle="modal" data-target="#concessionarias">
  590.                         <div class="agileits-icon-grid">
  591.                             <div class="icon-left">
  592.                                 <i class="fa fa-car" aria-hidden="true"></i>
  593.                             </div>
  594.                             <div class="icon-right">
  595.                                 <h5>Concessionárias</h5>
  596.                             </div>
  597.                             <div class="clearfix"> </div>
  598.                         </div>
  599.                     </a>
  600.                 </div>
  601.                
  602.                 <div class="col-md-4 w3ls-markets-grid">
  603.                     <a href="#" data-toggle="modal" data-target="#industrias">
  604.                         <div class="agileits-icon-grid">
  605.                             <div class="icon-left">
  606.                                 <i class="fa fa-industry" aria-hidden="true"></i>
  607.                             </div>
  608.                             <div class="icon-right">
  609.                                 <h5>Indústrias</h5>
  610.                             </div>
  611.                             <div class="clearfix"> </div>
  612.                         </div>
  613.                     </a>
  614.                 </div>
  615.                
  616.                 <div class="col-md-4 w3ls-markets-grid">
  617.                     <a href="#" data-toggle="modal" data-target="#supermercados">
  618.                         <div class="agileits-icon-grid">
  619.                             <div class="icon-left">
  620.                                 <i class="fa fa-shopping-cart" aria-hidden="true"></i>
  621.                             </div>
  622.                             <div class="icon-right">
  623.                                 <h5>Supermercados</h5>
  624.                             </div>
  625.                             <div class="clearfix"> </div>
  626.                         </div>
  627.                     </a>
  628.                 </div>
  629.                
  630.                 <div class="col-md-4 w3ls-markets-grid">
  631.                     <a href="#" data-toggle="modal" data-target="#hospitais">
  632.                         <div class="agileits-icon-grid">
  633.                             <div class="icon-left">
  634.                                 <i class="fa fa-hospital-o" aria-hidden="true"></i>
  635.                             </div>
  636.                             <div class="icon-right">
  637.                                 <h5>Hospitais</h5>
  638.                             </div>
  639.                             <div class="clearfix"> </div>
  640.                         </div>
  641.                     </a>
  642.                 </div>
  643.                
  644.                 <div class="col-md-4 w3ls-markets-grid">
  645.                     <a href="#" data-toggle="modal" data-target="#lojas">
  646.                         <div class="agileits-icon-grid">
  647.                             <div class="icon-left">
  648.                                 <i class="fa fa-shopping-basket" aria-hidden="true"></i>
  649.                             </div>
  650.                             <div class="icon-right">
  651.                                 <h5>Lojas e Redes de varejo</h5>
  652.                             </div>
  653.                             <div class="clearfix"> </div>
  654.                         </div>
  655.                     </a>
  656.                 </div>
  657.                
  658.                 <div class="col-md-4 w3ls-markets-grid">
  659.                     <a href="#" data-toggle="modal" data-target="#estadios">
  660.                         <div class="agileits-icon-grid">
  661.                             <div class="icon-left">
  662.                                 <i class="fa fa-futbol-o" aria-hidden="true"></i>
  663.                             </div>
  664.                             <div class="icon-right">
  665.                                 <h5>Estádios</h5>
  666.                             </div>
  667.                             <div class="clearfix"> </div>
  668.                         </div>
  669.                     </a>
  670.                 </div>
  671.                
  672.                 <div class="col-md-4 w3ls-markets-grid">
  673.                     <a href="#" data-toggle="modal" data-target="#estacionamentos">
  674.                         <div class="agileits-icon-grid">
  675.                             <div class="icon-left">
  676.                                 <i class="fa fa-ban" aria-hidden="true"></i>
  677.                             </div>
  678.                             <div class="icon-right">
  679.                                 <h5>Estacionamentos</h5>
  680.                             </div>
  681.                             <div class="clearfix"> </div>
  682.                         </div>
  683.                     </a>
  684.                 </div>
  685.                
  686.                 <div class="col-md-4 w3ls-markets-grid">
  687.                     <a href="#" data-toggle="modal" data-target="#shopping">
  688.                         <div class="agileits-icon-grid">
  689.                             <div class="icon-left">
  690.                                 <i class="fa fa-shopping-bag" aria-hidden="true"></i>
  691.                             </div>
  692.                             <div class="icon-right">
  693.                                 <h5>Shopping Centers</h5>
  694.                             </div>
  695.                             <div class="clearfix"> </div>
  696.                         </div>
  697.                     </a>
  698.                 </div>
  699.                
  700.                 <div class="col-md-4 w3ls-markets-grid">
  701.                     <a href="#" data-toggle="modal" data-target="#escolas">
  702.                         <div class="agileits-icon-grid">
  703.                             <div class="icon-left">
  704.                                 <i class="fa fa-graduation-cap" aria-hidden="true"></i>
  705.                             </div>
  706.                             <div class="icon-right">
  707.                                 <h5>Escolas e Universidades</h5>
  708.                             </div>
  709.                             <div class="clearfix"> </div>
  710.                         </div>
  711.                     </a>
  712.                 </div>
  713.                
  714.                 <div class="col-md-4 w3ls-markets-grid">
  715.                     <a href="#" data-toggle="modal" data-target="#edificios">
  716.                         <div class="agileits-icon-grid">
  717.                             <div class="icon-left">
  718.                                 <i class="fa fa-building" aria-hidden="true"></i>
  719.                             </div>
  720.                             <div class="icon-right">
  721.                                 <h5>Edifícios e Centros Comerciais</h5>
  722.                             </div>
  723.                             <div class="clearfix"> </div>
  724.                         </div>
  725.                     </a>
  726.                 </div>
  727.                
  728.                 <div class="col-md-4 w3ls-markets-grid">
  729.                     <a href="#" data-toggle="modal" data-target="#eventos">
  730.                         <div class="agileits-icon-grid">
  731.                             <div class="icon-left">
  732.                                 <i class="fa fa-calendar" aria-hidden="true"></i>
  733.                             </div>
  734.                             <div class="icon-right">
  735.                                 <h5>Eventos, Festas e Convenções</h5>
  736.                             </div>
  737.                             <div class="clearfix"> </div>
  738.                         </div>
  739.                     </a>
  740.                 </div>
  741.                
  742.                 <div class="clearfix"> </div>
  743.             </div>
  744.         </div>
  745.     </div>
  746.     <!-- //markets -->
  747.     <!-- team -->
  748.     <div class="team" id="parceiros">
  749.         <div class="container">
  750.             <div class="wthree-heading">
  751.                 <h3>Parceiros</h3>
  752.             </div>
  753.             <div class="team-grids">
  754.                 <!-- Bottom to top-->
  755.                     <div class="col-sm-4 team-grid">
  756.                         <!-- normal -->
  757.                         <div class="ih-item circle bottom_to_top">
  758.                             <a href="http://semacidentes.com.br/" target="_blank"><div class="img"><img src="images/t1.jpg" alt="img"></div></a>
  759.                         </div>
  760.                         <!-- end normal -->
  761.                     </div>
  762.                     <div class="col-sm-4 team-grid">
  763.                         <!-- normal -->
  764.                         <div class="ih-item circle bottom_to_top">
  765.                             <a href="http://www.presegconsultoria.com.br/" target="_blank"><div class="img"><img src="images/t2.jpg" alt="img"></div></a>
  766.                         </div>
  767.                         <!-- end normal -->
  768.                     </div>
  769.                     <div class="col-sm-4 team-grid">
  770.                         <!-- normal -->
  771.                         <div class="ih-item circle bottom_to_top">
  772.                             <a href="#contato" class="scroll"><div class="img"><img src="images/t3.jpg" alt="img"></div></a>
  773.                         </div>
  774.                         <!-- end normal -->
  775.                     </div>
  776.                     <div class="clearfix"> </div>
  777.                 <!-- end Bottom to top-->
  778.             </div>
  779.         </div>
  780.     </div>
  781.     <!-- //team -->
  782.     <!-- feedback -->
  783.     <div class="jarallax feedback">
  784.         <div class="container">
  785.             <div class="wthree-heading feedback-heading">
  786.                 <h3>Clientes</h3>
  787.             </div>
  788.             <div class="agileits-feedback-grids">
  789.                 <div id="owl-demo" class="owl-carousel owl-theme">
  790.                     <div class="item">
  791.                         <div class="feedback-info">
  792.                             <div class="feedback-top">
  793.                                 <p> Sed semper leo metus, a lacinia eros semper at. Etiam sodales orci sit amet vehicula pellentesque. </p>
  794.                             </div>
  795.                             <div class="feedback-grids">
  796.                                 <div class="feedback-img-info">
  797.                                     <h5>Peter Parker</h5>
  798.                                     <p>Vestibulum</p>
  799.                                 </div>
  800.                                 <div class="clearfix"> </div>
  801.                             </div>
  802.                         </div> 
  803.                     </div>
  804.                     <div class="item">
  805.                         <div class="feedback-info">
  806.                             <div class="feedback-top">
  807.                                 <p> Sed semper leo metus, a lacinia eros semper at. Etiam sodales orci sit amet vehicula pellentesque. </p>
  808.                             </div>
  809.                             <div class="feedback-grids">
  810.                                 <div class="feedback-img-info">
  811.                                     <h5>Mary Jane</h5>
  812.                                     <p>Vestibulum</p>
  813.                                 </div>
  814.                                 <div class="clearfix"> </div>
  815.                             </div>
  816.                         </div> 
  817.                     </div>
  818.                     <div class="item">
  819.                         <div class="feedback-info">
  820.                             <div class="feedback-top">
  821.                                 <p> Sed semper leo metus, a lacinia eros semper at. Etiam sodales orci sit amet vehicula pellentesque. </p>
  822.                             </div>
  823.                             <div class="feedback-grids">
  824.                                 <div class="feedback-img-info">
  825.                                     <h5>Steven Wilson</h5>
  826.                                     <p>Vestibulum</p>
  827.                                 </div>
  828.                                 <div class="clearfix"> </div>
  829.                             </div>
  830.                         </div> 
  831.                     </div>
  832.                 </div>
  833.             </div>
  834.         </div>
  835.     </div>
  836.     <!-- //feedback -->
  837.     <!-- contact -->
  838.     <div class="contact" id="contato">
  839.         <div class="container">
  840.             <div class="wthree-heading">
  841.                 <h3>Contato</h3>
  842.             </div>
  843.             <div id="bxOp" class="col-sm team-grid" style="display:none;">
  844.                 <p style="margin-top: 20px;"></p>
  845.             </div>
  846.             <div class="agile-contact-form">
  847.                 <form action="#" method="post">
  848.                     <input type="text" name="nome" style="float: left;" placeholder="Seu nome" required>
  849.                     <input type="tel" name="telefone" placeholder="Seu telefone" required>
  850.                     <input type="email" name="email" placeholder="Seu e-mail" required>                    
  851.                     <textarea name="mensagem" placeholder="Sua mensagem" required></textarea>
  852.                     <input type="submit" value="Enviar">
  853.                     <label for="file-upload" class="custom-file-upload"><i class="fa fa-cloud-upload"></i> Anexar currículo</label>
  854.                     <input id="file-upload" name="arquivo" type="file" accept=".doc,.pdf,.docx"/>
  855.                     <p></p>
  856.                 </form>
  857.                
  858.                 <script type="text/javascript">
  859.                 $(document).ready(function(e) {
  860.                     $('#file-upload').change(function () {
  861.                         $('form p').html(function(){
  862.                             var fakePath = $('#file-upload').val().toString().split('\\');
  863.                             return fakePath[fakePath.length - 1];
  864.                         });
  865.                     });
  866.                 });
  867.                 </script>
  868.                 <div class="w3agile-map">
  869.                     <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3821.4872616546772!2d-49.249407785133016!3d-16.702522288492496!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMTbCsDQyJzA5LjEiUyA0OcKwMTQnNTAuMCJX!5e0!3m2!1spt-BR!2sus!4v1502571806200" allowfullscreen=""></iframe>
  870.                 </div>
  871.             </div>
  872.         </div>
  873.     </div>
  874.     <!-- //contact -->
  875.     <!-- footer -->
  876.     <div class="footer">
  877.         <div class="container">
  878.             <div class="agile-footer-grids">
  879.                 <div class="col-md-4 agile-footer-grid">
  880.                     <h4>Endereço</h4>
  881.                     <p><i class="fa fa-map-marker" aria-hidden="true"></i> Rua 1003, Q. 4 L. 14, Casa 50 - S. Pedro Ludovico - Goiânia/GO - 74.820-160<span><i class="fa fa-envelope-o" aria-hidden="true"></i> contato@oryon.me</span></p>
  882.                 </div>
  883.                 <div class="col-md-4 agile-footer-grid">
  884.                     <h4>Contato</h4>
  885.                     <ul class="w3agile_footer_grid_list">
  886.                         <li>Caroline Esteves Kossa <br /><i class="fa fa-whatsapp" aria-hidden="true"></i> <a href="#">62 9 8587 0347</a></li>
  887.                         <li>Guilherme Esteves Kossa <br /><i class="fa fa-whatsapp" aria-hidden="true"></i> <a href="#">62 9 8414 9970</a></li>
  888.                     </ul>
  889.                 </div>
  890.                 <div class="col-md-3 agile-footer-grid">
  891.                     <h4>Desenvolvimento</h4>
  892.                     <ul class="w3agile_footer_grid_list">
  893.                         <li class="text"><a href="index.html">http://bwdagenciadigital.com</a></li>
  894.                     </ul>
  895.                 </div>
  896.                 <div class="clearfix"> </div>
  897.             </div>
  898.         </div>
  899.     </div>
  900.     <!-- //footer -->
  901.     <!-- copyright -->
  902.     <div class="agileits-w3layouts-copyright">
  903.         <div class="container">
  904.             <p>© 2017 Oryon Terceirização ME. Todos os direitos reservados | Modificado por: <a href="http://bwdagenciadigital.com">BWD Agência Digital</a> Desenhado por <a href="http://w3layouts.com">W3layouts</a></p>
  905.         </div>
  906.     </div>
  907.     <!-- //copyright -->
  908.     <script src="js/SmoothScroll.min.js"></script>
  909.     <script type="text/javascript" src="js/move-top.js"></script>
  910.     <script type="text/javascript" src="js/easing.js"></script>
  911.     <!-- here stars scrolling icon -->
  912.     <script type="text/javascript">
  913.         $(document).ready(function() {
  914.             /*
  915.                 var defaults = {
  916.                 containerID: 'toTop', // fading element id
  917.                 containerHoverID: 'toTopHover', // fading element hover id
  918.                 scrollSpeed: 1200,
  919.                 easingType: 'linear'
  920.                 };
  921.             */
  922.                                
  923.             $().UItoTop({ easingType: 'easeOutQuart' });
  924.                                
  925.             });
  926.     </script>
  927.     <!-- //here ends scrolling icon -->
  928.     <script src="js/owl.carousel.js"></script>
  929.     <script src="js/jarallax.js"></script>
  930.     <script type="text/javascript">
  931.                 /* init Jarallax */
  932.                 $('.jarallax').jarallax({
  933.                     speed: 0.5,
  934.                     imgWidth: 1366,
  935.                     imgHeight: 768
  936.                 })
  937.                
  938.             </script>
  939. </body>
  940. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!