forked from frivizn/accountant-website-template
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
231 lines (196 loc) · 9.18 KB
/
index.html
File metadata and controls
231 lines (196 loc) · 9.18 KB
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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="UTF-8">
<meta name="description"
content="Frivizn is a full service tax, accounting and business consulting firm located in New York, NY">
<meta name="keywords"
content="accountants, CPA, accounting, tax, estate, audit, business, consulting, bookkeeping, taxes">
<meta name="author" content="dukibu">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Roboto:400,700" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<title>Home | Frivizn Accountant</title>
</head>
<body id="top">
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Header -->
<header role="banner">
<div class="nav-wrap">
<!-- Logo -->
<div class="logo">
<a href="index.html" title="Frivizn logo"><img src="images/frivizn-logo.png" alt="Frivizn logo"></a>
</div>
<!-- Navigation -->
<nav id="myTopnav" class="topnav" role="navigation">
<a href="index.html" title="Home">Home</a>
<a href="about.html" title="About">About</a>
<a href="services.html" title="Services">Services</a>
<a href="news.html" title="News">News</a>
<a href="contact.html" title="Contact">Contact</a>
</nav>
</div><!-- End of class="nav-wrap" -->
<div class="bars"><i class="fas fa-bars"></i></div>
</header>
<!-- Main -->
<main role="main">
<!-- Home Hero Container -->
<div class="home-hero">
<video src="images/city.mp4" autoplay="true" loop="true" muted></video>
<div class="video-overlay"></div>
<div class="content-wrap">
<h1>We care about your business</h1>
<p>We inspire clients to make their most challenging business decisions with confidence.</p>
</div>
</div>
<!-- Welcome -->
<section class="welcome">
<div class="content-wrap">
<img class="welcome-img col-narrow" src="images/welcome-image.jpg" alt="Office entrance">
<div class="col-wide">
<h2>Welcome</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Mollitia recusandae, ipsum consequatur blanditiis
odio placeat, commodi aspernatur dolorem minima dolores porro repellat itaque quidem doloremque officia
nostrum aperiam repudiandae quam.</p>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Mollitia recusandae, ipsum consequatur blanditiis
odio placeat, commodi aspernatur dolorem minima dolores porro repellat itaque quidem doloremque officia
nostrum aperiam repudiandae quam.</p>
</div><!-- End of class="col-wide" -->
</div><!-- End of class="content-wrap" -->
</section><!-- End of class="welcome" -->
<!-- Services -->
<section class="services">
<h2>Services</h2>
<div class="content-wrap">
<div class="box">
<p><i class="fas fa-calculator"></i></p>
<h3>Accounting Services</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem, ipsam!</p>
<p><a class="read-more" href="services.html#services">Read more...</a></p>
<p><a href="accountant-manual.pdf" class="btn download" download>Download PDF</a></p>
</div>
<div class="box">
<p><i class="fas fa-book"></i></i></p>
<h3>Taxation Services</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem, ipsam!</p>
<p><a href="services.html#services" class="read-more">Read more...</a></p>
<p><a href="accountant-manual.pdf" class="btn download" download>Download PDF</a></p>
</div>
<div class="box">
<p><i class="fas fa-file-invoice-dollar"></i></p>
<h3>Payroll Services</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem, ipsam!</p>
<p><a href="services.html#services" class="read-more">Read more...</a></p>
<p><a href="accountant-manual.pdf" class="btn download" download>Download PDF</a></p>
</div>
</div><!-- End of class="content-wrap" -->
</section><!-- End of class="services" -->
<!-- Testimonials -->
<section class="testimonials">
<div class="content-wrap">
<h2>Testimonials</h2>
<hr>
<div class="testimonials-slider">
<p class="testimonial-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur veritatis
amet maiores cum aliquam reiciendis.</p>
<p>John Doe</p>
<p><i class="fas fa-long-arrow-alt-left"></i> <i class="fas fa-long-arrow-alt-right"></i></p>
</div>
</div><!-- End of class="content-wrap" -->
</section><!-- End of class="testimonials" -->
<!-- Latest News -->
<section class="latest-news">
<div class="content-wrap">
<h2>Latest News</h2>
<div class="box">
<h3>News 1</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Natus neque consectetur quae beatae sapiente
assumenda hic eligendi iusto magnam, laudantium magni porro totam explicabo fugit.</p>
</div>
<div class="box">
<h3>News 2</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Magnam consequuntur hic animi explicabo fugiat,
nulla similique eaque quam ut quod dolore doloribus quas aperiam id?</p>
</div>
<div class="box">
<h3>News 3</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae sed adipisci quis, quam minus assumenda
officia, similique omnis beatae blanditiis reiciendis totam ipsam cum eveniet!</p>
</div>
</div><!-- End of class="content-wrap" -->
</section><!-- End of class="latest-news" -->
<!-- Newsletter -->
<section class="newsletter">
<div class="content-wrap">
<h2>Newsletter</h2>
<form action="/action_page.php">
<div class="newsletter-form">
<p>Stay updated with our latest news. Subscribe to our Newsletter.</p>
<input type="email" placeholder="yourmail@gmail.com" name="mail" required>
<button class="btn" name="Submit">Submit</button>
</div>
</form>
</div><!-- End of class="content-wrap" -->
</section><!-- End of class="newsletter" -->
</main>
<!-- Footer -->
<footer role="contentinfo">
<div class="content-wrap">
<!-- Social media and contact links. Add or remove any networks. -->
<div class="box">
<h3>Contact</h3>
<p> © 2019 by Frivizn Studio</p>
<p>Frivizn Accountant<br>
123 Main St.<br>
New York, NY 10001</p>
</div>
<div class="box">
<h3>Quick Links</h3>
<p><a href="about.html">About</a></p>
<p><a href="services.html">Services</a></p>
<p><a href="news.html">News</a></p>
<p><a href="contact.html">Contact</a></p>
</div>
<div class="box">
<h3>Services</h3>
<p><a href="services.html#accounting">Accounting</a></p>
<p><a href="services.html#taxation">Taxation</a></p>
<p><a href="services.html#payroll">Payroll</a></p>
<p><a href="services.html#bookkeeping">Bookkeeping</a></p>
</div>
<div class="box social-media">
<h3>Social Media</h3>
<p><a href="https://twitter.com"><i class="fab fa-twitter"></i><span
class="social-media-name">Twitter</span></a></p>
<p><a href="https://linkedin.com"><i class="fab fa-linkedin-in"></i><span
class="social-media-name linkedin">LinkedIn</span></a></p>
<p><a href="https://facebook.com"><i class="fab fa-facebook-f"></i><span
class="social-media-name facebook">Facebook</span></a></p>
<p><a href="https://instagram.com"><i class="fab fa-instagram"></i><span
class="social-media-name instagram">Instagram</span></a></p>
</div>
<a href="#top" class="btn"><i class="fas fa-chevron-circle-up"></i></a>
<p class="credit">Copyright © 2019 Frivizn | Privacy Policy | Terms & Conditions | <a
href="credit.txt">Credit</a></p>
<p>Website created by Frivizn Studio</p>
<hr>
</div><!-- End of class="content-wrap" -->
</footer>
<!-- <script src="js/modernizr.js"></script> -->
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID.
<script>
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
ga('create', 'UA-XXXXX-Y', 'auto'); ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
-->
</body>
</html>