Skip to content

Commit 09bbdb4

Browse files
arkenvoltarkenvolt
committed
LAST EDITS BEFORE UPLOADING
0 parents  commit 09bbdb4

34 files changed

+1470
-0
lines changed

‎css/main.css

+524
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/main.css.map

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎images/Architecture.jpg

98.6 KB
Loading

‎images/GALLERY/PROJ 1.png

703 KB
Loading

‎images/GALLERY/PROJ 2.png

301 KB
Loading

‎images/GALLERY/PROJ 3.png

643 KB
Loading

‎images/GALLERY/PROJ 4.png

421 KB
Loading

‎images/GAS DETECTOR 2.jpg

9.93 KB
Loading

‎images/GAS DETECTOR.jpg

14.6 KB
Loading

‎images/Industry.jpg

475 KB
Loading

‎images/Project.png

664 KB
Loading

‎images/RocketFac.jpg

874 KB
Loading

‎images/SDetector.png

561 KB
Loading

‎images/Sprinklers.jpg

45.9 KB
Loading

‎images/Supresion.png

864 KB
Loading

‎images/contacto.jpg

30.3 KB
Loading

‎images/iFIRE Favicon.png

78.5 KB
Loading

‎images/sprinkler.png

347 KB
Loading

‎index.html

+72
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
<html lang="en">
2+
<head>
3+
<meta charset="UTF-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
5+
<meta name="description" content="InteliFIRE MEXICO Ingenieria sistemas rociadores automaticos vs incendio, sistemas deteccion y alarma - Engineering of sprinkler and fire alarm systems">
6+
<meta name="keywords" content="fire, protection, Mexico, sprinklers, alarm, detection, oil, gas, systems, architecture, sistemas, nfpa 13, nfpa, rociadores, alarma, deteccion, fm, fm global, fmds, proteccion, IBC, industrial, arquitectura">
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;700&display=swap" rel="stylesheet">
10+
<link rel="stylesheet" href="https://use.typekit.net/lho1mjm.css">
11+
<link rel="stylesheet" href="./css/main.css">
12+
<link rel="shortcut icon" href="./images/iFIRE Favicon.png" type="image/x-icon">
13+
<title>InteliFIRE | Home</title>
14+
</head>
15+
<body>
16+
<header>
17+
<img src="./images/iFIRE Favicon.png" alt="logo intelifire">
18+
<nav>
19+
<ul>
20+
<li class="list-item logo-a"><a href="">Inteli</a></li>
21+
<li class="list-item logo-b"><a href="">FIRE</a></li>
22+
<li class="list-item"><a href="./pages/proyectos.html">PROYECTOS</a></li>
23+
<li class="list-item"><a href="./pages/sistemas.html">SISTEMAS</a></li>
24+
<li class="list-item"><a href="./pages/arquitectura.html">ARQUITECTURA</a></li>
25+
<li class="list-item"><a href="./pages/contacto.html">CONTACTO</a></li>
26+
</ul>
27+
</nav>
28+
</header>
29+
<main>
30+
<section id="hero">
31+
<h1>INGENIERÍA INTEGRAL EN SISTEMAS CONTRA INCENDIO</h1>
32+
<P>Diseño y Consultoría Calificadas para Proyectos Integrales de Sistemas Contra Incendio, bajo normativa <strong>FM Global</strong> y/o <strong>NFPA</strong>. Ingeniería de sistemas completos bajo normas exigentes y a la vez esbeltos y económicos.</P>
33+
<h3>MÁXIMO CUMPLIMIENTO EN SU MÍNIMA EXPRESIÓN</h3>
34+
<a href="./pages/proyectos.html">Ir a la galeria de proyectos</a>
35+
</section>
36+
<section class="servicios">
37+
<h2>NUESTROS SERVICIOS</h2>
38+
<div class="contenedor-servicios">
39+
<div class="servicio">
40+
<h3>Ingeniería</h3>
41+
<p>Diseño y cálculo de sistemas especializados de acuerdo al riesgo y a las normas nacionales o internacionales aplicables para el proyecto (NFPA y/o FM Global)</p>
42+
</div>
43+
<div class="servicio">
44+
<h3>Consultoría</h3>
45+
<p>Apoyo técnico para la revisión de sistemas diseñados por terceros. Capacitación y comisionamiento de sistemas. "Due Diligences" o trabajos específicos</p>
46+
</div>
47+
<div class="servicio">
48+
<h3>Supervisión</h3>
49+
<p>Inspección "in situ" de labores de instalación o de diseño e ingeniería de terceros, durante el proceso de instalación o diseño. Comisionamiento de sistemas.</p>
50+
</div>
51+
<div class="servicio">
52+
<h3>Coordinación</h3>
53+
<p>Coordinación de actividades de diseño, instalación y comisionamiento. Colaboración con equipos multidisciplinarios BIM y arquitectura</p>
54+
</div>
55+
</div>
56+
</section>
57+
<section id="producto-destacado">
58+
<div class="contenedor-imagen">
59+
<img src="./images/Sprinklers.jpg" alt="FIRE SPRINKLERS">
60+
</div>
61+
<div class="contenedor-texto">
62+
<h3>INNOVACIÓN: NUEVO SPRINKLER ESFR K=33.6</h3>
63+
<P>Diseñado para ocupaciones de almacenamiento, permite la protección almacenes de hasta 15 metros de altura sin necesidad de instalar rociadores in-rack (no aplica para todas las clasificaciones de mercancías)</P>
64+
</div>
65+
</section>
66+
</main>
67+
<footer>
68+
<P class="footerAA">InteliFIRE 2024 TODOS LOS DERECHOS RESERVADOS</P>
69+
<p class="footerAA">Web Design by Arkenvolt</p>
70+
</footer>
71+
</body>
72+
</html>

