Skip to content

Commit

Permalink
Merge pull request #1 from Hadi-koubeissi/glitch
Browse files Browse the repository at this point in the history 
k
  • Loading branch information
@Hadi-koubeissi
Hadi-koubeissi authored Mar 23, 2021
2 parents 6a0af8b + f591ac1 commit bdc680f
Show file tree
Hide file tree
Showing 3 changed files with 167 additions and 45 deletions.
12 changes: 12 additions & 0 deletions pages/commands.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>gggggg</h1>
</body>
</html>
92 changes: 92 additions & 0 deletions src/css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,98 @@ line-height: 1.2;
margin-top: 30px !important;
padding: 60px 50px !important;
}
.bgseconde {
padding-bottom: 150px;
background-color: #131b21;

}
.ttjoin {
color: #ffffff;
font-weight: 500;
font-size: 36px;
line-height: 51px;
}
span {
font-weight: 700;
}
.footer-social-icons {
width: 350px;
display: block;
margin: 0 auto;
align-items: center;
}
.social-icon {
color: #fff;
}
ul.social-icons {
margin-top: 10px;
}
.social-icons li {
vertical-align: top;
display: inline;
height: 100px;
}
.social-icons a {
color: #fff;
text-decoration: none;
}
.fa-facebook {
padding:10px 14px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition: .5s;
background-color: #322f30;
}
.fa-facebook:hover {
background-color: #3d5b99;
}
.fa-twitter {
padding:10px 12px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition: .5s;
background-color: #322f30;
}
.fa-twitter:hover {
background-color: #00aced;
}
.fa-github {
padding:10px 14px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition: .5s;
background-color: #322f30;
}
.fa-github:hover {
background-color: #5a32a3;
}
.add_to_discord {
display: flex;
align-items: center;
background-color: blueviolet;
border-radius: 8px;
border: 0;
font-weight: 600;
font-size: 17px !important;
line-height: 21px !important;
color: #fff;
padding: 27px;
height: 58px;
outline: none;
}
.add_to_discord svg {
padding-right: 20px;
box-sizing: unset;
}
.add_to_discord:hover {
background-color: rgb(152, 67, 233);
}

