<!DOCTYPE html>
<html lang="pt">
<head>
	<!--

Made by: Pascoal Luís
Email: luisaowq2@gmail.com

>>>>>>> Made with love in Angola <<<<<<<<<<
-->
	<title><?php echo static::e($title); ?></title>
	<meta name="viewport"
   content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<base href="<?php echo static::e(BASE_URL."public/"); ?>">

	<!--- Favico -->

	<link rel="apple-touch-icon" sizes="57x57" href="assets/img/favico/apple-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="60x60" href="assets/img/favico/apple-icon-60x60.png">
	<link rel="apple-touch-icon" sizes="72x72" href="assets/img/favico/apple-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="assets/img/favico/apple-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="assets/img/favico/apple-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="assets/img/favico/apple-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="assets/img/favico/apple-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="assets/img/favico/apple-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favico/apple-icon-180x180.png">
	<link rel="icon" type="image/png" sizes="192x192"  href="assets/img/favico/android-icon-192x192.png">
	<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favico/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favico/favicon-96x96.png">
	<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favico/favicon-16x16.png">
	<link rel="manifest" href="/manifest.json">
	<meta name="msapplication-TileColor" content="#ffffff">
	<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
	<meta name="theme-color" content="#ffffff">

	<!-- --- Styles --- -->
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Arvo:wght@400;700&family=Open+Sans&display=swap" rel="stylesheet">

	<link rel="stylesheet" type="text/css" href="assets/vendor/iconfont/material-icons.css">
	<link rel="stylesheet" type="text/css" href="assets/css/searchForm.css">
	<link rel="stylesheet" type="text/css" href="assets/css/standard1.css">
	<link rel="stylesheet" type="text/css" href="assets/css/development.css">
	<link href='https://api.mapbox.com/mapbox-gl-js/v1.2.0/mapbox-gl.css' rel='stylesheet' />
	<link rel="stylesheet" type="text/css" href="assets/vendor/font-awesome-4.7.0/css/font-awesome.min.css">

	<script src='https://api.mapbox.com/mapbox-gl-js/v1.2.0/mapbox-gl.js'></script>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-P9T0B0KSSY"></script>
	<script>
 window.dataLayer = window.dataLayer || [];
 function gtag(){dataLayer.push(arguments);}
 gtag('js', new Date());

 gtag('config', 'G-P9T0B0KSSY');
	</script>

	<?php echo $this->yieldPushContent("styles"); ?>
</head>
<body >
<button class="hidden" data-target="#solicitate-budget-modal" data-toggle="modal" id="btn-solicitate-budget-modal"></button>
<div class="container-fluid px-0 first-tip fixed-top " >
	<div class="bg-darker-std container-fluid">
 <div class="row">
 <div class="col-12 col-lg-6 py-3 ">

 <div class="d-flex justify-content-left">
 <div class="d-flex mr-3">
 <div class="d-flex align-items-center">
 <i class=" sm-font fa fa-envelope-o text-light mr-2"></i>
 <p class="text-std-2 mb-0 sm-font text-light">geral@datelcom.co.ao</p>
 </div>
 </div>

 <div class="d-flex mr-3">
 <div class="d-flex align-items-center">
 <i class=" sm-font fa fa-phone text-light mr-2"></i>
 <p class="text-std-2 mb-0 sm-font text-light">+244 993 514 754</p>
 </div>
 </div>
 </div>


 </div>

 <div class="col-12 col-lg-6 py-3 border-x-left-dark hidden-sm">

 <div class="d-flex justify-content-end">
 <div class="d-flex mr-3">
 <div class="d-flex align-items-center">
 <i class=" sm-font material-icons text-light mr-2">place</i>
 <p class="text-std-2 mb-0 sm-font text-light">Ruela Nº4 – Bairro Camama, N° 10, Talatona, Luanda</p>
 </div>
 </div>

 <div class="d-flex mr-3">
 <div class="d-flex align-items-center">
 <i class=" sm-font material-icons text-light mr-2">query_builder</i>
 <p class="text-std-2 mb-0 sm-font text-light">8:00 - 17:30</p>
 </div>
 </div>
 </div>


 </div>

 </div>
	</div>
	<nav id="main-menu" class="navbar navbar-expand-sm py-0 bg-white shadow-sm  nav-menu justify-content-between ">
 <div class="container">
 <button class="navbar-toggler my-3" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
 <i class="material-icons text-dark">menu</i>
 </button>
 <a class="navbar-brand" href="<?php echo static::e(URL("/")); ?>">
 <img src="assets/img/logo.png" width="90px">
 </a>
 <div class="collapse  navbar-collapse  justify-content-center" id="collapsibleNavbar">

 <ul class="navbar-nav rounded-x-bottom nav-hover justify-content-center">

 <li class="nav-item px-3">
 <a class="nav-link text-dark sm-font py-4
  <?php echo static::e((getCurrentURL() == "/") ? 'active' : ''); ?>

  text-std-1 text-uppercase"
    href="<?php echo static::e(URL("/")); ?>">início</a>
 </li>

 <li class="nav-item px-3">
 <a class="nav-link text-dark sm-font py-4
  <?php echo static::e((getCurrentURL() == "sobre-nos") ? 'active' : ''); ?>

  text-std-1 text-uppercase"
    href="<?php echo static::e(URL("sobre-nos")); ?>">Sobre Nós</a>
 </li>

 <li class="nav-item px-3">
 <a class="nav-link text-dark sm-font py-4  scroll-link text-std-1 text-uppercase"
    href="<?php echo static::e(URL("")); ?>#services">Nossos serviços</a>
 </li>
 <li class="nav-item px-3">
 <a class="nav-link text-dark sm-font py-4  scroll-link text-std-1 text-uppercase"
    href="<?php echo static::e(URL("")); ?>#footer">Contactos</a>
 </li>
 </ul>

 </div>
 </div>


	</nav>
