Skip to content
This repository was archived by the owner on Apr 23, 2025. It is now read-only.
Open

v3 #2

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
112 changes: 38 additions & 74 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -13,29 +13,32 @@
<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:url" content="https://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">
<div class="container"> <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse" data-target="#navbar13" aria-expanded="true" style="">
<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="#bots">Bots</a> </li>
<li class="nav-item"> <a class="nav-link" href="#team">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="#about">About</a> </li>
<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="https://slbots.tk/#donate">Donate</a> </li>
<li class="nav-item"> <a class="nav-link" href="https://slbots.tk/#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"> <a class="nav-link" href="https://t.me/SLBotsOfficial" target="_blank">
<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">
Expand All @@ -58,7 +61,7 @@
</div>
</nav>
<section id="home">
<div class="py-5 text-center parallax cover" style="background-image: url(&quot;./assets/img/bg.jpg&quot;); position: relative; background-position: 50% calc(50% + 0px); background-size: cover;">
<div class="py-5 text-center parallax cover" style=" background-image: url(&quot;./assets/img/bg.jpg&quot;); position: relative; background-position: top left; background-size: cover; background-repeat: repeat;">
<div class="container d-flex flex-column">
<div class="row my-auto">
<div class="col-md-12 text-white">
Expand Down Expand Up @@ -105,88 +108,49 @@ <h4> <b>Like Bot</b> </h4>
</center>
</div>
</section>
<section id="team">
<div class="py-5 text-center text-white" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url(https://static.pingendo.com/cover-bubble-dark.svg); background-position: center center, center center; background-size: cover, cover; background-repeat: repeat, repeat;">
<div class="container">
<div class="row">
<div class="mx-auto col-md-12">
<h2 class="mb-3"><b>Our Team </b></h2>
</div>
<section id="team"></section>
<div class="py-5 text-center align-items-center d-flex" style=" background-image: url(pages/team/assets/img/team.jpg); background-size: 100%; background-position: top left; background-repeat: repeat;">
<div class="container py-5">
<div class="row">
<div class="col-md-8 mx-auto"> <i class="d-block fa mb-3 text-muted fa-5x fa-users"></i>
<h1 class="display-3 mb-4"><b>Our Team</b></h1>
<p class="lead mb-5"><b>SL Bots was founded in 2021 by Tharuk Renuja. We care about quality, inspirational &amp; newer bots creating for Telegram. We're active contributors to open source bots.</b></p> <a href="pages/team/team.html" class="btn btn-lg btn-primary mx-1">Browse Our Team</a>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="assets/img/tharukrenuja.jpg" alt="Card image cap" width="200" herf="t.me/TharukRenuja">
<h4> <b>Tharuk Renuja</b> </h4>
<p class="mb-0">CEO and founder</p>
</div>
<div class="col-lg-4 col-md-6 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="assets/img/matheesha.jpg" alt="Card image cap" width="200" herf="t.me/SL_BOTS_TM">
<h4> <b>G.P.Matheesha</b> </h4>
<p class="mb-0">Co-founder</p>
</div>
<div class="col-lg-4 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="assets/img/darkforce.jpg" width="200" herf="t.me/darkforce_op">
<h4> <b>Pavira Lomith</b> </h4>
<p class="mb-0">Admin</p>
</div>
<div class="col-lg-4 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="assets/img/senith.jpg" width="200" herf="t.me/SenithChandul">
<h4> <b>Senith Chandul</b> </h4>
<p class="mb-0">Admin</p>
</div>
<div class="col-lg-4 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="assets/img/mihin.jpg" width="200" herf="t.me/MihinMT">
<h4> <b>Minin Mathsilu</b> </h4>
<p class="mb-0">Admin</p>
</div>
<div class="col-lg-4 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="assets/img/fakesmile.jpg" width="200" herf="t.me/Fake_Smile_XD">
<h4> <b>Dulshan</b> </h4>
<p class="mb-0">Admin</p>
</div>
<div class="col-lg-4 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="assets/img/evilblack.jpg" width="200" herf="t.me/Evli_BLACK">
<h4> <b>Evil Black</b> </h4>
<p class="mb-0">Admin</p>
</div>
<div class="col-lg-4 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="assets/img/kushan.png" width="200" herf="t.me/kushan_madushika">
<h4> <b>Kushan Madushanka</b> </h4>
<p class="mb-0">Admin</p>
</div>
<div class="col-lg-4 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="assets/img/sakya.jpg" width="200" herf="t.me/SakyaDeSilva">
<h4> <b>Sakya De Silva</b> </h4>
<p class="mb-0">Admin</p>
</div>
<div class="col-lg-4 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="assets/img/phy6.jpg" width="200" herf="t.me/phy_6_lover">
<h4> <b>Physics Lover</b> </h4>
<p class="mb-0">Admin</p>
</div>
<div class="col-lg-4 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="assets/img/ankit.jpg" width="200" herf="t.me/Danav_ankit_xd">
<h4> <b>Aman Upadhyay</b> </h4>
<p class="mb-0">Admin</p>
</div>
<div class="col-lg-4 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="assets/img/dexter.jpg" width="200" herf="t.me/DEXTER_nvrDie">
<h4> <b>Minidu Anuhas</b> </h4>
<p class="mb-0">Admin</p>
</div>
</div>
</div>
</div>
<div class="py-5 text-center" style="background-image: url('https://static.pingendo.com/cover-bubble-dark.svg');background-size:cover;">
<div class="container">
<div class="row">
<div class="bg-white p-5 mx-auto col-md-8 col-10">
<h3 class="display-3">Apply</h3>
<p class="mb-3 lead">You can Apply to our team</p>
<p class="mb-4">You Must need to Complete our&nbsp;Requirements &amp; Agree to Terms. For More Details visit "Apply" page.</p> <a class="btn btn-outline-primary" href="pages/apply/apply.html">Read more</a>
</div>
</div>
</div>
</section>
</div>
<section id="donate">
<div class="py-5 text-center" style=" background-image: url(&quot;https://bit.ly/3rvTROH&quot;); background-position: top left; background-size: 100%; background-repeat: repeat;">
<div class="container">
<div class="row" style=" background-image: url(https://bit.ly/3IcykBu); background-position: top left; background-size: 100%; background-repeat: repeat;">
<div class="mx-auto col-lg-6 col-10" style=" background-image: url(https://bit.ly/3IcykBu); background-position: top left; background-size: 100%; background-repeat: repeat;">
<h1>Donate</h1>
<p class="mb-3">You can donate us VPS, RDP for host bots. We don't need money. We're doing this for joy &amp; help to others. If can please donate to us</p>
<form name="donate" netlify="">
<div class="form-group" netlify=""> <label for="form16">Your Name</label> <input type="text" class="form-control" id="form16" placeholder="Tharuk Renuja"> </div>
<div class="form-group" netlify=""> <label for="form17">Your Donate</label> <input type="text" class="form-control" id="form17" placeholder="RDP"> </div>
<div class="form-group" netlify=""> <label for="form18">Your email</label> <input type="email" class="form-control" id="form18" placeholder="slbotsofficial@protonmail.com"> </div>
<div class="form-group" netlify="">
<div class="form-check" netlify=""> <input class="form-check-input" type="checkbox" id="form21" value="on"> <label class="form-check-label" for="form21">I would like donate this team for more better creations. <a href="https://t.me/TharukRenuja/10">Term and Conditions</a> </label> </div>
<form name="donate" data-netlify="true" method="POST">
<div class="form-group"> <label for="form16">Your Name</label> <input type="text" class="form-control" id="form16" placeholder="Tharuk Renuja"> </div>
<div class="form-group"> <label for="form17">Your Donate</label> <input type="text" class="form-control" id="form17" placeholder="RDP"> </div>
<div class="form-group"> <label for="form18">Your email</label> <input type="email" class="form-control" id="form18" placeholder="slbotsofficial@protonmail.com"> </div>
<div class="form-group">
<div class="form-check"> <input class="form-check-input" type="checkbox" id="form21" value="on"> <label class="form-check-label" for="form21">I would like donate this team for more better creations. <a href="https://t.me/TharukRenuja/10">Term and Conditions</a> </label> </div>
</div> <button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</div>
</div>
</section>
<section id="about">
<section id="footer">
<div class="py-3" style="">
<div class="container">
<div class="row">
Expand Down Expand Up @@ -231,7 +195,7 @@ <h5> <b>Follow us</b> </h5>
<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>
<script style="">
$(document).ready(function() {
$('[data-toggle="popover"]').popover();
$('[data-toggle="tooltip"]').tooltip();
Expand Down
Loading