html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>PSD to HTML</title>
	<link href='https://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" type="text/css" href="novipsd.css">
</head>
<body>

<!-- 	===========================================================
						MAIN START
		============================================================ -->

		<div id="wrap">
			<div id="first">
				<div id="logonav">
					<img id="logo" src="logo.png" width="118px" height"50px">
						<ul class="nav-inner">
							<li> home </li>
							<li> about </li>
							<li> work </li>
							<li> blog </li>
							<li> contact </li>
						</ul>
				</div> <!-- logo nav end -->
				<div id="welcometextparent">
					<div id="welcometext">
					<h2>Hi there! We are the new kids on the block<br> and we build awesome websites and mobile apps.</h2>
					<button id="workwithus">Work with us!</button>

					</div> <!-- welcome text -->
				</div> <!-- welcome text parent -->
			</div> <!-- first end -->


			<div id="green2holder">
				<div id="services">
					<h1> SERVICES WE PROVIDE </h1>
					<p> We are working with both individuals and businesses from all over the globe to create awesome websites and applications. </p>
				</div> <!-- End services -->
			</div>
		</div>


			<div id="servicesicons">
				<ul id="servisi">
					<li>
						<img src="zastavica.png">
						<h2> Branding </h2>
						<p> Li Europan lingues es membres del sam familie. Lor separat existentie es un myth.existentie es un myth. </p>
					</li>
					<li>
						<img src="olovka.png">
						<h2> Design </h2>
						<p> Li Europan lingues es membres del sam familie. Lor separat existentie es un myth.existentie es un myth. </p>
					</li>
					<li>
						<img src="tockici.png">
						<h2> Development </h2>
						<p> Li Europan lingues es membres del sam familie. Lor separat existentie es un myth.existentie es un myth. </p>
					</li>
					<li>
						<img src="rocket.png">
						<h2> Rocket Science </h2>
						<p> Li Europan lingues es membres del sam familie. Lor separat existentie es un myth.existentie es un myth. </p>
					</li>
				</ul>
					</div>
			</div> <!-- green holder end -->

			<div id="team">
				<div id="meetteam">
					<h1> Meet our beautifull team </h1>
					<p> We are a small team of designers and developers, who help brands with big ideas. </p>
					</div> <!-- end meetteam -->
					<div id="teamkruzici">
						<div id="container">
							 <div id="okrug">
								<div id="krug">
									<div id="teamopis">
										<h2> Arne Hathaway </h2>
										<h3> CEO / Marketing Guru </h3>
					<p> Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. </p>
									</div>
								</div>
								<div id="krug">
									<div id="teamopis">
										<h2> Kate Upton </h2>
										<h3> Creative Director </h3>
					<p> Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. </p>
									</div>
								</div>
								<div id="krug">
									<div id="teamopis">
										<h2> Olivia Wayde </h2>
										<h3> Lead Designer </h3>
					<p> Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. </p>
									</div>
								</div>
								<div id="krug">
								<div id="teamopis">
										<h2> Ashley Greene </h2>
										<h3> SEO / Developer </h3>
					<p> Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. </p>
									</div>
									</div>
								</div>
							</div>
					</div>
			</div> <!-- team end -->

			<div id="skills">
				<div id="wegot">
					<h1> We got skills! </h1>

				<p> Lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic. </p>

				</div> <!-- wegot end-->

				<div id="skillsshow">
					<div id="container2">
							 <div id="okrug2">
								<div id="krug2">
									<div id="webdizajn">

									</div>
								</div>
								<div id="krug2">
									<div id="htmlcss">

									</div>

								</div>
								<div id="krug2">
									<div id="graficki">

									</div>

								</div>
								<div id="krug2">
									<div id="uiux">

									</div>
								</div>
							</div>
					</div>
				</div> <!-- skills show icon ends -->
			</div> <!-- skills end -->

			<div id="portfolioholder">
				<div id="ourportfolio">
					<h1> Our Portfolio </h1>
					<p> Lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic. </p>
					<a href="#">All</a>
					<a href="#">Web</a>
					<a href="#">Apps</a>
					<a href="#">Icons</a>
				</div> <!-- our portfolio end -->

		<div id="portcontainer">
				<div id="prvadva">
					<div id="levi">
						<img src="port1.png">

					</div>

					<div id="desni">
						<img src="port2.png">
					</div>

					<div id="drugadva">
					<div id="levi2">
						<img src="port3.png">

					</div>

					<div id="desni2">
						<img src="port4.png">
					</div>
				</div> <!-- prva dva end -->
				<button id="loadmore">Load more projects</button>
			</div> <!-- portfolio holder end -->
		</div> <!-- port container end -->


		</div> <!-- Wrap end -->

		<div id="whatpeoplesay">
			<div id="whatpeopletext">
				<h1> What people say about us </h1>
				<p> Our clients love us! </p>
			</div> <!-- what people say text end -->
		<div id="prvedvequohold">
			<div id="prva">
				<div id="radius">
				</div>
				<p> "On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles." </p>
				<p class="imeljudi"> CHANEL IMAN </p>
			</div>
			<div id="druga">
				<div id="radius">
				</div>
					<p> "On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles." </p>
					<p class="imeljudi"> ADRIANA LIMA </p>
			</div>
		</div> <!-- prve dve quote end -->
			<div id="druge2quotes">
				<div id="prva2">
				<div id="radius">
				</div>
				<p> "On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles." </p>
				<p class="imeljudi"> ANNE HATHAWAY</p>

			</div>

			<div id="druga2">
				<div id="radius">
				</div>
					<p> "On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles." </p>
					<p class="imeljudi"> EMA STONE </p>
						</div>
								</div> <!-- druge dve quote's end -->
										</div> <!-- what people say section end -->

						<div id="getintouch">
							<div id="getintouchtext">
								<h1> Get in touch </h1>
								<P> 1600 Pennsylvania Ave NW, Washington, DC 20500, United States </p>
							</div> <!-- end getintouch text -->

							<div id="forma">
								<div id="formacontent">
									<input id="name" class="ime" type="text" name="fullname" value="Your Name">
									<input id="email" class="ime" type="text" name="fullname" value="Email">
									<input id="poruka" type="text" value="Your Message">
									<button id="posalji">Send Message</button>
								</div>
							</div>
						</div>

			<div id="footer">
				<div id="footersadrzaj">
							<ul class="futerlist">
								<li>Facebook</li>
								<li>Twitter</li>
								<li>Google+</li>
								<li>LinkedIn</li>
								<li>Behance</li>
								<li>Dribbble</li>
								<li>GitHub</li>
							</ul>

				</div> <!-- footer content end -->
			</div> <!-- footer end -->

</body>
</html>