‎package.json

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{
2+
"name": "proyfinal",
3+
"version": "1.0.0",
4+
"description": "Proyecto Final Coderhouse Desarrollo Web",
5+
"main": "index.js",
6+
"scripts": {
7+
"test": "echo \"Error: no test specified\" && exit 1"
8+
},
9+
"author": "",
10+
"license": "ISC"
11+
}

‎pages/arquitectura.html

+45
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
<html lang="en">
2+
<head>
3+
<meta charset="UTF-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
5+
<meta name="description" content="InteliFIRE NFPA 101 Life Safety Code for architecture, International Building Code IBC / Codigo de seguridad humana en arquitectura">
6+
<meta name="keywords" content="fire, protection, Mexico, sprinklers, alarm, detection, oil, gas, systems, architecture, sistemas, nfpa 13, nfpa, rociadores, alarma, deteccion, fm, fm global, fmds, proteccion, IBC, industrial, arquitectura">
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;700&display=swap" rel="stylesheet">
10+
<link rel="stylesheet" href="https://use.typekit.net/lho1mjm.css">
11+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
12+
<link rel="stylesheet" href="../css/main.css">
13+
<link rel="shortcut icon" href="../images/iFIRE Favicon.png" type="image/x-icon">
14+
<title>InteliFIRE | Architecture</title>
15+
</head>
16+
<body>
17+
<header>
18+
<img src="../images/iFIRE Favicon.png" alt="logo intelifire">
19+
<nav>
20+
<ul>
21+
<li class="list-item logo-a"><a href="../index.html">Inteli</a></li>
22+
<li class="list-item logo-b"><a href="../index.html">FIRE</a></li>
23+
<li class="list-item"><a href="../pages/proyectos.html">PROYECTOS</a></li>
24+
<li class="list-item"><a href="../pages/sistemas.html">SISTEMAS</a></li>
25+
<li class="list-item"><a href="">ARQUITECTURA</a></li>
26+
<li class="list-item"><a href="../pages/contacto.html">CONTACTO</a></li>
27+
</ul>
28+
</nav>
29+
</header>
30+
<main>
31+
<h1>LA ARQUITECTURA ES LA PRIMER CONDICIÓN DE LA SEGURIDAD HUMANA</h1>
32+
<h2>CONSULTORÍA EN NFPA 101 CÓDIGO DE SEGURIDAD HUMANA Y EL INTERNATIONAL BUILDING CODE (IBC)</h2>
33+
<section id="arquitectura">
34+
<div>
35+
<img src="../images/Architecture.jpg" alt="Cutaway isometric of a building">
36+
</div>
37+
</section>
38+
</main>
39+
<footer>
40+
<P class="footerAA">InteliFIRE 2024 TODOS LOS DERECHOS RESERVADOS</P>
41+
<p class="footerAA">Web Design by Arkenvolt</p>
42+
</footer>
43+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
44+
</body>
45+
</html>

