-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpricing.html
314 lines (309 loc) · 12.8 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
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="responsive.css" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500&family=Roboto+Condensed:wght@300;400;700&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p"
crossorigin="anonymous"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<title>Web developer prices</title>
</head>
<body>
<!-- NAVBAR -->
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<div class="container-fluid">
<div class="custom-wrapper">
<a class="navbar-brand" href="#how-it-works">How It Works?</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#my-menu"
aria-controls="my-menu"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="my-menu">
<div class="navbar-nav">
<ul>
<li><a class="nav-link" href="./index">Home</a>|</li>
<li><a class="nav-link" href="./about">My Work</a>|</li>
<li>
<a class="nav-link active" href="./pricing">Pricing</a>|
</li>
<li><a class="nav-link" href="./contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</nav>
</header>
<!-- Procing setion -->
<section id="pricing">
<div
id="cover-price"
class="content-title wow animate__animated animate__fadeInDown"
data-wow-duration="1s"
data-wow-delay="0"
>
<h3>Pricing</h3>
<div class="content-underline"></div>
<h5 class="text-center text-white">
Create a home for your brand with modern web design & development
<br />
<br />With every pack you will get:
</h5>
<ul class="white-list mx-auto">
<li>Estimate timeframe and cost upfront</li>
<li>Daily or weekly progress report via email</li>
<li>Urgent requests are handled without delay</li>
<li>Transparent and honest approach; fast communication</li>
</ul>
</div>
<!-- Cards for pricing -->
<div
id="pricing-cards"
class="row content-title wow animate__animated animate__fadeInUp"
data-wow-duration="1s"
data-wow-delay="0"
>
<div class="col-md-6 d-flex align-items-stretch">
<div class="card">
<img src="./img/pricing-top.jpg" class="card-img-top" alt="..." />
<div class="card-body">
<h4 class="card-title">Web Design & Development</h4>
<h5>Prices start from £190 per page</h5>
<p class="card-text">
Need a website done in near future? <br />
Have a great design in mind but don't know where to start?
<br />
Let's chat today!
<br />I will help you to design a stunning modern page with cool
animations and slick finish. My blueprint will help to place
ideas in your head on the paper (or on the computer screen to be
precise). Get in touch for more information.
</p>
<a href="./contact.php" class="btn btn-general btn-color"
>Let's Chat</a
>
</div>
</div>
</div>
<div class="col-md-6 d-flex align-items-stretch">
<div class="card">
<img
src="./img/topview-pricecard.JPG"
class="card-img-top"
alt="..."
/>
<div class="card-body">
<h4 class="card-title">CMS Web Development</h4>
<h5>Prices start from £120 per page</h5>
<p class="card-text">
Want to start a blog website or e-commerce?
<br />
Need regular content updates on you webpage?
<br />
Let me help! <br />
CMS is a great solution for you! I can build your website using
Squarespace content management system. Your website will be 100%
bespoke and once done, you'll be able to do all content updates
by yourself without additional techy knowlegde.
</p>
<a href="./contact.php" class="btn btn-general btn-color"
>Let's Chat</a
>
</div>
</div>
</div>
<div class="col-md-6 d-flex align-items-stretch">
<div class="card">
<img src="./img/front.jpg" class="card-img-top" alt="..." />
<div class="card-body">
<h4 class="card-title">Email Templates</h4>
<h5>Prices start from £35 per template</h5>
<p class="card-text">
Got a list of followers and dreaming of starting your bespoke
newsletter? <br />
How to they do all those beautiful emails? <br />
I got you covered here too!
<br />
I will help you to transform your weekly newsletters to a work
of art.
<br />Beautiful emails catch more attention and drive traffic to
your website/social meadia increasing your sales. Let's chat
about how to shape up your email branding.
</p>
<a href="./contact.php" class="btn btn-general btn-color"
>Contact me</a
>
</div>
</div>
</div>
<div class="col-md-6 d-flex align-items-stretch">
<div class="card">
<img
src="./img/diary-pricecard.jpg"
class="card-img-top"
alt="..."
/>
<div class="card-body">
<h4 class="card-title">Digital Solutions & Support</h4>
<h5>Price per hour: £40</h5>
<p class="card-text">
Got a website that needs a makeover? <br />
Want to migrate from content management platform such as
SquareSpace or WordPress? I got you covered!
<br />
Whatever problem you have, I know how to solve it. I can help
you with any technical sides of your website creation, as well
as aestetics. Book a free consulation today over a virtual cup
of coffee to discuss your ideas with me. I promise it will be
awesome!
</p>
<a href="./contact.php" class="btn btn-general btn-color"
>Contact me</a
>
</div>
</div>
</div>
</div>
<!-- FAQ -->
<div
id="how-it-works"
class="content-title wow animate__animated animate__fadeInDown"
data-wow-duration="1s"
data-wow-delay="0"
>
<h3>How It Works?</h3>
<div class="content-underline"></div>
<div class="how-design">
<ul>
<li>
<strong> PROJECT CONSULTATION </strong>- It always begins with a
free project consulation. I can organise a phone call or
video-chat with you at your convenience and we will dive into the
core of your business to understand what your aim is. Are you
looking to sell online, promote your work or have an informative
landing page done? I’ll talk colours, fonts, imagery, content
creation to ensure your ideas will help to produce the best design
possible.
</li>
<li>
<strong> HOMEPAGE DESIGN</strong> - Homepage is the main event of
your website and has to be treated with respect it deserves.
Taking everything from the initial meeting with you I will produce
a blueprint for your homepage. Any changes that you wish to be
done will be taken on board and I am happy to change the look of
your homepage as many times as needed. Once the design is approved
and you are 100% happy with what you seen - it will be time for
coding magic and I will start to build your website!
</li>
<li>
<strong> CONTENT PAGES DESIGN AND BUILD</strong> - After the other
pages for the website are designed. The design for these pages is
based off the homepage to ensure consistency throughout the site.
Similarly, once design is approved, the development will take
place. You’ll be receiving regular updates when a new page is
ready to be viewed so you can follow the progress.
</li>
<li>
<strong> FINAL CHECKS</strong> - At this stage I will test your
website across all devices and browsers to make sure everything
works perfectly. You website will be inspected from top to bottom
and that will be the time for you to chose your hosting provider.
I will guide you through this step too if you will require my
support.
</li>
<li>
<strong> WEBSITE GOES LIVE</strong> - Woo-Hoo! We made it! Your
website will be uploaded onto chosen server and will be made
public for everyone to see! But my support doesn’t end here. I
offer free 2 weeks aftercare with every website; this includes
fixing any arising issues (if any) and updating content if needed.
I will ensure user experience is consistent across the board.
</li>
</ul>
</div>
</div>
<div id="start-card" class="card w-75 mx-auto">
<img src="./img/flower.jpg" class="card-img" alt="..." />
<div class="card-img-overlay text-center">
<h5 class="card-title">READY TO WORK TOGETHER?</h5>
<p class="card-text">I'm available for new projects.</p>
<a href="./contact.php" class="btn btn-general btn-white"
>Start a new project</a
>
</div>
</div>
<!-- footer -->
<footer>
<div id="footer-bottom">
<div class="container">
<div class="row">
<div class="col-md-6">
<div id="footer-copyrights">
<p>
Copyrights © 2020 All Rights Reserved by Natasha Benyak
</p>
</div>
</div>
<div class="col-md-6 d-none d-md-block">
<div id="footer-menu">
<ul>
<li><a href="./index">Home</a>|</li>
<li><a href="./about">My Work</a>|</li>
<li><a href="./pricing">Pricing</a>|</li>
<li><a href="./contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
</section>
<!-- Javascript links (jQuery; popper; bootstrap; custom JS) -->
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s"
crossorigin="anonymous"
></script>
<script src="js/wow/wow.min.js"></script>
<script src="./custom.js"></script>
</body>
</html>