Untitled

<!DOCTYPE html>
<html lang="pl">
<head>

	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

	<link rel="stylesheet" href="style.css" type="text/css" />
	<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700|Roboto+Slab:400,700" rel="stylesheet">

	<title>Weekly WebDev Challenge #3</title>

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

	<script>

		$(window).scroll(function(){
		    if($(document).scrollTop() > 0)
		    {
		        if($('.header').data('size') == 'big')
		        {
		            $('.header').data('size','small');
		            $('.header').stop().animate({
		                height:'60px'
		            },600);
		        }
		    }
		    else
		    {
		        if($('.header').data('size') == 'small')
		        {
		            $('.header').data('size','big');
		            $('.header').stop().animate({
		                height:'120px'
		            },600);
		        }
	    	}
		});

	</script>
</head>
<body>

		<!-- -------------- Header -------------- -->

		<div class="header">

			<div class="header-inside">

				<div class="logo">
					<img src="img/logo.png" alt="logo">
				</div>

				<div class="navbar">
					<ol>
						<li>HOME</li>
						<li>ABOUT</li>
						<li>BLOG</li>
						<li>PORTFOLIO</li>
						<li>CONTACT</li>
					</ol>

				</div>
			</div>

		</div>

		<!-- -------------- Home -------------- -->

	<div class="container">

		<div class="home">

			<div class="home-inside">

				<h1 id="home">CREATIVE DIGITAL SOLUTIONS</h1>
					<h3>Proin iaculis purus consequat sem cure.</h3>


				<button class="view_portfolio">View Portfolio</button>

			</div>

		</div>

		<!-- -------------- About -------------- -->

		<div class="about">

			<div class="head">
				<h2 id="head">PROFESSIONAL SERVICES</h2>
					<h3>Proin iaculis purus consequat sem cure</h3>
			</div>

			<div class="content">

				<div class="content_bg">
					<div class="content_icon"></div>
					<div class="content_text">
						<h4>BEAUTIFUL DESIGNS</h4>
						<p>Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt.</p>
					</div>
				</div>

				<div class="content_bg">
					<div class="content_icon"></div>
					<div class="content_text">
						<h4>RESPONSIVE WEB</h4>
						<p>Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt.</p>
					</div>
				</div>

				<div class="content_bg">
					<div class="content_icon"></div>
					<div class="content_text">
						<h4>MARKETING TOOLS</h4>
						<p>Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt.</p>
					</div>
				</div>


			</div>

		</div>

		<!-- -------------- Blog -------------- -->

		<!-- -------------- Portfolio -------------- -->

		<!-- -------------- Contact -------------- -->

		<!-- -------------- Footer -------------- -->
	</div>

</body>
</html>