modified: templates/landing.html
This commit is contained in:
SimolZimol
@@ -5,32 +5,97 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Welcome to Multus Bot</title>
|
<title>Welcome to Multus Bot</title>
|
||||||
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
|
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
background-color: #f7f7f7;
|
||||||
|
}
|
||||||
|
.hero {
|
||||||
|
background-image: url('https://source.unsplash.com/1600x900/?technology,ai');
|
||||||
|
background-size: cover;
|
||||||
|
color: white;
|
||||||
|
padding: 100px 0;
|
||||||
|
text-align: center;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.hero-overlay {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
||||||
|
.hero-content {
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
.feature-section {
|
||||||
|
padding: 50px 0;
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
background-color: #343a40;
|
||||||
|
color: white;
|
||||||
|
padding: 20px 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
|
||||||
<a class="navbar-brand" href="#">Multus Bot</a>
|
{% include 'navbar.html' %}
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
||||||
<span class="navbar-toggler-icon"></span>
|
<section class="hero">
|
||||||
</button>
|
<div class="hero-overlay"></div>
|
||||||
<div class="collapse navbar-collapse" id="navbarNav">
|
<div class="container hero-content">
|
||||||
<ul class="navbar-nav ml-auto">
|
<h1 class="display-4">Welcome to Multus Bot</h1>
|
||||||
<li class="nav-item">
|
<p class="lead">The AI-powered Discord bot that helps manage your server with advanced tools and intelligent automation.</p>
|
||||||
{% include 'navbar.html' %}
|
<a href="{{ url_for('login') }}" class="btn btn-primary btn-lg">Get Started</a>
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</section>
|
||||||
|
|
||||||
<div class="container mt-5 text-center">
|
<section class="feature-section">
|
||||||
<h1>Welcome to Multus Bot</h1>
|
|
||||||
<p class="lead">Your friendly AI-powered Discord bot, designed by SimolZimol.</p>
|
|
||||||
<p>Use this bot to manage your Discord server with ease and integrate advanced AI-powered commands.</p>
|
|
||||||
<a href="{{ url_for('login') }}" class="btn btn-primary btn-lg">Login with Discord</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<footer class="footer mt-5 py-3 bg-dark text-light text-center">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<span>© 2024 Multus Bot by SimolZimol</span>
|
<div class="row text-center">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<img src="https://source.unsplash.com/100x100/?automation,robot" alt="Automation" class="img-fluid mb-3">
|
||||||
|
<h3>Advanced AI Automation</h3>
|
||||||
|
<p>Multus Bot automates repetitive tasks and manages your server effortlessly, so you can focus on what matters most.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<img src="https://source.unsplash.com/100x100/?chat,bot" alt="Chat Assistance" class="img-fluid mb-3">
|
||||||
|
<h3>Smart Chat Assistance</h3>
|
||||||
|
<p>Using powerful AI, Multus Bot can assist with chat moderation, user queries, and provide useful information.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<img src="https://source.unsplash.com/100x100/?data,analytics" alt="Server Analytics" class="img-fluid mb-3">
|
||||||
|
<h3>Detailed Server Insights</h3>
|
||||||
|
<p>Gain access to detailed analytics and user engagement metrics to keep your server thriving and well-managed.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="bg-light py-5">
|
||||||
|
<div class="container">
|
||||||
|
<div class="text-center">
|
||||||
|
<h2>Exclusively Available on Ludi et Historia</h2>
|
||||||
|
<p class="lead">Currently, Multus Bot is available only for the <strong>Ludi et Historia</strong> Discord server. We are working to bring it to more communities soon.</p>
|
||||||
|
<p>If you're part of Ludi et Historia, start using Multus Bot now!</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="bg-dark text-white py-5">
|
||||||
|
<div class="container text-center">
|
||||||
|
<h2>Need Assistance?</h2>
|
||||||
|
<p>For any help or questions, reach out to <strong>@simolzimol</strong> on Discord. We're here to help!</p>
|
||||||
|
<a href="https://discordapp.com/users/@simolzimol" class="btn btn-light">Contact SimolZimol</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<p>© 2024 Multus Bot | Built by SimolZimol | Exclusively on Ludi et Historia</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user