.mastfoot.mb-auto{
padding-bottom: 40px;
Expand Down
108 changes: 63 additions & 45 deletions src/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
<!--dropdown flags icons-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.5.0/css/flag-icon.min.css" rel="stylesheet"
type="text/css">
<!--jquery-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="icon" href="assets/favicon.png">
<title>Hbot</title>
</head>
Expand All @@ -31,7 +27,7 @@
<a class="nav-link" aria-current="page" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/commands">Commands</a>
<a class="nav-link" href="/pages/commands.html">Commands</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/premium">Premium</a>
Expand Down Expand Up @@ -78,52 +74,74 @@ <h1 class="display-3 htext">HBOT</h1>
</div>

<div class="bg-dark">
<div class="text-center">
<h3 class="wh">Why <span class="Hbot">HBot</span>??!.</h3>
</div>
<h5 class="text-center textt">We provide you the best features in Bot!</h5>
<div class="card-columns cardds">
<div class="card text-white bg-dark mb-3" style="max-width: 18rem;">
<div class="card-header text-center">99.9% Online 🚀</div>
<div class="card-body">
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>

<div class="card text-white bg-dark mb-3" style="max-width: 18rem;">
<div class="card-header text-center">Easy to Use 💻</div>
<div class="card-body">
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<div class="text-center">
<h3 class="wh">Why <span class="Hbot">HBot</span>??!.</h3>
</div>
</div>
<div class="card text-white bg-dark mb-3" style="max-width: 18rem;">
<div class="card-header text-center">Open Source 🔓</div>
<div class="card-body">
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
<footer class="mastfoot mb-auto">
<div class="container-fluid mb-auto">
<div class="row">
<div class="col-md-6 mt-md-0 mt-3 text-center">
<h5 class="text-uppercase"><b>Additional Information</b></h5>
<p style="font-size: 19px; padding: 0px; margin: 0px;"><a href="https://github.com/Hadi-Koubeissi"
style="text-decoration: none; color: white;">Made with 💖 by Hadi Koubeissi</a></br>Hbot © 2021. All
rights reserved.</br>[<a href="/license"><b>Terms Of Use</b></a>]</p>
<h5 class="text-center textt">We provide you the best features in Bot!</h5>
<div class="card-columns cardds">
<div class="card text-white bg-dark mb-3" style="max-width: 18rem;">
<div class="card-header text-center">99.9% Online 🚀</div>
<div class="card-body">
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's
content.</p>
</div>
</div>

<div class="col-md-6 mb-md-0 mb-3 text-center">
<h5 class="text-uppercase"><b>Custom settings</b></h5>
<div class="card text-white bg-dark mb-3" style="max-width: 18rem;">
<div class="card-header text-center">Easy to Use 💻</div>
<div class="card-body">
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's
content.</p>
</div>
</div>
<div class="card text-white bg-dark mb-3" style="max-width: 18rem;">
<div class="card-header text-center">Open Source 🔓</div>
<div class="card-body">
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's
content.</p>
</div>
</div>
</div>
</footer>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<div class="bgseconde">
<h3 class="ttjoin ml-5"><span>Join our</span>
<br>
community now!
</h3>
<div class="float-right mr-5">
<ul class="social-icons">
<li><a href="" class="social-icon"> <i class="fa fa-facebook"></i></a></li>
<li><a href="" class="social-icon"> <i class="fa fa-twitter"></i></a></li>
<li><a href="" class="social-icon"> <i class="fa fa-github"></i></a></li>
</ul>
<div style="transform: none;"><button class="add_to_discord"><svg width="30" height="35" viewBox="0 0 30 35"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M3.51429 0.416687H26.4857C28.4229 0.416687 30 1.98835 30 3.93585V34.5834L26.3143 31.3375L24.24 29.4242L22.0457 27.3913L22.9543 30.5517H3.51429C1.57714 30.5517 0 28.98 0 27.0325V3.93585C0 1.98835 1.57714 0.416687 3.51429 0.416687ZM18.7371 21.3438C19.2514 21.9929 19.8686 22.7275 19.8686 22.7275C23.6571 22.6079 25.1143 20.1309 25.1143 20.1309C25.1143 14.63 22.6457 10.1713 22.6457 10.1713C20.1771 8.32627 17.8286 8.37752 17.8286 8.37752L17.5886 8.65085C20.5029 9.53919 21.8571 10.8204 21.8571 10.8204C20.0743 9.84669 18.3257 9.36835 16.6971 9.18044C15.4629 9.04377 14.28 9.07794 13.2343 9.2146C13.1445 9.2146 13.0678 9.22762 12.9813 9.2423C12.9687 9.24443 12.9559 9.2466 12.9429 9.24877C12.3429 9.30002 10.8857 9.5221 9.05143 10.325C8.41714 10.6154 8.04 10.8204 8.04 10.8204C8.04 10.8204 9.46286 9.47085 12.5486 8.58252L12.3771 8.37752C12.3771 8.37752 10.0286 8.32627 7.56 10.1713C7.56 10.1713 5.09143 14.63 5.09143 20.1309C5.09143 20.1309 6.53143 22.6079 10.32 22.7275C10.32 22.7275 10.9543 21.9588 11.4686 21.3096C9.29143 20.6604 8.46857 19.2938 8.46857 19.2938C8.46857 19.2938 8.64 19.4134 8.94857 19.5842C8.96571 19.6013 8.98286 19.6184 9.01714 19.6354C9.04286 19.6525 9.06857 19.6653 9.09429 19.6781C9.12 19.691 9.14571 19.7038 9.17143 19.7209C9.6 19.96 10.0286 20.1479 10.4229 20.3017C11.1257 20.575 11.9657 20.8484 12.9429 21.0363C14.2286 21.2754 15.7371 21.3609 17.3829 21.0534C18.1886 20.9167 19.0114 20.6775 19.8686 20.3188C20.4686 20.0967 21.1371 19.7721 21.84 19.3109C21.84 19.3109 20.9829 20.7117 18.7371 21.3438ZM10.1486 16.6459C10.1486 15.6038 10.92 14.7496 11.8971 14.7496C12.8743 14.7496 13.6628 15.6038 13.6457 16.6459C13.6457 17.688 12.8743 18.5421 11.8971 18.5421C10.9371 18.5421 10.1486 17.688 10.1486 16.6459ZM16.4057 16.6459C16.4057 15.6038 17.1771 14.7496 18.1543 14.7496C19.1314 14.7496 19.9028 15.6038 19.9028 16.6459C19.9028 17.688 19.1314 18.5421 18.1543 18.5421C17.1943 18.5421 16.4057 17.688 16.4057 16.6459Z"
fill="white"></path>
</svg> Add To Discord</button></div>
</div>
</div>
<footer class="mastfoot mb-auto">
<div class="container-fluid mb-auto">
<div class="row">
<div class="col-md-6 mt-md-0 mt-3 text-center">
<h5 class="text-uppercase"><b>Additional Information</b></h5>
<p style="font-size: 19px; padding: 0px; margin: 0px;"><a href="https://github.com/Hadi-Koubeissi"
style="text-decoration: none; color: white;">Made with 💖 by Hadi Koubeissi</a></br>Hbot © 2021. All
rights reserved.</br>[<a href="/license"><b>Terms Of Use</b></a>]</p>
</div>
<div class="col-md-6 mb-md-0 mb-3 text-center">
<h5 class="text-uppercase"><b>Custom settings</b></h5>
</div>
</div>
</div>
</footer>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
</body>

</html>

0 comments on commit bdc680f

Please sign in to comment.