-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
248 lines (246 loc) · 15.1 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
240
241
242
243
244
245
246
247
248
<!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>Home page</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="topNav bg-light">
<div class="container py-2">
<div class="row align-items-center">
<div class="socialIcon col-12 col-sm-4 text-md-left text-right">
<i class="fa-brands fa-facebook-f mx-1 mx-sm-2"></i>
<i class="fa-brands fa-instagram mx-1 mx-sm-2"></i>
<i class="fa-brands fa-linkedin mx-1 mx-sm-2"></i>
<i class="fa-brands fa-twitter mx-1 mx-sm-2"></i>
</div>
<div class="contactNav col-12 col-sm-8 text-right">
<span class="d-block d-sm-inline mr-1"><i class="fa-solid fa-phone"></i> Call NO :+91 8078604677 </span>
<span class="d-md-inline d-block"><i class="fa-solid fa-envelope"></i> [email protected]</span>
</div>
</div>
</div>
</div>
<div class="sticky-top navigation bg-white">
<div class="container">
<nav class="navbar navbar-expand-md navbar-light">
<span class="navbar-brand font-weight-bold"><img src="logo.png" class="mr-2" alt="logo"> Harshit Puri</span>
<div class="navbar-toggler" data-target="#nav" data-toggle="collapse">
<span class="navbar-toggler-icon"></span>
</div>
<div class="navbar-collapse collapse" id="nav">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a href="#Home" class="nav-link text-dark ">Home</a></li>
<li class="nav-item"><a href="#About" class="nav-link text-dark ">About Us</a></li>
<li class="nav-item"><a href="#Service" class="nav-link text-dark ">Service</a></li>
<li class="nav-item"><a href="#" class="nav-link text-dark ">License</a></li>
<li class="nav-item"><a href="#Members" class="nav-link text-dark ">Members</a></li>
<li class="nav-item"><a href="#Contact" class="nav-link text-dark ">Contact</a></li>
</ul>
</div>
</nav>
</div>
</div>
<div class="main min-vh-100 w-100" id="Home">
<div class="container">
<div class="row align-content-center vh-100 main-content">
<span class="font-weight-bold">Hello World ------</span>
<h1>Strengthen Your Business Financail core</h1>
<p class="my-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam, unde sed! Modi, veritatis reiciendis saepe, amet eveniet explicabo a temporibus asperiores omnis quis, eos inventore tempora? Veritatis quis dolore mollitia?</p>
<a href="#" class="buttonLink mt-3">Learn More</a>
</div>
</div>
</div>
<div class="container container-section-title">
<div class="row bg-white mt-n5 mx-2 mx-md-5">
<div class="col p-5">
<i class="fa-regular fa-lightbulb"></i>
<h3 class="my-3">Innoviton</h3>
<p class="text-justify">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quae nisi eligendi vero sint expedita, ipsa explicabo odit modi reiciendis quibusdam.</p>
</div>
<div class="col p-5">
<i class="fa-solid fa-business-time"></i>
<h3 class="my-3">Up to Date</h3>
<p class="text-justify">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quae nisi eligendi vero sint expedita, ipsa explicabo odit modi reiciendis quibusdam.</p>
</div>
<div class="col p-5">
<i class="fa-solid fa-user"></i>
<h3 class="my-3">Integrity</h3>
<p class="text-justify">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quae nisi eligendi vero sint expedita, ipsa explicabo odit modi reiciendis quibusdam.</p>
</div>
</div>
</div>
<div class="container section-about my-5" id="About">
<div class="row my-3 w-100 mx-auto">
<div class="col-12 col-lg-6 image-before">
<img src="image.jpg" width="100%" alt="">
</div>
<div class="col-12 col-lg-6 mt-4 mt-lg-0">
<span class="mb-3">About ------</span>
<h2 class="mb-3">Chartered Accountancy Firm in Rajasthan</h2>
<p class="mb-3">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur esse sequi minima, nulla architecto, repellendus enim deserunt molestiae, sint consectetur adipisci praesentium iste illo? Nemo at natus vero, nihil molestiae dolor? Distinctio hic, ipsam modi saepe ab, animi nihil ex eveniet voluptatem harum, recusandae aut placeat perferendis excepturi voluptatibus. Eaque, ex fugit vel ipsam tempore porro quasi sunt odit nemo maxime ab, doloremque facere eius a quisquam tenetur, sint repellendus corrupti dolore. Veniam quasi at facilis accusamus fugiat cupiditate doloremque provident, neque perferendis aliquam beatae cum hic quae eveniet esse nihil perspiciatis fuga quibusdam quod aperiam ratione a assumenda ipsum.
</p>
<a class="mb-3 btn text-dark font-weight-bold" href="#">Learn More </a>
</div>
</div>
</div>
<div class="container-fluid container-service py-5" id="Service">
<div class="container">
<div class="row align-content-center">
<div class="col-12 col-sm-6 ">
<span>Service</span>
<h3>Service We Provide</h3>
</div>
<div class="col-12 col-sm-6 ">
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Totam, sed deleniti. Illum a tempora, excepturi sequi suscipit reprehenderit provident optio.</p>
</div>
<div class="row px-4 service-content mt-5">
<div class="col bg-white text-dark rounded p-4">
<i class="fa-solid fa-business-time icon mb-2"></i>
<h4>Business Solution</h4>
<p class="text-justify text-break-all">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dignissimos libero neque maiores animi, autem vero. Temporibus velit ad illo doloribus dicta fugit animi veniam? Ex!</p>
</div>
<div class="col bg-white text-dark rounded p-4">
<i class="fa-solid fa-file-lines icon mb-2"></i>
<h4>Financail Reporting</h4>
<p class="text-justify text-break-all">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dignissimos libero neque maiores animi, autem vero. Temporibus velit ad illo doloribus dicta fugit animi veniam? Ex!</p>
</div>
<div class="col bg-white text-dark rounded p-4">
<i class="fa-solid fa-copy icon mb-2"></i>
<h4>Internal Audit</h4>
<p class="text-justify text-break-all">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dignissimos libero neque maiores animi, autem vero. Temporibus velit ad illo doloribus dicta fugit animi veniam? Ex!</p>
</div>
<div class="col bg-white text-dark rounded p-4">
<i class="fa-solid fa-scroll icon mb-2"></i>
<h4>Result Accountancy</h4>
<p class="text-justify text-break-all">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dignissimos libero neque maiores animi, autem vero. Temporibus velit ad illo doloribus dicta fugit animi veniam? Ex!</p>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid bg-lightblue section-our-team py-5" id="Members">
<div class="container">
<div class="row align-items-center justify-content-center text-center text-md-left">
<div class="col text-left">
<span>Our Team ------</span>
<h2>Behind Our Success</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Praesentium numquam ducimus vitae ea commodi consequatur!</p>
</div>
<div class="col">
<div class="img mb-4 mx-auto mx-sm-0">
<img src="image1.jpg" alt="">
</div>
<h6>Behind Our Success</h6>
<p>numquam ducimus vitae ea com</p>
<span class="text-primary">--BCA,MCA</span>
</div>
<div class="col">
<div class="img mb-4 mx-auto mx-sm-0">
<img src="image2.jpg" alt="">
</div>
<h6>Behind Our Success</h6>
<p>numquam ducimus vitae ea com</p>
<span class="text-primary">--BCA,MCA</span>
</div>
<div class="col">
<div class="img mb-4 mx-auto mx-sm-0">
<img src="image3.jpg" alt="">
</div>
<h6>Behind Our Success</h6>
<p>numquam ducimus vitae ea com</p>
<span class="text-primary">--BCA,MCA</span>
</div>
</div>
</div>
</div>
<div class="container contact-us py-5 px-5" id="Contact">
<span class="text-center d-block">Contact Us</span>
<h3 class="text-center mb-5">Request A Call Back</h3>
<div class="row row-cols-md-2 row-cols-1">
<div class="col border rounded p-3 mb-3 mb-md-0">
<h5 class="mb-3">Contact Us</h5>
<span class="d-block mr-1"><i class="fa-solid fa-phone mr-2"></i>2002 Old School Gandhinagar </span>
<span class="d-block mr-1"><i class="fa-solid fa-phone mr-2"></i>Call NO :+91 8078604677 </span>
<span class="d-block text-break-all"><i class="fa-solid fa-envelope mr-2"></i>[email protected]</span>
</div>
<div class="col p-0 pl-md-3">
<form action="#" method="get">
<div class="row w-100 mx-auto">
<div class="col-12 col-lg-6 px-0 px-md-2">
<input type="text" class="form-control mb-2" placeholder="Your Name">
</div>
<div class="col-12 col-lg-6 px-0 px-md-2">
<input type="email" class="form-control mb-2" placeholder="Email">
</div>
<div class="col-12 col-lg-6 px-0 px-md-2">
<input type="text" class="form-control mb-2" placeholder="Your company">
</div>
<div class="col-12 col-lg-6 px-0 px-md-2">
<input type="number" class="form-control mb-2" placeholder="Your Number">
</div>
<div class="col-12 px-0 px-md-2">
<textarea class="form-control w-100 mb-2" placeholder="Massage" rows="5"></textarea>
<input type="submit" class="btn btn-success">
</div>
</div>
</form>
</div>
</div>
</div>
<footer class="container-fluid py-5">
<div class="container">
<span class="navbar-brand font-weight-bold text-white"><img src="logo.png" class="mr-2" alt="logo"> Harshit Puri</span>
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 mt-3">
<div class="col text-white text-left">
<h3 class="border-bottom pb-1">Quick Links</h3>
<ul>
<li><a href="#Home" class="text-white">Home</a></li>
<li><a href="#About" class="text-white">About</a></li>
<li><a href="#Contact" class="text-white">Contact Us</a></li>
<li><a href="#Service" class="text-white">Service</a></li>
<li><a href="#Members" class="text-white">Members</a></li>
</ul>
</div>
<div class="col text-white text-left">
<h3 class="border-bottom pb-1">Service</h3>
<ul>
<li><a href="#Home" class="text-white">Link 1</a></li>
<li><a href="#About" class="text-white">Link 2</a></li>
<li><a href="#Contact" class="text-white">Link 3</a></li>
<li><a href="#Service" class="text-white">Link 4</a></li>
<li><a href="#Members" class="text-white">Link 5</a></li>
</ul>
</div>
<div class="col text-white text-left">
<h3 class="border-bottom pb-1">Free Resources</h3>
<ul>
<li><a href="#Home" class="text-white">Link 1</a></li>
<li><a href="#About" class="text-white">Link 2</a></li>
<li><a href="#Contact" class="text-white">Link 3</a></li>
<li><a href="#Service" class="text-white">Link 4</a></li>
<li><a href="#Members" class="text-white">Link 5</a></li>
</ul>
</div>
<div class="col text-white text-left">
<h3 class="border-bottom pb-1">Get Social Media</h3>
<div class="socialIcon">
<a href="#" class="text-white"><i class="fa-brands fa-facebook-f mx-1 mx-sm-2"></i></a>
<a href="#" class="text-white"><i class="fa-brands fa-instagram mx-1 mx-sm-2"></i></a>
<a href="#" class="text-white"><i class="fa-brands fa-linkedin mx-1 mx-sm-2"></i></a>
<a href="#" class="text-white"><i class="fa-brands fa-twitter mx-1 mx-sm-2"></i></a>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>