<html><head>
<style>
body { margin:0; padding: 0; overflow-x: hidden }
.section1 { height: 100vh; width: 100%; background-color: #26262b;}
.section2 { height: 100vh; width: 100%; background-color: #36393f; position: relative; }
.card1 { position: absolute; top: 30%; left: 5%; height: 304px; }
.card2 { position: absolute; top: 52%; left: 18%; border: 2px solid #36393f; border-radius: 5px; }
.card3 { position: absolute; top: 68%; left: 7%; border: 2px solid #36393f; border-radius: 5px; }
</style>
</head>
<body>
<link href=“https://fonts.googleapis.com/css?family=Open+Sans:300,400|Source+Sans+Pro” rel=“stylesheet”>
<div class=“section1”>
<div style="
width: 100%;
height: 75px;
background: #26262b;
position: fixed;
z-index: 20;
border-bottom: 2px solid black;
“><div style=”
border: 2px solid hsla(0, 0%, 85%, 0.8);
border-radius: 20px;
color: #fff;
line-height: 24px;
margin-right: 18px;
padding: 2px 15px 2px;
top: 0;
display: inline-block;
background: #26262b26;
float: right;
margin-top: 22px;
font-size: 12px;
font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
letter-spacing: 0.6px;
margin-right: 170px;
“>Login With Discord</div><img src=“2052526_1_burned.png” style=”
height: 60px;
width: 60px;
background-size: cover;
/* transform: translate(-50%, -50%); /
margin-left: 80px;
margin-top: 22px;
background: #26262b;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
border-radius: 86px;
/ border: 2px solid black; /
“></div><div class=“button” style=”
/ border: 8px solid #ffffff; */
border-radius: 3px;
color: #fff;
display: inline-block;
padding: 13px;
font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
background: #0000004a;
position: absolute;
top: 70%;
left: 37.8%;
cursor: pointer;
transition: border .08s ease-out;
padding: 11px 48px;
border: 2px solid transparent;
">Invite To Your Server
</div>
<div class=“button” style="
/* border: 8px solid #ffffff; /
border-radius: 3px;
color: #f7f7f7;
display: inline-block;
padding: 13px;
padding: 11px 48px;
font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
border: 2px solid #0000004a;
position: absolute;
top: 70%;
left: 52%;
cursor: pointer;
transition: all .08s ease-out;
“>Commands</div><div style=”
height: 30px;
/ width: 600px; /
background-size: cover;
position: absolute;
top: 65%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
font-size: 20px;
/ font-family: ‘Open Sans’, sans-serif; */
“>Big Shaq - The Best Discord Music Bot, Ever. Period.</div><p style=”
height: 21px;
width: 300px;
background-size: cover;
position: absolute;
bottom: 9%;
left: 49.9%;
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
font-size: 12px;
font-family: ‘Open Sans’, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
“>Scroll For More Info</p>
<img style=”
height: 21px;
width: 24px;
background-size: cover;
position: absolute;
bottom: 3%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
font-size: 20px;
font-family: ‘Open Sans’, sans-serif;
background: #fff;
padding: 10px;
border-radius: 8px;
" src=“arrow_down.png”><div style="
background: url(“2052526_1_burned.png”);
height: 294px;
width: 258px;
background-size: cover;
position: absolute;
top: 44%;
left: 50%;
transform: translate(-50%, -50%);
"></div></div>
<div class=“section2”>
<img src=“card1.png” class=“card1”>
<img src=“card2.png” class=“card2”>
<img src=“card3.png” class=“card3”>
</div>
</body></html>