‎pages/contacto.html

+52
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
<html lang="en">
2+
<head>
3+
<meta charset="UTF-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
5+
<meta name="description" content="InteliFIRE - Necesitas un presupuesto? Contactanos y te asesoramos en tus necesidades / Contact us for your projects in Mexico">
6+
<meta name="keywords" content="fire, protection, Mexico, sprinklers, alarm, detection, oil, gas, systems, architecture, sistemas, nfpa 13, nfpa, rociadores, alarma, deteccion, fm, fm global, fmds, proteccion, IBC, industrial, arquitectura">
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;700&display=swap" rel="stylesheet">
10+
<link rel="stylesheet" href="https://use.typekit.net/lho1mjm.css">
11+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
12+
<link rel="stylesheet" href="../css/main.css">
13+
<link rel="shortcut icon" href="../images/iFIRE Favicon.png" type="image/x-icon">
14+
<title>InteliFIRE | Contacto</title>
15+
</head>
16+
<body>
17+
<header>
18+
<img src="../images/iFIRE Favicon.png" alt="logo intelifire">
19+
<nav>
20+
<ul>
21+
<li class="list-item logo-a"><a href="../index.html">Inteli</a></li>
22+
<li class="list-item logo-b"><a href="../index.html">FIRE</a></li>
23+
<li class="list-item"><a href="../pages/proyectos.html">PROYECTOS</a></li>
24+
<li class="list-item"><a href="../pages/sistemas.html">SISTEMAS</a></li>
25+
<li class="list-item"><a href="../pages/arquitectura.html">ARQUITECTURA</a></li>
26+
<li class="list-item"><a href="">CONTACTO</a></li>
27+
</ul>
28+
</nav>
29+
</header>
30+
<main>
31+
<section id="contacto">
32+
<div id="formulario">
33+
<h1>CONTACTO</h1>
34+
<h2>Permítanos asistirle en su proyecto</h2>
35+
<form action="">
36+
<input type="text" placeholder="NOMBRE"><br><br>
37+
<input type="email" placeholder="CORREO ELECTRÓNICO"><br><br>
38+
<input type="text" placeholder="NÚMERO TELEFÓNICO"><br><br>
39+
<textarea name="" id="" cols="35" rows="10" placeholder="ESCRIBA SU MENSAJE AQUÍ"></textarea><br><br>
40+
<input type="submit" value="ENVIAR">
41+
<input type="reset" value="LIMPIAR">
42+
</form>
43+
</div>
44+
</section>
45+
</main>
46+
<footer>
47+
<P class="footerAA">InteliFIRE 2024 TODOS LOS DERECHOS RESERVADOS</P>
48+
<p class="footerAA">Web Design by Arkenvolt</p>
49+
</footer>
50+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
51+
</body>
52+
</html>

‎pages/proyectos.html

