Masterbuilder page released

This commit is contained in:
aggelosQQ 2016-08-29 00:59:37 +03:00
parent a259899f0c
commit 2685f4dfc0
11 changed files with 202 additions and 0 deletions

View file

@ -0,0 +1,48 @@
* { margin:0; padding: 0;}
body {
background: url('../images/bg.png') fixed center no-repeat;
background-size: cover;
color: #fff;
margin-bottom: 40px;
}
.card-action {
text-align: center;
margin-bottom: 30px;
}
button {
color: #ccc;
background: rgba(30,30,30,0.5);
border: none;
outline: none;
text-decoration: none;
padding: 10px;
border-radius: 10px;
width: 65%;
font-size: 1.3em;
font-weight: 900;
text-transform: uppercase;
font-family: 'Baloo Tamma', cursive;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
button:hover, button:focus {
background: rgba(50,50,50,0.5);
}
.card {
background: rgba(50,50,50,0.3);
font-family: 'Baloo Tamma', cursive;
}
.page-title {
text-align: center;
}
#note {
font-size: 1.4em;
font-size: 900;
font-family: 'Baloo Tamma', cursive;
margin-top: 5px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 657 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

View file

@ -0,0 +1,154 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Master Builders | TotalFreedom Minecraft Server</title>
<meta name="author" content="aggelosQQ, markbyron, DarthSalamon, Madgeek1450, TotalFreedom">
<meta name="kewords" content="TF,minecraft,totalfreedom,free op,server,worldedit,freebuild">
<meta name="description" content="TotalFreedom is the first Free OP Minecraft server, which is up and running since 2012! play.totalfreedom.me">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
<script src="https://use.fontawesome.com/cb2592f0cc.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
<link href="https://fonts.googleapis.com/css?family=Baloo+Tamma" rel="stylesheet">
<link rel="stylesheet" href="assets/css/builders.css">
<link rel="stylesheet" href="../css/component.min.css">
</head>
<body>
<nav class="transparent z-depth-0" id="menu">
<div class="nav-wrapper z-depth-0">
<a href="#header" class="brand-logo">TotalFreedom <span class="hide-on-med-and-down">Master Builders</span></small></a>
<a href="#" data-activates="mobile" class="button-collapse"><i class="fa fa-bars"></i></a>
<ul class="right hide-on-med-and-down cl-effect-14" id="cl-effect-14">
<li><a href="index.html">Back to Home</a>
</li>
</ul>
<ul class="side-nav" id="mobile">
<li><a href="index.html">Back to Home</a>
</li>
</ul>
</div>
</nav>
<br>
<h2 class="page-title hide-on-large-only">Master Builders</h2>
<div class="container">
<div class="row">
<div class="col s6">
<div class="card">
<div class="card-image waves-effect waves-block">
<a href="assets/images/build1.jpg" target="_blank">
<img src="assets/images/build1.jpg" class="responsive-img">
</a>
</div>
<div class="card-content">
<p>Made by miwojedk</p>
</div>
</div>
<div class="card-action">
<a href="http://www.planetminecraft.com/project/tropical-island---timelapse/">
<button type="button" class="waves-effect showmore">Show more</button>
</a>
</div>
</div>
<div class="col s6">
<div class="card">
<div class="card-image waves-effect waves-block">
<a href="assets/images/build2.jpg" target="_blank">
<img src="assets/images/build2.jpg" class="responsive-img">
</a>
</div>
<div class="card-content">
<p>Made by miwojedk</p>
</div>
</div>
<div class="card-action">
<a href="http://www.planetminecraft.com/project/the-valley-of-oysaria/">
<button type="button" class="waves-effect showmore">Show more</button>
</a>
</div>
</div>
<div class="col s6">
<div class="card">
<div class="card-image waves-effect waves-block">
<a href="assets/images/build3.jpg" target="_blank">
<img src="assets/images/build3.jpg" class="responsive-img">
</a>
</div>
<div class="card-content">
<p>Made by miwojedk</p>
</div>
</div>
<div class="card-action">
<a href="http://www.planetminecraft.com/project/tropical-island---timelapse/">
<button type="button" class="waves-effect showmore">Show more</button>
</a>
</div>
</div>
<div class="col s6">
<div class="card">
<div class="card-image waves-effect waves-block">
<a href="assets/images/build4.jpg" target="_blank">
<img src="assets/images/build4.jpg" class="responsive-img">
</a>
</div>
<div class="card-content">
<p>Made by miwojedk</p>
</div>
</div>
<div class="card-action">
<a href="http://www.planetminecraft.com/project/cozy-medieval-cottage/">
<button type="button" class="waves-effect showmore">Show more</button>
</a>
</div>
</div>
<div class="col s12">
<div class="card">
<div class="card-image waves-effect waves-block">
<a href="assets/images/build5.jpg" target="_blank">
<img src="assets/images/build5.jpg" class="responsive-img">
</a>
</div>
<div class="card-content">
<p>Made by miwojedk - this project won the #1 place on PlanetMinecraft Contest (Press "Show More" to see more information) </p>
</div>
</div>
<div class="card-action">
<a href="http://www.planetminecraft.com/project/the-fallen-colossi-games-survival-games-entry-2178608/">
<button type="button" class="waves-effect showmore">Show more</button>
</a>
</div>
</div>
<div class="col s12">
<div class="card">
<div class="card-image waves-effect waves-block">
<a href="assets/images/build6.jpg" target="_blank">
<img src="assets/images/build6.jpg" class="responsive-img">
</a>
</div>
<div class="card-content">
<p>Made by miwojedk - this project won the #1 place on PlanetMinecraft Contest (Press "Show More" to see more information) </p>
</div>
</div>
<div class="card-action">
<a href="http://www.planetminecraft.com/project/the-fallen-colossi-games-survival-games-entry-2178608/">
<button type="button" class="waves-effect showmore">Show more</button>
</a>
</div>
</div>
</div>
<p id="note">These images may, or may not, have been built on Total Freedom but are made by/with at least one masterbuilder from Total Freedom.</p>
</body>
</html>