Untitled

<html>
<head>
	<title>Analog Dump</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" type="text/css" href="analog.css">

</head>
<body>
<div class="background">

<div class="nav">
	<a class="a active" href="#">Home</a>
	<a class="b"href="#">Gear</a>
	<a class="c" href="#">Colour Dump</a>
	<a class="d" href="#">BnW Dump</a>
</div>

<div class="content">

	<div class="home">
		<h1>Analog Dump</h1>
		<h3>Don Chia</h3>
	</div>

	<div class="aboutus">
		<p>I shoot mainly on my 1979 Yashika FX-7 with Kodak ColorPlus 200 as it is the most budget film I can find. I have also experimented with ilford HP5 400 black and white film stock and I am currently shooting with FujiColor 200. I also own a 1990s autofocus Minolta that miraculously still works. I shoot with a lightmeter app as my Yashika has a faulty exposure check (it's 40 years old, give it a break). I don't usually use analog cameras as they tend to be expensive to shoot, it costs around $15 to shoot and develop colour film while it costs around $20 to shoot and develop black and white film. I tend to only shoot analog during special occasions.</p>
	</div>

	<div class="gallery">
		<div class="image">
			<img src="https://i.imgur.com/CWrU66v.jpg"/>
		</div>

		<div class="image">
			<img src="https://i.imgur.com/5OSCm7C.jpg"/>
		</div>


		<div class="image">
			<img src="https://i.imgur.com/hnJTLqQ.jpg"/>
		</div>


		<div class="image">
			<img src="https://i.imgur.com/g3qICvC.jpg"/>
		</div>


		<div class="image">
			<img src="https://i.imgur.com/JljquXY.jpg"/>
		</div>


		<div class="image">
			<img src="https://i.imgur.com/gy7musH.jpg"/>
		</div>


		<div class="image">
			<img src="https://i.imgur.com/HLHYNmq.jpg"/>
		</div>


		<div class="image">
			<img src="https://i.imgur.com/fzkxsFy.jpg"/>
		</div>


		<div class="image">
			<img src="https://i.imgur.com/jU8rZ9H.jpg"/>
		</div>

	</div>

</div>
</body>
<script type="text/javascript" src="/Users/donchia/Documents/Analog/jquery-3.2.1.min.js"></script>
<script type="text/javascript">

	$(document).ready(function(){
		$('a').click(function(){
			//alert("i am click")
			var selected = $(this);
			$('a').removeClass('active');
			$(selected).addClass('active');
		});

		var $a = $('.a'),
		$b = $('.b'),
		$c = $('.c'),
		$d = $('.d'),
		$home = $('.home'),
		$aboutus = $('.aboutus'),
		$gallery = $('.gallery'),
		$contactus = $('.contactus');

		$a.click(function(){
			$home.fadeIn();
			$aboutus.fadeOut();
			$gallery.fadeOut();
			$contactus.fadeOut();
		});
		$b.click(function(){
			$aboutus.fadeIn();
			$home.fadeOut();
			$gallery.fadeOut();
			$contactus.fadeOut();
		});
		$c.click(function(){
			$gallery.fadeIn();
			$home.fadeOut();
			$aboutus.fadeOut();
			$contactus.fadeOut();
		});
		$d.click(function(){
			$contactus.fadeIn();
			$home.fadeOut();
			$gallery.fadeOut();
			$aboutus.fadeOut();
		});
	});

</script>


</head>
</html>