mirror of
https://github.com/ION606/selmer-bot-website.git
synced 2026-05-14 22:16:54 +00:00
Fixed Footer
Last push created an issue with the footer of the page. Layering Error Fixed.
This commit is contained in:
a-box31
+19
-2
@@ -1,6 +1,7 @@
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html { width:100%; height:100%; margin:0; padding:0; }
|
||||
@@ -8,7 +9,7 @@ html { width:100%; height:100%; margin:0; padding:0; }
|
||||
body {
|
||||
background-color: rgb(41, 42, 48);
|
||||
/* background-color: rgb(1, 1, 59); */
|
||||
width:100%; height:100%; margin:0; padding:0;
|
||||
height:100%; margin:0; padding:0;
|
||||
}
|
||||
|
||||
.loginbtn {
|
||||
@@ -131,6 +132,10 @@ body {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
header{
|
||||
text-align: center;
|
||||
}
|
||||
@@ -189,6 +194,18 @@ nav a{
|
||||
background-color: rgb(41, 42, 48);
|
||||
}
|
||||
|
||||
.content-area h2 {
|
||||
footer{
|
||||
background-color: rgb(41, 42, 48);
|
||||
}
|
||||
|
||||
.footer-area {
|
||||
padding-top: 30px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
top: 450px;
|
||||
background-color: rgb(41, 42, 48);
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
||||
}
|
||||
+219
-213
@@ -174,262 +174,268 @@
|
||||
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<div class="wrapper">
|
||||
<div class="logo">
|
||||
<a href="#">Selmer Bot</a>
|
||||
</div>
|
||||
<nav>
|
||||
<a href="#">Home</a>
|
||||
<a href="#">About</a>
|
||||
<a href="#">Portfolio</a>
|
||||
<a href="#">Services</a>
|
||||
<a href="#">Contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="banner-area">
|
||||
<h2>this is banner</h2>
|
||||
</div>
|
||||
</header>
|
||||
<div class="box-area">
|
||||
|
||||
<!-- Banner End -->
|
||||
|
||||
|
||||
<section class="content-area">
|
||||
<div class="row custom-alert" style="display: none;" id="alertrow">
|
||||
<div class="alert alert-warning alert-dismissible" id="banner" style="text-align: center" role="alert">
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
||||
<strong class="mx-auto">Logged In Successfully!</strong> <!-- This alert box could indicate a successful or positive action. -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div style="text-align: center; align-content: center;">
|
||||
|
||||
<!- <h2 style="color:wheat">Based off a real Professor of Logic!</h2> ->
|
||||
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Selmer-icon.png?raw=true" alt="Selmer Icon" style="outline-style: dashed; border-radius: 50%; outline-color: green;">
|
||||
</div> -->
|
||||
|
||||
|
||||
<!-- Adds margins to the page -->
|
||||
<div class="container">
|
||||
<div style="margin-top: 100px;"></div>
|
||||
|
||||
<div id="music" class="row pb-md-5 mt-md-5">
|
||||
<div class="col-xxl-4 col-xl-4 col-lg-5 col-md-12">
|
||||
<img class="img-responsive" style="border-style: dashed; border-color:rgb(11, 189, 189);" src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/Audio1.png?raw=true">
|
||||
<!-- <img class="img-responsive overlay-content" style="border-style: dashed; border-color:rgb(11, 189, 189); transform: rotate(25deg); margin-bottom: 20%; margin-left: 45%;" src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/Audio2.png?raw=true"> -->
|
||||
<header>
|
||||
<div class="wrapper">
|
||||
<div class="logo">
|
||||
<a href="#">Selmer Bot</a>
|
||||
</div>
|
||||
<nav>
|
||||
<a href="#">Home</a>
|
||||
<a href="#">About</a>
|
||||
<a href="#">Portfolio</a>
|
||||
<a href="#">Services</a>
|
||||
<a href="#">Contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="banner-area">
|
||||
<h2>this is banner</h2>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="col-xxl-4 col-xl-4 col-lg-5 col-md-6">
|
||||
<div class="container desctext">
|
||||
<p style="white-space: pre-line;">
|
||||
Play your favorite songs with easy-to-use controls!
|
||||
</p>
|
||||
<!-- Banner End -->
|
||||
|
||||
<b>Features: </b>
|
||||
<ul>
|
||||
<li>
|
||||
Easy Controls
|
||||
</li>
|
||||
<li>
|
||||
Audio Queue
|
||||
</li>
|
||||
<li>
|
||||
Stopping, pausing and unpausing!
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<section class="content-area">
|
||||
<div class="row custom-alert" style="display: none;" id="alertrow">
|
||||
<div class="alert alert-warning alert-dismissible" id="banner" style="text-align: center" role="alert">
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
||||
<strong class="mx-auto">Logged In Successfully!</strong> <!-- This alert box could indicate a successful or positive action. -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div style="text-align: center; align-content: center;">
|
||||
|
||||
<!- <h2 style="color:wheat">Based off a real Professor of Logic!</h2> ->
|
||||
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Selmer-icon.png?raw=true" alt="Selmer Icon" style="outline-style: dashed; border-radius: 50%; outline-color: green;">
|
||||
</div> -->
|
||||
|
||||
|
||||
<!-- Adds margins to the page -->
|
||||
<div class="container">
|
||||
<div style="margin-top: 100px;"></div>
|
||||
|
||||
<div id="music" class="row pb-md-5 mt-md-5">
|
||||
<div class="col-xxl-4 col-xl-4 col-lg-5 col-md-12">
|
||||
<img class="img-responsive" style="border-style: dashed; border-color:rgb(11, 189, 189);" src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/Audio1.png?raw=true">
|
||||
<!-- <img class="img-responsive overlay-content" style="border-style: dashed; border-color:rgb(11, 189, 189); transform: rotate(25deg); margin-bottom: 20%; margin-left: 45%;" src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/Audio2.png?raw=true"> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="anime" class="mx-auto container pt-lg-5 mt-lg-5 mt-sm-0 pt-sm-0">
|
||||
<div id="features" class="row">
|
||||
<div class="col-xxl-4 col-xl-5 col-lg-12 col-md-12 order-xl-first order-lg-last p-lg-0 pt-lg-4">
|
||||
<div class="container desctext" style="width: 440px; background-color: rgba(77, 206, 3, 0.322); height: 300px;">
|
||||
<div class="col-xxl-4 col-xl-4 col-lg-5 col-md-6">
|
||||
<div class="container desctext">
|
||||
<p style="white-space: pre-line;">
|
||||
Get details about your favorite Anime and Manga!
|
||||
Play your favorite songs with easy-to-use controls!
|
||||
</p>
|
||||
|
||||
<b>Features: </b>
|
||||
<ul>
|
||||
<li>
|
||||
Three different styles: <b>Fancy, Summary, and Stats</b>
|
||||
Easy Controls
|
||||
</li>
|
||||
<li>
|
||||
Get info on the newsest releases
|
||||
Audio Queue
|
||||
</li>
|
||||
<li>
|
||||
Stopping, pausing and unpausing!
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
<i>I've actually mispelled anime/manga names several times and found some amazing new mangas</i>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="animecarousel" class="carousel slide col-xxl-4 col-xl-4 col-lg-5 col-md-12" data-bs-ride="carousel" style="width: 650px; position: relative; margin: auto; height: 650px;">
|
||||
<div class="carousel-inner" style="background-color: #36393f; height: 650px;">
|
||||
<div class="carousel-item active" style="position: relative">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/Anime1.png?raw=true" alt="Shop1" class="d-block carousel-img">
|
||||
</div>
|
||||
|
||||
<div class="carousel-item" style="position: relative">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/Anime2.png?raw=true" alt="Shop2" class="d-block carousel-img" style="margin:auto; margin-top: 15px;">
|
||||
</div>
|
||||
|
||||
<div class="carousel-item" style="position: relative; text-align: center;">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/Anime3.png?raw=true" alt="Shop2" class="d-block carousel-img" style="margin:auto; margin-top: 30px;">
|
||||
<!-- <h2 style="margin-top: 70px; color: white; font-family: Goudy Old Style;">Reach up to Rank 101!</h2> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#animecarousel" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon"></span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#animecarousel" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="shop" class="container pt-5 pb-5">
|
||||
<div id="features" class="row pt-5">
|
||||
<div class="col-xl-6 col-lg-12 col-md-12 col-sm-12">
|
||||
<div id="shopcarousel" class="carousel slide" data-bs-ride="carousel" style="width: 500px; height: 300px;">
|
||||
<div class="carousel-inner" style="background-color: #36393f; height: 300px;">
|
||||
<div class="carousel-item active">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/shop1.png?raw=true" alt="Shop1" class="d-block carousel-img w-100">
|
||||
</div>
|
||||
|
||||
<div class="carousel-item">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/work.png?raw=true" alt="Work1" class="d-block carousel-img" style="margin:auto; margin-top: 15px;">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/balance.png?raw=true" alt="Balance1" class="d-block carousel-img" style="margin:auto">
|
||||
</div>
|
||||
<div id="anime" class="mx-auto container pt-lg-5 mt-lg-5 mt-sm-0 pt-sm-0">
|
||||
<div id="features" class="row">
|
||||
<div class="col-xxl-4 col-xl-5 col-lg-12 col-md-12 order-xl-first order-lg-last p-lg-0 pt-lg-4">
|
||||
<div class="container desctext" style="width: 440px; background-color: rgba(77, 206, 3, 0.322); height: 300px;">
|
||||
<p style="white-space: pre-line;">
|
||||
Get details about your favorite Anime and Manga!
|
||||
</p>
|
||||
|
||||
<div class="carousel-item" style="text-align: center;">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/rank.png?raw=true" alt="Rank1" class="d-block carousel-img w-100" style="margin:auto; margin-top: 30px;">
|
||||
<h2 style="margin-top: 70px; color: white; font-family: Goudy Old Style;">Reach up to Rank 101!</h2>
|
||||
</div>
|
||||
<b>Features: </b>
|
||||
<ul>
|
||||
<li>
|
||||
Three different styles: <b>Fancy, Summary, and Stats</b>
|
||||
</li>
|
||||
<li>
|
||||
Get info on the newsest releases
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
<i>I've actually mispelled anime/manga names several times and found some amazing new mangas</i>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#shopcarousel" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon"></span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#shopcarousel" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <span class="col" style="float: right"> -->
|
||||
<div class="desctext pt-1" style="width: 450px; height: 200px; background-color: rgba(243, 159, 3, 0.322);">
|
||||
<p style="white-space: pre-line;">
|
||||
Use the shop and even add custom items!
|
||||
</p>
|
||||
|
||||
<b>Features: </b>
|
||||
<ul>
|
||||
<li>
|
||||
Customizable Items
|
||||
</li>
|
||||
<li>
|
||||
Selling and Buying among server members
|
||||
</li>
|
||||
<li>
|
||||
Earning XP and currency through work and games!
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- </span> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="games" class="container pt-5">
|
||||
<div class="row pt-5">
|
||||
<div class="col pt-5">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/adb98105f825c4f9f75681c4ac513c72f184ea37/assets/tmonitor.png?raw=true" class="ps-lg-5 ps-sm-5" style="position: absolute; margin-top: 50px; scale: 1.5;">
|
||||
|
||||
<div id="gamescarousel" class="carousel slide p-md-0" data-bs-ride="carousel" style="width: 600px; height: 300px;">
|
||||
<div class="carousel-inner" style="background-color: #36393f; height: 300px; border-style: none;">
|
||||
<div class="carousel-item active">
|
||||
<div class="row">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/ttcplayed.jpeg?raw=true" alt="ttc1" class="d-block carousel-img col-sm-6" style="margin-top: 20px;">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/tttwon.jpeg?raw=true" alt="ttc2" class="d-block carousel-img col-sm-6" style="margin-top: 20px;">
|
||||
</div>
|
||||
<div id="animecarousel" class="carousel slide col-xxl-4 col-xl-4 col-lg-5 col-md-12" data-bs-ride="carousel" style="width: 650px; position: relative; margin: auto; height: 650px;">
|
||||
<div class="carousel-inner" style="background-color: #36393f; height: 650px;">
|
||||
<div class="carousel-item active" style="position: relative">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/Anime1.png?raw=true" alt="Shop1" class="d-block carousel-img">
|
||||
</div>
|
||||
|
||||
<div class="carousel-item" style="position: relative">
|
||||
<div class="row">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/trivia1.png?raw=true" alt="ttc1" class="d-block carousel-img" style="margin-top: 20px;">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/triviafail.png?raw=true" alt="ttc1" class="d-block carousel-img" style="scale: 0.8">
|
||||
</div>
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/Anime2.png?raw=true" alt="Shop2" class="d-block carousel-img" style="margin:auto; margin-top: 15px;">
|
||||
</div>
|
||||
|
||||
<div class="carousel-item" style="position: relative; text-align: center;">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/triviapass.png?raw=true" alt="ttc1" class="d-block carousel-img" style="margin: auto; margin-top: 20px;">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/Anime3.png?raw=true" alt="Shop2" class="d-block carousel-img" style="margin:auto; margin-top: 30px;">
|
||||
<!-- <h2 style="margin-top: 70px; color: white; font-family: Goudy Old Style;">Reach up to Rank 101!</h2> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#gamescarousel" data-bs-slide="prev">
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#animecarousel" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon"></span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#gamescarousel" data-bs-slide="next">
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#animecarousel" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- <div style="margin-top: 200px;"></div> -->
|
||||
|
||||
<span class="container desctext col-xl-1" style="width: 500px; background-color: rgba(243, 3, 3, 0.322); float: right; margin-top: 200px">
|
||||
<p style="white-space: pre-line;">
|
||||
Play games and win XP and Selmer Coins!
|
||||
</p>
|
||||
|
||||
<b>Features: </b>
|
||||
<ul>
|
||||
<li>
|
||||
Sever games
|
||||
</li>
|
||||
<li>
|
||||
Play by yourself or others
|
||||
</li>
|
||||
<li>
|
||||
Use the currency in the item shop!
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<b>Games: </b>
|
||||
<ul>
|
||||
<li>
|
||||
Trivia
|
||||
</li>
|
||||
<li>
|
||||
Tic Tac Toe
|
||||
</li>
|
||||
</ul>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="shop" class="container pt-5 pb-5">
|
||||
<div id="features" class="row pt-5">
|
||||
<div class="col-xl-6 col-lg-12 col-md-12 col-sm-12">
|
||||
<div id="shopcarousel" class="carousel slide" data-bs-ride="carousel" style="width: 500px; height: 300px;">
|
||||
<div class="carousel-inner" style="background-color: #36393f; height: 300px;">
|
||||
<div class="carousel-item active">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/shop1.png?raw=true" alt="Shop1" class="d-block carousel-img w-100">
|
||||
</div>
|
||||
|
||||
<div class="carousel-item">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/work.png?raw=true" alt="Work1" class="d-block carousel-img" style="margin:auto; margin-top: 15px;">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/balance.png?raw=true" alt="Balance1" class="d-block carousel-img" style="margin:auto">
|
||||
</div>
|
||||
|
||||
<div class="carousel-item" style="text-align: center;">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/rank.png?raw=true" alt="Rank1" class="d-block carousel-img w-100" style="margin:auto; margin-top: 30px;">
|
||||
<h2 style="margin-top: 70px; color: white; font-family: Goudy Old Style;">Reach up to Rank 101!</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#shopcarousel" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon"></span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#shopcarousel" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <span class="col" style="float: right"> -->
|
||||
<div class="desctext pt-1" style="width: 450px; height: 200px; background-color: rgba(243, 159, 3, 0.322);">
|
||||
<p style="white-space: pre-line;">
|
||||
Use the shop and even add custom items!
|
||||
</p>
|
||||
|
||||
<b>Features: </b>
|
||||
<ul>
|
||||
<li>
|
||||
Customizable Items
|
||||
</li>
|
||||
<li>
|
||||
Selling and Buying among server members
|
||||
</li>
|
||||
<li>
|
||||
Earning XP and currency through work and games!
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- </span> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="games" class="container pt-5">
|
||||
<div class="row pt-5">
|
||||
<div class="col pt-5">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/adb98105f825c4f9f75681c4ac513c72f184ea37/assets/tmonitor.png?raw=true" class="ps-lg-5 ps-sm-5" style="position: absolute; margin-top: 50px; scale: 1.5;">
|
||||
|
||||
<div id="gamescarousel" class="carousel slide p-md-0" data-bs-ride="carousel" style="width: 600px; height: 300px;">
|
||||
<div class="carousel-inner" style="background-color: #36393f; height: 300px; border-style: none;">
|
||||
<div class="carousel-item active">
|
||||
<div class="row">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/ttcplayed.jpeg?raw=true" alt="ttc1" class="d-block carousel-img col-sm-6" style="margin-top: 20px;">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/tttwon.jpeg?raw=true" alt="ttc2" class="d-block carousel-img col-sm-6" style="margin-top: 20px;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="carousel-item" style="position: relative">
|
||||
<div class="row">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/trivia1.png?raw=true" alt="ttc1" class="d-block carousel-img" style="margin-top: 20px;">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/triviafail.png?raw=true" alt="ttc1" class="d-block carousel-img" style="scale: 0.8">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="carousel-item" style="position: relative; text-align: center;">
|
||||
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/triviapass.png?raw=true" alt="ttc1" class="d-block carousel-img" style="margin: auto; margin-top: 20px;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#gamescarousel" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon"></span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#gamescarousel" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- <div style="margin-top: 200px;"></div> -->
|
||||
|
||||
<span class="container desctext col-xl-1" style="width: 500px; background-color: rgba(243, 3, 3, 0.322); float: right; margin-top: 200px">
|
||||
<p style="white-space: pre-line;">
|
||||
Play games and win XP and Selmer Coins!
|
||||
</p>
|
||||
|
||||
<b>Features: </b>
|
||||
<ul>
|
||||
<li>
|
||||
Sever games
|
||||
</li>
|
||||
<li>
|
||||
Play by yourself or others
|
||||
</li>
|
||||
<li>
|
||||
Use the currency in the item shop!
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<b>Games: </b>
|
||||
<ul>
|
||||
<li>
|
||||
Trivia
|
||||
</li>
|
||||
<li>
|
||||
Tic Tac Toe
|
||||
</li>
|
||||
</ul>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div style="margin-top: 500px;"></div> -->
|
||||
<!-- <img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/AI1.png?raw=true"> -->
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<!-- <script type="module" src="./main.js", type="application/json"></script> -->
|
||||
<footer class="footer-area">
|
||||
<!-- Footer -->
|
||||
<ul style="text-align: center;" class="row">
|
||||
<li style="display: inline; vertical-align: text-top;">
|
||||
<a href="https://github.com/ION606/selmerBot"><i class="fa fa-github" style="font-size:72px; color: #000000;" alt="Github Repository"></i></a>
|
||||
<span style="margin-left: 40px;"></span>
|
||||
<a href="https://discord.com/oauth2/authorize?client_id=944046902415093760&scope=applications.commands+bot&permissions=549755289087"><img src="https://cdn-icons-png.flaticon.com/512/5968/5968756.png" style="width: 72px; height: 72px; margin-bottom: 40px;" alt="Discord Invite Link"></a>
|
||||
</li>
|
||||
</ul>
|
||||
</footer>
|
||||
|
||||
<!-- <div style="margin-top: 500px;"></div> -->
|
||||
<!-- <img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/AI1.png?raw=true"> -->
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<!-- <script type="module" src="./main.js", type="application/json"></script> -->
|
||||
<!-- Footer -->
|
||||
<ul style="margin-top: 100px; text-align: center;" class="row">
|
||||
<li style="display: inline; vertical-align: text-top;">
|
||||
<a href="https://github.com/ION606/selmerBot"><i class="fa fa-github" style="font-size:72px; color: #000000;" alt="Github Repository"></i></a>
|
||||
<span style="margin-left: 40px;"></span>
|
||||
<a href="https://discord.com/oauth2/authorize?client_id=944046902415093760&scope=applications.commands+bot&permissions=549755289087"><img src="https://cdn-icons-png.flaticon.com/512/5968/5968756.png" style="width: 72px; height: 72px; margin-bottom: 40px;" alt="Discord Invite Link"></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user