-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
139 lines (108 loc) · 4.98 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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#F15B22">
<!--Favicons-->
<link rel="apple-touch-icon" sizes="180x180" href="ico/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="ico/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!--End of Favicons-->
<!--JQuery script-->
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-117171100-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-117171100-1');
</script>
<!-- Hotjar Tracking Code for https://atelier.shootbeta.com/ -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:928360,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<!--My stylesheets-->
<link rel="stylesheet" href="styles/styles.css">
<link rel="stylesheet" href="styles/queries.css">
<!--Bootstrap style sheet-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">
<!--Google Fonts, Nunito Sans-->
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans:400,700" rel="stylesheet">
<!--Font Awesome CDN Link-->
<link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet">
<title>Shoot</title>
</head>
<body>
<div>
<div class="container" id="mainP">
<div class="text-center" id="logo">
<img src="img/mark only - color.png" alt="shoot-mark-black" id="shootlogo">
</div>
<div class="centered" id="arrow">
<div class="chevron"></div>
<div class="chevron"></div>
<div class="chevron"></div>
</div>
<div id="defn">
<p id="atelier">Atelier
<br>/adlˈyā/
<br>noun</p>
</div>
<p id="atelier">A workshop or studio,<br>especially one used by<br>an artist or designer.</p>
<div class="centered">
<img src="img/Atelier_graphic.svg" alt="camera" id="camera" >
</div>
<p class="secondP para">
The <mark id="purple">Atelier</mark> is the name of the team<br>and studio that is designing <mark id="pink">Shoot:</mark><br>a platform for Photographers,<br>Videographers and Creatives to<br><mark id="pastel-pink">connect and create</mark> with<br>anyone that has a story to tell.
</p>
<p class="para">
From beauty portraits to fashion,<br>corporate headshots to weddings,<br>we strive to <mark id="yellow">revolutionize</mark> how people use<br>photography and video to tell their stories.
</p>
<p id="soon">
Coming Fall 2018
</p>
</div>
<div class="container text-center form">
<form action="https://shootbeta.us12.list-manage.com/subscribe/post" method="POST">
<input placeholder= "Enter your email" type="email" autocapitalize="off" autocorrect="off" name="MERGE0" id="MERGE0" size="25" value="">
<input type="hidden" name="u" value="921c681ec7e9cef99573acccf">
<input type="hidden" name="id" value="036a2f6f4f">
<input type="hidden" name="orig-lang" value="1">
</form>
</div>
<p class="finalNote">Let's keep in touch!<br>Leave your email so that we<br>can let you know about our progress,<br>the launch dates, and when we<br>will be ready for you!</p>
<div class="container text-center" id="fullLogoBottom">
<img src="img/logo-black.png" alt="shoot logo black" id= "shoot">
</div>
<div class="container text-center font-awesome">
<a href="https://www.instagram.com/shootupdates/?hl=en"><i class="fab fa-instagram"></i></a>
<a href="https://twitter.com/ShootUpdates?lang=en"><i class="fab fa-twitter"></i></a>
<a href="https://open.spotify.com/user/12148488908/playlist/10mRqS62bSMMCRRXKZyMjA"><i class="fab fa-spotify"></i></a>
<!--
<a href=""><i class="fab fa-medium"></i></a>
-->
</div>
</div>
</body>
<!--Js Script
<script src="scripts/script.js"></script> -->
</html>