-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
125 lines (102 loc) · 3.99 KB
/
contact.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
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sasha Turrentine Photography</title>
<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" type="text/css" href="slick-1.5.9/slick/slick.css">
<link rel="stylesheet" type="text/css" href="slick-1.5.9/slick/slick-theme.css">
<link href='https://fonts.googleapis.com/css?family=Jaldi|Voltaire|Alegreya+Sans+SC:400,800' rel='stylesheet' type='text/css'>
</head>
<body>
<header class="title">
<h1 class="name"><a href="index.html">Sasha</a></h1>
<h1 class="surname"><a href="index.html">Turrentine</a></h1>
<a href="javascript:void(0);" onclick="showMenu()"><img id="menubtn" src="social/menu.svg"></a>
<ul class="navigation" id="desktop">
<li class="dropdown">
<button class="dropbtn">Images</button>
<div class="dropdown-content">
<a href="index.html">Food</a>
<a href="portraits.html">Portraits</a>
<a href="travel-life.html">Travel | Life</a>
<a href="wedding-event.html">Wedding | Event</a>
</li>
</div>
<li class="dropdown">
<button class="dropbtn">Stories</button>
<div class="dropdown-content">
<a href="in-the-gray.html">In The Gray</a>
<a href="suspended.html">Suspended</a>
<a href="father-day.html">Father's Day</a>
</li>
</div>
<li class="dropdown">
<a href="about.html" class="dropbtn">About</a>
</li>
<li class="dropdown">
<a href="contact.html" class="dropbtn active">Contact</a>
</li>
</ul>
<div class="mobilemenu">
<ul class="hidden" id="mobile">
<li class="menu-title">IMAGES</li>
<li><a href="index.html>Food</a></li>
<li><a href="portraits.html">Portraits</a></li>
<li><a href="travel-life.html">Travel | Life</a></li>
<li><a href="wedding-event.html">Wedding | Event</a></li>
<li class="menu-title">STORIES</li>
<li><a href="in-the-gray.html">In The Gray</a></li>
<li><a href="suspended.html">Suspended</a></li>
<li><a href="father-day.html">Father's Day</a></li>
<li class="menu-title" id="about"><a href="about.html">ABOUT</a></li>
<li class="menu-title" id="contact" class="active">><a href="contact.html">CONTACT</a></li>
</ul>
</div>
</header>
<div class="contact" id="follow me">
<div class="mail social"><a href="mailto:sasha.turrentine@gmail.com"><img src="social/mail.svg"></a></div>
<div class="fb social"><a href="https://www.facebook.com/Sasha-Turrentine-photography-164241463730139/"><img src="social/fbook.svg"></a></div>
<div class="insta social"><a href="https://www.instagram.com/sashaturrentine/"><img src="social/insta.svg"></a></div>
</div>
<div id="bringmeback">
<a href="#top">BACK TO TOP »</a>
</div>
<footer>
<p id="footer-copy">© 2016 Sasha Turrentine Photography | all photos © Sasha Turrentine
</p>
</footer>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="slick-1.5.9/slick/slick.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var parameters = {
dots: false,
autoplay: true,
autoPlayTimer: 3000,
infinite: true,
speed: 500,
cssEase: 'linear',
variableWidth: true,
swipe: true,
mobileFirst: true
}
$('.fade').slick(parameters);
});
function showMenu() {
document.getElementById("mobile").classList.toggle("hidden");
}
$("body").click(function(event){
var menu = $("#mobile");
if (event.target.id !=="menubtn" && !$('#mobile').has(event.target).length){
if (!menu.hasClass("hidden")){
menu.addClass("hidden")
}
}
})
</script>
</body>
</html>