-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
114 lines (96 loc) · 5.2 KB
/
index.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
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Pixabay Photography</title>
<link rel="stylesheet" href="./CSS/normalize.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300" rel="stylesheet">
<link rel="stylesheet" href="./CSS/stylesheet.css">
</head>
<body>
<div class="bgimg-1">
<span class="caption">
<div class="logoTop">
<img src="./images/logos/standard-logo.png" alt="Pixabay Photography Logo">
</div>
</span>
</div>
<div class="introText">
<h3>ABOUT PIXABAY PHOTOGRAPHY</h3>
<p>Based in the heart of Brussels, Pixabay Photography is a renowned photo studio that specialises in portraits and pet photography. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis reprehenderit, culpa neque similique! Maxime alias ipsa aperiam reiciendis quaerat, vel temporibus corporis esse numquam, perferendis quam fuga magnam incidunt cumque!</p>
<a class="buttonLink" href="./about.html" target="_self">Find out more</a>
</div>
<div class="bgimg-2">
<div class="caption">
<span class="border"><a href="./portrait.html" target="_self">PORTRAITS</a></span>
</div>
</div>
<div style="position:relative;">
<div class=introText>
<h3>CONSULT OUR PRICES</h3>
<p>Interested in booking a shooting with us? We offer many attractive packages for you or your pet. Choose the premium or standard experience based on what you want. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi maxime ipsum mollitia id obcaecati.</p>
<a class="buttonLink" href="./prices.html" target="_self">Our pricelist</a>
</div>
</div>
<div class="bgimg-3">
<div class="caption">
<span class="border"><a href="./dogs.html" target="_self">DOGS</a></span>
</div>
</div>
<div style="position:relative;">
<div class="introText">
<h3>GET IN TOUCH</h3>
<p>If you have any questions, we encourage you to get in touch with us! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure sequi quisquam quidem distinctio assumenda velit commodi magni unde repellendus, quibusdam molestiae labore, ducimus explicabo. </p>
<a class="buttonLink" href="./contact.html" target="_self">Contact us</a>
</div>
</div>
<div class="bgimg-4">
<div class="caption">
<span class="border"><a href="./cats.html" target="_self">CATS</a></span>
</div>
</div>
<footer>
<div class="footerIcons">
<a href="https://www.facebook.com" target="_blank"><img src="./images/icons/facebook-icon-small.png" alt="Facebook"></a>
<a href="https://www.instagram.com" target="_blank"><img src="./images/icons/icon-instagram-small.png" alt="Instagram"></a>
<a href = "http://flickr.com" target="_blank"><img src="./images/icons/icon-flickr-small.png" alt="Flickr"></a>
</div>
<div class="footerBoxes">
<div class="bottomBox">
<h3>Sitemap</h3>
<a href="./index.html" target="_self">Home</a><br/>
<a href="./about.html" target="_self">About</a><br/>
<a href="./portrait.html" target="_self">Portraits</a><br/>
<a href="./dogs.html" target="_self">Dogs</a><br/>
<a href="./cats.html" target="_self">Cats</a><br/>
<a href="./prices.html" target="_self">Prices</a><br/>
<a href="./contact.html" target="_self">Contact</a>
</div>
<div class="bottomBox">
<h3>Contact</h3>
<address>
Grand Place 1<br/>
1000 Brussels<br/>
Belgium<br/>
<a href="mailto:[email protected]">[email protected]</a><br/>
+32 (0)234 56 78
</address>
<br/>
<a class="buttonLink" href="./contact.html" target="_self">Book a shooting</a>
</div>
<div class="bottomBox">
<h3>Sign up to our newsletter</h3>
<input id="newsletterFname" name="newsletterFname" type="text" placeholder="First name">
<br/>
<input id="newsletterLname" name="newsletterLname" type="text" placeholder="Last name">
<br/>
<input id="newsletterEmail" name="newsletterEmail" type="text" placeholder="E-mail address">
<br/>
<button id="newsletterButton">Sign up</button>
</div>
</div>
<br/>
<p id="copyright">© Pixabay Photography. All rights reserved.</p>
</footer>
</body>
</html>