-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpricing.html
229 lines (216 loc) · 10.9 KB
/
pricing.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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!-- pricing.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<title>Matcha - Pricing</title>
<!-- Agregamos la nueva página de estilos -->
<link rel="stylesheet" type="text/css" href="./pricing.css" />
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light fixed-top" style="background-color: #fffbf7;">
<div class="container-fluid">
<a class="navbar-brand logo" href="index.html">
<img src="https://getmatcha.com/wp-content/uploads/2020/01/Icon-green.png" alt="Matcha" />
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Platform</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="pricing.html">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Customers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Resources</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About us</a>
</li>
</ul>
<div class="actions">
<a href="#">Sign In</a>
<button>Start Free Trial</button>
</div>
</div>
</div>
</nav>
<main class="header">
<article>
<h1>Free During COVID-19</h1>
<p>
Matcha is on a mission to make your blog the biggest asset for your
business’ growth, especially in today’s context. That’s why we’re
making the Matcha Platform free forever to all new users who sign up
during COVID-19.
</p>
</article>
<!-- Este es el nuevo código con la botonera -->
<div class="platforms">
<h5>MY BLOG IS POWERED BY</h5>
<div class="btn-group" role="group" aria-label="Basic example">
<button type="button" class="btn btn-secondary">
<img src="icons/shopify.svg" alt="Shopify icon"> <!-- Este es el ícono de Shopify-->
Shopify
</button>
<button type="button" class="btn btn-secondary">
<img src="icons/wordpress.svg" alt="Wordpress icon"> <!-- Este es el ícono de Wordpress-->
Wordpress
</button>
<button type="button" class="btn btn-secondary">Other</button>
</div>
</div>
</main>
<section class="faq">
<div class="container">
<div class="row">
<div class="col">
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
How can I get started?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne"
data-bs-parent="#accordionExample">
<div class="accordion-body">
Getting started is easy! Simply
<a href="#">create a free account</a> to start using the Platform and
exploring the library. Want to start publishing? When you click the
“Publish” button on a piece of licensed content, you’ll be prompted to
input your credit card information before continuing. Questions?
<a href="#">Reach out to our customer support team for assistance!</a>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseOne">
What is licensed content?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingOne"
data-bs-parent="#accordionExample">
<div class="accordion-body">
Licensed content, sometimes called syndicated content, is content
produced by a professional publisher that can be legally licensed for
use on your own website with no SEO penalty.
<a href="#">Learn more</a>. The Matcha library leverages licensed
content to provide you with a low-cost supply of professionally
written articles that are proven to be engaging. It eliminates the
headache and time of producing your own blog articles, allowing you to
get back to more pressing matters. When we say, “professional
publishers”, we mean it. Currently, our library includes articles from
the following publishers: Oxygen Magazine, Better Nutrition, Popular
Science, Field & Stream, Coach, RootsRated, Business2Community,
MoneyNing, YourMoneyGeek Working Mother, Clean Eating, and Healthy
Moms Magazine.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseThree" aria-expanded="true" aria-controls="collapseOne">
What is the Matcha content library?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingOne"
data-bs-parent="#accordionExample">
<div class="accordion-body">
Matcha offers a library of more than 10,000 articles with photography
and written by high-quality third-party publishers. You can publish an
article from the library to your blog in a matter of minutes. In 2018
alone, our articles garnered 8.9 million website visits for our
customers. The data shows that readers find the articles engaging and
perform as well or better than custom articles. You can see the study
<a href="#">here</a>. Every week, we are bringing in hundreds of new
articles to our library. Our library publishers include: Oxygen
Magazine, Better Nutrition, Popular Science, Field & Stream, Coach,
RootsRated, Business2Community, MoneyNing, YourMoneyGeek Working
Mother, Clean Eating, and Healthy Moms Magazine.
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="accordion" id="segundaColumna">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFour" aria-expanded="true" aria-controls="collapseFour">
Who uses Matcha?
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingOne"
data-bs-parent="#segundaColumna">
<div class="accordion-body">
Hundreds of growing and established B2C and B2B brands use Matcha on
their ecommerce site. Matcha is specifically built for companies that
are selling on their website direct-to-consumer and will help you to
grow and engage your audience. We work with companies in the outdoor &
travel, food & beverage, CPG, home & family, beauty & fashion,
apparel, fitness, and health & wellness industries, as well as with
B2B businesses in the marketing industry. You can see more about our
customers <a href="#">here</a>.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFive" aria-expanded="true" aria-controls="collapseFive">
What do I need to use Matcha?
</button>
</h2>
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingOne"
data-bs-parent="#segundaColumna">
<div class="accordion-body">
As long as you have a blog set up on your website, you can begin
publishing to Matcha and making data-driven decisions with content
analytics. We integrate directly with WordPress and Shopify to make
publishing even faster, but a WordPress or Shopify blog is not
required. If you don’t have a blog on your site, they’re typically
easy to set up.
<a href="#">Contact us</a> to learn more.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseSix" aria-expanded="true" aria-controls="collapseSix">
Have more questions?
</button>
</h2>
<div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingOne"
data-bs-parent="#segundaColumna">
<div class="accordion-body">
<a href="#">Contact us</a>! We’re happy to help.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
</body>
</html>