</div>
<?php echo $this->yieldContent('content'); ?>

<footer  id="footer" class="bg-white pt-5">

	<div class="row justify-content-center align-items-center">
 <div class="col-8 col-lg-2 pb-3">
 <div class="justify-content-left d-flex">
 <a class="navbar-brand" href="index.html">
 <img src="assets/img/logo.png" width="120px">
 </a>
 </div>
 </div>
 <div class="col-12 col-lg-6 py-3">
 <nav class="navbar navbar-expand-sm pt-0 nav-menu justify-content-left "
 >
 <div class="container-fluid">
 <div class="row align-items-center justify-content-left w-100">


 <div class="col-lg-12 col-12 mb-3">
 <div class="justify-content-left">

 <div class="d-flex justify-content-left nav-hover">

 <p class="mb-0">
 <a class="mr-4 text-dark text-uppercase
 sm-font text-std-1"
    href="<?php echo static::e(URL("")); ?>">
 Início
 </a>
 </p>
 <p class="mb-0">
 <a class="mr-4 text-dark text-uppercase sm-font text-std-1"
    href="<?php echo static::e(URL("sobre-nos")); ?>"
 >
 Sobre Nós</a>
 </p>
 <p class="mb-0">
 <a class="mr-4 text-dark text-uppercase sm-font text-std-1"
    href="<?php echo static::e(URL("")); ?>/#services">
 Nossos Serviços
 </a>
 </p>

 <p class="mb-0">
 <a class=" text-dark text-uppercase sm-font text-std-1"
    href="<?php echo static::e(URL("")); ?>/#footer">
 Contactos
 </a>
 </p>



 </div>

 </div>
 </div>
 </div>
 </div>
 </nav>

 <div class="container-fluid">
 <p class="text-std-2">
 A Datelcom, Serviços e Comércio, Lda. é uma empresa de direito Angolana, constituídas em 2012, mas com escritura desde 2017, com sede no Bairro Camama, NIF 5417605073, Luanda - Angola. Empresa opera no mercado Nacional no seguimento de projectos de Manutenção de Infraestruturas, Telecomunicações, Energia, Informática, Construção Civil e Climatização e Frio.
 </p>
 </div>

 </div>
 <div class="col-12 col-lg-12 bg-standard">

 <div class="grid-container rounded pt-5  rounded border-top-x-dark">
 <div class="row justify-content-between">
 <div class="col-12 col-lg-12 pb-3">
 <p class="text-center text-light text-std-2">2021 Datelcom, Serviços e Comércio, © Todos os direitos reservados</p>
 </div>

 <div class="col-12 col-lg-12">
 <div class="">
 <p class="text-light text-center text-std-2">From Angola, with love <i class=" fa fa-heart ml-2 mr-2"></i>
 </p>
 <p class="text-light text-center text-uppercase text-std-2">
 <span class="d-block">Made By</span>
 <a href="https://www.atech.co.ao" class="text-light" target="_blank">Atech - Angola Technology</a>
 </p>
 </div>
 </div>

 <div class="col-12 col-lg-12">
 <div class="d-flex justify-content-center pt-3">
 <a class=" btn std-bg bg-white rounded-0 rotation-animation scroll-link shadow-x-2 " href="#begin">
 <i class="material-icons">expand_less</i>
 </a>
 </div>
 </div>

 </div>
 </div>
 </div>
	</div>
