662 lines
30 KiB
HTML
662 lines
30 KiB
HTML
<!doctype html>
|
|
<html lang="en" style="zoom: 85%;">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<!-- 🪐 - Description (For SEO) - 🪐 -->
|
|
<!---------------------------------------------------------------------->
|
|
<meta name="description" content="LunaMC Network, A place to come relax and hang out!">
|
|
<!---------------------------------------------------------------------->
|
|
<!-- 🪐 - Description (For SEO) - 🪐 -->
|
|
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
|
|
<script src="https://kit.fontawesome.com/24b38c7cb1.js" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
|
|
<!-- For the Player Count -->
|
|
<script src="https://cdn.jsdelivr.net/gh/leonardosnt/mc-player-counter/dist/mc-player-counter.min.js"></script>
|
|
<!-- Credits: https://github.com/leonardosnt/mc-player-counter -->
|
|
|
|
<!-- 🪐 - FavIcon - 🪐 -->
|
|
<!---------------------------------------------------------------------->
|
|
<link rel="shortcut icon" href="favicon.ico"/>
|
|
<!---------------------------------------------------------------------->
|
|
<!-- 🪐 - FavIcon - 🪐 -->
|
|
|
|
|
|
<!-- 🪐 - Website Title - 🪐 -->
|
|
<!---------------------------------------------------------------------->
|
|
<title class='webistetitle'>LunaMC Network</title>
|
|
<!---------------------------------------------------------------------->
|
|
<!-- 🪐 - Website Title - 🪐 -->
|
|
|
|
</head>
|
|
<body>
|
|
<!-- Navigation -->
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
|
|
<div class="container">
|
|
|
|
<!-- 🪐 - Website Logo - 🪐 -->
|
|
<!---------------------------------------------------------------------->
|
|
<a href="index.html"><img src="img/serverlogo.png" style="width: 50px; padding-right: 10px;"></a>
|
|
<!---------------------------------------------------------------------->
|
|
<!-- 🪐 - Website Logo - 🪐 -->
|
|
|
|
<!-- 🪐 - Navigation Name - 🪐 -->
|
|
<!---------------------------------------------------------------------->
|
|
<a class="navbar-brand" href="index.html">LunaMC Network</a>
|
|
<!---------------------------------------------------------------------->
|
|
<!-- 🪐 - Navigation Name - 🪐 -->
|
|
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
<ul class="navbar-nav ml-auto">
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="index.html">Home
|
|
<span class="sr-only">(current)</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="http://store.lunamc.vip">Store</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="subpages/webmap.html">Dynmap</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="subpages/rules.html">Rules</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="https://forum.lunamc.vip">Forums</a>
|
|
</li>
|
|
<!--
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
About Us
|
|
</a>
|
|
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
|
<a class="dropdown-item" href="#">Minigames</a>
|
|
<a class="dropdown-item" href="#">Vote</a>
|
|
<!-- Other Page:
|
|
<a class="dropdown-item" href="#">OtherPage</a>
|
|
-->
|
|
<!--
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item" href="#">Contact</a>
|
|
</div>
|
|
</li>
|
|
-->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- Top Navigation End -->
|
|
|
|
<!-- Carousel Images Starts here (Inside the "header" tag) -->
|
|
<header>
|
|
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
|
|
<ol class="carousel-indicators">
|
|
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
|
|
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
|
|
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
|
|
</ol>
|
|
<div class="carousel-inner" role="listbox">
|
|
<!-- Slide One - Set the background image for this slide in the line below -->
|
|
<div class="carousel-item active" style="background-image: url(img/slide1.png)">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
<h3 class="display-4">The Adventure Starts Here</h3>
|
|
<p class="lead">Everything that you can call home</p>
|
|
</div>
|
|
</div>
|
|
<!-- Slide Two - Set the background image for this slide in the line below -->
|
|
<div class="carousel-item" style="background-image: url(img/slide2.png)">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
<h3 class="display-4">Build whatever you wish</h3>
|
|
<p class="lead">Let's your imagination fly. <br>The Sky is the limit!</p>
|
|
</div>
|
|
</div>
|
|
<!-- Slide Three - Set the background image for this slide in the line below -->
|
|
<div class="carousel-item" style="background-image: url(img/slide3.png)">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
<h3 class="display-4">Join in our Community</h3>
|
|
<p class="lead">We're a Friendly Community! Let's play together!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
</div>
|
|
</header>
|
|
<!-- Carousel Ends here -->
|
|
<!-- Main Features Title -->
|
|
<section class="py-5" style="margin-top: 1rem;">
|
|
<div class="container">
|
|
<h4 class="display-4">Why the LunaMC Network?</h4>
|
|
<p class="lead">The best server ever! The community is great!</p>
|
|
</div>
|
|
</section>
|
|
<!-- Main Features -->
|
|
<section id="whythegrass">
|
|
<div class="container">
|
|
<div class="row textgray center">
|
|
<div class="feature-box col-lg-4">
|
|
<i class="fas fa-memory fa-4x main-f-color" style="margin-top: 5%; box-shadow: none;"></i>
|
|
<h3 class="textblack">Super Fast</h3>
|
|
<p class="descbox textgray">We are locally, meaning no monthly bills that threaten the existence of the server! Upgrades are permanent and increase performance permanently.</p>
|
|
</div>
|
|
<div class="feature-box col-lg-4">
|
|
<i class="fas fa-rocket fa-4x main-f-color" style="margin-top: 5%; box-shadow: none;"></i>
|
|
<h3 class="textblack">Great Connection</h3>
|
|
<p class="descbox textgray">Situated on the NA-East region of the world, the server is most optimally placed for access by both the East and West! This provides relatively low latency for most of our players!</p>
|
|
</div>
|
|
<div class="feature-box col-lg-4">
|
|
<i class="fas fa-heart fa-4x main-f-color" style="margin-top: 5%; box-shadow: none;"></i>
|
|
<h3 class="textblack">Guaranteed fun.</h3>
|
|
<p class="descbox textgray">We strive to create the best community possible by offering many other services like a forum, Discord server, and much more!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- News Section Title -->
|
|
<section class="py-5" style="margin-top: 1rem;">
|
|
<div class="container">
|
|
<h4 class="display-4">News</h4>
|
|
<p class="lead">News coming out of the oven!</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- News Section -->
|
|
<section>
|
|
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<!-- New News item -->
|
|
<div class="carousel-item active">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col left col-sm-12 col-lg-6">
|
|
<img src="img/ram.jfif" alt="ram" srcset="" class="img-news">
|
|
</div>
|
|
<div class="col left col-sm-12 col-lg-6">
|
|
<!-- News Title -->
|
|
<h4>
|
|
Server Upgrade on its way!
|
|
</h4>
|
|
<!-- News content -->
|
|
<p>
|
|
In the next few months, the server will be getting a much needed upgrade, allowing us to add many more game modes such as bedwars, skywars, duels, skyblock, and maybe even cross-platform servers!
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="py-5" style="margin-top: 1rem;">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12 col-sm-12">
|
|
<h4 class="display-4">Features</h4>
|
|
<p class="lead">Some features of our Server!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Features Section -->
|
|
<section>
|
|
<div class="container">
|
|
<div class="row center container" style="margin-right: 0px; margin-left: 0px;">
|
|
<!-- Item starts -->
|
|
<div class="textblack main-f-color featureboxes col-sm-12 col-md-4">
|
|
<img class="img-featureboxes" src="img/features1.png" alt="" srcset="" style="padding-top: 10px;">
|
|
<h5 class="textblack">Great Economy</h5>
|
|
<p class="textblack">
|
|
Our economy is very balanced! It is based off of the diamond.
|
|
<br>
|
|
Players are able to create shops at the shopping district after paying a plot fee.
|
|
</p>
|
|
</div>
|
|
<!-- Item Ends -->
|
|
<!-- Item starts -->
|
|
<div class="textblack main-f-color featureboxes col-sm-12 col-md-4">
|
|
<img class="img-featureboxes" src="img/features2.png" alt="" srcset="" style="padding-top: 10px;">
|
|
<h5 class="textblack">City & Country System</h5>
|
|
<p class="textblack">
|
|
Join or create your own city! Cities can join together to form whole coutries!
|
|
</p>
|
|
</div>
|
|
<!-- Item Ends -->
|
|
<div class="textblack main-f-color featureboxes col-sm-12 col-md-4">
|
|
<img class="img-featureboxes" src="img/features3.png" alt="" srcset="" style="padding-top: 10px;">
|
|
<h5 class="textblack">Friendly PVP</h5>
|
|
<p class="textblack">
|
|
LunaMC has a few PVP arenas to choose from!
|
|
<br>
|
|
Bring your friends and let's practice together!
|
|
<br>
|
|
Are you ready to show us your abilities?
|
|
</p>
|
|
</div>
|
|
<!-- Item Ends -->
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="py-5" style="margin-top: 1rem;">
|
|
<div class="container">
|
|
<h4 class="display-4">Listen to the players!</h4>
|
|
<p class="lead">We make it our goal to make sure that all players on our network are getting the best experience possible!</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Testemonials -->
|
|
<!--
|
|
<section id="testimonials" style="padding-bottom: 3rem; background-color: rgb(205,171,253);">
|
|
<!-- SRC= Use Player's username. E.g.: petter Example below-->
|
|
<!--
|
|
<img class="testemonial-image" src="https://minotar.net/helm/technoblade/100.png" alt="testemunialbyyoutuber">
|
|
<p class="textblack">Technoblade, A Famous Youtuber</p>
|
|
<h4 class="textblack"><i>"TheGrassBlock is the Server! There is no words how describe it."</h4>
|
|
<h4 class="textblack"><i>"It's simply awesome and recommended."</i></h4>
|
|
</section>
|
|
-->
|
|
<!-- Staff Cards Title -->
|
|
<section class="py-5" style="margin-top: 1rem;">
|
|
<div class="container">
|
|
<h4 class="display-4">Meet our team!</h4>
|
|
<p class="lead">Our Best Staff! You can always count on them!</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Staff Cards Cards -->
|
|
<section style="padding-bottom: 3rem;">
|
|
<div class="container">
|
|
<div class="card-deck">
|
|
<div class="row">
|
|
<!-- Start a Staff Card -->
|
|
<div class="col-sm-12 col-md-3 col-lg-3">
|
|
<div class="card border-uccess">
|
|
<div class="container">
|
|
<img class="card-img-top" src="https://minotar.net/armor/bust/3155e3a5e7754a46b068ffd50a8a54bd" alt="Card image cap">
|
|
</div>
|
|
<div class="card-body">
|
|
<h4 class="card-title">
|
|
<!--Staff Name-->
|
|
SteveO718
|
|
</h4>
|
|
<!-- On style="color: blueviolet;" you can change the color. Feel free to use Color codes such REX 👀!-->
|
|
<h5 class="card-title" style="color: blueviolet;">
|
|
<!-- Staff Role -->
|
|
[Owner]
|
|
</h5>
|
|
<h6 class="card-subtitle">aka Steve</h6>
|
|
<p class="card-text">
|
|
<!-- Staff Information -->
|
|
Steve is the LunaMC Network Founder.
|
|
He is the last remaining member of the original 4 who had the idea of Luna.
|
|
</p>
|
|
</div>
|
|
<div class="card-footer">
|
|
<small class="text-muted">
|
|
<!-- Staff Card Bottom -->
|
|
Joined in 2019
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Ends a Staff Card -->
|
|
<!-- Start a Staff Card -->
|
|
<div class="col-sm-12 col-md-3 col-lg-3">
|
|
<div class="card border">
|
|
<div class="container">
|
|
<img class="card-img-top" src="https://minotar.net/armor/bust/02c719222e3549108fe4df10028aedab" alt="Card image cap">
|
|
</div>
|
|
<div class="card-body">
|
|
<h4 class="card-title">
|
|
<!--Staff Name-->
|
|
5giwasmyname
|
|
</h4>
|
|
<!-- On style="color: blueviolet;" you can change the color. Feel free to use Color codes such REX 👀!-->
|
|
<h5 class="card-title" style="color: blueviolet;">
|
|
<!-- Staff Role -->
|
|
[Co-Owner]
|
|
</h5>
|
|
<h6 class="card-subtitle">aka 5gi</h6>
|
|
<p class="card-text">
|
|
<!-- Staff Information -->
|
|
5gi is the LunaMC Network Co-Owner.
|
|
He was brought on board by Steve as a very tech knowledgable person to help run the server.
|
|
</p>
|
|
</div>
|
|
<div class="card-footer">
|
|
<small class="text-muted">
|
|
<!-- Staff Card Bottom -->
|
|
Joined in 2019
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Ends a Staff Card -->
|
|
<!-- Start a Staff Card -->
|
|
<div class="col-sm-12 col-md-3 col-lg-3">
|
|
<div class="card border">
|
|
<div class="container">
|
|
<img class="card-img-top" src="https://minotar.net/armor/bust/2ba9e21c3267479d83b3710d60ffd297" alt="Card image cap">
|
|
</div>
|
|
<div class="card-body">
|
|
<h4 class="card-title">
|
|
<!--Staff Name-->
|
|
NoneTheBumb
|
|
</h4>
|
|
<!-- On style="color: ;" you can change the color. Feel free to use Color codes such REX 👀!-->
|
|
<h5 class="card-title" style="color: rgb(214, 43, 0);">
|
|
<!-- Staff Role -->
|
|
[Admin Bumb]
|
|
</h5>
|
|
<h6 class="card-subtitle">aka None</h6>
|
|
<p class="card-text">
|
|
<!-- Staff Information -->
|
|
None is our first server Admin.
|
|
He has been the life of the server, bringing humor and enjoyment to the core of our team!
|
|
</p>
|
|
</div>
|
|
<div class="card-footer">
|
|
<small class="text-muted">
|
|
<!-- Staff Card Bottom -->
|
|
Joined in 2019
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Ends a Staff Card -->
|
|
<!-- Start a Staff Card -->
|
|
<div class="col-sm-12 col-md-3 col-lg-3">
|
|
<div class="card border">
|
|
<div class="container">
|
|
<img class="card-img-top" src="https://minotar.net/armor/bust/539edc5235bf41c8b1f1ccd6eccd6ce7" alt="Card image cap">
|
|
</div>
|
|
<div class="card-body">
|
|
<h4 class="card-title">
|
|
<!--Staff Name-->
|
|
adamr1711
|
|
</h4>
|
|
<!-- On style="color: ;" you can change the color. Feel free to use Color codes such REX 👀!-->
|
|
<h5 class="card-title" style="color: rgb(0, 0, 175);">
|
|
<!-- Staff Role -->
|
|
[Mod]
|
|
</h5>
|
|
<h6 class="card-subtitle">aka Adam</h6>
|
|
<p class="card-text">
|
|
<!-- Staff Information -->
|
|
Adam was our first Mod on the team.
|
|
He was one of the first people to join Steve on his journey to server ownership.
|
|
</p>
|
|
</div>
|
|
<div class="card-footer">
|
|
<small class="text-muted">
|
|
<!-- Staff Card Bottom -->
|
|
Joined on 2020
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Ends a Staff Card -->
|
|
<!-- Start a Staff Card -->
|
|
<div class="col-sm-12 col-md-3 col-lg-3">
|
|
<div class="card border">
|
|
<div class="container">
|
|
<img class="card-img-top" src="https://minotar.net/armor/bust/8932592785e64759a7016ddd1a8b020b" alt="Card image cap">
|
|
</div>
|
|
<div class="card-body">
|
|
<h4 class="card-title">
|
|
<!--Staff Name-->
|
|
JasonIsBored
|
|
</h4>
|
|
<!-- On style="color: ;" you can change the color. Feel free to use Color codes such REX 👀!-->
|
|
<h5 class="card-title" style="color: rgb(0, 0, 175);">
|
|
<!-- Staff Role -->
|
|
[Mod]
|
|
</h5>
|
|
<h6 class="card-subtitle">aka Jason</h6>
|
|
<p class="card-text">
|
|
<!-- Staff Information -->
|
|
Jason is one of the amazing builders on the server! He helped build the amazing city of Altalia and some of the server lobbies!
|
|
</p>
|
|
</div>
|
|
<div class="card-footer">
|
|
<small class="text-muted">
|
|
<!-- Staff Card Bottom -->
|
|
Joined in 2020
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Ends a Staff Card -->
|
|
<!-- Start a Staff Card -->
|
|
<!--
|
|
<div class="col-sm-12 col-md-3 col-lg-3">
|
|
<div class="card border">
|
|
<div class="container">
|
|
<img class="card-img-top" src="https://minotar.net/armor/bust/ee346be36d1d4e6cb357c6e3707bb783" alt="Card image cap">
|
|
</div>
|
|
<div class="card-body">
|
|
<h4 class="card-title">
|
|
<!--Staff Name-->
|
|
<!--
|
|
1Aurora1
|
|
</h4>
|
|
-->
|
|
<!-- On style="color: ;" you can change the color. Feel free to use Color codes such REX 👀!-->
|
|
<!--<h5 class="card-title" style="color: rgb(0, 0, 175);">
|
|
<!-- Staff Role -->
|
|
<!--
|
|
[Mod]
|
|
</h5>
|
|
<h6 class="card-subtitle">aka Aurora</h6>
|
|
<p class="card-text">
|
|
-->
|
|
<!-- Staff Information -->
|
|
<!--
|
|
Aurora is one of the other amazing builders, also contributing the the creation of Altalia and many of the server lobbies!
|
|
</p>
|
|
</div>
|
|
<div class="card-footer">
|
|
<small class="text-muted">
|
|
-->
|
|
<!-- Staff Card Bottom -->
|
|
<!--
|
|
Joined in 2020
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-->
|
|
<!-- Ends a Staff Card -->
|
|
<!-- Start a Staff Card -->
|
|
<div class="col-sm-12 col-md-3 col-lg-3">
|
|
<div class="card border">
|
|
<div class="container">
|
|
<img class="card-img-top" src="https://minotar.net/armor/bust/863dd4f8d9f347c19bb450e7d8f00d81" alt="Card image cap">
|
|
</div>
|
|
<div class="card-body">
|
|
<h4 class="card-title">
|
|
<!--Staff Name-->
|
|
RangerTheGamer
|
|
</h4>
|
|
<!-- On style="color: ;" you can change the color. Feel free to use Color codes such REX 👀!-->
|
|
<h5 class="card-title" style="color: rgb(17,164,5);">
|
|
<!-- Staff Role -->
|
|
[Helper]
|
|
</h5>
|
|
<h6 class="card-subtitle">aka Ranger</h6>
|
|
<p class="card-text">
|
|
<!-- Staff Information -->
|
|
Ranger is... well... Ranger!
|
|
We really aren't sure what he does, but he keeps out of trouble... for the most part.
|
|
</p>
|
|
</div>
|
|
<div class="card-footer">
|
|
<small class="text-muted">
|
|
<!-- Staff Card Bottom -->
|
|
Joined in 2020
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Ends a Staff Card -->
|
|
<!-- Start a Staff Card -->
|
|
<div class="col-sm-12 col-md-3 col-lg-3">
|
|
<div class="card border">
|
|
<div class="container">
|
|
<img class="card-img-top" src="https://minotar.net/armor/bust/d1cf428660b842ae986a9d2430eae952" alt="Card image cap">
|
|
</div>
|
|
<div class="card-body">
|
|
<h4 class="card-title">
|
|
<!--Staff Name-->
|
|
mookitty14
|
|
</h4>
|
|
<!-- On style="color: ;" you can change the color. Feel free to use Color codes such REX 👀!-->
|
|
<h5 class="card-title" style="color: rgb(17,164,5);">
|
|
<!-- Staff Role -->
|
|
[Helper]
|
|
</h5>
|
|
<h6 class="card-subtitle">aka Mookitty</h6>
|
|
<p style="font-size: 15px" class="card-text">
|
|
<!-- Staff Information -->
|
|
Mookitty is the newest member of our staff!
|
|
He gained this position after many hours of chugging chorus fruit during an event!
|
|
</p>
|
|
</div>
|
|
<div class="card-footer">
|
|
<small class="text-muted">
|
|
<!-- Staff Card Bottom -->
|
|
Joined in 2021
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Ends a Staff Card -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End Staff Cards Card Section-->
|
|
|
|
<!-- Footer -->
|
|
<footer class="page-footer font-small bg-dark pt-4">
|
|
<!-- Footer Elements -->
|
|
<div class="container">
|
|
<!--Grid row-->
|
|
<div class="row">
|
|
<!--Grid column-->
|
|
<div class="col-md-6 mb-4">
|
|
<h4 style="color: white;">LunaMC Network</h4>
|
|
<p class="textgray">
|
|
The best Minecraft Server since Hypixel!
|
|
<br>
|
|
Where the players enjoyment are the main priority!
|
|
<br>
|
|
Made from the ground up by normal players for normal players.
|
|
<br>
|
|
The server owner develops many plugins that are used on the server!
|
|
Luna was originally created to be a simple Survival Server, but now it has
|
|
plans to become a full fledged network with many different game types and a
|
|
full player based community!
|
|
</p>
|
|
</div>
|
|
<!--Grid column-->
|
|
<!--Grid column-->
|
|
<div class="col-md-6 mb-4">
|
|
<h4 style="color: white;">Connect with us!</h4><br>
|
|
<div class="row">
|
|
<!-- Discord icon -->
|
|
<div class="col-sm-12 col-md-3">
|
|
<a class="medias" href="https://discord.gg/cEqWB29c2a">
|
|
<i class="fab fa-discord fa-2x" style="color: #7289DA;"></i>
|
|
Discord
|
|
</a>
|
|
</div>
|
|
<!-- Youtube icon -->
|
|
<div class="col-sm-12 col-md-3">
|
|
<a class="medias" href="https://www.youtube.com/channel/UCpYrMLZVZiacp-dsVE3KuYw">
|
|
<i class="fab fa-youtube fa-2x" style="color: red;"></i>
|
|
Youtube
|
|
</a>
|
|
</div>
|
|
<!-- Twitter Icon -->
|
|
<div class="col-sm-12 col-md-3">
|
|
<a class="medias" href="https://twitter.com/LunaMC47542678">
|
|
<i class="fab fa-twitter fa-2x" style="color: #1DA1F2;"></i>
|
|
Twitter
|
|
</a>
|
|
</div>
|
|
<!-- TikTok Icon -->
|
|
<div class="col-sm-12 col-md-3">
|
|
<a class="medias" href="https://www.tiktok.com/@lunamcnetwork">
|
|
<img src="img/TikTok.png" width="30px" alt="TikTok Logo">
|
|
TikTok
|
|
</a>
|
|
</div>
|
|
<!-- TikTok Icon -->
|
|
<div class="col-sm-12 col-md-3">
|
|
<a class="medias" href="https://www.instagram.com/lunamcnetwork/">
|
|
<img src="img/Instagram.png" width="30px" alt="Instagram Logo">
|
|
Instagram
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--Grid column-->
|
|
</div>
|
|
<!--Grid row-->
|
|
</div>
|
|
<!-- Footer Elements -->
|
|
<div class="footer-copyright page-footer text-center py-3" style="color: white; background-color: rgb(37, 41, 46);">
|
|
© 2021 Copyright:
|
|
<a href="index.html">LunaMC Network</a>
|
|
</div>
|
|
</footer>
|
|
<!-- Footer -->
|
|
<!-- Staff Cards Propouses -->
|
|
<style>
|
|
.card {
|
|
margin-top: 10px;
|
|
transition: 0.5s;
|
|
}
|
|
|
|
.card:hover {
|
|
transform: scale(1.01);
|
|
transition: 0.5s;
|
|
}
|
|
</style>
|
|
<!-- Optional JavaScript -->
|
|
<!-- jQuery first, then Popper.js, then Bootstrap JS, then Playercount -->
|
|
<script type="text/javascript" src="js/playercount.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
|
|
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
|
|
</body>
|
|
</html>
|