-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
158 lines (148 loc) · 9.66 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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>INSPIRARED - Palabras que curan</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Inspiración y motivación" name="keywords">
<meta content="Inspiración y motivación para todos" name="description">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:300;400;600;700;800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap" rel="stylesheet">
<!-- Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div class="wrapper">
<div class="sidebar">
<div class="sidebar-text d-flex flex-column h-100 justify-content-center text-center">
<img class="mx-auto d-block w-75 bg-primary img-fluid rounded-circle mb-4 p-3" src="img/profile.jpg" alt="Image">
<h1 class="font-weight-bold">INSPIRARED</h1>
<p class="mb-4">
Palabras que curan. Ofrecemos inspiración y motivación para ayudarte a superar los desafíos de la vida.
</p>
<div class="d-flex justify-content-center mb-5">
<a class="btn btn-outline-primary mr-2" href="https://www.facebook.com/PalabrasQueCuran22"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-outline-primary mr-2" href="https://www.instagram.com/palabrasquecuran22/"><i class="fab fa-instagram"></i></a>
</div>
<a href="https://whatsapp.com/channel/0029Vaj3u1m8qIzobKHh2p1R" class="btn btn-lg btn-block btn-primary mt-auto">Únete a nuestro canal de WhatsApp</a>
</div>
<div class="sidebar-icon d-flex flex-column h-100 justify-content-center text-right">
<i class="fas fa-2x fa-angle-double-right text-primary"></i>
</div>
</div>
<div class="content">
<!-- Navbar Start -->
<div class="container p-0">
<nav class="navbar navbar-expand-lg bg-secondary navbar-dark">
<a href="" class="navbar-brand d-block d-lg-none">Navegación</a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
<div class="navbar-nav m-auto">
<a href="index.html" class="nav-item nav-link active">Inicio</a>
<a href="about.html" class="nav-item nav-link">Sobre Nosotros</a>
<a href="blog.html" class="nav-item nav-link">Blog</a>
<a href="contact.html" class="nav-item nav-link">Contacto</a>
</div>
</div>
</nav>
</div>
<!-- Navbar End -->
<!-- Title Start -->
<div class="container text-center my-5">
<h1 class="display-4 font-weight-bold" style="font-family: 'Dancing Script', cursive; font-size: 3.5rem;">Bienvenido a INSPIRARED</h1>
<p class="lead text-muted">Palabras que curan. Inspiración y motivación para todos.</p>
</div>
<!-- Title End -->
<!-- Testimonios Start -->
<div class="container my-5">
<h2 class="text-center mb-4">Testimonios</h2>
<div class="row">
<div class="col-md-4">
<div class="testimonial bg-light p-4 text-center">
<p class="mb-4">"Gracias a INSPIRARED encontré la motivación que necesitaba para seguir adelante."</p>
<h5 class="mb-1">María González</h5>
<p class="m-0">Cliente Satisfecho</p>
</div>
</div>
<div class="col-md-4">
<div class="testimonial bg-light p-4 text-center">
<p class="mb-4">"Las palabras de aliento de INSPIRARED han sido un faro en mis momentos más oscuros."</p>
<h5 class="mb-1">Juan Pérez</h5>
<p class="m-0">Cliente Satisfecho</p>
</div>
</div>
<div class="col-md-4">
<div class="testimonial bg-light p-4 text-center">
<p class="mb-4">"No hay día que no lea algo de INSPIRARED. Sus frases me mantienen motivado."</p>
<h5 class="mb-1">Ana López</h5>
<p class="m-0">Cliente Satisfecho</p>
</div>
</div>
</div>
</div>
<!-- Testimonios End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-white py-5 px-sm-3 px-md-5">
<div class="row pt-5">
<div class="col-lg-3 col-md-6 mb-5">
<h4 class="text-primary mb-4">Contacto</h4>
<p><i class="fa fa-map-marker-alt mr-2"></i>Colombia (Maria La Baja(Bolivar))</p>
<p><i class="fa fa-phone-alt mr-2"></i>+57 (311)8595081</p>
<p><i class="fa fa-envelope mr-2"></i>info@inspirared.com</p>
<div class="d-flex justify-content-start mt-4">
<a class="btn btn-outline-light btn-square mr-2" href="https://www.facebook.com/PalabrasQueCuran22"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-outline-light btn-square mr-2" href="https://www.instagram.com/palabrasquecuran22/"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-5">
<h4 class="text-primary mb-4">Enlaces Rápidos</h4>
<div class="d-flex flex-column justify-content-start">
<a class="text-white mb-2" href="index.html"><i class="fa fa-angle-right mr-2"></i>Inicio</a>
<a class="text-white mb-2" href="about.html"><i class="fa fa-angle-right mr-2"></i>Sobre Nosotros</a>
<a class="text-white mb-2" href="blog.html"><i class="fa fa-angle-right mr-2"></i>Blog</a>
<a class="text-white mb-2" href="contact.html"><i class="fa fa-angle-right mr-2"></i>Contacto</a>
</div>
</div>
<div class="col-lg-6 col-md-12 mb-5">
<h4 class="text-primary mb-4">Suscríbete a Nuestra Pagina</h4>
<p>Recibe las últimas actualizaciones y contenidos directamente en tu correo.</p>
<form class="form-inline">
<div class="input-group w-100">
<input type="text" class="form-control border-0" style="padding: 25px;" placeholder="Tu Email">
<div class="input-group-append">
<button class="btn btn-primary px-4">Suscribirse</button>
</div>
</div>
</form>
</div>
</div>
<div class="container-fluid bg-dark text-white border-top py-4">
<div class="row">
<div class="col-md-6 text-center text-md-left mb-3 mb-md-0">
<p class="m-0 text-white">© <a class="text-primary font-weight-bold" href="#">INSPIRARED</a>. Todos los derechos reservados.</p>
</div>
<div class="col-md-6 text-center text-md-right">
<p class="m-0 text-white">Diseñado por <a class="text-primary font-weight-bold" href="#">Luis Martinez Navarro</a></p>
</div>
</div>
</div>
</div>
<!-- Footer End -->
</div>
</div>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>