Added a 'reminders' section to the premium page

This commit is contained in:
ION606
2022-08-16 14:43:55 -07:00
parent f3b78cc6f0
commit ed3e13a693
4 changed files with 52 additions and 1 deletions
+47
View File
@@ -293,6 +293,53 @@
</div>
<div id="REMINDER" class="row pb-5 mt-md-5 pt-5">
<div class="col-xxl-5 col-xl-6 col-lg-12 col-md-12 order-xl-last order-md-last order-sm-last">
<div class="container desctext" style="width: 500px; font-family: Lucida Console; background-color: rgba(0, 153, 255, 0.384);">
<p style="white-space: pre-line;">
<p>Have Selmer Bot remind you about your upcoming events!</p>
<b>Features: </b>
<ul>
<li>
Send reminders to yourself or your server!
</li>
<li>
Set the time, location, url, and more!
</li>
<li>
Choose the reminder channel and pingable role!
</li>
</ul>
</p>
</div>
</div>
<div id="remindercarousel" class="carousel slide col-xxl-4 col-xl-4 col-lg-5 col-md-12" data-bs-ride="carousel" style="width: 590px; position: relative; margin: auto; height: 400px;">
<div class="carousel-inner" style="background-color: #36393f; height: 400px;">
<div class="carousel-item active" style="position: relative">
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/REMINDER1.png?raw=true" alt="Rem1" class="d-block carousel-img" style="margin-top: 22px;">
</div>
<div class="carousel-item" style="position: relative">
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/REMINDER2.png?raw=true" alt="Rem2" class="d-block carousel-img" style="margin:auto;">
</div>
<div class="carousel-item" style="position: relative">
<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/REMINDER_FORM.png?raw=true" alt="Rem3" class="d-block carousel-img" style="margin:auto; scale:0.75">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#remindercarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#remindercarousel" data-bs-slide="next">
<span class="carousel-control-next-icon"></span>
</button>
</div>
</div>
<div class="row pt-5" style="margin-top: 70px; margin-bottom: 0px;"><h1 style="font-size: 50px;">GET THE PREMIUM MONTHLY PLAN</h1></div>
<div id="paymentbuttons" class="row pt-5 pb-5">