-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
264 lines (249 loc) · 16.9 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
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ByteBridge</title>
<link rel="icon" type="image/x-icon" href="bytebridge.png">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.css">
</head>
<body>
<div id="cursor"></div>
<header>
<div class="navbar">
<div class="logo"><img src="bytebridge.png">
</div>
<ul class="links">
<li><a href="#page2">SERVICES</a></li>
<li><a href="#page3">ABOUT US</a></li>
<li><a href="#contact">CONTACT US</a></li>
</ul>
<div class="toggle_btn">
<i class="fa-solid fa-bars" style="color: #000000;"></i>
</div>
</div>
<div class="dropdown_menu">
<li><a href="#">SERVICES</a></li>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">PORTFOLIO</a></li>
<li><a href="#">CONTACT US</a></li>
</div>
</header>
<div id="main">
<div id="page1">
<h1 align="center">ByteBridge</h1>
<h2>MAKE YOUR <span>BRAND'S</span> SHINE</h2>
</div>
<div id="page2">
<div align="center"><h3>OUR OFFERINGS</h3></div>
<div align="center"><p id="headex">Comprehensive Website Services to Ignite Your Online Success. Empower Your Business with Powerful Online Services from our Website.</p></div>
<div id="boxes1" class="box">
<div id="readm" class="readm">READ<br>MORE</div>
<div align="center" id="elem1" class="elem">
<img src="seo.png">
<h4>Search Engine Optimization</h4>
<p>Search engine optimization is the process of improving the quality and quantity of website traffic to a website or a web page from search engines.</p>
</div>
<div align="center" id="elem2" class="elem">
<img src="app.png">
<h4>APP DEVELOPEMENT</h4>
<p>Empower Your Business with Cutting-Edge Mobile App Development Solutions.</p>
</div>
<div align="center" id="elem3" class="elem">
<img src="digital.png">
<h4>DIGITAL MARKETING</h4>
<p>Drive Growth and Dominate the Digital Landscape with Strategic Digital Marketing Solutions.</p>
</div>
</div>
<div id="boxes2" class="box">
<div align="center" id="elem4" class="elem">
<img src="web (2).png">
<h4>WEB DESIGN</h4>
<p>Keep Your Website Running Smoothly and Secure with Hassle-Free Website Maintenance Services.</p>
</div>
<div align="center" id="elem5" class="elem">
<img src="domain hosting.png">
<h4>DOMAIN HOSTING</h4>
<p>Our domain and hosting services are the cosmic tools that empower you to shape your own corner of the online cosmos. </p>
</div>
<div align="center" id="elem6" class="elem">
<img src="web maintain.png">
<h4>WEBSITE MAINTAINANACE</h4>
<p>Keep Your Website Running Smoothly and Secure with Hassle-Free Website Maintenance Services.</p>
</div>
</div>
<div id="feature">
<div><i class="fa-solid fa-check" style="color: #000000;"></i> Creative People</div>
<div><i class="fa-solid fa-check" style="color: #000000;"></i> Good Reviews</div>
<div><i class="fa-solid fa-check" style="color: #000000;"></i> Awesome Design</div>
<div><i class="fa-solid fa-check" style="color: #000000;"></i> Fast Delivery</div>
</div>
</div>
<div id="page3">
<h1 align="center" >ABOUT US</h1>
<div class="imgex">
<div align="center" id="buyimg">
<img src="buyimg.png">
</div>
<div id="expertise">
<h2 id="text">EXPERTISE</h2>
<p>Digital marketing is a process of promoting and boosting of virtual businesses on the digital world. We understand the importance of it and our experts optimize the website with organic leads that tend to grow the business in all aspects.</p>
<div class="acorrrdions">
<div class="accordion accordion-flush" id="accordionFlushExample">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed color" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
Improved Customer Reach
</button>
</h2>
<div id="flush-collapseOne" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
<div class="accordion-body font">Improved customer reach in digital marketing refers to expanding the scope and impact of your marketing efforts to connect with a wider audience and attract potential customers. It involves implementing strategies and tactics that allow you to reach and engage with more people who may be interested in your products or services.</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed color" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
Complete Brand Control
</button>
</h2>
<div id="flush-collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
<div class="accordion-body font">Complete brand control in digital marketing refers to the ability of a business to maintain consistent messaging, visual identity, and brand experience across all online platforms and touchpoints. It involves actively managing and shaping how your brand is perceived in the digital space to ensure it aligns with your desired image and values.</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed color" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
Enhanced Customer Trust
</button>
</h2>
<div id="flush-collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
<div class="accordion-body font">Enhanced customer trust in digital marketing refers to establishing and strengthening the credibility, reliability, and confidence that customers have in your brand, products, or services when engaging with your digital marketing efforts. Building trust is crucial in the digital space as it influences consumer decisions, loyalty, and overall brand perception.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="page3_1">
<div align="center" id="whatdo">
<h2>What We do</h2>
<p >As a website designer we provide affordable website design services to our clients all over the world with best services. Our services include; small business website design services</p>
</div>
<div id="ecommerce">
<div class="e_part1">
<h2 id="head">E-commerce Integration</h2>
<p class="efont">Specializing the website with unique E-commerce features integration to develop a user-centric web page.</p>
<div class="accordion accordion-flush" id="accordionFlushExample">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed font color" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
Which type of E-commerce Websites have you developed in the past ?
</button>
</h2>
<div id="flush-collapseOne" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
<div class="accordion-body efont">We are a leading company designing websites for various prospects. Our experts have having capability of designing websites in any language as well as WordPress. In the past, we have designed many e-commerce websites using PHP, HTML, & WordPress, and also ready to face challenges to develop from it.</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed font color" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
How much time does it need for an online store to go live?
</button>
</h2>
<div id="flush-collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
<div class="accordion-body efont">It depends, Actually developing an E-commerce website is not an easy thing. It requires many features as well as a specific language to design an e-commerce site. At us, we take the time period very seriously, and our experts design it in a very short time period. Normally it takes a month to design an e-commerce website but we can make it quick for you.</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed font color" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
What if i face any issue on my E-commerce website after delivery?
</button>
</h2>
<div id="flush-collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
<div class="accordion-body efont">No need to worry about it as you will not face any major issues on your website. At first, our support team will stay connected with you and observe the website's performance. Next to this, you can contact us any time regarding any issues about the website and our support team will resolve your issues as soon as possible.</div>
</div>
</div>
</div>
</div>
<div class="e_part2">
<img src="marketingimage.png" alt="">
</div>
</div>
<div align="center" id="page3_2">
<div align="center" class="login-box">
<form>
<div class="user-box">
<input type="text" name="" required="">
<label>NAME</label>
</div>
<div class="user-box">
<input type="mobile number" name="" required="" placeholder="">
<label>CONTACT NUMBER</label>
</div>
<div class="user-box">
<input type="email" name="" required="">
<label>EMAIL</label>
</div>
<div id="selection">
<label style="font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;" for="cars">SELECT : </label>
<select name="cars" id="cars">
<option value="Search Engine Optimization">Search Engine Optimization</option>
<option value="APP DEVELOPEMENT">APP DEVELOPEMENT</option>
<option value="DIGITAL MARKETING">DIGITAL MARKETING</option>
<option value="WEB DESIGN">WEB DESIGN</option>
<option value="WEB DESIGN">DOMAIN HOSTING</option>
<option value="WEBSITE MAINTAINANACE">WEBSITE MAINTAINANACE</option>
</select>
</div>
<div class="user-box">
<input type="text" name="" required="">
<label>MESSAGE (Optional)</label>
</div>
<a href="#">
<span></span>
<span></span>
<span></span>
<span></span>
CONNECT WITH BYTEBRIDGE
</a>
</form>
</div>
</div>
</div>
<div id="page4">
</div>
</div>
<footer id="contact">
<div class="mapcontainer">
<div class="logo"><img src="bytebridge logo2.png">
</div>
<h3>Locate Us Here ~</h3>
<div class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d30268.735284624825!2d73.81901791674079!3d18.502135258953828!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bc2bfb732af849d%3A0xd4078b48b3fe44f0!2sKothrud%2C%20Pune%2C%20Maharashtra!5e0!3m2!1sen!2sin!4v1696409814958!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="icons">
<a href="https://in.linkedin.com/"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://www.instagram.com/"><i class="fa-brands fa-instagram"></i></a>
<a href="https://github.com/"><i class="fa-brands fa-github"></i></a>
<a href="https://twitter.com/login?lang=en"><i class="fa-brands fa-twitter"></i></a>
<a href="https://wordpress.com/"><i class="fa-brands fa-wordpress"></i></a>
<br><br><br><br><br>
<div id="mail">
<i class="fa-solid fa-envelope"></i><span>[email protected]</span>
<i class="fa-solid fa-phone"></i><span> +91 9694143433</span>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js" integrity="sha512-16esztaSRplJROstbIIdwX3N97V1+pZvV33ABoG1H2OyTttBxEGkTsoIVsiP1iaTtM8b3+hu2kB6pQ4Clr5yug==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js" integrity="sha512-Ic9xkERjyZ1xgJ5svx3y0u3xrvfT/uPkV99LBwe68xjy/mGtO+4eURHZBW2xW4SZbFrF1Tf090XqB+EVgXnVjw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<script src="script.js"></script>
</body>
</html>