-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (129 loc) · 7.57 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Servicio técnico exclusivo de LG COLOMBIA con sede principal en la ciudad de BOGOTÁ">
<meta name="keywords" content="reparación electrodomésticos bogotá, LG, colombia, repuestos, mantenimiento, instalación">
<title>PÁGINA PRINCIPAL-ELECTRO SERVICE</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<!-- AOS CSS -->
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="css/estilo.css">
</head>
<body>
<div class="container-fluid">
<!-- inicio contenedor principal -->
<!-- inicio header -->
<header class="container-fluid">
<div class="row">
<div class="col-lg-12 col-xs-12">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="index.html">
<img src="assets/img/logop.png" class="d-inline-block align-top logoPrincipal" alt="LogoPrincipal">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link active" href="index.html">INICIO <span class="sr-only">(current)</span></a>
<a class="nav-link" href="views/NUESTRA_EMPRESA.html">NUESTRA EMPRESA</a>
<a class="nav-link" href="views/SERVICIOS.html">SERVICIOS</a>
<a class="nav-link" href="views/REPUESTOS.html">REPUESTOS</a>
<a class="nav-link" href="views/RED_NACIONAL.html">RED NACIONAL</a>
<a class="nav-link" href="views/CONTACTANOS.html">CONTACTANOS</a>
</div>
</div>
<a class="navbar-brand" href="https://wa.me/573213118981" target="_blank">
<img src="assets/img/whatsappLogo.png" class="d-inline-block align-top header__logosRedes--color header__logosRedes--size" alt="logoEnlaceWhatsapp">
</a>
</nav>
</div>
</div>
</header>
<!-- cierre header -->
<div class= "container">
<div class="row">
<section class="col-lg-12 col-xs-12">
<h1 class="tituloPrincipal--size tituloPrincipal--color tituloPrincipal--flex">SERVICIO TÉCNICO EXCLUSIVO LG BOGOTA</h1>
</section>
</div>
</div>
<!-- inicio contenido 1 seccion -->
<div class= "container">
<div class="row">
<section class="col-lg-11 col-xs-11">
<p class="section1__parrafo--size">ELECTROSERVICE S.A es una empresa compuesta por expertos y profesionales del sector de la asistencia técnica, especializada en la reparación en equipos y aparatos electrónicos y electrodomésticos de consumo del hogar y la industria. Con dos décadas a la vanguardia en este sector, ofrecemos servicios de reparación para una muy diversa gama de aparatos electrodomésticos, tanto de línea blanca como de línea marrón.</p>
</section>
</div>
</div>
<!-- cierre contenido 1 seccion -->
<!-- inicio contenido 2 seccion -->
<div class="container-fluid">
<div class="row section2--flex">
<section class="col-lg-12 col-xs-11">
<h2 class="section2__titulo--size section2__titulo--color section2__titulo--flex">PRODUCTOS</h2>
<!-- inicio carousel -->
<div id="carouselExampleFade" class="carousel slide carousel-fade" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/img/lavadora.png" class="d-block w-100 img-fluid section2__img--flex" alt="lavadora">
</div>
<div class="carousel-item">
<img src="assets/img/nevecon.png" class="d-block w-100 img-fluid section2__img--flex" alt="nevecon">
</div>
<div class="carousel-item">
<img src="assets/img/tv.png" class="d-block w-100 img-fluid section2__img--flex" alt="tv">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleFade" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleFade" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- fin carousel -->
</section>
</div>
</div>
<!-- cierre contenido 2 seccion -->
<!-- inicio contenido 3 seccion -->
<div class="container">
<div class="row section3">
<h2 class="col-lg-11 col-xs-11 section3__titulo--size section3__titulo--color section3__titulo--flex" data-aos="fade-right">NUEVO LANZAMIENTO</h2>
<div class="col-lg-12 col-xs-8 embed-responsive embed-responsive-16by9 section3__video--size section3__video--flex" data-aos="fade-right">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/ovEqO5tBshM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
<!-- cierre contenido 3 seccion -->
<!-- inicio footer -->
<footer class="container-fluid">
<div class="row footer--flex footer__fondo--color">
<h3 class="col-lg-3 col-xs-12 footer__textoIzquierda footer__textoIzquierda--color footer__textoizquierda--size footer__textoIzquierda--flex">chat en linea</h3>
<div class="col-lg-5 col-xs-12 footer__logos--flex"><a href="https://wa.me/573213118981" target="_blank"><img src="assets/img/whatsappLogo.png" alt="logoEnlaceWhatsapp" title="logoWhatsapp" class="footer__logosRedes--size footer__logosRedes--color"></a>
<a href="" target="_blank"><img src="assets/img/logoFacebook.png" alt="logoEnlaceFacebook" title="logoFacebook" class="footer__logosRedes--size footer__logosRedes--color"></a>
<a href="https://www.instagram.com/electroservice_co/" target="_blank"><img src="assets/img/logoInstagram.png" alt="logoEnlaceInstagram" title="logoInstagram" class="footer__logosRedes--size footer__logosRedes--color">
</a></div>
<h3 class=" col-lg-3 col-xs-12 footer__textoderecha footer__textoderecha--color footer__textoderecha--size footer__textoderecha--flex">tratamiento de datos</h3>
<h3 class="col-lg-4 col-xs-12 footer__textoIzquierda footer__textoIzquierda--color footer__textoizquierda--size footer__textoIzquierda--flex">© copyright 2020 by Electro Service</h3>
<h3 class=" col-lg-4 col-xs-12 footer__textoderecha footer__textoderecha--color footer__textoderecha--size footer__textoderecha--flex">Diseño Web Luis Gonzalez</h3>
</div>
</footer>
<!-- cierre footer -->
</div>
<!-- cierre contenedor principal -->
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init();
</script>
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
</body>
</html>