ret

<!DOCTYPE html>
<html>
<head>
	<title>Professional</title>
	<style>
	* {
		margin: 0px;
		padding: 0px;
	}
	#header {
		width: 100%;
		height: 80px;
		background-color: rgba(0, 0, 0, 1.0);

	}

	#headerCon {
		width: 800px;
		height: 70px;
		margin: 0px auto;
	}

	.headerLogo {
		width: 125px;
		height: 75px;
		float: left;
		font-size: 30px;
		color: white;
		text-align: center;
		line-height: 75px;
	}
	.headerNav {
		width: 100%;
		height: 75px;


	}
	.headerNav ul {
	list-style: none;


	}
	.headerNav ul li {
	float: left;
	font: 22px Tahoma;
	padding: 25px 35px;
	color: gray;
	}
	.headerNav ul li:hover {
		background: yellow;
	}
	#mainWrapper {
		height: 1800px;
		width: 100%;
	}

	#slikaSec {
		width: 100%;
		height: 430px;
		background: black;
	}
	#slikaSecCon {
		width: 850px;
		height: 400px;
		margin: 0px auto;
		background: black;
	}
	#slikaSecCon h2, p {
		text-align: center;
		color: white;
		padding-top: 20px;
		font-family: comic sans ms;
	}
	.slikaConSlika {
		padding: 30px 20px;
		margin-top: 40px;
		float: left;
		box-shadow: 12px 12px 36px black;
	}
	.parag {
		float: left;
		width: 500px;
		padding: 90px 40px;
		color: white;
		font-family: comic sans MS;
	}
	.social {
		margin: 50px 30px;

	}
	.heh1 {
		padding-left: 10px;
	}
	#downCon {
		width: 100%;
		height: auto;
		margin-top: 150px;
	}
	#downContent {
		width: 100%;
		height: 600px;
		background: #f0f0f0;


	}
	#downContent ul {
	list-style: none;

	}
	#downContent ul li {
		height: 250px;
		width: 250px;
		border: 3px solid;
		float: left;
		padding-left:  90px;
		margin-left: 90px;
		font-size: 30px;
		line-height: 250px;
		margin-top: 30px;
		background: yellow;

	}
	#footer {
		width: 100%;
		background: black;
		height: 300px;

	}
	#footerCon {
		width: 800px;
		margin: 355px auto;

	}
	.levo {
	float: left;
	width: 250px;
	padding-top: 70px;
	}
	.sredina {
		float: left;
		width: 250px;
		padding-top: 70px;
	}
	.desno {
		float: left;
		width: 250px;
		padding-top: 70px;
	}
	h2 {
		color: white;
	}
	#heding {
		background: #0078A1;
		width: 100%;
		height: 78px;
		text-align: center;
		color: #81DAF7;
	}
	</style>
</head>
<body>

		<!-- HEADER I NAVIGAICJA START -->

					<div id="header">
						<div id="headerCon">
							<div class="headerLogo">
								<h2> Nidza </h2>
								</div> <!-- HEADER LOGO END -->
									<div class="headerNav">
										<ul>
										<li> Pocetna </li>
										<li> Portfolio </li>
										<li> Usluge </li>
										<li> Kontaktirajte me </li>
										</ul>
								</div> <!-- HEADER NAV END -->
							</div> <!-- HEADER CONTENT -->
						</div> <!-- HEADER END -->

		<!-- HEADER I NAVIGACIJA END -->

		<!-- MAIN SEKCIJA POCINJE -->

			<div id="mainWrapper"> <!-- parent svih divova -->
				<div id="slikaSec">
					<div id="slikaSecCon">

				<h2> Profesionalni dizajn po najnizim cenama. </h2>
					<p> Preko 5 godina iskustva i rada po najpoznatijim svetskim projektima. </p>

				<img src="https://scontent-fra3-1.xx.fbcdn.net/hphotos-xpt1/v/t1.0-9/11811304_930804730323342_6442978598310226986_n.jpg?oh=5f4dc3aa5ba13620201a4ca39847b6c3&oe=56667C3F" width="200px" height="300px" class="slikaConSlika">

				<span class="parag">
				<h2> Pronadjite me i na drustvenim mrezama! </h2>
				<div class="social">
				<img src="http://cdn2.shaungroves.com/wp-content/uploads/2011/03/How-To-Create-Facebook-Tab.jpg" width="100px" height="100px" class="heh1">
				<img src="https://g.twimg.com/Twitter_logo_blue.png" width="100px" height="100px" class="heh1">
				<img src="https://tctechcrunch2011.files.wordpress.com/2015/02/snapchat-headphones.png?w=738" width="100px" height="100px" class="heh1">
				</div>
				</span>

				</div>
					</div>
<div id="downCon">
				<div id="downContent">
					<ul>
					<li> 1.Najbolji sajt </li>
					<li> 2.Najbolji dizajn </li>
					<li> 3.Testiramo grid </li>
					<li> 4.Cetvrta kolona </li>
					<li> 5.Peta kolona </li>
					<li> 6.Kolona </li>
					</ul>
			</div>
				</div>


		<div id="footer">
			<div id="footerCon">
				<div class="levo">
								<p> Linkovi </p>				<p> Linkovi </p>				<p> Linkovi </p>
				</div>

		<div class="sredina">
								<p> Linkovi </p>				<p> Linkovi </p>				<p> Linkovi </p>
				</div>


				<div class="desno">

								<p> Linkovi </p>				<p> Linkovi </p>				<p> Linkovi </p>
				</div>


			</div>
				</div>


			</div> <!-- KRAJ MAIN WRAPPERA -->

</body>
</html>