-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutus.html
156 lines (147 loc) · 7.61 KB
/
aboutus.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
<!DOCTYPE html>
<html lang="es">
<head>
<link rel="icon" href="img/mcr.ico">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Conocé más acerca de Mis Creaciones Rommina!">
<meta name="keywords" content="porcelana, porcelain,html5, css3, sass, ecommerce">
<script src="https://kit.fontawesome.com/865fc70d83.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;900&display=swap" rel="stylesheet">
<title>Acerca de MCR</title>
<!-- Bootstrap css -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<!-- 1. Owl Carousel Min.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- 2. Owl Carousel Theme Min.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" integrity="sha512-sMXtMNL1zRzolHYKEujM2AqCLUR9F2C4/05cdbxjjLSRvMQIciEPCQZo++nk7go3BtSuK9kfa/s+a4f4i5pLkw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Main css -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="container mt-md-4">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid text-styles">
<a class="navbar-brand" href="index.html">MisCreacionesRomina.</a>
</button>
<div class="Nav scrolljs ms-auto" id="navbarNav">
<div class="ms-auto"></div>
<ul class="navbar-nav">
<li class="nav-item nav-item-hover">
<a class="nav-link nav-link-hover" href="index.html">INICIO</a>
</li>
<li class="nav-item nav-item-hover">
<a class="nav-link nav-link-hover" href="aboutus.html"
>ACERCA DE</a
>
</li>
<li class="nav-item nav-item-hover">
<a class="nav-link nav-link-hover" href="designProd.html">CREA TU DISEÑO</a>
</li>
<li class="nav-item nav-item-hover">
<a class="nav-link nav-link-hover" href="coacheo.html">CLASES DE PORCELANA</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="login.html"
><button class="btn btn-primary">INICIAR SESIÓN</button></a
>
</li> -->
</ul>
</div>
<div class="bars-menu">
<span class="bars__menu-span line1__bars-menu"></span
><span class="bars__menu-span line2__bars-menu"></span
><span class="bars__menu-span line3__bars-menu"></span>
</div>
</div>
</nav>
</header>
<main>
<div class="section my-5">
<div class="container text-center">
<div class="row">
<div class="col">
<h1 class="hero__aboutus-header">
Demosle un estilo único a nuestros productos de porcelana
</h1>
</div>
</div>
</div>
<div class="img-container">
<img
src="img/hero-aboutus-background.jpg"
alt=""
class="img-fluid"
/>
</div>
</div>
<div class="container my-5 pt-2 pb-4 aboutus-paragraph-container">
<div class="row align-center">
<div class="col-sm-12 col-md-8 col-lg-8 text-sm-center">
<p class="aboutus-paragraph">
¿Buscabas comprar tazas, platos y mas productos de porcelana con diseños unicos?¿Querias aprender a hacer tus propios productos de porcelana? Mi nombre es Romina, Y la pintura en porcelana es mi hobby desde hace años. <a class="strong-a-hover" href="designProd.html">Te invito a que crees tu propio diseño y te llegará tan pronto como sea posible!</a>.
Tambien te ofrecemos la opción de <a class="strong-a-hover" href="coacheo.html">aprender a pintar en porcelana</a> y así puedas hacer tus propios diseños.
</p>
</div>
<div class="col container-img-brand-baw">
<img class="img-fluid mcr-img-baw" src="img/miscreacionesromi.svg" alt="">
</div>
</div>
</div>
<div class="map-section my-5">
<div class="container">
<div class="row">
<div class="col text-center">
<h3>Hacemos envios a todo el país!</h3>
<p>
Con el tiempo nos iremos expandiendo para que puedas disfrutar tus
piezas de porcelana desde cualquier lugar en el mundo!
</p>
</div>
</div>
</div>
<div class="container map-container">
<img src="img/[email protected]" alt="" class="img-fluid map-aboutus" />
</div>
</div>
</main>
<footer>
<div class="container-fluid px-5 py-5 mt-5">
<div class="row element-footer">
<div class="col-md-6 mb-2">
<h3>Mis Creaciones Romina</h3>
<p>Disfruta de tus productos de porcelana con diseños únicos!</p>
<div class="footer-socials d-inline-flex">
<ul class="row icons-ul">
<li class="col-4"><a class="text-center py-auto" href="https://www.instagram.com/miscreacionesromina/" target="_blank"><i class="fab fa-instagram py-2"></i></a></li>
<li class="col-4"><a class="text-center py-auto" href="https://www.facebook.com/profile.php?id=100010029855842" target="_blank"><i class="fab fa-facebook-f py-2"></i></a></li>
</ul>
</div>
</div>
<div class="col-md mb-2">
<h5 class="ms-4 categorias-h5">Categorías</h5>
<ul class="footer-menu categorias-menu">
<li class="footer-menu-item"><a href="index.html">INICIO</a></li>
<li class="footer-menu-item"><a href="aboutus.html">ACERCA DE</a></li>
<li class="footer-menu-item"><a href="designProd.html">CREA TU DISEÑO</a></li>
<li class="footer-menu-item"><a href="coacheo.html">CLASES DE PORCELANA</a></li>
</ul>
</div>
<div class="col-md mb-2 contactanos-menu">
<h5 class="ms-4">Contactános</h5>
<ul class="row d-inline-flex icons-ul">
<li class="col-4"><a class="text-center" href="mailto:[email protected]" target="_blank"><i id="mailto" class="fa fa-envelope py-2"></i></a></li>
<li class="col-4"><a class="text-center"class="text-center" href="https://wa.me/541158447804" target="_blank"><i id="whatsapp" class="fa-brands fa-whatsapp py-2"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>
<!-- Including cdn files -->
<!-- Main js -->
<script src="main.js" module></script>
</body>
</html>