-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
239 lines (239 loc) · 10.6 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
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
<!DOCTYPE html>
<html lang="en">
<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">
<title>Title</title>
<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=Roboto:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="CSS/style.css">
<link rel="stylesheet" href="CSS/media.css">
</head>
<body>
<div class="wrap_body">
<header class="header_top d-flex a-items-center">
<div class="wrapper header_top__grid d-flex">
<div class="header_logo">
<img src="image/logo.svg" alt="Logo Cloud">
</div>
<div class="header_menu d-flex">
<nav class="header_menu__nav d-flex a-items-center">
<div class="header_menu__nav__item"><a href="#">Home</a></div>
<div class="header_menu__nav__item"><a href="#">How it works</a></div>
<div class="header_menu__nav__item"><a href="#">What we do</a></div>
<div class="header_menu__nav__item"><a href="#">Who we help</a></div>
<div class="header_menu__nav__item"><a href="#">Resources</a></div>
</nav>
<div class="header_menu_buttons d-flex a-items-center">
<button class="header_menu__button__login">Login</button>
<button class="header_menu__button__expert">Talk to an Expert</button>
</div>
</div>
<div class="mobile_menu__button">
<span></span>
</div>
</div>
</header>
<section class="first_screen">
<div class="wrapper first_screen__grid d-flex">
<div class="first_screen__left">
<h1>Get your finances right</h1>
<p>Get your finances right with Accountancy Cloud. We offer the best accounting, R&D credits and CFO
services for ambitious businesses who want to grow.</p>
</div>
<div class="first_screen__right">
<img src="image/first_screen_bg.png" alt="First Screen Bg">
</div>
</div>
<div class="button_talk__to__us d-flex a-items-center">
<h4>Switching to us is simple</h4>
<button>Talk to us</button>
</div>
</section>
<section>
<div class="wrapper second_screen__grid d-flex">
<div class="second_screen__left">
<img src="image/second_screen.svg" alt="Second Screen">
</div>
<div class="second_screen__right">
<h2>The best finance<br>stack for<br>entrepreneurs</h2>
<p>70% of companies switch to us from their DIY or legacy system. Now, get your bookkeeping, tax prep
and CFO problems, solved. Complete our <span
class="text-decoration">contact form</span>, and find out why 9 out of 10 customers
recommend us.</p>
</div>
</div>
</section>
<section class="third_screen wrapper">
<h2>Why Switch?</h2>
<div class="third_screen_column">
<div class="third_screen_left">
<img src="image/third_screen_left.svg" alt="Powerful software">
<h3>Powerful software</h3>
<p>Included in our service, each customer gets in-house software to access live <span
class="text-decoration">financial dashboards</span> and
real-time management reports.</p>
</div>
<div class="third_screen_middle">
<img src="image/third_screen_middle.svg" alt="Track cashflow">
<h3>Track cashflow</h3>
<p>Stay on top of your working capital, <span
class="text-decoration">taxes</span>, and cashflow, to ensure your business is performing at
its best.</p>
</div>
<div class="third_screen_right">
<img src="image/third_screen_right.svg" alt="Award winning support">
<h3>Award winning support</h3>
<p>Expect the best from us. Get a dedicated finance team that will handle all your accounting, R&D
credits and CFO needs.</p>
</div>
</div>
<button class="pink_button">
<p><span class="bold">
Discover what we do
</span>
</p></button>
</section>
<section class="fourth_screen wrapper padding-bottom88">
<h2>Plans built for growth</h2>
<div class="fourth_screen_column">
<div class="fourth_screen_left">
<img src="image/fourth_screen_left.svg" alt="Early stage startup">
<h3>Early stage startup</h3>
<p>Need your accounting system set up? Learn financial best practice and prime your business for the
next stage of growth. We get you moving quickly with an accounting solution that does what you
need.</p>
</div>
<div class="fourth_screen_middle">
<img src="image/fourth_screen_middle.svg" alt="Scale up">
<h3>Scale up</h3>
<p>Spend less time worrying about your finances and more time shaping your company’s future. Get your
bookkeeping, R&D credits and CFO problems, solved.</p>
</div>
<div class="fourth_screen_right">
<img src="image/fourth_screen_right.svg" alt="High growth">
<h3>High growth</h3>
<p>Gain the financial accuracy, visibility, and real-time analysis you need to make smarter decisions,
drive efficiency, and achieve total organizational alignment.</p>
</div>
</div>
</section>
<section class="fifth_screen wrapper padding-bottom88 column-gap70">
<div class="fifth_screen_left">
Join 200+ amazing companies
</div>
<div class="fifth_screen_right d-flex column-gap30">
<div class="fifth_screen_right_col1 padding-top55">
<div>
<img src="image/fifth_screen_1.svg" alt="fifth screen 1">
</div>
<div>
<img src="image/fifth_screen_2.svg" alt="fifth screen 1">
</div>
<div>
<img src="image/fifth_screen_3.svg" alt="fifth screen 1">
</div>
</div>
<div class="fifth_screen_right_col2 padding-top55">
<div>
<img src="image/fifth_screen_4.svg" alt="fifth screen 1">
</div>
<div>
<img src="image/fifth_screen_5.svg" alt="fifth screen 1">
</div>
<div>
<img src="image/fifth_screen_6.svg" alt="fifth screen 1">
</div>
</div>
<div class="fifth_screen_right_col3 padding-top55">
<div>
<img src="image/fifth_screen_7.svg" alt="fifth screen 1">
</div>
<div>
<img src="image/fifth_screen_8.svg" alt="fifth screen 1">
</div>
<div>
<img src="image/fifth_screen_10.svg" alt="fifth screen 1">
</div>
</div>
</div>
</section>
<section class="sixth_screen wrapper d-flex">
<div class="sixth_screen_left">
<h3>The AC Hub</h3>
<p>Explore our dedicated online resources. We've got the tips, tricks and online accounting know-how for
business success.</p>
<button class="pink_button">
<h4>View Hub</h4></button>
</div>
<div class="sixth_screen_right">
<img src="image/sixth_screen.svg" alt="Sixth screen">
</div>
</section>
<section class="seventh_screen">
<div>
<h3>Ready to Switch? It's simple.</h3>
<p>Speak to an expert today</p>
</div>
<button class="black_btn">
<h4>Get Started</h4></button>
</section>
<section class="eighth_screen wrapper">
<div class="d-flex">
<img src="image/eight_screen.svg" alt="eight screen">
<h3>Your new finance team</h3>
</div>
<div class="eight_screen_column margin-top50">
<div class="marg-bot20">
<h4>How it works</h4>
<p>Hassle Free Switching</p>
</div>
<div class="marg-bot20">
<h4>What we do</h4>
<p>Finance Teams</p>
<p>Tax</p>
<p>R&D Tax Credits</p>
<p>A platform for success</p>
<p>Software Integrations</p>
</div>
<div class="marg-bot20">
<h4>Who we help</h4>
<p>Startups</p>
<p>Small Business</p>
<p>Medium Business</p>
<p>CFO & Head of Finance</p>
</div>
<div class="marg-bot20">
<h4>Resources</h4>
<p>Case Studies</p>
<p>Blogs</p>
<p>Guides</p>
<p>Podcasts</p>
</div>
<div class="marg-bot20">
<h4><span class="font-weight-normal">Company</span></h4>
<div class="marg-bottom8"><a href="#">About Us</a></div>
<div class="marg-bottom8"><a href="#">Careers</a></div>
<div class="marg-bottom8"><a href="#">Contact Us</a></div>
</div>
</div>
<div class="eight_screen_column d-flex margin-top50">
<div>
<h4>Speak to us</h4>
<div class="marg-bottom8"><a href="#">Call 020 4530 8432</a></div>
<div class="marg-bottom8"><a href="#">Refer a friend for £175</a></div>
<div class="marg-bottom8"><a href="#">Partner with us</a></div>
</div>
</div>
<div class="eight_screen_column padding-bottom45 padding-top62">
<a href="#"><span class="padding-right27">© Accountancy Cloud 2021</span></a>
<a href="#"><span class="padding-right27">Privacy Policy & Cookies</span></a>
<a href="#">Terms of Service</a>
<img class="pos-abs" src="image/eight_screen_2.svg" alt="eight screen2">
</div>
</section>
</div>
</body>
</html>