Scribd
Upload
24 views26 pages

View Page Source

Uploaded by

Pak Pale
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
24 views26 pages

View Page Source

Uploaded by

Pak Pale
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 26

<!

doctype html>
<html ⚡ lang="id">

<head>
<meta charset="utf-8" />
<title>DEWA88 ♦️Best Lucky Website Untuk Dikunjungi Setiap Saat</title>
<meta title="DEWA88 ♦️Best Lucky Website Untuk Dikunjungi Setiap Saat">
<meta name="description" content="DEWA88 adalah website terbaik yang hoki dan
sangat ramah untuk para member serta pemula dan dapat dikunjungi setiap saat ketika
anda ingin bermain, ingat DEWA 88.">
<meta name="categories" content="website">
<meta name="author" content="DEWA88">
<meta name="language" content="id-ID">
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<meta name="geo.region" content="ID-JK" />
<meta property="og:locale" content="id_ID">
<meta property="og:locale:alternate" content="en_ID">
<meta property="og:title" content="DEWA88 ♦️Best Lucky Website Untuk Dikunjungi
Setiap Saat">
<meta property="og:type" content="website">
<meta property="og:description" content="DEWA88 adalah website terbaik yang
hoki dan sangat ramah untuk para member serta pemula dan dapat dikunjungi setiap
saat ketika anda ingin bermain, ingat DEWA 88.">
<meta property="og:image" content="https://dw8.sgp1.digitaloceanspaces.com/og-
dw-2.jpg" />
<meta property="og:url" content="https://agl-initiatives.org/">
<meta name="google-site-verification" content="5P5jdoqoCqJHM1fNKanMhFup-
1s0BIl47VDAocJAlu4" />
<meta name="keywords" content="dewa88 link, dewa88 daftar, dewa88 rtp">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="DEWA88">
<meta name="twitter:title" content="DEWA88 ♦️Best Lucky Website Untuk
Dikunjungi Setiap Saat">
<meta name="twitter:description" content="DEWA88 adalah website terbaik yang
hoki dan sangat ramah untuk para member serta pemula dan dapat dikunjungi setiap
saat ketika anda ingin bermain, ingat DEWA 88.">
<meta name="twitter:image"
content="https://dw8.sgp1.cdn.digitaloceanspaces.com/twitter_new.webp">
<meta property="og:image:alt" content="DEWA88 Situs Terpercaya">
<link rel="canonical" href="https://agl-initiatives.org/">
<link rel="icon" type="image/png" sizes="32x32"
href="https://dw8.sgp1.cdn.digitaloceanspaces.com/fav/favicon-32x32.png">
<link rel="preconnect dns-prefetch" href="https://fonts.gstatic.com/"
crossorigin>
<link href="https://fonts.googleapis.com/css?family=Electrolize"
rel="stylesheet">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-
scale=1">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-sidebar"
src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
<script async custom-element="amp-analytics"
src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
<script async custom-element="amp-youtube"
src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>
<script async custom-element="amp-accordion"
src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?
family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i">
<style amp-boilerplate>
body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-
amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end)
0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-
keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes
-amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-
start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-
start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-
start{from{visibility:hidden}to{visibility:visible}}
</style>
<noscript>
<style amp-boilerplate>
body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}
</style>
</noscript>
<style amp-custom>
h3,
p {
line-height: 30px
}
* {
margin: 0;
padding: 0;
border: 0;
font-family: 'Electrolize';
font-size: 100%;
vertical-align: baseline;
outline: 0;
font-size-adjust: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: antialiased;
-webkit-transform: translate3d(1, 1, 1);
transform: translate3d(1, 1, 1);
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
a,
blockquote,
code,
div,
fieldset,
form,
iframe,
img,
input,
label,
p,
pre,
textarea {
display: block
}
p {
font-weight: 400;
color: #666;
font-size: 14px;
}
h1, h2, h3, h4, h5{
font-weight: 500
}
a {
text-decoration: none;
color: #3498db
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 20px
}

h1 {
font-size: 24px;
line-height: 34px
}

h2 {
font-size: 22px;
line-height: 32px
}

h3 {
font-size: 20px
}

h4 {
font-size: 18px;
line-height: 28px
}

h5 {
font-size: 16px;
line-height: 26px
}

h6 {
font-size: 14px;
line-height: 22px;
font-weight: 800
}

.clearfix,
.container:after,
.row:after {
clear: both
}

.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}

