forked from CodeYourFuture/HTML-CSS-Coursework-Week1
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
89 lines (87 loc) · 3.79 KB
/
index.html
File metadata and controls
89 lines (87 loc) · 3.79 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<!-- this line let the page reflow the content to match the screen size -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<title>Photo Retreat</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
<header>
<div class="container" id="grid-header">
<h1 id="web-title">Photo Retreat</h1>
<p id="web-description">
Welcome to this little but cossy space where we all can share what we
know about this amazing world of photography
</p>
<a href="home">Home</a>
<a href="blog">Blog</a>
<a href="contact-us">Contact us</a>
</div>
</header>
<main>
<div class="container" id="grid-article1">
<article id="article1">
<h2 class="article-title">Long exposure photography</h2>
<img id="img-article1" src="pictures/longexposure.jpg" />
<p id="p-article1">
Long-exposure, time-exposure, or slow-shutter photography involves
using a long-duration shutter speed to sharply capture the stationary
elements of images while blurring, smearing, or obscuring the moving
elements. Long-exposure photography captures one element that
conventional photography does not: an extended period of time. The
paths of bright moving objects become clearly visible—clouds form
broad bands, vehicle lights draw bright streaks, stars leave trails in
the sky, and water waves appear smooth. Only bright objects leave
visible trails, whereas dark objects usually disappear. Boats in long
exposures disappear during the daytime, but draw bright trails from
their lights at night.
</p>
</article>
</div>
<div class="container" id="grid-article2">
</article id="img-article2">
<h2 class="article-title">Doble exposure photography</h2>
<picture>
<img id="img-article2" src="pictures/dobleexposure.jpg" />
</picture>
<p>
A double e xposure is a combination of two images into one where one
image is overlaid onto another at less than full opacity. This is done
with artistic intent (unless you're shooting film and forgot to wind
it between shots, but still you might get a serendipitously happy
accident.) This can be done in-camera or in post processing. In film
photography, double exposures are made by exposing the same portion of
film twice, resulting in an the second image being superimposed on the
first. In digital photography, double exposures can be made in-camera
in some cases when it's available as a creative effect in a body, in
photoshop, or in apps designed specifically to make digital double
exposures.
</p>
</article>
</div>
</main>
<footer>
<div class="container" id="grid-footer"></div>
<a href="https://twitter.com/explore">
<img src="pictures/logo-instagram.png" />
</a>
<a href="https://twitter.com/explore">
<img src="pictures/logo-pintrest.png" />
</a>
<a href="https://twitter.com/explore">
<img src="pictures/logo-twitter.png" />
</a>
</div>
</footer>
</body>
</html>