-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (137 loc) · 6.91 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 http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Juliana Heredia">
<meta name="description" content="Tienda de plantas pequeñas para el hogar y macetas con diseños creativos. Si es lo que buscas, ¡Artemisa Plant Shop es el lugar correcto!">
<meta name="keywords" content="SHOP, PLANTS, TIENDA, PLANTAS, ARTEMISA, PLANT">
<title>Artemisa Plant Shop</title>
<link rel="icon" type="image/svg" href="/assets/img/planta.svg">
<link href="https://fonts.googleapis.com/css2?family=Montserrat&family=Rubik&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./css/styles.css">
<link rel="stylesheet" href="./css/desktop.css" media="(min-width: 1316px)">
</head>
<body>
<header class="background__header">
<nav class="navbar__container scrollmenu">
<a href="./index.html">Inicio</a></li>
<a href="./pages/cuidados-y-tips.html">Cuidados y tips</a>
<a href="./pages/about.html">Conóceme</a></li>
<a href="./pages/contacto.html">Contacto</a>
</nav>
<div class="header__title--container">
<h1>Artemisa Plant Shop</h1>
<p>Encuentra aquí las plantas que más te gusten y macetas con diseños creativos</p>
<a href="#plans" class="header__button"><span></span>Desliza abajo para más</a>
</div>
</header>
<main>
<section class="main__carousel--container">
<section class="carousel__container scrollmenu">
<img src="./assets/img/planta-3.jpg" alt="Planta">
<img src="./assets/img/planta-1.jpg" alt="Planta">
<img src="./assets/img/planta-2.jpg" alt="Planta">
</section>
</section>
<section class="main__exchange--container">
<div class="main__exchange--container-title">
<h2>Somos una empresa dedicada la jardinería y venta de plantas ornamentales. Iniciamos este proyecto para transmitir nuestro amor hacia las plantas. <br> Lo que se vive con la naturaleza es un proceso recíproco, con ella es dar y recibir, es muy grato verlas crecer y la compañía maravillosa que hace de nuestro hogar un espacio con el aire mas puro y ambiente mas agradable.</h2>
<p></p>
<div class="currency--table-container--text-color">
<p></p>
</div>
</div>
<section class="main__exchange--container">
<div class="background__img-second"></div>
<div class="main__exchange--container-title-dos">
<h2>¿Necesitas ayuda para escoger la planta correcta?</h2>
</div>
</section>
</div>
</section>
<section class="main__product--detail">
<section class="product--cards-container">
<a href="./pages/cuidados-y-tips.html">
<article class="product--detail-card">
<p class="product--card-title">01</p>
<p class="product--card-body">Jardín</p>
</article>
</a>
<a href="./pages/cuidados-y-tips.html">
<article class="product--detail-card">
<p class="product--card-title">02</p>
<p class="product--card-body">Oficina</p>
</article>
</a>
<a href="./pages/cuidados-y-tips.html">
<article class="product--detail-card">
<p class="product--card-title">03</p>
<p class="product--card-body">Hogar</p>
</article>
</a>
</section>
</section>
<section class="bitcoin__img--container">
<h2>
Lleva la tuya hoy.
</h2>
</section>
<section id="plans" class="main__plans--container">
<div class="plans--title">
<h2>Adquiere tu planta favorita siguiendo estos sencillos pasos.</h2>
</div>
<section class="plans__container--slider">
<article class="plans__container--card">
<p class="recommended">01</p>
<div class="plan__info--container">
<h3 class="plan__card--title">Escoge la planta</h3>
<p class="plan__card--saving">Puedes encontrar nuestra variedad de plantas y macetas en nuestra cuenta de Instagram.</p>
</div>
</article>
<article class="plans__container--card">
<p class="recommended">02</p>
<div class="plan__info--container">
<h3 class="plan__card--title">Contáctanos</h3>
<p class="plan__card--saving">Pide tu orden vía <a href="https://www.instagram.com/artemisa.plantshop/" target="_blank" rel="noopener noreferrer">DM</a> o <a href="https://wa.me/573203999636" target="_blank" rel="noopener noreferrer">Whatsapp</a>, nos encargaremos de brindarte la mejor atención.</p>
</div>
</article>
<article class="plans__container--card">
<p class="recommended">03</p>
<div class="plan__info--container">
<h3 class="plan__card--title">Obtén tu planta</h3>
<p class="plan__card--saving">Despues de concretar la compra la planta llega hasta la puerta de tu casa.<br>¡Así de fácil!</p>
</div>
</article>
</section>
</section>
<section class="main__plans--container">
<div class="plans--title-two">
<h2>Conóceme mejor</h2>
<p class="plans__about--text">
<a href="./pages/about.html">
Mi nombre es Kelly Juliana Heredia y junto a mi compañera Rossana Martínez iniciamos este emprendimiento con el fin de mostrar al mundo nuestra pasión por la naturaleza...
</a>
</p>
</div>
</section>
</main>
<footer>
<section class="left">
<ul>
<li><a href="index.html">Artemisa Plant Shop © 2021</a></li>
<li><a href="https://wa.me/573203999636">Whatsapp</a></li>
</ul>
</section>
<section class="right">
<ul>
<li><a href="https://web.facebook.com/Artemisa-Plant-Shop-107380508358430">Facebook</a></li>
<li>
<a href="https://www.instagram.com/artemisa.plantshop/" target="_blank" rel="noopener noreferrer">Instagram</a>
</li>
</ul>
</section>
</footer>
</body>
</html>