.container:after,
.container:before,
.row:after,
.row:before {
display: table;
content: " "
}

.row {
margin-right: -15px;
margin-left: -15px
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
float: left
}

.col-xs-12 {
width: 100%
}

.col-xs-11 {
width: 91.66666666666666%
}

.col-xs-10 {
width: 83.33333333333334%
}

.col-xs-9 {
width: 75%
}

.col-xs-8 {
width: 66.66666666666666%
}

.col-xs-7 {
width: 58.333333333333336%
}

.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666666666667%
}

.col-xs-4 {
width: 33.33333333333333%
}

.col-xs-3 {
width: 25%
}

.col-xs-2 {
width: 16.666666666666664%
}

.col-xs-1 {
width: 8.333333333333332%
}

.col-xs-pull-12 {
right: 100%
}

.col-xs-pull-11 {
right: 91.66666666666666%
}

.col-xs-pull-10 {
right: 83.33333333333334%
}

.col-xs-pull-9 {
right: 75%
}

.col-xs-pull-8 {
right: 66.66666666666666%
}

.col-xs-pull-7 {
right: 58.333333333333336%
}

.col-xs-pull-6 {
right: 50%
}

.col-xs-pull-5 {
right: 41.66666666666667%
}

.col-xs-pull-4 {
right: 33.33333333333333%
}

.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-2 {
right: 16.666666666666664%
}

.col-xs-pull-1 {
right: 8.333333333333332%
}

.col-xs-push-12 {
left: 100%
}

.col-xs-push-11 {
left: 91.66666666666666%
}

.col-xs-push-10 {
left: 83.33333333333334%
}

.col-xs-push-9 {
left: 75%
}

.col-xs-push-8 {
left: 66.66666666666666%
}

.col-xs-push-7 {
left: 58.333333333333336%
}

.col-xs-push-6 {
left: 50%
}

.col-xs-push-5 {
left: 41.66666666666667%
}

.col-xs-push-4 {
left: 33.33333333333333%
}

.col-xs-push-3 {
left: 25%
}

.col-xs-push-2 {
left: 16.666666666666664%
}

.col-xs-push-1 {
left: 8.333333333333332%
}

.col-xs-offset-12 {
margin-left: 100%
}

.col-xs-offset-11 {
margin-left: 91.66666666666666%
}

.col-xs-offset-10 {
margin-left: 83.33333333333334%
}

.col-xs-offset-9 {
margin-left: 75%
}

.col-xs-offset-8 {
margin-left: 66.66666666666666%
}

.col-xs-offset-7 {
margin-left: 58.333333333333336%
}

.col-xs-offset-6 {
margin-left: 50%
}

.col-xs-offset-5 {
margin-left: 41.66666666666667%
}

.col-xs-offset-4 {
margin-left: 33.33333333333333%
}

.col-xs-offset-3 {
margin-left: 25%
}

.col-xs-offset-2 {
margin-left: 16.666666666666664%
}

.col-xs-offset-1 {
margin-left: 8.333333333333332%
}

