-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgeneric copy.html
104 lines (88 loc) · 4.55 KB
/
generic copy.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE HTML>
<!--
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Photography - My Interests</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<a href="index.html" class="title">Interests</a>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="generic.html" class="active">Photography</a></li>
<li><a href="elements.html">Elements</a></li>
</ul>
</nav>
</header>
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<section id="main" class="wrapper">
<div class="inner">
<h1 class="major">My photography experiments</h1>
<span class="image fit"><img src="images/photography/landscape.png" alt="" /></span>
<p>It was one of my passion that always had with me to capture things around me and turn it into some artistic clicks. Then as the next step of this passion is getting a DSLR camera and study and experiment with photography since it is not just pressing the shutter button. It was about the angles, lights, expressions, movements around you.</p>
<p>Without going to the auto mode in the camera, the best thing is experimenting with the manual mode. Shutter speed, Aparture, ISO value can create amazing clicks. Following photos are some of my experiment results.</p>
<!-- Image -->
<section id="main" class="wrapper">
<h2>Few Clicks</h2>
<h3>From eye to the lens</h3>
<div class="box alt">
<div class="row gtr-uniform">
<div class="col-12"><span class="image fit"><img src="images/photography/boganwila_and_rain.png" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/photography/book_on_grass.png" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/photography/couple_in_sunset.png" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/photography/sea_and_sunset.png" alt="" /></span></div>
<div class="col-3"><span class="image fit"><img src="images/photography/into_the_wild_1.png" alt="" /></span></div>
<div class="col-3"><span class="image fit"><img src="images/photography/small_grass_flowers.png" alt="" /></span></div>
<div class="col-3"><span class="image fit"><img src="images/photography/kandy_dancer_flowers.png" alt=""/></span></div>
<div class="col-3"><span class="image fit"><img src="images/photography/puple_flowers.png" alt="" /></span></div>
</div>
</div>
<h3>Black and white mode</h3>
<div class="box alt">
<div class="row gtr-uniform">
<div class="col-12"><span class="image fit"><img src="images/photography/landscape_book.png" alt="" /></span></div>
<div class="col-6"><span class="image fit"><img src="images/photography/father_and_son.png" alt="" /></span></div>
<div class="col-6"><span class="image fit"><img src="images/photography/sea_and_beach.png" alt="" /></span></div>
</div>
</div>
<h3>Twinkle Twinkle little stars</h3>
<div class="box alt">
<div class="row gtr-uniform">
<div class="col-6"><span class="image fit"><img src="images/photography/night_sky_I.png" alt="" /></span></div>
<div class="col-6"><span class="image fit"><img src="images/photography/night_sky_II.png" alt="" /></span></div>
</div>
</div>
</section>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper alt">
<div class="inner">
<ul class="menu">
<li>© @jaya3Ranasinghe. All rights reserved.</li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>