</footer>

<!-- The Modal -->
<div class="modal fade" id="solicitate-budget-modal">
	<div class="modal-dialog rounded-0">
 <div class="modal-content rounded-0">

 <!-- Modal Header -->
 <div class="modal-header border-bottom-0">
 <h4 class="modal-title font-weight-bold sm-font text-std">Orçamento</h4>
 <button type="button" class="close" data-dismiss="modal">&times;</button>
 </div>

 <!-- Modal body -->
 <div class="modal-body  border-top-0">
 <div id="solicitation-step" class="carousel slide my-0" data-interval="false" data-ride="carousel">

 <!-- The slideshow -->
 <div class="carousel-inner">
 <div id="solicitation-user-holder" class="carousel-item active">

 <h5 class="font-weight-bold text-std-1 mb-4">
 Solicitação de Orçamento
 </h5>

 <p class="text-std-2">
 Preencha os seguintes dados para prosseguir com a solicitação de orçamento
 </p>

 <div class="form-group">
 <label class="text-std-1 sm-font"
    for="user-name">Nome Completo:</label>
 <input type="text"
    placeholder="João Kipala"
    class="form-control" id="user-name">
 </div>

 <div class="form-group">
 <label class="text-std-1 sm-font" for="user-email">Email:</label>
 <input type="text"
    placeholder="joao.kipala@gmail.com"
    class="form-control bg-light" id="user-email">
 </div>

 <div class="form-group">
 <label class="text-std-1 sm-font" for="user-phone">Telefone:</label>
 <input type="text"
    placeholder="+244 944 900 234"
    class="form-control" id="user-phone">
 </div>

 </div>
 <div class="carousel-item">

 <h5 class="font-weight-bold text-std-1 mb-4">
 Informe-nos o que deseja
 </h5>

 <p class="text-std-2">
 Descreva o que deseja que nós façamos para si
 </p>

 <select name="services-select" class="custom-select">
 <option value="Implementação de Estações de Rádio Base (Turn key)" selected>Implementação de Estações de Rádio Base (Turn key)</option>
 <option value="Modernização ou Reengenharias,">Modernização ou Reengenharias,</option>
 <option value="Redes de Fibra Óptica">Redes de Fibra Óptica</option>
 <option value="Energia, Climatização & Frio">Energia, Climatização & Frio</option>
 <option value="Instalação de Sistema de Segurança Electrónica">Instalação de Sistema de Segurança Electrónica</option>
 </select>

 <div class="form-group mt-4">
 <label class="text-std-1 sm-font " for="user-comment">Dê mais detalhes sobre o que deseja(Opcional):</label>
 <textarea class="form-control" rows="6" id="user-comment"></textarea>
 </div>

 </div>

 </div>
 </div>
 </div>

 <!-- Modal footer -->
 <div class="modal-footer justify-content-left">

 <div class="form-step mr-2 active">

 </div>

 <div class="form-step mr-2">

 </div>

 <button id="btn-submit-solicitation" class="ml-auto btn btn-danger px-5 rounded-0">
 Prosseguir
 <i class="fa fa-long-arrow-right ml-2"></i>
 </button>
 </div>

 </div>
	</div>
</div>

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
 integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
 crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src='https://api.mapbox.com/mapbox-gl-js/v1.2.0/mapbox-gl.js'></script>

<script src="assets/vendor/ScrollMagic/assets/js/lib/greensock/plugins/ScrollToPlugin.min.js"></script>
<script src="assets/vendor/ScrollMagic/assets/js/lib/jquery.min.js"></script>
<script src="assets/vendor/ScrollMagic/assets/js/lib/modernizr.custom.min.js"></script>
<script src="assets/vendor/ScrollMagic/assets/js/lib/iscroll-probe.js"></script>
<script src="assets/vendor/ScrollMagic/scrollmagic/minified/ScrollMagic.min.js"></script>
<script src="assets/vendor/ScrollMagic/scrollmagic/minified/plugins/animation.gsap.min.js"></script>
<script src="assets/vendor/ScrollMagic/scrollmagic/minified/plugins/debug.addIndicators.min.js"></script>

<script src="assets/js/main.js"></script>
<script src="assets/js/submission.js"></script>
<script>
	PNotify.defaults.styling = 'bootstrap4';
	PNotify.defaults.icons = 'fontawesome4';
</script>

<?php echo $this->yieldPushContent("scripts"); ?>

</body>
</html>