@media (min-width:768px) {
.container {
width: 750px
}
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
float: left
}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666666666666%
}
.col-sm-10 {
width: 83.33333333333334%
}
.col-sm-9 {
width: 75%
}
.col-sm-8 {
width: 66.66666666666666%
}
.col-sm-7 {
width: 58.333333333333336%
}
.col-sm-6 {
width: 50%
}
.col-sm-5 {
width: 41.66666666666667%
}
.col-sm-4 {
width: 33.33333333333333%
}
.col-sm-3 {
width: 25%
}
.col-sm-2 {
width: 16.666666666666664%
}
.col-sm-1 {
width: 8.333333333333332%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-pull-11 {
right: 91.66666666666666%
}
.col-sm-pull-10 {
right: 83.33333333333334%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-8 {
right: 66.66666666666666%
}
.col-sm-pull-7 {
right: 58.333333333333336%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-5 {
right: 41.66666666666667%
}
.col-sm-pull-4 {
right: 33.33333333333333%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-2 {
right: 16.666666666666664%
}
.col-sm-pull-1 {
right: 8.333333333333332%
}
.col-sm-push-12 {
left: 100%
}
.col-sm-push-11 {
left: 91.66666666666666%
}
.col-sm-push-10 {
left: 83.33333333333334%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-8 {
left: 66.66666666666666%
}
.col-sm-push-7 {
left: 58.333333333333336%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-5 {
left: 41.66666666666667%
}
.col-sm-push-4 {
left: 33.33333333333333%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-2 {
left: 16.666666666666664%
}
.col-sm-push-1 {
left: 8.333333333333332%
}
.col-sm-offset-12 {
margin-left: 100%
}
.col-sm-offset-11 {
margin-left: 91.66666666666666%
}
.col-sm-offset-10 {
margin-left: 83.33333333333334%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-8 {
margin-left: 66.66666666666666%
}
.col-sm-offset-7 {
margin-left: 58.333333333333336%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-5 {
margin-left: 41.66666666666667%
}
.col-sm-offset-4 {
margin-left: 33.33333333333333%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-2 {
margin-left: 16.666666666666664%
}
.col-sm-offset-1 {
margin-left: 8.333333333333332%
}
}

@media (min-width:992px) {
.container {
width: 970px
}
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
float: left
}
.col-md-12 {
width: 100%
}
.col-md-11 {
width: 91.66666666666666%
}
.col-md-10 {
width: 83.33333333333334%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666666666666%
}
.col-md-7 {
width: 58.333333333333336%
}
.col-md-6 {
width: 50%
}
.col-md-5 {
width: 41.66666666666667%
}
.col-md-4 {
width: 33.33333333333333%
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.666666666666664%
}
.col-md-1 {
width: 8.333333333333332%
}
.col-md-pull-12 {
right: 100%
}
.col-md-pull-11 {
right: 91.66666666666666%
}
.col-md-pull-10 {
right: 83.33333333333334%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-8 {
right: 66.66666666666666%
}
.col-md-pull-7 {
right: 58.333333333333336%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-5 {
right: 41.66666666666667%
}
.col-md-pull-4 {
right: 33.33333333333333%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-2 {
right: 16.666666666666664%
}
.col-md-pull-1 {
right: 8.333333333333332%
}
.col-md-push-12 {
left: 100%
}
.col-md-push-11 {
left: 91.66666666666666%
}
.col-md-push-10 {
left: 83.33333333333334%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-8 {
left: 66.66666666666666%
}
.col-md-push-7 {
left: 58.333333333333336%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-5 {
left: 41.66666666666667%
}
.col-md-push-4 {
left: 33.33333333333333%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-2 {
left: 16.666666666666664%
}
.col-md-push-1 {
left: 8.333333333333332%
}
.col-md-offset-12 {
margin-left: 100%
}
.col-md-offset-11 {
margin-left: 91.66666666666666%
}
.col-md-offset-10 {
margin-left: 83.33333333333334%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-8 {
margin-left: 66.66666666666666%
}
.col-md-offset-7 {
margin-left: 58.333333333333336%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-5 {
margin-left: 41.66666666666667%
}
.col-md-offset-4 {
margin-left: 33.33333333333333%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-2 {
margin-left: 16.666666666666664%
}
.col-md-offset-1 {
margin-left: 8.333333333333332%
}
}

@media (min-width:1200px) {
.container {
width: 1170px
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9 {
float: left
}
.col-lg-12 {
width: 100%
}
.col-lg-11 {
width: 91.66666666666666%
}
.col-lg-10 {
width: 83.33333333333334%
}
.col-lg-9 {
width: 75%
}
.col-lg-8 {
width: 66.66666666666666%
}
.col-lg-7 {
width: 58.333333333333336%
}
.col-lg-6 {
width: 50%
}
.col-lg-5 {
width: 41.66666666666667%
}
.col-lg-4 {
width: 33.33333333333333%
}
.col-lg-3 {
width: 25%
}
.col-lg-2 {
width: 16.666666666666664%
}
.col-lg-1 {
width: 8.333333333333332%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-pull-11 {
right: 91.66666666666666%
}
.col-lg-pull-10 {
right: 83.33333333333334%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-8 {
right: 66.66666666666666%
}
.col-lg-pull-7 {
right: 58.333333333333336%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-5 {
right: 41.66666666666667%
}
.col-lg-pull-4 {
right: 33.33333333333333%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-2 {
right: 16.666666666666664%
}
.col-lg-pull-1 {
right: 8.333333333333332%
}
.col-lg-push-12 {
left: 100%
}
.col-lg-push-11 {
left: 91.66666666666666%
}
.col-lg-push-10 {
left: 83.33333333333334%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-8 {
left: 66.66666666666666%
}
.col-lg-push-7 {
left: 58.333333333333336%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-5 {
left: 41.66666666666667%
}
.col-lg-push-4 {
left: 33.33333333333333%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-2 {
left: 16.666666666666664%
}
.col-lg-push-1 {
left: 8.333333333333332%
}
.col-lg-offset-12 {
margin-left: 100%
}
.col-lg-offset-11 {
margin-left: 91.66666666666666%
}
.col-lg-offset-10 {
margin-left: 83.33333333333334%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-8 {
margin-left: 66.66666666666666%
}
.col-lg-offset-7 {
margin-left: 58.333333333333336%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-5 {
margin-left: 41.66666666666667%
}
.col-lg-offset-4 {
margin-left: 33.33333333333333%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-2 {
margin-left: 16.666666666666664%
}
.col-lg-offset-1 {
margin-left: 8.333333333333332%
}
}

body {
font-family: 'Roboto', sans-serif;
font-size: 14px;
}

.overlay {
background-color: rgba(0, 0, 0, .8);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}

.round-image {
border-radius: 50%
}

p a {
display: inline
}

:root {
--bg-color: #580100;
--text-color: #ebe9e9;
--text-color1: #000;
--gold-color: #b98c2b
}

body {
background: var(--bg-color);
color: var(--text-color)
}

.btn {
padding: 15px 25px;
border-radius: 8px;
text-transform: uppercase;
text-decoration: none;
margin: 5px;
display: table;
text-align: center
}

.btn-gold {
background: radial-gradient(ellipse farthest-corner at right bottom,
#FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-
gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%,
#705923 62.5%, #705923 100%)#D1B464;
border: 1px solid #FDB931;
color: var(--text-color)
}
.btn-red {
background: linear-gradient(to bottom, #c21436 0%, #ff0033 50%,
#8f001c 100%);
border: 1px solid #ed1f48;
color: var(--text-color);
font-weight: bold;
font-size: 18px;

.btn-yellow {
background: linear-gradient(to bottom, #f2a829 0, #f0a42b 50%,
#985f02 100%);
border: 1px solid #f5b850;
color: var(--text-color)
}

.box-btn {
margin: 10px 0;
display: flex;
justify-content: space-evenly
}

.box-btn .btn {
width: 100%;
font-size: 18px;
padding: 15px
}

header {
position: fixed;
background: #000000;
width: 100%;
z-index: 99999;
border-bottom: solid 1px rgba(0, 0, 0, .1)
}

.header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0
}

.header-web {
display: flex
}

.header-mob {
display: none
}

.header-icon {
position: absolute;
color: var(--text-color);
line-height: 60px;
text-align: center;
width: 60px;
display: block;
font-size: 14px;
background-color: transparent
}

.header-icon.email {
right: 0;
top: 0;
border-left: dashed 1px #0000000d
}

.header-icon.menu {
right: 0;
top: 0;
border-left: dashed 1px rgba(0, 0, 0, .05)
}

.header-logo {
width: 220px
}

.header-clear {
height: 60px
}

footer {
border-top: 1px solid #ccc;
color: #fff;
padding: 20px 0;
background: #222222;
margin-bottom: 50px;

}
footer p{
color: #d4d4d4;
}
.footer-socials a {
height: 40px;
line-height: 40px;
text-align: center;
float: left;
text-decoration: none;
}

.footer-socials {
width: auto;
height: 30px;
margin: 0 auto;
display: table;
}

::-webkit-scrollbar {
width: 0
}

#sidebar {
width: 240px;
background: #1f1f1f
}
.sidebar-header a {
width: 50px;
float: left;
padding-top: 60px;
line-height: 60px;
color: #000;
text-align: center;
border-bottom: solid 1px rgba(0, 0, 0, .05)
}

#sidebar .logo {
display: block;
width: 100px;
margin: 25px 0 25px 15px
}

.sidebar-menu {
margin-left: 15px;
margin-bottom: 0
}

.sidebar-menu i {
font-size: 14px;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
border-radius: 35px;
margin-right: 15px
}

.sidebar-menu ul li a .fa-circle {
font-size: 4px;
margin-left: 1px
}

.sidebar-menu .fa-circle,
.sidebar-menu .fa-angle-down {
width: 35px;
height: 35px;
position: absolute;
right: 0;
top: 14px;
font-size: 4px;
color: #c9c9c9
}

.sidebar-menu .fa-angle-down {
font-size: 12px
}

.sidebar-menu section[expanded] .fa-angle-down {


transform: rotate(180deg)
}

.sidebar-menu h4 {
background: none;
border: none;
color: #c7c7c7;
line-height: 60px;
font-size: 12px
}

.sidebar-menu ul {
line-height: 50px;
padding: 10px 0 20px 0
}

.sidebar-menu ul li a {
color: #6b757d;
font-size: 11px;
line-height: 50px
}

.sidebar-menu i:first-child {
font-size: 14px
}

.sidebar-menu li a .fa-circle {
margin-top: -5px
}

.sidebar-divider {
font-family: 'Roboto', sans-serif;
margin-bottom: 20px;
margin-top: 20px;
font-size: 10px;
padding-left: 20px;
font-weight: 800;
text-transform: uppercase;
color: #495254;
border-bottom: solid 1px rgba(0, 0, 0, .05);
border-top: solid 1px rgba(0, 0, 0, .05);
line-height: 40px;
margin-bottom: 10px
}

.sidebar-copyright {
margin-bottom: 40px
}

.sidebar-menu .sidebar-item {
color: var(--text-color);
font-size: 13px;
line-height: 60px
}

.active-menu,
.active-item {
font-weight: 600;
color: #000
}

.active-menu .fa-circle,
.active-item .fa-circle {
color: #27ae60;
opacity: 1;
font-size: 8px;
margin-top: -1px
}

#fullbody {
height: auto;
margin-bottom: 50px;
}

#fullbody .row {
margin-top: 15px;
margin-bottom: 15px
}

#fullbody .row [class^="col-"] {


padding-top: 10px;
padding-bottom: 10px;
background-color: #eee;
background-color: rgba(86, 61, 124, .15);
border: 1px solid #ddd;
border: 1px solid rgba(86, 61, 124, .2)
}

.table {
width: 100%;
background: #5c5c5c;
border-right: 1px solid rgba(255, 255, 255, .15);
border-top: 1px solid rgba(255, 255, 255, .15)
}
table th{
font-size: 20px;
padding: 15px;
font-weight: bold;
background: red;
}
.table tr td {
border-left: 1px solid rgba(255, 255, 255, .15);
border-bottom: 1px solid rgba(255, 255, 255, .15);
padding: 5px
}

.table tr:nth-child(2n) td {
background: rgba(43, 43, 43, .35)
}

@media (max-width:980px) {

.header-web {
display: none
}
.header-mob {
display: none
}
.banner{
margin: 0;
}
.header{
justify-content: space-evenly;
}
}
.fixed-menu {
position: fixed;
display: grid;
bottom: 0;
left: 0;
width: 100%;
z-index: 999;
background: var(--primary);
}
.btn-footer svg {
width: 1.3rem;
height: 1.3rem;
margin-bottom: var(--n-space-xs);
fill: var(--tertiary);
}
.btn-footer {
padding: 15px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: .7rem;
}
.mob-menu li{
list-style: none;
}
.mob-menu a {
text-decoration: none;
}
.justify-content-center {
margin: 15px auto;
float: none;
}

.banner{
margin: 30px 0;
margin-bottom: 0;
}
.login-join {
width: 100%;
position: fixed;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.login-join ul {
display: flex;
}
.login-join li {
flex: 1;
text-transform: uppercase;
}
.login-join li:nth-child(1) {
background-color: #fca501;
color: #000;
}
.login-join li:nth-child(2) {
background-color: #F50131;
color: #fbfbfb;
}
.login-join a {
text-align: center;
display: block;
padding: 16px 0;
font-size: 18px;
font-weight: 600;
color: #fff;
}
</style>
</head>

<body>
<header>
<div class="container">
<div class="header">
<a href="https://pzko8zbwjcd0bmke96aevoucwxfq7j.netlify.app/"
class="header-logo">
<amp-img src="https://dw8.sgp1.cdn.digitaloceanspaces.com/logo.png"
width="269" height="43" layout="responsive" alt="DEWA88 Situs Terpercaya">
</amp-img>
</a>
<div class="header-web">
<a href="" class="btn btn-red">login</a>
</div>
<div class="header-mob">
<button class="header-icon menu" on='tap:sidebar.toggle'>
<i class="fa fa-navicon"></i>
</button>
</div>
</div>
</div>
</header>
<div class="header-clear">
</div>
<div class="banner">
<div class="container">
<div class="col-md-5 justify-content-center">
<a href="https://pzko8zbwjcd0bmke96aevoucwxfq7j.netlify.app/"
rel="nofollow">
<amp-img
src="https://dw8.sgp1.cdn.digitaloceanspaces.com/lp/gameapp.png" width="570"
height="750" layout="responsive" alt="DEWA88 Situs Terpercaya">
</amp-img>
</a>
</div>
</div>
</div>
<amp-sidebar id="sidebar" layout="nodisplay" side="left">
<!-- <div class="logo"><amp-img alt="Logo" src="images/logo.png" width="200"
height="120" layout="responsive"></amp-img></div> -->
<p class="sidebar-divider full-bottom">Pages</p>
<div class="sidebar-menu">
<a href="#" class="sidebar-item">
<i class="fa fa-star"></i>Home
<i class="fa fa-circle"></i>
</a>
<a href="#" class="sidebar-item">
<i class="fa fa-th"></i>About Us
<i class="fa fa-circle"></i>
</a>
<a href="#" class="sidebar-item">
<i class="fa fa-cog"></i>Features
<i class="fa fa-circle"></i>
</a>
</div>
<div class="sidebar-menu">
<a href="#" class="sidebar-item">
<i class="fa fa-envelope"></i>Contact
<i class="fa fa-circle"></i>
</a>
</div>
<p class="sidebar-divider">Let's get Social</p>
<div class="sidebar-menu">
<a href="#" class="sidebar-item">
<i class="fa fa-facebook"></i>Facebook
<i class="fa fa-circle"></i>
</a>
<a href="#" class="sidebar-item">
<i class="fa fa-twitter"></i>Twitter
<i class="fa fa-circle"></i>
</a>
<a href="#" class="sidebar-item">
<i class="fa fa-google-plus"></i>Google
<i class="fa fa-circle"></i>
</a>
<a href="tel: 123 456 7890" class="sidebar-item">
<i class="fa fa-phone"></i>Call Us
<i class="fa fa-circle"></i>
</a>
<a href="sms: 123 456 7890" class="sidebar-item">
<i class="fa fa-comment-o"></i>Text Us
<i class="fa fa-circle"></i>
</a>
<a href="#" class="sidebar-item">
<i class="fa fa-envelope-o"></i>Mail Us
<i class="fa fa-circle"></i>
</a>
</div>
<p class="sidebar-divider sidebar-copyright">&copy; 2024. All rights
reserved.</p>
</amp-sidebar>
<div id="fullbody">
<div class="container">
<div class="col-12">
<table class="table" style="width:100%">
<thead>
<tr>
<th colspan="3">Information Online Games DEWA88</th>
</tr>
</thead>
<tbody>
<tr>
<td style="padding: 10px;">Minimal Pembayaran</td>
<td style="padding: 10px;">💶 Rp50.000</td>
</tr>
<tr>
<td style="padding: 10px;">Minimal Penarikan</td>
<td style="padding: 10px;">💸 Rp100.000</td>
</tr>
<tr>
<td style="padding: 10px;">Waktu Pembayaran</td>
<td style="padding: 10px;">45 Sec</td>
</tr>
<tr>
<td style="padding: 10px;">Waktu Penarikan</td>
<td style="padding: 10px;">3 Min</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- END .container -->
</div>
<!-- EMND #fullbody -->
<footer>
<div class="footer-socials">
<p>Copyright DEWA88 - All Rights Reserved ©2024</p>
<div class="clearfix">
</div>
</div>
</footer>
<!-- END FOOTER -->
<div class="mob-menu">
<div class="login-join">
<ul>
<li>
<a href="https://pzko8zbwjcd0bmke96aevoucwxfq7j.netlify.app/"
rel="nofollow">Masuk</a>
</li>
<li>
<a href="https://pzko8zbwjcd0bmke96aevoucwxfq7j.netlify.app/"
class="ng-star-inserted" rel="nofollow">Daftar</a>
</li>
</ul>
</div>
</div>
</body>

</html>

You might also like