-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
274 lines (209 loc) · 12 KB
/
Copy pathindex.html
File metadata and controls
274 lines (209 loc) · 12 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<script language="javascript" type="text/javascript" src="txt/headcodes.txt"></script>
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top d-flex align-items-center header-transparent ">
<div class="container d-flex align-items-center justify-content-between">
<div class="logo">
<a href="index.html"><img src="assets/img/DSB-2.png" alt="" class="img-fluid"></a>
</div>
<nav id="navbar" class="navbar">
<ul>
<li class="loda"><a class="nav-link scrollto active" href="#hero">Home</a></li>
<li class="loda"><a class="nav-link scrollto " href="#services">Contact</a></li>
<li class="loda"><a class="nav-link scrollto" href="#features">Projects</a></li>
<li class="loda"><a class="nav-link scrollto" href="#faq">FAQs</a></li>
<li class="dropdown"><a><span>Download</span> <i class="bi bi-chevron-down"></i></a>
<ul>
<li><a href="dsb.html">Dual Status Bar</a></li>
<li><a href="Addon.html">Addons</a></li>
<li><a href="#">Nouvelle Subs</a></li>
<li><a href="modules.html">Cool Modules</a></li>
</ul>
</li>
<li class="loda"><a class="nav-link scrollto" href="#cta">Donate</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero" class="d-flex flex-column justify-content-end align-items-center">
<div id="heroCarousel" data-bs-interval="5000" class="container carousel carousel-fade" data-bs-ride="carousel">
<!-- Slide 1 -->
<div class="carousel-item active">
<div class="carousel-container">
<h2 class="animate__animated animate__fadeInDown"><br>Welcome to DSB Family <i class="bi-heart"></i></h2>
<p class="animate__animated animate__fadeInUp">Here you can Download Dual Status Bar Modules for your device.<br>Check download section as per your Rom and Device<br> You can also download use DSB Addons and other cool modules (these are optional) <br>Most roms are supported for Dsb.
<br>Reach Out to support Group for any new requests or suggestions</p>
<a href="dsb.html" class="btn-get-started animate__animated animate__fadeInUp scrollto">Download DSB Module</a>
<a href="Addon.html" class="btn-get-started animate__animated animate__fadeInUp scrollto">Download DSB Addons</a>
<a href="screenshot.html" class="btn-get-started animate__animated animate__fadeInUp scrollto">Screenshots of DSB</a>
<a href="https://t.me/dualstatusbar/285095" class="btn-get-started animate__animated animate__fadeInUp scrollto">Request a module for my Device/Rom</a>
</div>
</div>
</div>
<svg class="hero-waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28 " preserveAspectRatio="none">
<defs>
<path id="wave-path" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z">
</defs>
<g class="wave1">
<use xlink:href="#wave-path" x="50" y="3" fill="rgba(255,255,255, .1)">
</g>
<g class="wave2">
<use xlink:href="#wave-path" x="50" y="0" fill="rgba(255,255,255, .2)">
</g>
<g class="wave3">
<use xlink:href="#wave-path" x="50" y="9" fill="#fff">
</g>
</svg>
</section><!-- End Hero -->
<main id="main">
<!-- ======= Contact Section ======= -->
<script language="javascript" type="text/javascript" src="txt/contact.txt"></script>
<!-- End Contact Section -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2157772818928767"
crossorigin="anonymous"></script>
<!-- Square new resp -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-2157772818928767"
data-ad-slot="8043312440"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!-- ======= Features Section ======= -->
<section id="features" class="features">
<div class="container">
<div class="section-title" data-aos="zoom-out">
<h2>Projects</h2>
<p>What do we offer</p>
</div>
<ul class="nav nav-tabs row d-flex">
<li class="nav-item col-4" data-aos="zoom-in">
<a class="nav-link active show" data-bs-toggle="tab" href="#tab-1">
<h4>Dual Status Bar</h4>
</a>
</li>
<li class="nav-item col-4" data-aos="zoom-in" data-aos-delay="100">
<a class="nav-link" data-bs-toggle="tab" href="#tab-3">
<h4>Nouvelle Subs</h4>
</a>
</li>
<li class="nav-item col-4" data-aos="zoom-in" data-aos-delay="200">
<a class="nav-link" data-bs-toggle="tab" href="#tab-4">
<h4>Cool Modules</h4>
</a>
</li>
</ul>
<div class="tab-content" data-aos="fade-up">
<div class="tab-pane active show" id="tab-1">
<div class="row">
<div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0">
<h4>Take your statusbar to the next level by enabling a dual row on both sides of it!</h4><br>
<p>
<font size="3px">Stock DSB modules aim to simplicity and a clean, non-intrusive display</font>
</p>
<ul>
<li><i class="ri-check-double-line"></i>Left side is always enabled, it'll give you more space to fit more notification and to display extra information enabled on rom-side, such as seconds, day and month next to the clock.</li>
<li><i class="ri-check-double-line"></i> <b> Style 1:</b> Has left side enabled by default, and allows you to optionally set traffic indicator for DSB on right side.</li>
<li><i class="ri-check-double-line"></i> <b>Style 2:</b> Has left side and battery icon on right side enabled by default for DSB.</li>
<li><i class="ri-check-double-line"></i> <b>Add-ons:</b> Addons allows to personalize their statusbar, add-ons will give the possibility of colored backgrounds, change to advanced dsb style, and more!</li>
<br><li><a href="dsb.html"><button class="ashmit"><span>DOWNLOAD <i class="bi-download"></i></span></button></a></li>
</ul>
<p>
</p>
</div>
<div class="col-lg-6 order-1 order-lg-2 text-center">
<img src="assets/img/dsbproject.png" alt="" class="img-fluid">
</div>
</div>
</div>
<div class="tab-pane" id="tab-2">
<div class="row">
<div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0">
<h4>Our noob-friendly Substratum app for those Subs lovers and for a more powerful DSB on some A10 roms, it includes:</h4>
<p class="fst-italic">
</p>
<ul>
</ul>
</div>
<div class="col-lg-6 order-1 order-lg-2 text-center">
<img src="assets/img/features-2.png" alt="" class="img-fluid">
</div>
</div>
</div>
<div class="tab-pane" id="tab-3">
<div class="row">
<div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0">
<h4>Our noob-friendly Substratum app for those Subs lovers and for a more powerful DSB on some A10 roms, it includes:</h4>
<ul>
<li><i class="ri-check-double-line"></i> Lots of Cool Module mods</li>
<li><i class="ri-check-double-line"></i> DSB on MIUI A10!</li>
<li><i class="ri-check-double-line"></i> Very simple with only the necessary mods like accent based navbar, settings icons and other stuffs like rounded UI.</li>
<li><i class="ri-check-double-line"></i> A more powerful DSB on Nusantara, Resurrection Remix, and Havoc: Set up your colored background as your system accent color or to a custom color/gradient.</li>
<br><li><button class="ashmit"><span>DOWNLOAD <i class="bi-download"></i></span></button></li>
</ul>
</div>
<div class="col-lg-6 order-1 order-lg-2 text-center">
<img src="assets/img/nouvelle.png" alt="" class="img-fluid">
</div>
</div>
</div>
<div class="tab-pane" id="tab-4">
<div class="row">
<div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0">
<h4>If you're looking for more customization without complications, this section is for you!!</h4>
<br><p>
Here you'll find tons of different yet cool magisk flashable modules to tune your rom. Some of them doesn't even require a reboot to change!<br>Here you have a quick list of them :
</p>
<ul>
<li><i class="ri-check-double-line"></i> <b>Ultimate Icon Pack:</b> Gives 10 set of different statusbar icons.</li>
<li><i class="ri-check-double-line"></i> <b>Dotkiller:</b> Push the limit of displayable icons on android by disabling those dots which appear after 3-5 notification icons.</li>
<li><i class="ri-check-double-line"></i> <b>Statusbar height Changer:</b> Changes Statusbar Height. </li>
<li><i class="ri-check-double-line"></i> <b>5G:</b> Replaces your LTE/4G icon to 5G/5G+</li>
<li><i class="ri-check-double-line"></i> <b>Signal Cross Fix:</b> Remove that annoying <b>x</b> on signal icon when you aren't using your data pack.</li>
<li><i class="ri-check-double-line"></i> <b>QS Grids:</b> For those low customization options which doesn't have the feature to change the grid size or amount of icons on QS</li>
<li><i class="ri-check-double-line"></i>And much more !!</li>
<br><li><a href="modules.html"><button class="ashmit"><span>DOWNLOAD <i class="bi-download"></i></span></button></a></li>
</ul>
</div>
<div class="col-lg-6 order-1 order-lg-2 text-center">
<img src="assets/img/coolmodules.png" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
</section><!-- End Features Section -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2157772818928767"
crossorigin="anonymous"></script>
<!-- Square new resp -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-2157772818928767"
data-ad-slot="8043312440"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!-- ======= Donate Section ======= -->
<script language="javascript" type="text/javascript" src="txt/donate.txt"></script>
<!-- End Donate Section -->
<!-- ======= F.A.Q Section ======= -->
<script language="javascript" type="text/javascript" src="txt/faq.txt"></script>
<!-- End F.A.Q Section -->
<!-- ======= Footer ======= -->
<script language="javascript" type="text/javascript" src="txt/footer.txt"></script>
<!-- Vendor JS Files -->
<!-- End Footer -->
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>