index.html

<!DOCTYPE html>
<html>
	
	<head>
		<meta charset="utf-8">
		<title>Gergely David</title>
		<meta name="veiwport" content="width=device-width, initial-scale=1">
		 <link rel="stylesheet" href="content/webiste.css">
		 <link rel="stylesheet" href="content/normalize.css">  
	</head>
	
	<body>
		
		
		<div class="container">	
			<header>
				
				
				<div class="row clearfix">
					<div class="column">
						<h1>Gergely David</h1>
					</div>
					
			
				</div>
				
				<nav>
					<div class="row clearfix">
						<div class="column fourth"> <a href="#"> About </a></div>
						<div class="column fourth"> <a href="#"> Developers </a></div>
						<div class="column fourth"> <a href="#"> Business </a> </div>
						<div class="column fourth"> <a href="#"> Docs </a></div>
					</div>
				</nav>
				
			</header>
			
			<main>
				
				<section>
					<div class="row hide-small">
						<div class="column full">
							<p> Too cultivated use solicitude frequently. Dashwood likewise up consider continue entrance ladyship oh. Wrong guest given purse power is no. Friendship to connection an am considered difficulty. Country met pursuit lasting moments why calling certain the. Middletons boisterous our way understood law. Among state cease how and sight since shall. Material did pleasure breeding our humanity she contempt had. So ye really mutual no cousin piqued summer result. </p>
						</div>
					</div>
				</section>
				
				
				<section>
					<div class="row">
						<div class="column full">
							<p> Too cultivated use solicitude frequently. Dashwood likewise up consider continue entrance ladyship oh. Wrong guest given purse power is no. Friendship to connection an am considered difficulty. Country met pursuit lasting moments why calling certain the. Middletons boisterous our way understood law. Among state cease how and sight since shall. Material did pleasure breeding our humanity she contempt had. So ye really mutual no cousin piqued summer result. </p>
						</div>
					</div>
				</section>
				
				
				<section>
					<div class="row">
						<div class="column third">
							<h1>Descriere unu</h1>
							<p>Too cultivated use solicitude frequently. Dashwood likewise up consider continue entrance ladyship oh. Wrong guest given purse power is no. Friendship to connection an am considered difficulty. Country met pursuit lasting moments why calling certain the. Middletons boisterous our way understood law. Among state cease how and sight since shall. Material did pleasure breeding our humanity she contempt had. So ye really mutual no cousin piqued summer result. 
						</p1>
							
							</div>
							
							<div class="column third">
							<h1>Descriere doi</h1>
							<p>Too cultivated use solicitude frequently. Dashwood likewise up consider continue entrance ladyship oh. Wrong guest given purse power is no. Friendship to connection an am considered difficulty. Country met pursuit lasting moments why calling certain the. Middletons boisterous our way understood law. Among state cease how and sight since shall. Material did pleasure breeding our humanity she contempt had. So ye really mutual no cousin piqued summer result. 
						</p1>
							
							</div>
							
							<div class="column third">
							<h1>Descriere trei</h1>
							<p>Too cultivated use solicitude frequently. Dashwood likewise up consider continue entrance ladyship oh. Wrong guest given purse power is no. Friendship to connection an am considered difficulty. Country met pursuit lasting moments why calling certain the. Middletons boisterous our way understood law. Among state cease how and sight since shall. Material did pleasure breeding our humanity she contempt had. So ye really mutual no cousin piqued summer result. 
						</p1>
							
							</div>
					</div>
					
					
				</section>
				
				
			</main>
			
			<footer>
				<div class="row clearfix">
				<div class="column third">
					<p>Logo text</p>
				</div>
				<div class="column two-third">

					<div class="column two-third">

						
						<div class="column fourth"><a href="#">Contact</a></div>

					</div>
					<div class="column third">
						<p>Social icons</p>
					</div>

				</div>
			</div>
			</footer>
			
		</div>
	</body>
	
</html>