Untitled

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>MEANWHILE - POCETNA</title>

<!-- Kodirao : Pestlic -->

<!-- CSS -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
  <script src="https://kit.fontawesome.com/f0e7df3bff.js"></script>
  <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
<!-- CSS -->


<!-- Pozadina -->
<style>
  body {
  background-image: url("pozadina.png");
  color: #fff;
  font-family: monospace, serif;
  letter-spacing: 0.05em;
}
</style>
<!-- Pozadina -->

<!-- Navigacija -->
	<style>
		* {
			padding: 0;
			margin: 0;
		}
		body {
			font-family: 'Lato', sans-serif;
			background: url('https://meanwhile-ogc.com/pozadina.png');
		}
		ul {
		  list-style-type: none;
		  margin: 0;
		  padding: 0;
		  overflow: hidden;
		  background-color: #23212e;
		  width: 100%;
		}

		li {
		  float: left;
		}

		li a {
		  display: block;
		  color: white;
		  text-align: center;
		  padding: 14px 16px;
		  text-decoration: none;
		  font-size:12px;
		}

		li a:hover:not(.active) {
		  background-color: #171520;
		  text-decoration: none;
		  color:#f5f5f5;
		}

		.active {
		  background-color: #171520;
		}
		.right {
			float: right;
		}
		.logo {
		    cursor:pointer;
			-webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
		}
		.logo:hover {
		    text-decoration: none;
            -webkit-transform: scale(1.05);
            -moz-transform: scale(1.05);
            -ms-transform: scale(1.05);
            transform: scale(1.05);
		}
	</style>
</head>
<body>
<ul>
	<li><a href="index.html">POCETNA</a></li>
  	<li><a href="https://forum.meanwhile-ogc.com">FORUM</a></li>
  	<li><a href="statistika.html">STATISTIKA</a></li>
  	<li class="right"><a class="active right disabled" href="login.html">LOGIN</a></li>
</ul>
<!-- Navigacija -->

<!-- Logo i Text -->
<style type="text/css">
.centerImage
{
 text-align:center;
 display:block;
 height: 5em;
 position: relative
 margin: 0;
 position: absolute;
 top: 40%;
 left: 50%;
 margin-right: -50%;
 transform: translate(-50%, -50%)
}
</style>

<div class="centerImage">
<img src="https://i.imgur.com/0hUawp0.png" class="logo" title="MW" alt="MW "height="230" width="230">

<p>
<body class="d-flex flex-column">
  <div id="page-content">
    <div class="container text-center">
      <div class="row justify-content-center">
        <div class="col-md-7">
          <h1 class="font-weight-light mt-4 text-white">U IZRADI!</h1>
          <p class="lead text-white-50">trenutno je u izradi nas portal, uskoro ce biti online!</p>
        </div>
      </div>
    </div>
  </div>
 </p>
 </body>
</html>
<!-- Logo i Text -->