Add files via upload
This commit is contained in:
Steven Tracey
GitHub
parent
615dc7f89b
commit
bf74b812a7
158
css/rules.css
Normal file
158
css/rules.css
Normal file
@ -0,0 +1,158 @@
|
|||||||
|
.carousel-item {
|
||||||
|
height: auto;
|
||||||
|
min-height: 350px;
|
||||||
|
background: no-repeat center center scroll;
|
||||||
|
-webkit-background-size: cover;
|
||||||
|
-moz-background-size: cover;
|
||||||
|
-o-background-size: cover;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whythegrass {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.borderwhite {
|
||||||
|
border-width: 5px;
|
||||||
|
border-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Website Color Themes */
|
||||||
|
/* Main Color */
|
||||||
|
.main-f-color {
|
||||||
|
color: rgb(140,93,215);
|
||||||
|
transition: 0.4s;
|
||||||
|
}
|
||||||
|
/* Color when hovering by the mouse pointer */
|
||||||
|
.main-f-color:hover {
|
||||||
|
box-shadow: 0 0 7px 2px rgb(92,45,179);
|
||||||
|
color: rgb(65, 179, 45);
|
||||||
|
transition: 0.4s;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Every TAG into Html files that uses this class, will
|
||||||
|
get a gray color */
|
||||||
|
|
||||||
|
.textgray {
|
||||||
|
color: gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Every TAG into Html files that uses this class, will
|
||||||
|
get a black color */
|
||||||
|
|
||||||
|
.textblack {
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Every TAG into Html files that uses this class, will
|
||||||
|
get a black color */
|
||||||
|
|
||||||
|
.textwhite {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Every TAG into Html files that uses this class, will
|
||||||
|
get a gray background color */
|
||||||
|
|
||||||
|
.backgray {
|
||||||
|
background-color: rgb(248, 248, 248);
|
||||||
|
}
|
||||||
|
|
||||||
|
section div {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.left {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* testimonials */
|
||||||
|
|
||||||
|
|
||||||
|
#testimonials {
|
||||||
|
padding: 1% 15%;
|
||||||
|
text-align: center;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testemonial-image {
|
||||||
|
width: 10%;
|
||||||
|
border-radius: 100%;
|
||||||
|
margin: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
#serverfeatures {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* Server features blocks */
|
||||||
|
|
||||||
|
.featureboxes {
|
||||||
|
border: 0px solid white;
|
||||||
|
transition: 0.15s;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.featureboxes:hover {
|
||||||
|
transition: 0.15s;
|
||||||
|
transform: scale(1.01); /* (110% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
|
||||||
|
border-radius: 3px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* The following class resizes the images for features */
|
||||||
|
.img-featureboxes {
|
||||||
|
max-width: 100px;
|
||||||
|
max-height: 100px;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* For the Player count */
|
||||||
|
.playercount {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* For the News. Should have a predetermined size */
|
||||||
|
.img-news {
|
||||||
|
max-width: 700px;
|
||||||
|
max-height: 350px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* For footer Medias */
|
||||||
|
|
||||||
|
.medias {
|
||||||
|
color: gray;
|
||||||
|
text-decoration: none;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.medias:hover
|
||||||
|
{
|
||||||
|
color: gray;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-img-top {
|
||||||
|
max-width: 150px;
|
||||||
|
max-height: 150px;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
text-align: center;
|
||||||
|
align-content: center;
|
||||||
|
padding-top: 1rem;
|
||||||
|
}
|
||||||
98
css/setup.css
Normal file
98
css/setup.css
Normal file
@ -0,0 +1,98 @@
|
|||||||
|
@import url(https://fonts.googleapis.com/css?family=Roboto:300);
|
||||||
|
|
||||||
|
.login-page {
|
||||||
|
width: 360px;
|
||||||
|
padding: 8% 0 0;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
.form {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
background: #FFFFFF;
|
||||||
|
max-width: 360px;
|
||||||
|
margin: 0 auto 100px;
|
||||||
|
padding: 45px;
|
||||||
|
text-align: center;
|
||||||
|
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
|
||||||
|
}
|
||||||
|
.form input {
|
||||||
|
font-family: "Roboto", sans-serif;
|
||||||
|
outline: 0;
|
||||||
|
background: #f2f2f2;
|
||||||
|
width: 100%;
|
||||||
|
border: 0;
|
||||||
|
margin: 0 0 15px;
|
||||||
|
padding: 15px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.form button {
|
||||||
|
font-family: "Roboto", sans-serif;
|
||||||
|
text-transform: uppercase;
|
||||||
|
outline: 0;
|
||||||
|
background: rgb(114,20,195);
|
||||||
|
width: 100%;
|
||||||
|
border: 0;
|
||||||
|
padding: 15px;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 14px;
|
||||||
|
transition: all 0.3 ease;
|
||||||
|
cursor: pointer;
|
||||||
|
border-width: 10px;
|
||||||
|
transition: 0.3s;
|
||||||
|
|
||||||
|
}
|
||||||
|
.form button:hover,.form button:active,.form button:focus {
|
||||||
|
background: rgb(48,12,116);
|
||||||
|
transition: 0.3s;
|
||||||
|
|
||||||
|
}
|
||||||
|
.form .message {
|
||||||
|
margin: 15px 0 0;
|
||||||
|
color: #b3b3b3;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.form .message a {
|
||||||
|
color: #5F31B4;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.form .register-form {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
max-width: 300px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.container:before, .container:after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.container .info {
|
||||||
|
margin: 50px auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.container .info h1 {
|
||||||
|
margin: 0 0 15px;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 36px;
|
||||||
|
font-weight: 300;
|
||||||
|
color: #1a1a1a;
|
||||||
|
}
|
||||||
|
.container .info span {
|
||||||
|
color: #4d4d4d;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.container .info span a {
|
||||||
|
color: #000000;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.container .info span .fa {
|
||||||
|
color: #EF3B3A;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-img-top {
|
||||||
|
height: 50px 50px;
|
||||||
|
}
|
||||||
158
css/style.css
Normal file
158
css/style.css
Normal file
@ -0,0 +1,158 @@
|
|||||||
|
.carousel-item {
|
||||||
|
height: auto;
|
||||||
|
min-height: 350px;
|
||||||
|
background: no-repeat center center scroll;
|
||||||
|
-webkit-background-size: cover;
|
||||||
|
-moz-background-size: cover;
|
||||||
|
-o-background-size: cover;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whythegrass {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.borderwhite {
|
||||||
|
border-width: 5px;
|
||||||
|
border-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Website Color Themes */
|
||||||
|
/* Main Color */
|
||||||
|
.main-f-color {
|
||||||
|
color: rgb(138,81,209);
|
||||||
|
transition: 0.4s;
|
||||||
|
}
|
||||||
|
/* Color when hovering by the mouse pointer */
|
||||||
|
.main-f-color:hover {
|
||||||
|
box-shadow: 0 0 7px 2px rgb(114,20,195);
|
||||||
|
color: rgb(114,20,195);
|
||||||
|
transition: 0.4s;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Every TAG into Html files that uses this class, will
|
||||||
|
get a gray color */
|
||||||
|
|
||||||
|
.textgray {
|
||||||
|
color: gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Every TAG into Html files that uses this class, will
|
||||||
|
get a black color */
|
||||||
|
|
||||||
|
.textblack {
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Every TAG into Html files that uses this class, will
|
||||||
|
get a black color */
|
||||||
|
|
||||||
|
.textwhite {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Every TAG into Html files that uses this class, will
|
||||||
|
get a gray background color */
|
||||||
|
|
||||||
|
.backgray {
|
||||||
|
background-color: rgb(248, 248, 248);
|
||||||
|
}
|
||||||
|
|
||||||
|
section div {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.left {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* testimonials */
|
||||||
|
|
||||||
|
|
||||||
|
#testimonials {
|
||||||
|
padding: 1% 15%;
|
||||||
|
text-align: center;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testemonial-image {
|
||||||
|
width: 10%;
|
||||||
|
border-radius: 100%;
|
||||||
|
margin: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
#serverfeatures {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* Server features blocks */
|
||||||
|
|
||||||
|
.featureboxes {
|
||||||
|
border: 0px solid white;
|
||||||
|
transition: 0.15s;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.featureboxes:hover {
|
||||||
|
transition: 0.15s;
|
||||||
|
transform: scale(1.01); /* (110% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
|
||||||
|
border-radius: 3px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* The following class resizes the images for features */
|
||||||
|
.img-featureboxes {
|
||||||
|
max-width: 100px;
|
||||||
|
max-height: 100px;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* For the Player count */
|
||||||
|
.playercount {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* For the News. Should have a predetermined size */
|
||||||
|
.img-news {
|
||||||
|
max-width: 700px;
|
||||||
|
max-height: 350px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* For footer Medias */
|
||||||
|
|
||||||
|
.medias {
|
||||||
|
color: gray;
|
||||||
|
text-decoration: none;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.medias:hover
|
||||||
|
{
|
||||||
|
color: gray;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-img-top {
|
||||||
|
max-width: 150px;
|
||||||
|
max-height: 150px;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
text-align: center;
|
||||||
|
align-content: center;
|
||||||
|
padding-top: 1rem;
|
||||||
|
}
|
||||||
BIN
img/Instagram.png
Normal file
BIN
img/Instagram.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 145 KiB |
BIN
img/TikTok.png
Normal file
BIN
img/TikTok.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
img/features1.png
Normal file
BIN
img/features1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.2 KiB |
BIN
img/features2.png
Normal file
BIN
img/features2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
BIN
img/features3.png
Normal file
BIN
img/features3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
img/minecraft-chest.jpg
Normal file
BIN
img/minecraft-chest.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
BIN
img/ram.jfif
Normal file
BIN
img/ram.jfif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
BIN
img/serverlogo.png
Normal file
BIN
img/serverlogo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
img/slide1.png
Normal file
BIN
img/slide1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 MiB |
BIN
img/slide2.png
Normal file
BIN
img/slide2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
BIN
img/slide3.png
Normal file
BIN
img/slide3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 MiB |
652
index.html
Normal file
652
index.html
Normal file
@ -0,0 +1,652 @@
|
|||||||
|
<!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'>TheGrassBlock Server</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>
|
||||||
1
js/playercount.js
Normal file
1
js/playercount.js
Normal file
@ -0,0 +1 @@
|
|||||||
|
|
||||||
315
subpages/rules.html
Normal file
315
subpages/rules.html
Normal file
@ -0,0 +1,315 @@
|
|||||||
|
<!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/rules.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>
|
||||||
|
|
||||||
|
<!-- 🪐 - FavIcon - 🪐 -->
|
||||||
|
<!---------------------------------------------------------------------->
|
||||||
|
<link rel="shortcut icon" href="../favicon.ico"/>
|
||||||
|
<!---------------------------------------------------------------------->
|
||||||
|
<!-- 🪐 - FavIcon - 🪐 -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 🪐 - Website Title - 🪐 -->
|
||||||
|
<!---------------------------------------------------------------------->
|
||||||
|
<title class='webistetitle'>Rules - 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">
|
||||||
|
<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="#">Store</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="webmap.html">Dynmap</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item active">
|
||||||
|
<a class="nav-link">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 -->
|
||||||
|
|
||||||
|
<section class="py-5" style="margin-top: 2rem;">
|
||||||
|
<div class="container">
|
||||||
|
<h4 class="display-4">Network Rules</h4>
|
||||||
|
<p class="lead">⚠📜 Follow and Respect 📜⚠</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Thanks @Skelly from Codepen! -->
|
||||||
|
<section style="padding-bottom: 5rem;">
|
||||||
|
<div class="container py-3">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-10 mx-auto">
|
||||||
|
<div class="accordion" id="faqExample">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header p-2" id="headingOne">
|
||||||
|
<h5 class="mb-0">
|
||||||
|
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
||||||
|
1. Respect Staff
|
||||||
|
</button>
|
||||||
|
</h5>
|
||||||
|
</div>
|
||||||
|
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#faqExample">
|
||||||
|
<div class="card-body">
|
||||||
|
<b>Justificative:</b>
|
||||||
|
You Must Respect evey staff from the server! It's the Majority! Staffs are users destined for the
|
||||||
|
server peace maintenance and configuration. Let's respect them!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- This is the " Two " page. -->
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header p-2" id="headingTwo">
|
||||||
|
<h5 class="mb-0">
|
||||||
|
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||||||
|
2. Respect Players
|
||||||
|
</button>
|
||||||
|
</h5>
|
||||||
|
</div>
|
||||||
|
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#faqExample">
|
||||||
|
<div class="card-body">
|
||||||
|
Consentual PVP only!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- This is the " Three " page. -->
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header p-2" id="headingThree">
|
||||||
|
<h5 class="mb-0">
|
||||||
|
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
||||||
|
3. No Griefing nor Stealing
|
||||||
|
</button>
|
||||||
|
</h5>
|
||||||
|
</div>
|
||||||
|
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#faqExample">
|
||||||
|
<div class="card-body">
|
||||||
|
It's really self explanatory...
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- This is the " Four " page. -->
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header p-2" id="headingFour">
|
||||||
|
<h5 class="mb-0">
|
||||||
|
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseThree">
|
||||||
|
4. Do not use Hacks or Clients
|
||||||
|
</button>
|
||||||
|
</h5>
|
||||||
|
</div>
|
||||||
|
<div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#faqExample">
|
||||||
|
<div class="card-body">
|
||||||
|
Anything that gives an unfair advantage is not allowed, if you are unsure, ask a staff.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Want a New Rule/Collapse Button? -->
|
||||||
|
<!-- Starts Below -->
|
||||||
|
<!-- This is the " Five " page. -->
|
||||||
|
<div class="card">
|
||||||
|
<!-- Please! NOTE THIS: id="headingFive" -->
|
||||||
|
<div class="card-header p-2" id="headingFive">
|
||||||
|
<h5 class="mb-0">
|
||||||
|
<!-- Please! NOTE THIS: data-target="#collapseFive" -->
|
||||||
|
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseThree">
|
||||||
|
5. No Duping!
|
||||||
|
</button>
|
||||||
|
</h5>
|
||||||
|
</div>
|
||||||
|
<!-- Please! NOTE THIS: id="collapseFive" and aria-labelledby="headingFive" -->
|
||||||
|
<div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#faqExample">
|
||||||
|
<div class="card-body">
|
||||||
|
Dupes will not be tolerated whatsoever, it ruins the game for everyone. TNT duping is allowed.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<!-- Please! NOTE THIS: id="headingFive" -->
|
||||||
|
<div class="card-header p-2" id="headingSix">
|
||||||
|
<h5 class="mb-0">
|
||||||
|
<!-- Please! NOTE THIS: data-target="#collapseFive" -->
|
||||||
|
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseThree">
|
||||||
|
6. Language
|
||||||
|
</button>
|
||||||
|
</h5>
|
||||||
|
</div>
|
||||||
|
<!-- Please! NOTE THIS: id="collapseFive" and aria-labelledby="headingFive" -->
|
||||||
|
<div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-parent="#faqExample">
|
||||||
|
<div class="card-body">
|
||||||
|
I really do not care what you say, swearing is allowed, jokes are allowed, if speech becomes negatively targeted towards someone, then staff will take action and issue a warning.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<!-- Please! NOTE THIS: id="headingFive" -->
|
||||||
|
<div class="card-header p-2" id="headingSeven">
|
||||||
|
<h5 class="mb-0">
|
||||||
|
<!-- Please! NOTE THIS: data-target="#collapseFive" -->
|
||||||
|
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
|
||||||
|
7. Use Common Sense
|
||||||
|
</button>
|
||||||
|
</h5>
|
||||||
|
</div>
|
||||||
|
<!-- Please! NOTE THIS: id="collapseFive" and aria-labelledby="headingFive" -->
|
||||||
|
<div id="collapseSeven" class="collapse" aria-labelledby="headingSeven" data-parent="#faqExample">
|
||||||
|
<div class="card-body">
|
||||||
|
Really, just use common sense, if you think that what your doing is wrong or will hurt someone, then just don't do it, staff hold the right to warn and ban you if they see fit.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Ends Above -->
|
||||||
|
<!-- Gotcha? Whenever you add a new "page" for the Rules -->
|
||||||
|
<!-- MAKE SURE to change these values in the commentaries -->
|
||||||
|
<!-- Above to six, seven, eight and such -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</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>
|
||||||
|
<!-- Facebook 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>
|
||||||
|
<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 -->
|
||||||
|
|
||||||
|
<!-- Optional JavaScript -->
|
||||||
|
<!-- jQuery first, then Popper.js, then Bootstrap JS, then Playercount -->
|
||||||
|
<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>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
|
||||||
|
<script type="text/javascript" src="js/playercount.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
206
subpages/webmap.html
Normal file
206
subpages/webmap.html
Normal file
@ -0,0 +1,206 @@
|
|||||||
|
<!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>
|
||||||
|
|
||||||
|
<!-- 🪐 - FavIcon - 🪐 -->
|
||||||
|
<!---------------------------------------------------------------------->
|
||||||
|
<link rel="shortcut icon" href="../favicon.ico"/>
|
||||||
|
<!---------------------------------------------------------------------->
|
||||||
|
<!-- 🪐 - FavIcon - 🪐 -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 🪐 - Website Title - 🪐 -->
|
||||||
|
<!---------------------------------------------------------------------->
|
||||||
|
<title class='webistetitle'>Dynmap - 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">
|
||||||
|
<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 active">
|
||||||
|
<a class="nav-link">Dynmap</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="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 -->
|
||||||
|
|
||||||
|
<section class="py-5" style="margin-top: 2rem;">
|
||||||
|
<div class="container">
|
||||||
|
<h4 class="display-4">SMP Dynmap</h4>
|
||||||
|
<p class="lead">🗺 Our SMP Map! 🗺</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<style>
|
||||||
|
iframe {
|
||||||
|
width: 90%; /* It should not be 100% */
|
||||||
|
height: 1000px;
|
||||||
|
display: block;
|
||||||
|
padding-top: 0rem;
|
||||||
|
padding-bottom: 10rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<section style="
|
||||||
|
padding-left: 2%;
|
||||||
|
padding-right: 2%;">
|
||||||
|
<div>
|
||||||
|
<!-- You can set your Dynmap's map URL on the line (src="http://link")-->
|
||||||
|
<iframe
|
||||||
|
class="container"
|
||||||
|
frameBorder="0"
|
||||||
|
src="http://play.lunamc.vip:3000/"><!-- <--- Dynmap Link Goes here <--- there -->
|
||||||
|
</iframe>
|
||||||
|
</div>
|
||||||
|
</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>
|
||||||
|
<!-- Facebook 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>
|
||||||
|
<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 -->
|
||||||
|
|
||||||
|
<!-- Optional JavaScript -->
|
||||||
|
<!-- jQuery first, then Popper.js, then Bootstrap JS, then Playercount -->
|
||||||
|
<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>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
|
||||||
|
<script type="text/javascript" src="js/playercount.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user