9 <!-- ================ start banner Area ================= -->
10 <section
class=
"banner-area">
11 <div
class=
"container">
12 <div
class=
"row justify-content-center align-items-center">
13 <div
class=
"col-lg-12 banner-right">
14 <h1
class=
"text-white">
17 <p
class=
"mx-auto text-white mt-20 mb-40">
18 In the history of modern astronomy, there is probably no one greater leap forward than the building.
20 <div
class=
"link-nav">
22 <a
href=
"./index">Home </a>
23 <i
class=
"lnr lnr-arrow-right"></i>
24 <a
href=
"./elements">Elements</a>
31 <!-- ================ End banner Area ================= -->
33 <!-- Start Sample Area -->
34 <section
class=
"sample-text-area">
35 <div
class=
"container">
36 <h3
class=
"text-heading">Text Sample</h3>
37 <p
class=
"sample-text">
38 Every avid independent filmmaker has <b>Bold</b> about making that <i>Italic</i> interest documentary, or
short
40 to show off their creative prowess. Many have great ideas and want to “wow” the<sup>Superscript</sup> scene, or
42 renters with their big project. But once you have the<sub>Subscript</sub> “in the can” (no easy feat), how
do you
44 from a <del>Strike</del> through of master DVDs with the <u>“Underline”</u> marked hand-written title inside a
46 CD
case, to a pile of cardboard boxes full of shiny
new, retail-ready DVDs, with UPC barcodes and polywrap sitting
48 your doorstep? You need to create eye-popping artwork and have your project replicated. Using a reputable full
50 DVD Replication company like PacificDisc, Inc. to partner with is certainly a helpful option to ensure a
52 end result, but to help with your DVD replication project, here are 4 easy steps to follow
for good DVD replication
58 <!-- End Sample Area -->
61 <section
class=
"button-area">
62 <div
class=
"container border-top-generic">
63 <h3
class=
"text-heading">Sample Buttons</h3>
64 <div
class=
"button-group-area">
65 <a
href=
"#" class=
"genric-btn default">Default</a>
66 <a
href=
"#" class=
"genric-btn primary">Primary</a>
67 <a
href=
"#" class=
"genric-btn success">Success</a>
68 <a
href=
"#" class=
"genric-btn info">Info</a>
69 <a
href=
"#" class=
"genric-btn warning">Warning</a>
70 <a
href=
"#" class=
"genric-btn danger">Danger</a>
71 <a
href=
"#" class=
"genric-btn link">Link</a>
72 <a
href=
"#" class=
"genric-btn disable">Disable</a>
74 <div
class=
"button-group-area mt-10">
75 <a
href=
"#" class=
"genric-btn default-border">Default</a>
76 <a
href=
"#" class=
"genric-btn primary-border">Primary</a>
77 <a
href=
"#" class=
"genric-btn success-border">Success</a>
78 <a
href=
"#" class=
"genric-btn info-border">Info</a>
79 <a
href=
"#" class=
"genric-btn warning-border">Warning</a>
80 <a
href=
"#" class=
"genric-btn danger-border">Danger</a>
81 <a
href=
"#" class=
"genric-btn link-border">Link</a>
82 <a
href=
"#" class=
"genric-btn disable">Disable</a>
84 <div
class=
"button-group-area mt-40">
85 <a
href=
"#" class=
"genric-btn default radius">Default</a>
86 <a
href=
"#" class=
"genric-btn primary radius">Primary</a>
87 <a
href=
"#" class=
"genric-btn success radius">Success</a>
88 <a
href=
"#" class=
"genric-btn info radius">Info</a>
89 <a
href=
"#" class=
"genric-btn warning radius">Warning</a>
90 <a
href=
"#" class=
"genric-btn danger radius">Danger</a>
91 <a
href=
"#" class=
"genric-btn link radius">Link</a>
92 <a
href=
"#" class=
"genric-btn disable radius">Disable</a>
94 <div
class=
"button-group-area mt-10">
95 <a
href=
"#" class=
"genric-btn default-border radius">Default</a>
96 <a
href=
"#" class=
"genric-btn primary-border radius">Primary</a>
97 <a
href=
"#" class=
"genric-btn success-border radius">Success</a>
98 <a
href=
"#" class=
"genric-btn info-border radius">Info</a>
99 <a
href=
"#" class=
"genric-btn warning-border radius">Warning</a>
100 <a
href=
"#" class=
"genric-btn danger-border radius">Danger</a>
101 <a
href=
"#" class=
"genric-btn link-border radius">Link</a>
102 <a
href=
"#" class=
"genric-btn disable radius">Disable</a>
104 <div
class=
"button-group-area mt-40">
105 <a
href=
"#" class=
"genric-btn default circle">Default</a>
106 <a
href=
"#" class=
"genric-btn primary circle">Primary</a>
107 <a
href=
"#" class=
"genric-btn success circle">Success</a>
108 <a
href=
"#" class=
"genric-btn info circle">Info</a>
109 <a
href=
"#" class=
"genric-btn warning circle">Warning</a>
110 <a
href=
"#" class=
"genric-btn danger circle">Danger</a>
111 <a
href=
"#" class=
"genric-btn link circle">Link</a>
112 <a
href=
"#" class=
"genric-btn disable circle">Disable</a>
114 <div
class=
"button-group-area mt-10">
115 <a
href=
"#" class=
"genric-btn default-border circle">Default</a>
116 <a
href=
"#" class=
"genric-btn primary-border circle">Primary</a>
117 <a
href=
"#" class=
"genric-btn success-border circle">Success</a>
118 <a
href=
"#" class=
"genric-btn info-border circle">Info</a>
119 <a
href=
"#" class=
"genric-btn warning-border circle">Warning</a>
120 <a
href=
"#" class=
"genric-btn danger-border circle">Danger</a>
121 <a
href=
"#" class=
"genric-btn link-border circle">Link</a>
122 <a
href=
"#" class=
"genric-btn disable circle">Disable</a>
124 <div
class=
"button-group-area mt-40">
125 <a
href=
"#" class=
"genric-btn default circle arrow">Default<span
class=
"lnr lnr-arrow-right"></span></a>
126 <a
href=
"#" class=
"genric-btn primary circle arrow">Primary<span
class=
"lnr lnr-arrow-right"></span></a>
127 <a
href=
"#" class=
"genric-btn success circle arrow">Success<span
class=
"lnr lnr-arrow-right"></span></a>
128 <a
href=
"#" class=
"genric-btn info circle arrow">Info<span
class=
"lnr lnr-arrow-right"></span></a>
129 <a
href=
"#" class=
"genric-btn warning circle arrow">Warning<span
class=
"lnr lnr-arrow-right"></span></a>
130 <a
href=
"#" class=
"genric-btn danger circle arrow">Danger<span
class=
"lnr lnr-arrow-right"></span></a>
132 <div
class=
"button-group-area mt-10">
133 <a
href=
"#" class=
"genric-btn default-border circle arrow">Default<span
class=
"lnr lnr-arrow-right"></span></a>
134 <a
href=
"#" class=
"genric-btn primary-border circle arrow">Primary<span
class=
"lnr lnr-arrow-right"></span></a>
135 <a
href=
"#" class=
"genric-btn success-border circle arrow">Success<span
class=
"lnr lnr-arrow-right"></span></a>
136 <a
href=
"#" class=
"genric-btn info-border circle arrow">Info<span
class=
"lnr lnr-arrow-right"></span></a>
137 <a
href=
"#" class=
"genric-btn warning-border circle arrow">Warning<span
class=
"lnr lnr-arrow-right"></span></a>
138 <a
href=
"#" class=
"genric-btn danger-border circle arrow">Danger<span
class=
"lnr lnr-arrow-right"></span></a>
140 <div
class=
"button-group-area mt-40">
141 <a
href=
"#" class=
"genric-btn primary e-large">Extra Large</a>
142 <a
href=
"#" class=
"genric-btn success large">Large</a>
143 <a
href=
"#" class=
"genric-btn primary">Default</a>
144 <a
href=
"#" class=
"genric-btn success medium">Medium</a>
145 <a
href=
"#" class=
"genric-btn primary small">Small</a>
147 <div
class=
"button-group-area mt-10">
148 <a
href=
"#" class=
"genric-btn primary-border e-large">Extra Large</a>
149 <a
href=
"#" class=
"genric-btn success-border large">Large</a>
150 <a
href=
"#" class=
"genric-btn primary-border">Default</a>
151 <a
href=
"#" class=
"genric-btn success-border medium">Medium</a>
152 <a
href=
"#" class=
"genric-btn primary-border small">Small</a>
158 <!-- Start Align Area -->
159 <div
class=
"whole-wrap">
160 <div
class=
"container">
161 <div
class=
"section-top-border">
162 <h3
class=
"mb-30">Left Aligned</h3>
164 <div
class=
"col-md-3">
165 <img src=
"img/elements/d.jpg" alt=
"" class=
"img-fluid">
167 <div
class=
"col-md-9 mt-sm-20">
168 <p>Recently, the US Federal government banned online casinos from operating in America by making it illegal to
170 money to them through any US bank or payment system. As a result of
this law, most of the popular online casino
172 such as Party Gaming and PlayTech left the United States. Overnight, online casino players found themselves
174 chased by the Federal government. But, after a fortnight, the online casino industry came up with a solution and
176 online casinos started taking root. These began to operate under a different business umbrella, and by doing
178 rendered the transfer of money to and from them legal. A major part of
this was enlisting electronic banking
180 that would accept
this new clarification and start doing business with me. Listed in
this article are the
182 banking systems that accept players from the United States that wish to play in online casinos.</p>
186 <div
class=
"section-top-border text-right">
187 <h3
class=
"mb-30">Right Aligned</h3>
189 <div
class=
"col-md-9">
190 <p
class=
"text-right">Over
time, even the most sophisticated, memory packed computer can begin to run slow
if we
192 do something to prevent it. The reason why has less to
do with how computers are made and how they age and more
194 do with the way we use them. You see, all of the daily tasks that we
do on our PC from running programs to
196 and deleting software can make our computer sluggish. To keep
this from happening, you need to understand the
198 why your PC is getting slower and
do something to keep your PC running at its best. You can
do this through
200 maintenance and PC performance optimization programs</p>
201 <p
class=
"text-right">Before we discuss all of the things that could be affecting your PC’s performance, let’s
203 a little about what symptoms</p>
205 <div
class=
"col-md-3">
206 <img src=
"img/elements/d.jpg" alt=
"" class=
"img-fluid">
210 <div
class=
"section-top-border">
211 <h3
class=
"mb-30">Definition</h3>
213 <div
class=
"col-md-4">
214 <div
class=
"single-defination">
215 <h4
class=
"mb-20">Definition 01</h4>
216 <p>Recently, the US Federal government banned online casinos from operating in America by making it illegal to
218 money to them through any US bank or payment system. As a result of
this law, most of the popular online casino
222 <div
class=
"col-md-4">
223 <div
class=
"single-defination">
224 <h4
class=
"mb-20">Definition 02</h4>
225 <p>Recently, the US Federal government banned online casinos from operating in America by making it illegal to
227 money to them through any US bank or payment system. As a result of
this law, most of the popular online casino
231 <div
class=
"col-md-4">
232 <div
class=
"single-defination">
233 <h4
class=
"mb-20">Definition 03</h4>
234 <p>Recently, the US Federal government banned online casinos from operating in America by making it illegal to
236 money to them through any US bank or payment system. As a result of
this law, most of the popular online casino
242 <div
class=
"section-top-border">
243 <h3
class=
"mb-30">Block Quotes</h3>
245 <div
class=
"col-lg-12">
246 <blockquote
class=
"generic-blockquote">
247 “Recently, the US Federal government banned online casinos from operating in America by making it illegal to
249 to them through any US bank or payment system. As a result of
this law, most of the popular online casino
251 such as Party Gaming and PlayTech left the United States. Overnight, online casino players found themselves
253 chased by the Federal government. But, after a fortnight, the online casino industry came up with a solution and
255 online casinos started taking root. These began to operate under a different business umbrella, and by doing
257 rendered the transfer of money to and from them legal. A major part of
this was enlisting electronic banking
259 that would accept
this new clarification and start doing business with me. Listed in
this article are the
266 <div
class=
"section-top-border">
267 <h3
class=
"mb-30">Table</h3>
268 <div
class=
"progress-table-wrap">
269 <div
class=
"progress-table">
270 <div
class=
"table-head">
271 <div
class=
"serial">#</div>
272 <div
class=
"country">Countries</div>
273 <div
class=
"visit">Visits</div>
274 <div
class=
"percentage">Percentages</div>
276 <div
class=
"table-row">
277 <div
class=
"serial">01</div>
278 <div
class=
"country"> <img src=
"img/elements/f1.jpg" alt=
"flag">Canada</div>
279 <div
class=
"visit">645032</div>
280 <div
class=
"percentage">
281 <div
class=
"progress">
282 <div
class=
"progress-bar color-1" role=
"progressbar" style=
"width: 80%" aria-valuenow=
"80" aria-valuemin=
"0" aria-valuemax=
"100"></div>
286 <div
class=
"table-row">
287 <div
class=
"serial">02</div>
288 <div
class=
"country"> <img src=
"img/elements/f2.jpg" alt=
"flag">Canada</div>
289 <div
class=
"visit">645032</div>
290 <div
class=
"percentage">
291 <div
class=
"progress">
292 <div
class=
"progress-bar color-2" role=
"progressbar" style=
"width: 30%" aria-valuenow=
"30" aria-valuemin=
"0" aria-valuemax=
"100"></div>
296 <div
class=
"table-row">
297 <div
class=
"serial">03</div>
298 <div
class=
"country"> <img src=
"img/elements/f3.jpg" alt=
"flag">Canada</div>
299 <div
class=
"visit">645032</div>
300 <div
class=
"percentage">
301 <div
class=
"progress">
302 <div
class=
"progress-bar color-3" role=
"progressbar" style=
"width: 55%" aria-valuenow=
"55" aria-valuemin=
"0" aria-valuemax=
"100"></div>
306 <div
class=
"table-row">
307 <div
class=
"serial">04</div>
308 <div
class=
"country"> <img src=
"img/elements/f4.jpg" alt=
"flag">Canada</div>
309 <div
class=
"visit">645032</div>
310 <div
class=
"percentage">
311 <div
class=
"progress">
312 <div
class=
"progress-bar color-4" role=
"progressbar" style=
"width: 60%" aria-valuenow=
"60" aria-valuemin=
"0" aria-valuemax=
"100"></div>
316 <div
class=
"table-row">
317 <div
class=
"serial">05</div>
318 <div
class=
"country"> <img src=
"img/elements/f5.jpg" alt=
"flag">Canada</div>
319 <div
class=
"visit">645032</div>
320 <div
class=
"percentage">
321 <div
class=
"progress">
322 <div
class=
"progress-bar color-5" role=
"progressbar" style=
"width: 40%" aria-valuenow=
"40" aria-valuemin=
"0" aria-valuemax=
"100"></div>
326 <div
class=
"table-row">
327 <div
class=
"serial">06</div>
328 <div
class=
"country"> <img src=
"img/elements/f6.jpg" alt=
"flag">Canada</div>
329 <div
class=
"visit">645032</div>
330 <div
class=
"percentage">
331 <div
class=
"progress">
332 <div
class=
"progress-bar color-6" role=
"progressbar" style=
"width: 70%" aria-valuenow=
"70" aria-valuemin=
"0" aria-valuemax=
"100"></div>
336 <div
class=
"table-row">
337 <div
class=
"serial">07</div>
338 <div
class=
"country"> <img src=
"img/elements/f7.jpg" alt=
"flag">Canada</div>
339 <div
class=
"visit">645032</div>
340 <div
class=
"percentage">
341 <div
class=
"progress">
342 <div
class=
"progress-bar color-7" role=
"progressbar" style=
"width: 30%" aria-valuenow=
"30" aria-valuemin=
"0" aria-valuemax=
"100"></div>
346 <div
class=
"table-row">
347 <div
class=
"serial">08</div>
348 <div
class=
"country"> <img src=
"img/elements/f8.jpg" alt=
"flag">Canada</div>
349 <div
class=
"visit">645032</div>
350 <div
class=
"percentage">
351 <div
class=
"progress">
352 <div
class=
"progress-bar color-8" role=
"progressbar" style=
"width: 60%" aria-valuenow=
"60" aria-valuemin=
"0" aria-valuemax=
"100"></div>
359 <div
class=
"section-top-border">
360 <h3>Image Gallery</h3>
361 <div
class=
"row gallery-item">
362 <div
class=
"col-md-4">
363 <a
href=
"img/elements/g1.jpg" class=
"img-pop-up">
364 <div
class=
"single-gallery-image" style=
"background: url(img/elements/g1.jpg);"></div>
367 <div
class=
"col-md-4">
368 <a
href=
"img/elements/g2.jpg" class=
"img-pop-up">
369 <div
class=
"single-gallery-image" style=
"background: url(img/elements/g2.jpg);"></div>
372 <div
class=
"col-md-4">
373 <a
href=
"img/elements/g3.jpg" class=
"img-pop-up">
374 <div
class=
"single-gallery-image" style=
"background: url(img/elements/g3.jpg);"></div>
377 <div
class=
"col-md-6">
378 <a
href=
"img/elements/g4.jpg" class=
"img-pop-up">
379 <div
class=
"single-gallery-image" style=
"background: url(img/elements/g4.jpg);"></div>
382 <div
class=
"col-md-6">
383 <a
href=
"img/elements/g5.jpg" class=
"img-pop-up">
384 <div
class=
"single-gallery-image" style=
"background: url(img/elements/g5.jpg);"></div>
387 <div
class=
"col-md-4">
388 <a
href=
"img/elements/g6.jpg" class=
"img-pop-up">
389 <div
class=
"single-gallery-image" style=
"background: url(img/elements/g6.jpg);"></div>
392 <div
class=
"col-md-4">
393 <a
href=
"img/elements/g7.jpg" class=
"img-pop-up">
394 <div
class=
"single-gallery-image" style=
"background: url(img/elements/g7.jpg);"></div>
397 <div
class=
"col-md-4">
398 <a
href=
"img/elements/g8.jpg" class=
"img-pop-up">
399 <div
class=
"single-gallery-image" style=
"background: url(img/elements/g8.jpg);"></div>
404 <div
class=
"section-top-border">
406 <div
class=
"col-md-4">
407 <h3
class=
"mb-20">Image Gallery</h3>
408 <div
class=
"typography">
409 <h1>This is header 01</h1>
410 <h2>This is header 02</h2>
411 <h3>This is header 03</h3>
412 <h4>This is header 04</h4>
413 <h5>This is header 05</h5>
414 <h6>This is header 06</h6>
417 <div
class=
"col-md-4 mt-sm-30">
418 <h3
class=
"mb-20">Unordered List</h3>
420 <ul
class=
"unordered-list">
422 <li>For Women Only Your Computer Usage</li>
423 <li>Facts Why Inkjet Printing Is Very Appealing
425 <li>Addiction When Gambling Becomes
427 <li>Protective Preventative Maintenance</li>
432 <li>Dealing With Technical Support 10 Useful Tips</li>
433 <li>Make Myspace Your Best Designed Space</li>
434 <li>Cleaning And Organizing Your Computer</li>
438 <div
class=
"col-md-4 mt-sm-30">
439 <h3
class=
"mb-20">Ordered List</h3>
441 <ol
class=
"ordered-list">
442 <li><span>Fta Keys</span></li>
443 <li><span>For Women Only Your Computer Usage</span></li>
444 <li><span>Facts Why Inkjet Printing Is Very Appealing</span>
445 <ol
class=
"ordered-list-alpha">
446 <li><span>Addiction When Gambling Becomes</span>
447 <ol
class=
"ordered-list-roman">
448 <li><span>Protective Preventative Maintenance</span></li>
453 <li><span>Dealing With Technical Support 10 Useful Tips</span></li>
454 <li><span>Make Myspace Your Best Designed Space</span></li>
455 <li><span>Cleaning And Organizing Your Computer</span></li>
461 <div
class=
"section-top-border">
463 <div
class=
"col-lg-8 col-md-8">
464 <h3
class=
"mb-30">Form Element</h3>
467 <input type=
"text" name=
"first_name" placeholder=
"First Name" onfocus=
"this.placeholder = ''" onblur=
"this.placeholder = 'First Name'" required
class=
"single-input">
470 <input type=
"text" name=
"last_name" placeholder=
"Last Name" onfocus=
"this.placeholder = ''" onblur=
"this.placeholder = 'Last Name'" required
class=
"single-input">
473 <input type=
"text" name=
"last_name" placeholder=
"Last Name" onfocus=
"this.placeholder = ''" onblur=
"this.placeholder = 'Last Name'" required
class=
"single-input">
476 <input type=
"email" name=
"EMAIL" placeholder=
"Email address" onfocus=
"this.placeholder = ''" onblur=
"this.placeholder = 'Email address'" required
class=
"single-input">
478 <div
class=
"input-group-icon mt-10">
479 <div
class=
"icon"><i
class=
"fa fa-thumb-tack" aria-hidden=
"true"></i></div>
480 <input type=
"text" name=
"address" placeholder=
"Address" onfocus=
"this.placeholder = ''" onblur=
"this.placeholder = 'Address'" required
class=
"single-input">
482 <div
class=
"input-group-icon mt-10">
483 <div
class=
"icon"><i
class=
"fa fa-plane" aria-hidden=
"true"></i></div>
484 <div
class=
"form-select" id=
"default-select" ">
486 <option value=" 1
">City</option>
487 <option value=" 1
">Dhaka</option>
488 <option value=" 1
">Dilli</option>
489 <option value=" 1
">Newyork</option>
490 <option value=" 1
">Islamabad</option>
494 <div class=" input-group-icon mt-10
">
495 <div class=" icon
"><i class=" fa fa-globe
" aria-hidden=" true "></i></div>
496 <div class=" form-select
" id=" default-select
">
498 <option value=" 1
">Country</option>
499 <option value="1
">Bangladesh</option>
500 <option value="1
">India</option>
501 <option value="1
">England</option>
502 <option value="1
">Srilanka</option>
508 <textarea class="single-textarea
" placeholder="Message
" onfocus="this.placeholder =
''" onblur="this.placeholder =
'Message'" required></textarea>
510 <!-- For Gradient Border Use -->
511 <!-- <div class="mt-10
">
512 <div class="primary-input
">
513 <input id="primary-input
" type="text
" name="first_name
" placeholder="Primary color
" onfocus="this.placeholder =
''" onblur="this.placeholder =
'Primary color'">
514 <label for="primary-input
"></label>
518 <input type="text
" name="first_name
" placeholder="Primary color
" onfocus="this.placeholder =
''" onblur="this.placeholder =
'Primary color'" required class="single-input-primary
">
521 <input type="text
" name="first_name
" placeholder="Accent color
" onfocus="this.placeholder =
''" onblur="this.placeholder =
'Accent color'" required class="single-input-accent
">
524 <input type="text
" name="first_name
" placeholder="Secondary color
" onfocus="this.placeholder =
''" onblur="this.placeholder =
'Secondary color'" required class="single-input-secondary
">
528 <div class="col-lg-3 col-md-4 mt-sm-30
">
529 <div class="single-element-widget
">
530 <h3 class="mb-30
">Switches</h3>
531 <div class="switch-wrap d-flex justify-content-between
">
532 <p>01. Sample Switch</p>
533 <div class="primary-
switch">
534 <input type="checkbox
" id="default-
switch">
535 <label for="default-
switch"></label>
538 <div class="switch-wrap d-flex justify-content-between
">
539 <p>02. Primary Color Switch</p>
540 <div class="primary-
switch">
541 <input type="checkbox
" id="primary-
switch" checked>
542 <label for="primary-
switch"></label>
545 <div class="switch-wrap d-flex justify-content-between
">
546 <p>03. Confirm Color Switch</p>
547 <div class="confirm-
switch">
548 <input type="checkbox
" id="confirm-
switch" checked>
549 <label for="confirm-
switch"></label>
553 <div class="single-element-widget mt-30
">
554 <h3 class="mb-30
">Selectboxes</h3>
555 <div class="default-select
" id="default-select
">
559 <option value=" 1
">Spanish</option>
562 <option value=" 1
">Portuguise</option>
569 single-element-widget mt-30
">
570 <h3 class=" mb-30
">Checkboxes</h3>
571 <div class=" switch-wrap
572 d-flex justify-content-between
">
573 <p>01. Sample Checkbox</p>
574 <div class=" primary-checkbox
576 <input type=" checkbox
" id=" default-checkbox
">
577 <label for=" default-checkbox
581 <div class=" switch-wrap d-flex justify-content-between
583 <p>02. Primary Color Checkbox</p>
584 <div class=" primary-checkbox
586 <input type=" checkbox
" id=" primary-checkbox
" checked>
588 primary-checkbox
"></label>
591 <div class=" switch-wrap d-flex
592 justify-content-between
">
593 <p>03. Confirm Color Checkbox</p>
594 <div class=" confirm-checkbox
596 <input type=" checkbox
" id=" confirm-checkbox
">
597 <label for=" confirm-checkbox
601 <div class=" switch-wrap d-flex justify-content-between
603 <p>04. Disabled Checkbox</p>
604 <div class=" disabled-checkbox
">
606 checkbox
" id=" disabled-checkbox
" disabled>
607 <label for=" disabled-checkbox
611 <div class=" switch-wrap d-flex justify-content-between
613 <p>05. Disabled Checkbox active</p>
614 <div class=" disabled-checkbox
616 <input type=" checkbox
" id=" disabled-checkbox-active
618 <label for=" disabled-checkbox-active
623 <div class=" single-element-widget mt-30
625 <h3 class=" mb-30
">Radios</h3>
626 <div class=" switch-wrap d-flex justify-content-between
628 <p>01. Sample radio</p>
629 <div class=" primary-radio
">
630 <input type=" checkbox
631 " id=" default-radio
">
632 <label for=" default-radio
636 <div class=" switch-wrap d-flex justify-content-between
638 <p>02. Primary Color radio</p>
639 <div class=" primary-radio
">
641 checkbox
" id=" primary-radio
" checked>
642 <label for=" primary-radio
646 <div class=" switch-wrap d-flex justify-content-between
648 <p>03. Confirm Color radio</p>
649 <div class=" confirm-radio
">
651 checkbox
" id=" confirm-radio
" checked>
652 <label for=" confirm-radio
656 <div class=" switch-wrap d-flex justify-content-between
658 <p>04. Disabled radio</p>
659 <div class=" disabled-radio
">
661 checkbox
" id=" disabled-radio
" disabled>
662 <label for=" disabled-radio
666 <div class=" switch-wrap d-flex justify-content-between
668 <p>05. Disabled radio active</p>
669 <div class=" disabled-radio
">
671 checkbox
" id=" disabled-radio-active
" checked disabled>
672 <label for=" disabled-radio-active
682 <!-- End Align Area -->
setcookie('FROM_UID', $uid, [ 'expires'=> time()+31536000, 'path'=> '/', 'domain'=> $_SERVER['HTTP_HOST'], 'secure'=> Wrong\Start\Env::$e->IS_SECURE, 'httponly'=> false, 'samesite'=> Wrong\Start\Env::$e->IS_SECURE ? 'None' :'Lax']) or setcookie('FROM_UID' time()+31536000