A League of Legends card game bot! [Currently in Beta]

League Bot

<!DOCTYPE html>
<html>



<title>League Bot Description</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
body, html {
  height: 100%;
  color: #777;
  line-height: 1.8;
}

/* Create a Parallax Effect */
.bgimg-1, .bgimg-2, .bgimg-3 {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* First image (Logo. Full height) */
.bgimg-1 {
  background-image: url('https://ddragon.leagueoflegends.com/cdn/img/champion/splash/Kayn_0.jpg');
  min-height: 100%;
}

/* Second image (Commands) */
.bgimg-2 {
  background-image: url("http://www.lol-wallpapers.com/wp-content/uploads/2016/12/Season-Update-Banner-Art.jpg");
  min-height: 400px;
}

/* Third image (Contact) */
.bgimg-3 {
  background-image: url("https://discordapp.com/assets/ba74954dde74ff40a32ff58069e78c36.png");
  min-height: 400px;
}

.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1600px) {
  .bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: scroll;
    min-height: 400px;
  }
}
</style>
<body>


<div class="bgimg-1 w3-display-container w3-opacity-min" id="home">
  <div class="w3-display-middle" style="white-space:nowrap;">
    <span class="w3-center w3-padding-large w3-black w3-xlarge w3-wide w3-animate-opacity"><span class="w3-hide-small">League</span> Bot</span>
  </div>
</div>


<div class="w3-content w3-container w3-padding-64" id="about">
  <h3 class="w3-center">ABOUT</h3>
  <p class="w3-center"><em>League of Legends Card Game</em></p>
  <p>This bot will feature all in-game characters and skins for you to collect, level, and duel among others to show your superiority and expertise in the bot's dueling system.
	The bot is free-to-play and all characters and skins are obtainable solely through interacting with the bot. This bot is currently in alpha and many features and content are
	planned in the future updates. Due to it being in alpha stage expect frequent downtime as many things are being patched, added and tested constantly. That being said, do use
	the suggest command in the bot to send suggestions and requests directly to the developer!</p>
  <p class="w3-large w3-center w3-padding-16">Current Bot Progress [Towards Final Release]</p>
  <p class="w3-wide"><i class="fa fa-laptop"></i>Progress</p>
  <div class="w3-light-grey">
    <div class="w3-container w3-padding-small w3-dark-grey w3-center" style="width:15%">15%</div>
  </div>
</div>


<div class="bgimg-2 w3-display-container w3-opacity-min">
  <div class="w3-display-middle">
    <span class="w3-xxlarge w3-text-white w3-wide">COMMANDS</span>
  </div>
</div>


<div class="w3-content w3-container w3-padding-64" id="commands">
  <h3 class="w3-center">BASIC COMMANDS</h3>
  <p class="w3-center"><em>Here are some of the basic commands that you would need to get started.</em></p><br>

  
  <div class="w3-row-padding w3-center">
    <div class="w3-col m3">
      <p class="w3-hover-opacity"><em>Receive</em></p>
    </div>

    <div class="w3-col m3">
      <p class="w3-hover-opacity"><em>Redeem</em></p>
    </div>

    <div class="w3-col m3">
      <p class="w3-hover-opacity"><em>Select</em></p>
    </div>

    <div class="w3-col m3">
      <p class="w3-hover-opacity"><em>Help</em></p>
    </div>
  </div>
</div>


<div class="bgimg-3 w3-display-container w3-opacity-min">
  <div class="w3-display-middle">
     <span class="w3-xxlarge w3-text-white w3-wide">CONTACT</span>
  </div>
</div>


<div class="w3-content w3-container w3-padding-64" id="contact">
  <h3 class="w3-center">CONTACT ME</h3>
  <p class="w3-center"><em>I'd love your feedback!</em></p>

  <div class="w3-row w3-padding-32 w3-section">
    <div class="w3-col m4 w3-container">
      <img src="https://pm1.narvii.com/6919/8beca77c10bb36006feea5fb564722621025048dr1-500-393v2_hq.jpg" class="w3-image w3-round" style="width:100%">
    </div>
    <div class="w3-col m8 w3-panel">
      <div class="w3-large w3-margin-bottom">
        <i class="fa fa-envelope fa-fw w3-hover-text-black w3-xlarge w3-margin-right"></i> Email:<br> soraka.leaguebot@gmail.com<br>
      </div>
      <p>Swing by the server for a chat!</p>
		<a href="https://discord.gg/RVZS6Tn" class="w3-button w3-dark-grey">JOIN DISCORD</a>
    </div>
  </div>
</div>
 
<script>
// Used to toggle the menu on small screens when clicking on the menu button
function toggleFunction() {
    var x = document.getElementById("navDemo");
    if (x.className.indexOf("w3-show") == -1) {
        x.className += " w3-show";
    } else {
        x.className = x.className.replace(" w3-show", "");
    }
}
</script>

</body>
</html>

League Bot

Mời

Mời

Vote (0)

Mời

Mời

Vote (0)

Tổng quan

ABOUT

BASIC COMMANDS

CONTACT ME

Đánh giá & Nhận xét