+120
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
<html lang="en">
2+
<head>
3+
<meta charset="UTF-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
5+
<meta name="description" content="InteliFIRE: Deluge, Preaction, wet and dry systems, oil and gas, fire alarm / Sistemas de diluvio, preaccion, humedos y secos, deteccion y alarma">
6+
<meta name="keywords" content="fire, protection, Mexico, sprinklers, alarm, detection, oil, gas, systems, architecture, sistemas, nfpa 13, nfpa, rociadores, alarma, deteccion, fm, fm global, fmds, proteccion, IBC, industrial, arquitectura">
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;700&display=swap" rel="stylesheet">
10+
<link rel="stylesheet" href="https://use.typekit.net/lho1mjm.css">
11+
<link rel="stylesheet" href="../css/main.css">
12+
<link rel="shortcut icon" href="../images/iFIRE Favicon.png" type="image/x-icon">
13+
<title>InteliFIRE | Projects</title>
14+
</head>
15+
<body>
16+
<header>
17+
<img src="../images/iFIRE Favicon.png" alt="logo intelifire">
18+
<nav>
19+
<ul>
20+
<li class="list-item logo-a"><a href="../index.html">Inteli</a></li>
21+
<li class="list-item logo-b"><a href="../index.html">FIRE</a></li>
22+
<li class="list-item"><a href="">PROYECTOS</a></li>
23+
<li class="list-item"><a href="./sistemas.html">SISTEMAS</a></li>
24+
<li class="list-item"><a href="../pages/arquitectura.html">ARQUITECTURA</a></li>
25+
<li class="list-item"><a href="../pages/contacto.html">CONTACTO</a></li>
26+
</ul>
27+
</nav>
28+
</header>
29+
<main>
30+
<section id="galeriaProyectos">
31+
<div id="top">
32+
<h1>PROYECTOS REALIZADOS</h1>
33+
</div>
34+
<div id="type">
35+
<h2>TIPOS DE PROYECTO</h2>
36+
<h3>Rociadores (Sprinklers)</h3>
37+
<ul>
38+
<li>Húmedo (wet)</li>
39+
<li>Diluvio (Deluge)</li>
40+
<li>Pre-acción (Pre-action)</li>
41+
<li>In-Rack Systems</li>
42+
</ul>
43+
<h3>Fire Alarm</h3>
44+
<ul>
45+
<li>Initiating Devices</li>
46+
<li>Notificatión Devices</li>
47+
<li>Dedicated Systems</li>
48+
<li>Sprinkler Monitoring Systems</li>
49+
<li>Mass Notification</li>
50+
</ul>
51+
<h3>Consultoría (Consulting)</h3>
52+
<ul>
53+
<li>Peer Reviews</li>
54+
<li>Due Diligences</li>
55+
</ul>
56+
</div>
57+
<div id="projects">
58+
<div class="project">
59+
<div class="gallery-photo">
60+
</div>
61+
<div class="gallery-text">
62+
<h3>INTEL GUADALAJARA</h3>
63+
<p>Red multipanel con fibra óptica de detección y alarma, sistemas de rociadores automáticos, bombas y tanque</p>
64+
</div>
65+
</div>
66+
<div class="project">
67+
<div class="gallery-photo">
68+
</div>
69+
<div class="gallery-text">
70+
<h3>PLANTA RAGASA NL</h3>
71+
<p>Sistemas de diluvio para instalación de alto riesgo con procesos de hidrocarburo pentanol</p>
72+
</div>
73+
</div>
74+
<div class="project">
75+
<div class="gallery-photo">
76+
</div>
77+
<div class="gallery-text">
78+
<h3>IKEA STORE CDMX</h3>
79+
<p>Consultoría integral sistemas contra incendio, simulaciones de evacuación, Computerized Fluid Dynamic Simulations (CFD)</p>
80+
</div>
81+
</div>
82+
<div class="project">
83+
<div class="gallery-photo">
84+
</div>
85+
<div class="gallery-text">
86+
<h3>GAMESA CD OBREGÓN</h3>
87+
<p>Sistemas de rociadores automáticos contra incendio húmedos, de preacción y diluvios, casa de bombas, tanque y red privada</p>
88+
</div>
89+
</div>
90+
</div>
91+
<div id="aside">
92+
<h3>NORMAS Y ESTÁNDARES</h3><br>
93+
<ul>
94+
<li>NFPA</li>
95+
<li>FM GLOBAL</li>
96+
<li>IBC</li>
97+
<li>NOM</li>
98+
<li>NMX</li>
99+
<li>NTPA</li>
100+
</ul>
101+
<h3>CERTIFICACIONES</h3><br>
102+
<ul>
103+
<li>NICET</li>
104+
<li>DRO</li>
105+
<li>CETRACI</li>
106+
<li>CEDACI</li>
107+
<li>Bajo petición</li>
108+
</ul>
109+
</div>
110+
<div id="bottom">
111+
<h3>NO CORRA RIESGOS, CONTRATE EXPERTOS CON EXPERIENCIA EN LA INDUSTRIA</h3>
112+
</div>
113+
</section>
114+
</main>
115+
<footer>
116+
<P class="footerAA">InteliFIRE 2024 TODOS LOS DERECHOS RESERVADOS</P>
117+
<p class="footerAA">Web Design by Arkenvolt</p>
118+
</footer>
119+
</body>
120+
</html>

0 commit comments

Comments
 (0)