Untitled

<!DOCTYPE html>
<html lang="hr-HR">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<link rel="stylesheet" href="_hsync_style\_hsync_index.css">
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
		<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
		<title>hSync | Haswell Roleplay</title>
	</head>

	<body>
		<!-- ZAGLAVLJE -->
		<div class="container">
			<div class="row">
				<div class="_hsync_header">
					<div class="col-md-3"> <!-- DIO ZA LOGO -->
						<a href="#">
							<img src="_hsync_style\_hsync_fotografije\_hsync_logo.png" class="_hsync_logo" alt="hSync logo">
						</a>
					</div>

					<div class="col-md-6"> <!-- DIO ZA (POLU) NAVIGACIJU -->

						<!-- <form class="form-inline _hsync_sign_form">
							<div class="form-group">
						    	<label class="sr-only" for="exampleInputEmail3">Ime_Prezime</label>
						    	<input type="email" class="form-control _hsync_sign_inpts" id="exampleInputEmail3" placeholder="Ime_Prezime">
						  	</div>
						  	<div class="form-group">
						    	<label class="sr-only" for="exampleInputPassword3">Zaporka</label>
						    	<input type="password" class="form-control _hsync_sign_inpts" id="exampleInputPassword3" placeholder="Zaporka">
						  	</div>
						  	<div class="checkbox _hsync_sign_form_remb">
						    	<label>
						    	  <input type="checkbox"> Zapamti me
						    	</label>
						  	</div>
						  <button type="button" class="btn btn-warning _hsync_sign_btn">Registracija</button>
						  <button type="submit" class="btn btn-default _hsync_sign_btn">Prijava</button>
						</form> -->

						<nav class="navbar navbar-default">
							<div class="container-fluid">
						    	<div class="navbar-header">
						      		<button type="button" class="navbar-toggle collapsed _hsync_nav_mob" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
						        		<span class="sr-only">Toggle navigation</span>
						        		<span class="icon-bar"></span>
						        		<span class="icon-bar"></span>
						        		<span class="icon-bar"></span>
						      		</button>
						      	</div>
						    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						    	<ul class="nav navbar-nav text-uppercase">
							        <li class="dropdown">
							        	<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Početna <span class="caret"></span></a>
							          	<ul class="dropdown-menu">
							            	<li><a href="#">Portal</a></li>
							            	<li><a href="#">Forum</a></li>
							          </ul>
						        	<li><a href="#" class="">O nama</a></li>
						        </ul>
						    </div>
						</nav>
					</div>
				</div>
			</div>

			<hr>

			<!-- NAVIGACIJA -->
			<div class="row nav">
				<div class="col-sm-12">

				</div>
			</div>
		</div>
	</body>

</html>


/* DODATNI MODULI I FONTOVI */

@import url("bootstrap.css");
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700|Noto+Sans:400,700,400italic,700italic);

/* GLAVNI DIO */

body {
	color: #999;
	font-family: Montserrat, sans-serif, Arial, serif;
}

._hsync_bold {
	font-weight: bold;
}


/* REDIZAJNIRANJE BOOTSTRAPA */

.btn {
	border: none;
	border-radius: 0px;
	-webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
}

.btn:hover {
	-webkit-transition-duration: 0.33s;
    transition-duration: 0.33s;
    -o-transition-duration: 0.33s;
}

.btn-default {
	background-color: #eee;
}

.navbar-default {
	background-color: none;
	border: none;
	margin-top: 10px;
}

.navbar-default .navbar-toggle {
	border: none;
}

.form-control:focus {
  border-color: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.navbar-nav {
    margin: 7.5px -15px;
    float: right;
}

.dropdown-menu {
	box-shadow: none;
}

/*
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
*/


/* ZAGLAVLJE */

._hsync_header {
	margin-top: 20px;
}

._hsync_sign_form {
	margin-top: 15px;
}

._hsync_sign_btn {
	float: right;
	margin-left: 10px;
}

._hsync_sign_form_remb {
	margin-left: 10px;
}

._hsync_sign_inpts {
	box-shadow: none;
	border-radius: 0px;
	background-color: #eee;
	color: #333;
}


/* NAVIGACIJA */


/* RESPONZIVAN DIZAJN */

@media (max-width: 992px) {
	._hsync_logo {
		margin: 0 auto;
	}
}