/home/dvjjulio/fortexsecurity.com/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<!--====== Required meta tags ======-->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZJN8LDQP1E"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-ZJN8LDQP1E');
</script>
<!-- End Google Tag Manager -->
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!--====== Title ======-->
<title>Fortex | Security</title>
<!-- Descripción (máximo 155 caracteres) -->
<meta name="description" content="En Fortex Security ofrecemos soluciones avanzadas en seguridad para hogares, empresas e industrias. ¡Protege lo que más importa!">
<!-- Palabras clave (Google ya no la usa, pero otros motores pueden) -->
<meta name="keywords" content="seguridad, cámaras, alarmas, protección, vigilancia, Fortex Security">
<!-- Autor -->
<meta name="author" content="Fortex Security">
<!-- Robots -->
<meta name="robots" content="index, follow">
<!-- Open Graph (para compartir en redes sociales) -->
<meta property="og:title" content="Fortex Security - Soluciones Integrales de Seguridad">
<meta property="og:description" content="Protege tu hogar o empresa con la mejor tecnología en seguridad.">
<meta property="og:image" content="https://fortexsecurity.com/assets/images/pixelcut-export.png">
<meta property="og:url" content="https://fortexsecurity.com">
<meta property="og:type" content="website">
<!--====== Favicon Icon ======-->
<link rel="shortcut icon" href="https://fortexsecurity.com/assets/images/header/favicon.ico" type="image/x-icon" />
<!--====== Bootstrap css ======-->
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<!--====== Line Icons css ======-->
<link rel="stylesheet" href="assets/css/lineicons.css" />
<!--====== Tiny Slider css ======-->
<link rel="stylesheet" href="assets/css/tiny-slider.css" />
<!--====== gLightBox css ======-->
<link rel="stylesheet" href="assets/css/glightbox.min.css" />
<link rel="stylesheet" href="style.css" />
<style>
/* Alert Styles for Contact Form */
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
font-size: 14px;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.alert i {
margin-right: 8px;
}
/* Loading button styles */
.btn-loading {
display: inline-flex;
align-items: center;
gap: 8px;
}
.btn-loading i {
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* Form validation styles */
.contact-form input:invalid,
.contact-form textarea:invalid {
border-color: #dc3545;
}
.contact-form input:valid,
.contact-form textarea:valid {
border-color: #28a745;
}
/* Responsive Logo Styles */
.navbar-brand img {
width: 138px; /* Default for mobile */
height: auto;
transition: width 0.3s ease;
}
/* Desktop styles */
@media (min-width: 768px) {
.navbar-brand img {
width: 250px;
}
}
/* Sidebar logo responsive */
.sidebar-logo img {
width: 138px; /* Default for mobile */
height: auto;
transition: width 0.3s ease;
}
@media (min-width: 768px) {
.sidebar-logo img {
width: 200px; /* Slightly smaller than navbar for sidebar */
}
}
/* Footer logo responsive */
.footer-widget.f-about .logo img {
width: 138px; /* Default for mobile */
height: auto;
transition: width 0.3s ease;
}
@media (min-width: 768px) {
.footer-widget.f-about .logo img {
width: 250px;
}
}
</style>
</head>
<body>
<!--====== NAVBAR NINE PART START ======-->
<section class="navbar-area navbar-nine">
<div class="container">
<div class="row">
<div class="col-lg-12">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="index.html">
<img src="assets/images/pixelcut-export.png" alt="Logo" />
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNine"
aria-controls="navbarNine" aria-expanded="false" aria-label="Toggle navigation">
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarNine" style="font-size: 25px;">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="page-scroll active" href="#hero-area">Home</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#services">Servicios</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#pricing">Precios</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#contact">Contacto</a>
</li>
</ul>
</div>
<div class="navbar-btn d-none d-lg-inline-block">
<a class="menu-bar" href="#side-menu-left"><i class="lni lni-menu"></i></a>
</div>
</nav>
<!-- navbar -->
</div>
</div>
<!-- row -->
</div>
<!-- container -->
</section>
<!--====== NAVBAR NINE PART ENDS ======-->
<!--====== SIDEBAR PART START ======-->
<div class="sidebar-left">
<div class="sidebar-close">
<a class="close" href="#close"><i class="lni lni-close"></i></a>
</div>
<div class="sidebar-content">
<div class="sidebar-logo">
<a href="index.html"><img src="assets/images/pixelcut-export.png" alt="Logo" /></a>
</div>
<p class="text">Somos una empresa dedicada a la seguridad de tu hogar.</p>
<!-- logo -->
<div class="sidebar-menu">
<h5 class="menu-title">Accesos rapidos</h5>
<ul>
<li><a href="javascript:void(0)">Acerca de nosotros</a></li>
<li><a href="javascript:void(0)">El equipo</a></li>
<li><a href="javascript:void(0)">Ultimas noticias</a></li>
<li><a href="javascript:void(0)">Contactanos</a></li>
</ul>
</div>
<!-- menu -->
<div class="sidebar-social align-items-center justify-content-center">
<h5 class="social-title">Follow Us On</h5>
<ul>
<li>
<a href="javascript:void(0)"><i class="lni lni-facebook-filled"></i></a>
</li>
<li>
<a href="javascript:void(0)"><i class="lni lni-twitter-original"></i></a>
</li>
<li>
<a href="javascript:void(0)"><i class="lni lni-linkedin-original"></i></a>
</li>
<li>
<a href="javascript:void(0)"><i class="lni lni-youtube"></i></a>
</li>
</ul>
</div>
<!-- sidebar social -->
</div>
<!-- content -->
</div>
<div class="overlay-left"></div>
<!--====== SIDEBAR PART ENDS ======-->
<!-- Start header Area -->
<section id="hero-area" class="header-area header-eight">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-12 col-12">
<div class="header-content">
<h1>Fortex Security<h1>
<p>
Seguridad fuerte, soluciones inteligentes
</p>
<div class="button">
<a href="https://wa.me/5213320218155?text=Hola%20buen%20dia%21%0AEstoy%20intersado%20solicitar%20informacion%20de%20la%20instalacion%20de%20camaras%20y%20alarmas%0AGracias%21" target="_blank" class="btn primary-btn">Escribenos</a>
<!-- <a href="https://www.youtube.com/watch?v=r44RKWyfcFw&fbclid=IwAR21beSJORalzmzokxDRcGfkZA1AtRTE__l5N4r09HcGS5Y6vOluyouM9EM"
class="glightbox video-button">
<span class="btn icon-btn rounded-full">
<i class="lni lni-play"></i>
</span>
<span class="text">Ver Intro</span>
</a> -->
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-12">
<div class="header-image">
<img src="assets/images/header/hero-image.png" alt="#" />
</div>
</div>
</div>
</div>
</section>
<!-- End header Area -->
<!--====== ABOUT FIVE PART START ======-->
<section class="about-area about-five">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-12">
<div class="about-image-five">
<svg class="shape" width="106" height="134" viewBox="0 0 106 134" fill="none"
xmlns="http://www.w3.org/2000/svg">
<circle cx="1.66654" cy="1.66679" r="1.66667" fill="#DADADA" />
<circle cx="1.66654" cy="16.3335" r="1.66667" fill="#DADADA" />
<circle cx="1.66654" cy="31.0001" r="1.66667" fill="#DADADA" />
<circle cx="1.66654" cy="45.6668" r="1.66667" fill="#DADADA" />
<circle cx="1.66654" cy="60.3335" r="1.66667" fill="#DADADA" />
<circle cx="1.66654" cy="88.6668" r="1.66667" fill="#DADADA" />
<circle cx="1.66654" cy="117.667" r="1.66667" fill="#DADADA" />
<circle cx="1.66654" cy="74.6668" r="1.66667" fill="#DADADA" />
<circle cx="1.66654" cy="103" r="1.66667" fill="#DADADA" />
<circle cx="1.66654" cy="132" r="1.66667" fill="#DADADA" />
<circle cx="16.3333" cy="1.66679" r="1.66667" fill="#DADADA" />
<circle cx="16.3333" cy="16.3335" r="1.66667" fill="#DADADA" />
<circle cx="16.3333" cy="31.0001" r="1.66667" fill="#DADADA" />
<circle cx="16.3333" cy="45.6668" r="1.66667" fill="#DADADA" />
<circle cx="16.333" cy="60.3335" r="1.66667" fill="#DADADA" />
<circle cx="16.333" cy="88.6668" r="1.66667" fill="#DADADA" />
<circle cx="16.333" cy="117.667" r="1.66667" fill="#DADADA" />
<circle cx="16.333" cy="74.6668" r="1.66667" fill="#DADADA" />
<circle cx="16.333" cy="103" r="1.66667" fill="#DADADA" />
<circle cx="16.333" cy="132" r="1.66667" fill="#DADADA" />
<circle cx="30.9998" cy="1.66679" r="1.66667" fill="#DADADA" />
<circle cx="74.6665" cy="1.66679" r="1.66667" fill="#DADADA" />
<circle cx="30.9998" cy="16.3335" r="1.66667" fill="#DADADA" />
<circle cx="74.6665" cy="16.3335" r="1.66667" fill="#DADADA" />
<circle cx="30.9998" cy="31.0001" r="1.66667" fill="#DADADA" />
<circle cx="74.6665" cy="31.0001" r="1.66667" fill="#DADADA" />
<circle cx="30.9998" cy="45.6668" r="1.66667" fill="#DADADA" />
<circle cx="74.6665" cy="45.6668" r="1.66667" fill="#DADADA" />
<circle cx="31" cy="60.3335" r="1.66667" fill="#DADADA" />
<circle cx="74.6668" cy="60.3335" r="1.66667" fill="#DADADA" />
<circle cx="31" cy="88.6668" r="1.66667" fill="#DADADA" />
<circle cx="74.6668" cy="88.6668" r="1.66667" fill="#DADADA" />
<circle cx="31" cy="117.667" r="1.66667" fill="#DADADA" />
<circle cx="74.6668" cy="117.667" r="1.66667" fill="#DADADA" />
<circle cx="31" cy="74.6668" r="1.66667" fill="#DADADA" />
<circle cx="74.6668" cy="74.6668" r="1.66667" fill="#DADADA" />
<circle cx="31" cy="103" r="1.66667" fill="#DADADA" />
<circle cx="74.6668" cy="103" r="1.66667" fill="#DADADA" />
<circle cx="31" cy="132" r="1.66667" fill="#DADADA" />
<circle cx="74.6668" cy="132" r="1.66667" fill="#DADADA" />
<circle cx="45.6665" cy="1.66679" r="1.66667" fill="#DADADA" />
<circle cx="89.3333" cy="1.66679" r="1.66667" fill="#DADADA" />
<circle cx="45.6665" cy="16.3335" r="1.66667" fill="#DADADA" />
<circle cx="89.3333" cy="16.3335" r="1.66667" fill="#DADADA" />
<circle cx="45.6665" cy="31.0001" r="1.66667" fill="#DADADA" />
<circle cx="89.3333" cy="31.0001" r="1.66667" fill="#DADADA" />
<circle cx="45.6665" cy="45.6668" r="1.66667" fill="#DADADA" />
<circle cx="89.3333" cy="45.6668" r="1.66667" fill="#DADADA" />
<circle cx="45.6665" cy="60.3335" r="1.66667" fill="#DADADA" />
<circle cx="89.3333" cy="60.3335" r="1.66667" fill="#DADADA" />
<circle cx="45.6665" cy="88.6668" r="1.66667" fill="#DADADA" />
<circle cx="89.3333" cy="88.6668" r="1.66667" fill="#DADADA" />
<circle cx="45.6665" cy="117.667" r="1.66667" fill="#DADADA" />
<circle cx="89.3333" cy="117.667" r="1.66667" fill="#DADADA" />
<circle cx="45.6665" cy="74.6668" r="1.66667" fill="#DADADA" />
<circle cx="89.3333" cy="74.6668" r="1.66667" fill="#DADADA" />
<circle cx="45.6665" cy="103" r="1.66667" fill="#DADADA" />
<circle cx="89.3333" cy="103" r="1.66667" fill="#DADADA" />
<circle cx="45.6665" cy="132" r="1.66667" fill="#DADADA" />
<circle cx="89.3333" cy="132" r="1.66667" fill="#DADADA" />
<circle cx="60.3333" cy="1.66679" r="1.66667" fill="#DADADA" />
<circle cx="104" cy="1.66679" r="1.66667" fill="#DADADA" />
<circle cx="60.3333" cy="16.3335" r="1.66667" fill="#DADADA" />
<circle cx="104" cy="16.3335" r="1.66667" fill="#DADADA" />
<circle cx="60.3333" cy="31.0001" r="1.66667" fill="#DADADA" />
<circle cx="104" cy="31.0001" r="1.66667" fill="#DADADA" />
<circle cx="60.3333" cy="45.6668" r="1.66667" fill="#DADADA" />
<circle cx="104" cy="45.6668" r="1.66667" fill="#DADADA" />
<circle cx="60.333" cy="60.3335" r="1.66667" fill="#DADADA" />
<circle cx="104" cy="60.3335" r="1.66667" fill="#DADADA" />
<circle cx="60.333" cy="88.6668" r="1.66667" fill="#DADADA" />
<circle cx="104" cy="88.6668" r="1.66667" fill="#DADADA" />
<circle cx="60.333" cy="117.667" r="1.66667" fill="#DADADA" />
<circle cx="104" cy="117.667" r="1.66667" fill="#DADADA" />
<circle cx="60.333" cy="74.6668" r="1.66667" fill="#DADADA" />
<circle cx="104" cy="74.6668" r="1.66667" fill="#DADADA" />
<circle cx="60.333" cy="103" r="1.66667" fill="#DADADA" />
<circle cx="104" cy="103" r="1.66667" fill="#DADADA" />
<circle cx="60.333" cy="132" r="1.66667" fill="#DADADA" />
<circle cx="104" cy="132" r="1.66667" fill="#DADADA" />
</svg>
<img src="assets/images/about/about-img1.jpg" alt="about" />
</div>
</div>
<div class="col-lg-6 col-12">
<div class="about-five-content">
<h6 class="small-title text-lg">Nuestra historia</h6>
<h2 class="main-title fw-bold">Somos un equipo con experiencia y conocimiento</h2>
<div class="about-five-tab">
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<button class="nav-link active" id="nav-who-tab" data-bs-toggle="tab" data-bs-target="#nav-who"
type="button" role="tab" aria-controls="nav-who" aria-selected="true">Quienes somos</button>
<button class="nav-link" id="nav-vision-tab" data-bs-toggle="tab" data-bs-target="#nav-vision"
type="button" role="tab" aria-controls="nav-vision" aria-selected="false">Nuestra Vision</button>
<button class="nav-link" id="nav-history-tab" data-bs-toggle="tab" data-bs-target="#nav-history"
type="button" role="tab" aria-controls="nav-history" aria-selected="false">Nuestras Historia</button>
</div>
</nav>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-who" role="tabpanel" aria-labelledby="nav-who-tab">
<p>En <strong>Fortex Security</strong>, somos una empresa 100% mexicana especializada en soluciones integrales
de videovigilancia y seguridad para hogares, negocios y empresas.
Nos apasiona proteger lo que más valoran nuestros clientes, combinando tecnología de vanguardia,
procesos ágiles y un servicio cercano y personalizado.</p>
<p>Gracias a nuestra experiencia y compromiso, brindamos productos y servicios que garantizan tranquilidad,
confianza y un precio justo, adaptados a las necesidades específicas de cada cliente, ya sea residencial o corporativo.</p>
</div>
<div class="tab-pane fade" id="nav-vision" role="tabpanel" aria-labelledby="nav-vision-tab">
<p>Ser la empresa líder en soluciones de seguridad en México, reconocida por la calidad de nuestros productos,
la agilidad en nuestros servicios y la confianza que generamos en cada cliente.
Buscamos innovar constantemente, adoptando tecnologías de punta que permitan ofrecer la máxima protección
a hogares, negocios y corporativos, sin comprometer la accesibilidad ni la eficiencia.
</p>
</div>
<div class="tab-pane fade" id="nav-history" role="tabpanel" aria-labelledby="nav-history-tab">
<p><strong>Fortex Security</strong> nace de la visión y el esfuerzo conjunto de dos emprendedores mexicanos que, compartiendo valores
familiares y una fuerte pasión por la tecnología, decidieron crear una empresa capaz de ofrecer soluciones de
seguridad confiables y al alcance de todos.</p>
<p>Observando la creciente necesidad de sistemas de vigilancia eficientes, accesibles y de rápida instalación en el
mercado nacional, decidimos fundar <strong>Fortex Security</strong> con la misión de brindar protección sin compromisos:
productos de calidad, atención ágil y un precio justo para cada cliente.</p>
<p>Hoy, gracias a la confianza de nuestros clientes, seguimos creciendo con la firme convicción de mantenernos a
la vanguardia en soluciones de videovigilancia, ofreciendo tranquilidad y respaldo a hogares,
pequeños comercios y grandes corporativos.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- container -->
</section>
<!--====== ABOUT FIVE PART ENDS ======-->
<!-- ===== service-area start ===== -->
<section id="services" class="services-area services-eight">
<!--====== Start Section Title Five ======-->
<div class="section-title-five">
<div class="container">
<div class="row">
<div class="col-12">
<div class="content">
<h6>Servicios</h6>
<h2 class="fw-bold">Nuestros Servicios</h2>
<p>
En Fortex Security, ofrecemos soluciones integrales de videovigilancia diseñadas para adaptarse a
las necesidades de hogares, comercios y empresas. Nos especializamos en la instalación,
mantenimiento y modernización de sistemas de seguridad, utilizando tecnología de última generación que
garantiza imágenes nítidas, monitoreo en tiempo real y acceso remoto desde cualquier dispositivo.
</p>
</div>
</div>
</div>
<!-- row -->
</div>
<!-- container -->
</div>
<!--====== End Section Title Five ======-->
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="single-services">
<div class="service-icon">
<i class="lni lni-camera"></i>
</div>
<div class="service-content">
<h4>Instalación de camaras</h4>
<p>
En <strong>Fortex Security</strong> ofrecemos soluciones de videovigilancia con tecnología de última generación.
Realizamos la instalación de cámaras de seguridad para hogares, negocios y empresas, garantizando
una cobertura óptima, calidad de imagen en alta definición, visión nocturna y monitoreo remoto desde cualquier dispositivo móvil.
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-services">
<div class="service-icon">
<i class="lni lni-protection"></i>
</div>
<div class="service-content">
<h4>Instalación de alarmas</h4>
<p>
Instalamos sistemas de alarma diseñados para prevenir intrusiones y responder de manera inmediata ante cualquier amenaza.
Contamos con equipos de alta sensibilidad, notificaciones en tiempo real y la posibilidad de integración con otros
dispositivos de seguridad para una protección completa.
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-services">
<div class="service-icon">
<i class="lni lni-magnifier"></i>
</div>
<div class="service-content">
<h4>Servicio y matenimiento de camaras</h4>
<p>
Brindamos mantenimiento preventivo y correctivo a sistemas de videovigilancia, asegurando su correcto funcionamiento,
limpieza de lentes, revisión de conexiones, calibración de ángulos y actualización de software.
Nuestro servicio garantiza la máxima eficiencia y durabilidad de tus equipos.
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-services">
<div class="service-icon">
<i class="lni lni-protection"></i>
</div>
<div class="service-content">
<h4>Servicio y matenimiento de alarmas</h4>
<p>
Ofrecemos mantenimiento especializado para sistemas de alarma, verificando sensores, baterías, paneles de control y conexiones.
Aseguramos que tu sistema esté siempre listo para operar de forma confiable y efectiva ante cualquier contingencia.
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-services">
<div class="service-icon">
<i class="lni lni-app-store"></i>
</div>
<div class="service-content">
<h4>Servicios de software personalizado</h4>
<p>
Desarrollamos soluciones de software a la medida de las necesidades de tu negocio.
Desde aplicaciones de monitoreo y control de seguridad hasta sistemas integrados de gestión, nuestro equipo de expertos crea
herramientas digitales que potencian la eficiencia y la seguridad de tu empresa.
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-services">
<div class="service-icon">
<i class="lni lni-shortcode"></i>
</div>
<div class="service-content">
<h4>Paginas web a la medida</h4>
<p>
Diseñamos y desarrollamos sitios web personalizados para negocios de cualquier tamaño.
Creamos plataformas modernas, responsivas y seguras que reflejan la identidad de tu marca y mejoran la presencia
digital de tu empresa, ayudándote a alcanzar tus objetivos comerciales.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ===== service-area end ===== -->
<!-- Start Pricing Area -->
<section id="pricing" class="pricing-area pricing-fourteen">
<!--====== Start Section Title Five ======-->
<div class="section-title-five">
<div class="container">
<div class="row">
<div class="col-12">
<div class="content">
<h6>Precios</h6>
<h2 class="fw-bold">Precios y Paquetes</h2>
<p>
Los precios y paquetes pueden variar de acuerdo a la negociacion sobre instalación y producto
</p>
</div>
</div>
</div>
<!-- row -->
</div>
<!-- container -->
</div>
<!--====== End Section Title Five ======-->
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 col-12">
<div class="pricing-style-fourteen">
<div class="table-head">
<h6 class="title">Basico</h4>
<p>Paquete de instalación de camaras para un hogar.</p>
<div class="price">
<h2 class="amount">
<span class="currency">$</span>4,300<span class="duration">/desde</span>
</h2>
</div>
</div>
<div class="light-rounded-buttons">
<a href="https://wa.me/5213320218155?text=Hola%20buen%20dia%21%0AEstoy%20intersado%20solicitar%20informacion%20sobre%20el%20plan%20Basico.%0AGracias%21" target="_blank" class="btn primary-btn-outline">
Solicitar cotización
</a>
</div>
<div class="table-content">
<ul class="table-list">
<li> <i class="lni lni-checkmark-circle"></i> 4 Camaras Full HD 2MP .
<ul>
<li> (Visión infrarroja, Camara de uso externo, Marca No. 1 del Mercado Hikvision).</li>
</ul>
</li>
<li> <i class="lni lni-checkmark-circle"></i> Acceso desde aplicación.</li>
<li> <i class="lni lni-checkmark-circle"></i> DVR 4 canales.</li>
<li> <i class="lni lni-checkmark-circle"></i> Disco Duro 500GB.</li>
<li> <i class="lni lni-checkmark-circle"></i> 4 Registros.</li>
<li> <i class="lni lni-checkmark-circle"></i> Garantia.</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="pricing-style-fourteen middle">
<div class="table-head">
<h6 class="title">Intermedio</h4>
<p>Paquete de instalación de camaras para una casa o empresa.</p>
<div class="price">
<h2 class="amount">
<span class="currency">$</span>15,000<span class="duration">/desde </span>
</h2>
</div>
</div>
<div class="light-rounded-buttons">
<a href="https://wa.me/5213320218155?text=Hola%20buen%20dia%21%0AEstoy%20intersado%20solicitar%20informacion%20sobre%20el%20plan%20Intermedio.%0AGracias%21" target="_blank" class="btn primary-btn-outline">
Solicitar cotización
</a>
</div>
<div class="table-content">
<ul class="table-list">
<li> <i class="lni lni-checkmark-circle"></i> 8 Camaras Full HD 5MP .
<ul>
<li> (Visión color vu, Microfono bidireccional, Camara de uso externo, Marca No. 1 del Mercado Hikvision).</li>
</ul>
</li>
<li> <i class="lni lni-checkmark-circle"></i> Acceso desde aplicación.</li>
<li> <i class="lni lni-checkmark-circle"></i> DVR 8 canales.</li>
<li> <i class="lni lni-checkmark-circle"></i> Disco Duro 2TB.</li>
<li> <i class="lni lni-checkmark-circle"></i> 8 Registros.</li>
<li> <i class="lni lni-checkmark-circle"></i> Garantia.</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="pricing-style-fourteen">
<div class="table-head">
<h6 class="title">Camaras IP</h4>
<p>Paquete de instalación de camaras IP sin cableado para hogar o empresa.</p>
<div class="price">
<h2 class="amount">
<span class="currency">$</span>14,000<span class="duration">/desde </span>
</h2>
</div>
</div>
<div class="light-rounded-buttons">
<a href="https://wa.me/5213320218155?text=Hola%20buen%20dia%21%0AEstoy%20intersado%20solicitar%20informacion%20sobre%20el%20plan%20Avanzado.%0AGracias%21" target="_blank" class="btn primary-btn-outline">
Solicitar cotización
</a>
</div>
<div class="table-content">
<ul class="table-list">
<li> <i class="lni lni-checkmark-circle"></i> 4 Camaras IP Full HD 2MP .
<ul>
<li> (Visión color vu, Microfono bidireccional, Camara de uso externo, Marca No. 1 del Mercado Hikvision).</li>
</ul>
</li>
<li> <i class="lni lni-checkmark-circle"></i> Acceso desde aplicación.</li>
<li> <i class="lni lni-checkmark-circle"></i> 1 NVR.</li>
<li> <i class="lni lni-checkmark-circle"></i> Disco Duro 2TB.</li>
<li> <i class="lni lni-checkmark-circle"></i> 4 Registros.</li>
<li> <i class="lni lni-checkmark-circle"></i> Cableado RJ45.</li>
<li> <i class="lni lni-checkmark-circle"></i> Garantia.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!--/ End Pricing Area -->
<!-- Start Cta Area -->
<section id="call-action" class="call-action">
<div class="container">
<div class="row justify-content-center">
<div class="col-xxl-6 col-xl-7 col-lg-8 col-md-9">
<div class="inner-content">
<h2>Seguridad fuerte, soluciones inteligentes <br />Tenemos la mejor vision para tu negocio</h2>
<p>
En Fortex Security sabemos que la seguridad de tu hogar o negocio no puede dejarse en manos de cualquiera.
Por eso ofrecemos soluciones confiables, personalizadas y a un precio justo, con la mejor tecnología y un equipo comprometido en
brindarte un servicio ágil y de calidad.
</br>
No importa el tamaño de tu proyecto, nos adaptamos a tus necesidades para garantizarte protección y tranquilidad.
¡Contáctanos hoy mismo y recibe una cotización sin compromiso! Permítenos demostrarte por qué somos la mejor opción en seguridad integral.
</p>
<div class="light-rounded-buttons">
<a href="https://wa.me/5213320218155?text=Hola%20buen%20dia%21%0AEstoy%20intersado%20solicitar%20informacion%20de%20la%20instalacion%20de%20camaras%20y%20alarmas%0AGracias%21" target="_blank" class="btn primary-btn-outline">Whatsapp</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Cta Area -->
<!-- Start Latest News Area -->
<div id="blog" class="latest-news-area section">
<!--====== Start Section Title Five ======-->
<div class="section-title-five">
<div class="container">
<div class="row">
<div class="col-12">
<div class="content">
<h6>Instalaciones</h6>
<h2 class="fw-bold">Instalaciones recientes</h2>
<p>
Somos una empresa transparente en la que mostramos nuestro personal y acabado con calidad.
</p>
</div>
</div>
</div>
<!-- row -->
</div>
<!-- container -->
</div>
<!--====== End Section Title Five ======-->
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 col-12">
<!-- Single News -->
<div class="single-news">
<div class="image">
<a href="javascript:void(0)"><img class="thumb" src="assets/images/blog/1.png" alt="Blog" /></a>
<div class="meta-details">
<!-- <img class="thumb" src="assets/images/blog/b6.jpg" alt="Author" /> -->
<!-- <span>FORTEX SECURITY</span> -->
</div>
</div>
<div class="content-body">
<h4 class="title">
<a href="javascript:void(0)"> Instalaciones de calidad con nuestros expertos </a>
</h4>
<p>
El trabajo es de primera con cableado organizado y garantia en la instalación.
</p>
</div>
</div>
<!-- End Single News -->
</div>
<div class="col-lg-4 col-md-6 col-12">
<!-- Single News -->
<div class="single-news">
<div class="image">
<a href="javascript:void(0)"><img class="thumb" src="assets/images/blog/2.png" alt="Blog" /></a>
<div class="meta-details">
<!-- <img class="thumb" src="assets/images/blog/b6.jpg" alt="Author" /> -->
<!-- <span>BY TIM NORTON</span> -->
</div>
</div>
<div class="content-body">
<h4 class="title">
<a href="javascript:void(0)">
Camaras de primera calidad
</a>
</h4>
<p>
Tenemos stock para su instalacion rapida, así como la seleccion de las mejores marcas de camaras.
</p>
</div>
</div>
<!-- End Single News -->
</div>
<div class="col-lg-4 col-md-6 col-12">
<!-- Single News -->
<div class="single-news">
<div class="image">
<a href="javascript:void(0)"><img class="thumb" src="assets/images/blog/3.png" alt="Blog" /></a>
<div class="meta-details">
<!-- <img class="thumb" src="assets/images/blog/b6.jpg" alt="Author" />
<span>BY TIM NORTON</span> -->
</div>
</div>
<div class="content-body">
<h4 class="title">
<a href="javascript:void(0)">
La seguridad de tu hogar en siempre visible
</a>
</h4>
<p>
Camaras de alta calidad para observar en todo momento los puntos de seguridad de tu hogar.
</p>
</div>
</div>
<!-- End Single News -->
</div>
</div>
</div>
</div>
<!-- End Latest News Area -->
<!-- Start Brand Area -->
<div id="clients" class="brand-area section">
<!--====== Start Section Title Five ======-->
<div class="section-title-five">
<div class="container">
<div class="row">
<div class="col-12">
<div class="content">
<h6>Conoce Nuestros Clientes</h6>
<h2 class="fw-bold">Nuestros Clientes Asombrosos</h2>
<p>
Tenemos una gran cantidad de clientes y te los mostramos para que sientas la misma confianza que ellos tienen con nuestro trabajo.
</p>
</div>
</div>
</div>
<!-- row -->
</div>
<!-- container -->
</div>
<!--====== End Section Title Five ======-->
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2 col-12">
<div class="clients-logos">
<div class="single-image">
<img src="assets/images/client-logo/telcel.svg" alt="Telcel" />
</div>
<div class="single-image">
<img src="assets/images/client-logo/dulet.png" alt="Brand Logo Images" />
</div>
<div class="single-image">
<img src="assets/images/client-logo/ayroui.svg" alt="Brand Logo Images" />
</div>
<div class="single-image">
<img src="assets/images/client-logo/lineicons.svg" alt="Brand Logo Images" />
</div>
<div class="single-image">
<img src="assets/images/client-logo/tailwindtemplates.svg" alt="Brand Logo Images" />
</div>
<div class="single-image">
<img src="assets/images/client-logo/ecomhtml.svg" alt="Brand Logo Images" />
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Brand Area -->
<!-- ========================= contact-section start ========================= -->
<section id="contact" class="contact-section">
<div class="container">
<div class="row">
<div class="col-xl-4">
<div class="contact-item-wrapper">
<div class="row">
<div class="col-12 col-md-6 col-xl-12">
<div class="contact-item">
<div class="contact-icon">
<i class="lni lni-phone"></i>
</div>
<div class="contact-content">
<h4>Contacto</h4>
<p></p>
<a href="mailto:ventas@fortexsecurity.com">ventas@fortexsecurity.com</a>
<p></p>
<a href="tel:+5213320218155">3320218155</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-xl-12">
<div class="contact-item">
<div class="contact-icon">
<i class="lni lni-map-marker"></i>
</div>
<div class="contact-content">
<h4>Direccion</h4>
<p>Circuito Federalistas 3586, Residencial Poniente</p>
<p>Zapopan, Jalisco</p>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-xl-12">
<div class="contact-item">
<div class="contact-icon">
<i class="lni lni-alarm-clock"></i>
</div>
<div class="contact-content">
<h4>Horario</h4>
<p>24 / 7 Servicio Tecnico</p>
<p>Horario de Oficina: 8 AM - 6 PM</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-8">
<div class="contact-form-wrapper">
<div class="row">
<div class="col-xl-10 col-lg-8 mx-auto">
<div class="section-title text-center">
<span> Escribenos tus dudas </span>
<h2>
Listo para conocernos y proteger tu hogar
</h2>
<p>
Toda cotización es sin compromiso, siempre te otorgaremos la mejor opción para tus necesidades avalada por los expertos.
</p>
</div>
</div>
</div>
<form action="send-email.php" method="POST" class="contact-form" id="contactForm">
<div class="row">
<div class="col-md-6">
<input type="text" name="name" id="name" placeholder="Nombre" required />
</div>
<div class="col-md-6">
<input type="email" name="email" id="email" placeholder="Correo" required />
</div>
</div>
<div class="row">
<div class="col-md-6">
<input type="text" name="phone" id="phone" placeholder="Telefono" required />
</div>
<div class="col-md-6">
<input type="text" name="subject" id="subject" placeholder="Subject" required />
</div>
</div>
<div class="row">
<div class="col-12">
<textarea name="message" id="message" placeholder="Escribenos tu mensaje" rows="5" required></textarea>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="button text-center rounded-buttons">
<button type="submit" class="btn primary-btn rounded-full" id="submitBtn">
<span class="btn-text">Enviar mensaje</span>
<span class="btn-loading" style="display: none;">
<i class="lni lni-spinner-arrow"></i> Enviando...
</span>
</button>
</div>
</div>
</div>
<!-- Success/Error Messages -->
<div class="row mt-3">
<div class="col-12">
<div id="formMessage" class="alert" style="display: none;"></div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- ========================= contact-section end ========================= -->
<!-- ========================= map-section end ========================= -->
<section class="map-section map-style-9">
<div class="map-container">
<object style="border:0; height: 500px; width: 100%;"
data="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3731.5847086456756!2d-103.43078748886225!3d20.727081980768055!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8428af3fd707c155%3A0x9b6241f3a62e78f7!2sAv.%20Cto.%20Federalistas%20Jaliscienses%20de%201823%203586%2C%20Residencial%20Poniente%2C%2045136%20Zapopan%2C%20Jal.!5e0!3m2!1sen!2smx!4v1750565039054!5m2!1sen!2smx"></object>
</div>
</div>
</section>
<!-- ========================= map-section end ========================= -->
<!-- Start Footer Area -->
<footer class="footer-area footer-eleven">
<!-- Start Footer Top -->
<div class="footer-top">
<div class="container">
<div class="inner-content">
<div class="row">
<div class="col-lg-4 col-md-6 col-12">
<!-- Single Widget -->
<div class="footer-widget f-about">
<div class="logo">
<a href="index.html">
<img src="assets/images/pixelcut-export.png" alt="#" class="img-fluid" />
</a>
</div>
<p>
Seguridad fuerte, soluciones inteligentes.
</p>
<p class="copyright-text">
<span>© 2025 Fortex Security.</span>Designed and Developed by
<a href="www.linkedin.com/in/julio-orquiz" target="_blank" rel="nofollow"> Julio Orquiz </a>
</p>
</div>
<!-- End Single Widget -->
</div>
<div class="col-lg-2 col-md-6 col-12">
<!-- Single Widget -->
<div class="footer-widget f-link">
<h5>Soluciones</h5>
<ul>
<li><a href="javascript:void(0)">Camaras de vigilacia</a></li>
<li><a href="javascript:void(0)">Alarmas de Hogar</a></li>
<li><a href="javascript:void(0)">Paginas Web</a></li>
<li><a href="javascript:void(0)">Sistemas inteligentes</a></li>
</ul>
</div>
<!-- End Single Widget -->
</div>
<div class="col-lg-2 col-md-6 col-12">
<!-- Single Widget -->
<div class="footer-widget f-link">
<h5>Soporte Tecnico</h5>
<ul>
<li><a href="javascript:void(0)">Limpieza y Cableado</a></li>
<li><a href="javascript:void(0)">Consultoria</a></li>
<li><a href="javascript:void(0)">Errores en sistemas</a></li>
<li><a href="javascript:void(0)">Instalaciones de sistemas inteligentes</a></li>
</ul>
</div>
<!-- End Single Widget -->
</div>
<div class="col-lg-4 col-md-6 col-12">
<!-- Single Widget -->
<div class="footer-widget newsletter">
<h5>Escribenos</h5>
<div class="light-rounded-buttons">
<a href="https://wa.me/5213320218155?text=Hola%20buen%20dia%21%0AEstoy%20intersado%20solicitar%20informacion%20sobre%20el%20plan%20Basico.%0AGracias%21" target="_blank" class="btn primary-btn-outline">
Escribenos por WhatshApp
</a>
</div>
<!-- End Single Widget -->
</div>
</div>
</div>
</div>
</div>
<!--/ End Footer Top -->
</footer>
<!--/ End Footer Area -->
<div class="made-in-ayroui mt-4">
<a href="https://wa.me/5213320218155?text=Hola%20buen%20dia%21%0AEstoy%20intersado%20solicitar%20informacion%20de%20la%20instalacion%20de%20camaras%20y%20alarmas%0AGracias%21" target="_blank" rel="nofollow">
<img style="width:220px" src="assets/images/ayroui.svg">
</a>
</div>
<a href="#" class="scroll-top btn-hover">
<i class="lni lni-chevron-up"></i>
</a>
<!--====== js ======-->
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/glightbox.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/tiny-slider.js"></script>
<script>
//===== close navbar-collapse when a clicked
let navbarTogglerNine = document.querySelector(
".navbar-nine .navbar-toggler"
);
navbarTogglerNine.addEventListener("click", function () {
navbarTogglerNine.classList.toggle("active");
});
// ==== left sidebar toggle
let sidebarLeft = document.querySelector(".sidebar-left");
let overlayLeft = document.querySelector(".overlay-left");
let sidebarClose = document.querySelector(".sidebar-close .close");
overlayLeft.addEventListener("click", function () {
sidebarLeft.classList.toggle("open");
overlayLeft.classList.toggle("open");
});
sidebarClose.addEventListener("click", function () {
sidebarLeft.classList.remove("open");
overlayLeft.classList.remove("open");
});
// ===== navbar nine sideMenu
let sideMenuLeftNine = document.querySelector(".navbar-nine .menu-bar");
sideMenuLeftNine.addEventListener("click", function () {
sidebarLeft.classList.add("open");
overlayLeft.classList.add("open");
});
//========= glightbox
GLightbox({
'href': 'https://www.youtube.com/watch?v=r44RKWyfcFw&fbclid=IwAR21beSJORalzmzokxDRcGfkZA1AtRTE__l5N4r09HcGS5Y6vOluyouM9EM',
'type': 'video',
'source': 'youtube', //vimeo, youtube or local
'width': 900,
'autoplayVideos': true,
});
// ===== Contact Form Handling =====
document.addEventListener('DOMContentLoaded', function() {
const contactForm = document.getElementById('contactForm');
const submitBtn = document.getElementById('submitBtn');
const btnText = submitBtn.querySelector('.btn-text');
const btnLoading = submitBtn.querySelector('.btn-loading');
const formMessage = document.getElementById('formMessage');
if (contactForm) {
contactForm.addEventListener('submit', function(e) {
e.preventDefault();
// Show loading state
submitBtn.disabled = true;
btnText.style.display = 'none';
btnLoading.style.display = 'inline-block';
// Hide any previous messages
formMessage.style.display = 'none';
formMessage.className = 'alert';
// Get form data
const formData = new FormData(contactForm);
// Send AJAX request
fetch('send-email.php', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
// Reset button state
submitBtn.disabled = false;
btnText.style.display = 'inline-block';
btnLoading.style.display = 'none';
// Show message
formMessage.style.display = 'block';
if (data.success) {
formMessage.className = 'alert alert-success';
formMessage.innerHTML = '<i class="lni lni-checkmark-circle"></i> ' + data.message;
contactForm.reset(); // Reset form on success
} else {
formMessage.className = 'alert alert-danger';
formMessage.innerHTML = '<i class="lni lni-close"></i> ' + data.message;
}
// Scroll to message
formMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });
})
.catch(error => {
console.error('Error:', error);
// Reset button state
submitBtn.disabled = false;
btnText.style.display = 'inline-block';
btnLoading.style.display = 'none';
// Show error message
formMessage.style.display = 'block';
formMessage.className = 'alert alert-danger';
formMessage.innerHTML = '<i class="lni lni-close"></i> Error de conexión. Por favor, intenta nuevamente.';
// Scroll to message
formMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });
});
});
}
});
</script>
</body>
</html>