-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.HTML
140 lines (137 loc) · 7.92 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
<html>
<head>
<link rel="stylesheet" href="../Landing page/LP.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cinzel:[email protected]&display=swap" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark">
<div class="container">
<a href="../Landing page/Landing page.HTML"><img src="../News/News assets/Semi-black S.png" alt="Main Logo" width="60px"></a>
<a class="navbar-brand" href="#"><h2>Arrebol Coffee</h2></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="../Landing page/Landing page.HTML">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../Experiences/Experience.html">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../Prices/Prices.html">Prices</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../Store/Store.html">Store</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../Contacts/Contacts.html">Contact us</a>
</li>
<li class="nav-item">
<a href="../Shopping Cart/Shopping cart.html"><img src="../News/News assets/Shopping cart fr (1).png" alt="Shopping Cart" height="50px"></a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="big-image-layout">
<img src="../Landing page/Assets/L.Page.jpg" alt="Coffee Image" width="500px" height="600px">
<div>
<h2>Our Brand, Our identity, Arrebol Coffee.</h2>
<p>We are a group of Mexican producers. We intend on bringing nutrition-based foods, and culturally adequate and ecologically sustainable products, to be more specific “Coffee Products”. Our coffee beans are characterized by the regions they grow in, Chiapas, and each of them is an obeisance to their community; taking their unique essential qualities to give a unique coffee.</p>
</div>
</div>
<div class="title-text-layout">
<div>
<h2>From our hands, to your houses</h2>
<p>At Arrebol Coffee, our daily dedication is infused with meticulous effort to craft a coffee of unparalleled richness and flavor, meticulously extracted to ensure that each bean embodies an exquisite essence worthy of savoring.</p>
</div>
<img src="../Landing page/Assets/e.b.png" alt="Coffee Image">
</div>
<div class="two-images-layout">
<img src="../Landing page/Assets/A1.jpg" alt="Coffee Image 1">
<img src="../Landing page/Assets/A2.jpg" alt="Coffee Image 2">
</div>
<div class="container">
<div class="text-center mb-5">
<h1>Our History</h1>
</div>
<div class="timeline">
<div class="row">
<div class="col-md-6 offset-md-3">
<div class="timeline-point">
<img src="../Landing page/Assets/TM3.png" alt="Point 1">
<div class="timeline-title">
<h3>2016</h3>
<p>Arrebol Idea. The idea of creating a roasting workshop is born. The name Café Arrebol appears for the first time.</p>
</div>
</div>
<div class="timeline-point">
<img src="../Landing page/Assets/TM4.png" alt="Point 2">
<div class="timeline-title">
<h3>2017</h3>
<p>"Brand Positioning". The brand positioning begins in various specialty stores in the Guadalajara Metropolitan Area.</p>
</div>
</div>
<div class="timeline-point">
<img src="../Landing page/Assets/TM1.png" alt="Point 3">
<div class="timeline-title">
<h3>2018</h3>
<p>"Trademark Registration". The Café Arrebol brand is registered, packaging is redesigned, and supply to various cafes and restaurants commences.</p>
</div>
</div>
<div class="timeline-point">
<img src="../Landing page/Assets/TM2.png" alt="Point 4">
<div class="timeline-title">
<h3>2019</h3>
<p>"Exhibitions". Specialty blends are launched into the market, and the brand participates in Expocafe and Expo ANTAD.</p>
</div>
</div>
<div class="timeline-point">
<img src="../Landing page/Assets/TM5.png" alt="Point 5">
<div class="timeline-title">
<h3>2020</h3>
<p>"Corporate Alliances". Various corporate alliances are achieved with Grupo Vidanta hotels, Citibanamex corporate offices, among others.</p>
</div>
</div>
<div class="timeline-point">
<img src="../Landing page/Assets/TM6.png" alt="Point 6">
<div class="timeline-title">
<h3>2021</h3>
<p>"Ambassadors". Presence is established in Aguascalientes, Mexico City, Toluca, Michoacán, Jalisco, Mazatlán, and León through the Coffee Ambassadors distribution program.</p>
</div>
</div>
<div class="timeline-point">
<img src="../Landing page/Assets/TM7.png" alt="Point 7">
<div class="timeline-title">
<h3>2022</h3>
<p>"E-commerce". The AppStore is launched, initiating nationwide e-commerce.</p>
</div>
</div>
<div class="timeline-point">
<img src="../Landing page/Assets/TM8.png" alt="Point 8">
<div class="timeline-title">
<h3>2023</h3>
<p>"First Online Sale". We dared to sell directly to the end consumer, offering our products directly from our online store, and officially had the first purchase in May of this year.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="big-image-layout">
<a href="https://www.google.com/maps?ll=20.71359,-103.406118&z=15&t=m&hl=es-419&gl=US&mapclient=embed&q=Blvrd+Puerta+de+Hierro+4965+45116+Zapopan,+Jal."><img src="../Landing page/Assets/L.Map.png" alt="Coffee Image"></a>
<div>
<h2>Visit us!</h2>
<p>Dirección <br>Blvd. Puerta de Hierro 4965 <br>ZAPOPAN <br>MX</p>
</div>
</div>
</body>
</html>