Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

v4 #3

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

v4 #3

Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
473 changes: 104 additions & 369 deletions index.html

Large diffs are not rendered by default.

180 changes: 180 additions & 0 deletions pages/apply/apply.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,180 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.standalone.min.css">
<link rel="stylesheet" href="slbots.css" type="text/css">
<link rel="stylesheet" href="assets/css/nucleo-icons.css" type="text/css">
<script src="assets/js/navbar-ontop.js"></script>
<link rel="icon" href="https://telegra.ph/file/821b422f74fdf674277fa.jpg">
<title>SL Bots</title>
<meta name="description" content="The Official Bot Development &amp; Management of Sri Lanka">
<meta name="keywords" content="slbots, sl bots, sri lanka, trtechguide, tharukrenuja">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="http://www.slbots.tk/">
<meta property="og:image" content="https://telegra.ph/file/821b422f74fdf674277fa.jpg">
</head>

<body class="">
<nav class="navbar navbar-expand-md fixed-top navbar-dark bg-dark">
<div class="container"> <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse" data-target="#navbar13" aria-expanded="true">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse show" id="navbar13" style=""> <a class="navbar-brand d-none d-md-block" href="http://www.slbots.tk">
<i class="fa d-inline fa-lg fa fa-telegram"></i>
<b> SL BOTS OFFICIAL</b>
</a>
<ul class="navbar-nav mx-auto">
<li class="nav-item"> <a class="nav-link" href="https://slbots.tk">Home </a></li>
<li class="nav-item"> <a class="nav-link" href="https://slbots.tk/pages/bots/bots.html">Bots </a> </li>
<li>
</li>
<li class="nav-item"> <a class="nav-link" href="https://slbots.tk/pages/team/team.html">Team</a> </li>
<li class="nav-item"> <a class="nav-link" href="#donate">Donate</a> </li>
<li class="nav-item"> <a class="nav-link" href="#footer">About</a> </li>
<li class="nav-item"> <a class="nav-link" href="https://slbots.tk/pages/apply/apply.html">Apply</a> </li>
</ul>
<ul class="navbar-nav">
<li class="nav-item" style=""> <a class="nav-link" href="https://t.me/SLBotsOfficial" target="_blank">
<i class="fa fa-telegram fa-fw"></i>
</a> </li>
<li class="nav-item"> <a class="nav-link" href="https://twitter.com/TRenuja" target="_blank">
<i class="fa fa-twitter fa-fw"></i>
</a> </li>
<li class="nav-item"> <a class="nav-link" href="https://facebook.com/slbotsofficial" target="_blank">
<i class="fa fa-facebook fa-fw"></i>
</a> </li>
<li class="nav-item"> <a class="nav-link" href="https://youtube.com/channel/UCoqH50psZdxpiSMIFZi6OFQ" target="_blank">
<i class="fa fa-youtube fa-fw"></i>
</a> </li>
<li class="nav-item"> <a class="nav-link" href="instagram.com/imtharuk" target="_blank">
<i class="fa fa-instagram fa-fw"></i>
</a> </li>
<li class="nav-item"> <a class="nav-link" href="https://github.com/sl-bots" target="_blank">
<i class="fa fa-github fa-fw"></i>
</a> </li>
</ul>
</div>
</div>
</nav>
<div class="py-5" style=" background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); background-position: top left; background-size: 100%; background-repeat: repeat;">
<div class="container">
<div class="row">
<div class="col-md-12"></div>
</div>
</div>
</div>
<div class="py-3" style=" background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.8)); background-position: top left; background-size: 100%; background-repeat: repeat;">
<div class="container">
<div class="row"></div>
<div class="row">
<div class="col-md-5 p-4">
<h3 style="">Requirements</h3>
<ul class="list-group list-group-flush">
<li class="list-group-item"><i class="fa fa-cloud text-primary mr-2"></i>Must Be a Knowledge of Python</li>
<li class="list-group-item"><i class="fa fa-bookmark text-primary mr-2"></i> Elder than 15 years</li>
<li class="list-group-item"><i class="fa fa-bell text-primary mr-2"></i> Knowledge about Web Development</li>
<li class="list-group-item"><i class="fa fa-life-ring text-primary mr-2"></i> Need to collab when admins are asking</li>
<li class="list-group-item"><i class="fa fa-paper-plane text-primary mr-2"></i> Must Be Bot Dev on Telegram</li>
</ul>
<p class="lead mt-3"> <b>Support</b> </p>
<p> <a href="#">[email protected]</a> </p>
</div>
<div class="col-md-7 p-4">
<h3 class="mb-3">Application Form</h3>
<form data-netlify="true" method="POST">
<div class="form-row">
<div class="form-group col-md-6"> <input type="text" class="form-control" id="form36" placeholder="First Name"> </div>
<div class="form-group col-md-6"> <input type="text" class="form-control" id="form37" placeholder="Last Name"> </div>
</div>
<div class="form-group"> <input type="text" class="form-control" id="form38" placeholder="Telegram Username"> </div>
<div class="form-group"> <input type="email" class="form-control" id="form39" placeholder="Email"> </div>
<div class="form-row">
<div class="form-group col-md-6"> <input type="number" class="form-control" id="form40" placeholder="Phone (optional)"> </div>
<div class="form-group col-md-6"> <input type="text" class="form-control" id="form41" placeholder="Country"> </div>
</div>
<div class="form-group"> <input type="text" class="form-control" id="form42" placeholder="Skills"> </div>
<div class="form-group"> <textarea class="form-control" id="form43" rows="3" placeholder="Others"></textarea> </div> <button type="submit" class="btn btn-primary">Send</button>
</form>
</div>
</div>
</div>
</div>
<section id="about">
<div class="py-3" style="">
<div class="container">
<div class="row">
<div class="col-lg-3 col-6 p-3">
<h5> <b>Main</b> </h5>
<ul class="list-unstyled">
<li> <a href="#home">Home</a> </li>
<li> <a href="#bots">Bots</a> </li>
<li> <a href="#team">Team</a> </li>
</ul>
</div>
<div class="col-lg-3 col-6 p-3">
<h5> <b>Others</b> </h5>
<ul class="list-unstyled">
<li> <a href="https://t.me/SLBotsOfficial">Channel</a> </li>
<li> <a href="https://t.me/trtechguide">Group</a> </li>
<li> <a href="https://t.me/TharukRenuja">Owner</a> </li>
</ul>
</div>
<div class="col-lg-3 col-md-6 p-3">
<h5> <b>About</b> </h5>
<p class="mb-0"> The Official Bot Development &amp; Management of Sri Lanka</p>
</div>
<div class="col-lg-3 col-md-6 p-3">
<h5> <b>Follow us</b> </h5>
<div class="row">
<div class="col-md-12 d-flex align-items-center justify-content-between my-2">
<a href="https://facebook.com/slbotsofficial">
<i class="d-block fa fa-facebook-official text-muted fa-lg mr-2"></i>
</a> <a href="https://t.me/SLBotsOfficial">
<i class="d-block fa fa-telegram text-muted fa-lg mx-2"></i>
</a> <a href="https://github.com/SL-bots">
<i class="d-block fa fa-github text-muted fa-lg mx-2"></i>
</a> <a href="https://youtube.com/channel/UCoqH50psZdxpiSMIFZi6OFQ">
<i class="d-block fa fa-youtube text-muted fa-lg mx-2"></i>
</a> <a href="https://twitter.com/TRenuja">
<i class="d-block fa fa-twitter text-muted fa-lg mx-2"></i>
</a>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" crossorigin="anonymous" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"></script>
<script src="assets/js/parallax.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.js"></script>
<script>
$(document).ready(function() {
$('[data-toggle="popover"]').popover();
$('[data-toggle="tooltip"]').tooltip();
$('#datepicker-example').datepicker({
calendarWeeks: true,
autoclose: true,
todayHighlight: true
});
});
</script>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="py-3">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<p class="mb-0">© 2021 SL Bots. All rights reserved</p>
</div>
</div>
</div>
</div>
</body>

</html>
Loading