-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
85 lines (78 loc) · 5.05 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
<!doctype html>
<html>
<head>
<title>Penny Brewer | Photography</title>
<meta name="viewport" content="width=device-width">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic|Montserrat:400,700|Josefin+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="js/fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="js/HideSeek-master/jquery.hideseek.min.js"></script>
<script src="js/fancybox/source/jquery.fancybox.js"></script>
<script src="js/jflickrfeed/jflickrfeed.min.js"></script>
</head>
<body>
<div class="banner container">
<div>
<svg class="logo-svg" width="100%" height="100%" viewBox="0 0 800 600" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
<g class="filters">
<path d="M530.179,140.291c15.215,-20.975 10.538,-50.357 -10.437,-65.572l-76.009,-55.134c-20.975,-15.215 -50.357,-10.538 -65.572,10.437l-98.429,135.695c-15.215,20.975 -10.538,50.357 10.437,65.571l76.009,55.135c20.975,15.215 50.357,10.538 65.572,-10.437l98.429,-135.695Z" style="fill:#fa050f;fill-opacity:0.74902;"/>
<path d="M389.134,87.365c0,-25.912 -21.038,-46.95 -46.95,-46.95l-93.9,0c-25.912,0 -46.95,21.038 -46.95,46.95l0,167.635c0,25.912 21.038,46.95 46.95,46.95l93.9,0c25.912,0 46.95,-21.038 46.95,-46.95l0,-167.635Z" style="fill:#985b97;fill-opacity:0.752941;"/>
<path d="M617.009,285.461c25.48,-4.713 42.341,-29.226 37.628,-54.706l-17.079,-92.333c-4.713,-25.481 -29.226,-42.341 -54.706,-37.628l-164.839,30.49c-25.48,4.713 -42.34,29.226 -37.627,54.706l17.078,92.333c4.713,25.481 29.226,42.341 54.706,37.628l164.839,-30.49Z" style="fill:#fe6702;fill-opacity:0.752941;"/>
<path d="M570.697,451.236c21.937,13.793 50.944,7.18 64.736,-14.756l49.98,-79.494c13.792,-21.936 7.18,-50.944 -14.757,-64.736l-141.916,-89.227c-21.937,-13.792 -50.944,-7.179 -64.736,14.757l-49.98,79.494c-13.792,21.936 -7.18,50.944 14.757,64.736l141.916,89.226Z" style="fill:#fbe201;fill-opacity:0.752941;"/>
<path d="M591.622,348.9c0,-25.913 -21.037,-46.95 -46.95,-46.95l-93.899,0c-25.913,0 -46.95,21.037 -46.95,46.95l0,167.634c0,25.913 21.037,46.95 46.95,46.95l93.899,0c25.913,0 46.95,-21.037 46.95,-46.95l0,-167.634Z" style="fill:#73fc00;fill-opacity:0.752941;"/>
<path d="M483.14,457.126c18.323,-18.323 18.323,-48.075 0,-66.397l-66.397,-66.397c-18.323,-18.323 -48.075,-18.323 -66.397,0l-118.536,118.535c-18.323,18.323 -18.323,48.075 0,66.397l66.397,66.397c18.323,18.323 48.074,18.323 66.397,0l118.536,-118.535Z" style="fill:#0afcd2;fill-opacity:0.752941;"/>
<path d="M353.036,490.087c25.912,0 46.949,-21.038 46.949,-46.95l0,-93.9c0,-25.912 -21.037,-46.95 -46.949,-46.95l-167.635,0c-25.913,0 -46.95,21.038 -46.95,46.95l0,93.9c0,25.912 21.037,46.95 46.95,46.95l167.635,0Z" style="fill:#011ce5;fill-opacity:0.752941;"/>
<path d="M238.75,132.705c-20.306,-16.097 -49.861,-12.679 -65.958,7.627l-58.33,73.584c-16.097,20.306 -12.68,49.861 7.626,65.958l131.367,104.135c20.306,16.097 49.861,12.68 65.958,-7.626l58.331,-73.585c16.096,-20.306 12.679,-49.861 -7.627,-65.957l-131.367,-104.136Z" style="fill:#590457;fill-opacity:0.752941;"/>
</g>
<g class="whole-lens">
<circle cx="400.999" cy="309.619" r="159.167" style="fill:#2b2626;"/>
<g class="lens">
<circle cx="401.383" cy="309.495" r="144.861" style="fill:#717171;"/>
<circle cx="401.386" cy="310.006" r="108.93" style="fill:#000;"/>
<circle cx="441.008" cy="258.359" r="12.008" style="fill:#fcfcfc;"/>
</g>
</g>
</svg>
<h1>Photographs</h1>
<h3>By Penny Brewer</h3>
<ul class="social-icons container">
<li><a href="mailto:[email protected]" target="_blank" class="social mail">Email</a></li>
<li><a href="https://www.facebook.com/brewer.penny" target="_blank" class="social facebook">Facebook</a></li>
<li><a href="https://www.etsy.com/uk/shop/PennyStudiosCo" target="_blank" class="social cart">Etsy</a></li>
</ul>
</div>
</div>
<div class="gallery">
<script>
$('.gallery').jflickrfeed({
limit: 12,
qstrings: {
id: '143796924@N08'
},
itemTemplate: '<div class="photo"><a class="fancybox" rel="group" href="{{image_b}}" title="{{title}}"> <img alt="{{title}}" src="{{image_b}}" /></div>'
});
</script>
</div>
</div>
<footer>
<div class="footer">
<p>© Penny Brewer All rights reserved</p>
<p>Website by <a href="http://stevebrewer.uk" target="_blank"> Steve Brewer</a></p>
</div>
</footer>
<script>
$(".fancybox").fancybox({
helpers : {
title: {
type: 'inside',
position: 'bottom'
}
},
nextEffect: 'fade',
prevEffect: 'fade'
});
</script>
</body>
</html>