-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
158 lines (137 loc) · 8.84 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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags always come first -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<body>
<div class="background-left"></div>
<div class="background-right"></div>
<!-- Modal -->
<div class="modal fade" id="guidelines" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span class="h3" aria-hidden="true">×</span>
<span class="sr-only">Close</span>
</button>
<h3 class="modal-title text-center" id="myModalLabel">Guidelines</h3>
</div>
<div class="modal-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sed eleifend metus, nec tincidunt orci. Sed porta metus sem, nec vehicula leo pellentesque sed. Sed faucibus gravida eros, non malesuada ligula imperdiet et. Curabitur lobortis, massa non fermentum tristique, velit neque semper nibh, in scelerisque ex ex non quam. Morbi vel condimentum ligula. Pellentesque volutpat magna quis ex auctor, ac mattis justo pharetra. In ut posuere nisl. Nullam porta diam sed euismod hendrerit. Morbi posuere, tellus eget efficitur pharetra, leo tellus condimentum purus, ut maximus urna mauris dapibus felis. Nullam pellentesque aliquet mollis. Suspendisse congue sem at elementum venenatis.</p>
<p>Aliquam id eros eget odio tempus euismod. Donec accumsan placerat turpis quis aliquet. Morbi blandit ligula vitae nulla facilisis venenatis. Vivamus scelerisque velit augue, eget pellentesque erat scelerisque sed. Nam at ante vel lacus feugiat pulvinar. In et dui pretium, congue enim ut, lacinia nunc. Suspendisse vitae eros purus. Maecenas posuere felis sed magna pretium porta. Vivamus ultrices ligula nec sodales sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p>
<p>Fusce vitae mauris porttitor, aliquet felis id, cursus enim. Suspendisse et orci eleifend, malesuada ipsum in, pellentesque dui. Donec rhoncus erat sit amet auctor iaculis. Maecenas pulvinar nunc eu enim pellentesque, ut bibendum lacus porta. Phasellus fringilla gravida molestie. Donec et tempus velit. Proin eros orci, pharetra id aliquam nec, egestas a ligula. Sed tristique cursus mi, nec varius felis vestibulum eu. Proin et neque imperdiet, maximus libero et, molestie elit. Fusce imperdiet vulputate diam vitae dignissim. Nam tempor nunc nisl, vitae pulvinar ex auctor a. Nam elit erat, consequat et volutpat a, porta ac orci. Donec eget sapien facilisis, malesuada lectus sed, tincidunt nulla. Maecenas sagittis nibh id commodo viverra. Nulla vitae dapibus nulla, sit amet vehicula neque. Vivamus sit amet consectetur elit, a iaculis erat.</p>
<p>In iaculis nunc et erat fermentum malesuada et sit amet diam. Aliquam id finibus lacus. Phasellus mattis sapien et vehicula consequat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin lacinia elementum odio in fermentum. Nulla a neque augue. Phasellus vel leo ut elit facilisis pulvinar eu non dolor. Suspendisse potenti. Nulla facilisi. Nam fermentum sagittis justo, a semper eros dignissim sit amet.</p>
</div>
</div>
</div>
</div>
<header>
<div class="container">
<div class="row">
<div class="col-xs-offset-9 col-xs-6 col-sm-offset-0 col-sm-5 col-md-4 col-lg-3 horze-logo">
<a href="http://horze.com">
<img src="images/logo-horze.svg" alt="">
</a>
</div>
<div class="hidden-xs-down col-sm-4 col-sm-offset-14 col-md-offset-16 col-lg-offset-17 header-left">
<img src="images/trust-trusted-shops.svg" alt="">
</div>
</div>
</div>
</header>
<section class="content container">
<div class="content-center row beforeBFlayout">
<div class="bf-form layout-content">
<h1><strong> Black Friday</strong> is comming</h1>
<h3 class="display-4">Subscribe & Win 1000€</h3>
<h4 class="col-md-16 col-md-offset-4 col-lg-14 col-lg-offset-5 col-xl-12 col-xl-offset-6">Want to be the first to know about Black Friday deals? Sign up to get in on all the deals and be entered in a drawing for 1000€</h4>
<a class="col-xs-24 guidelines" data-toggle="modal" data-target="#guidelines"><small>Check guidlines ></small></a>
<form class="form-inline container">
<div class="row">
<div class="input-group col-xs-24 col-sm-18 col-sm-offset-3 col-md-14 col-md-offset-5 col-lg-12 col-lg-offset-6 col-xl-10 col-xl-offset-7">
<input type="hidden" name="originname" value="Black Friday" />
<input type="text" class="form-control form-control-lg" id="exampleInputAmount" placeholder="Type your E-mail Address here">
<div type="submit" class="input-group-addon btn">Subscribe</div>
</div>
<div class="col-xs-24 col-sm-18 col-sm-offset-3 col-md-14 col-md-offset-5 col-lg-12 col-md-offset-6 col-xl-10 col-xl-offset-7 col-xl-10 col-xl-offset-7">
<small class="privacy-protect">We respect your privacy</small>
</div>
</div>
</form>
</div>
<div class="bf-confirm">
<i class="fa fa-5x fa-check"></i>
<h2>Thank you</h2>
<h3 class="col-xl-14 col-xl-offset-5">You have successfully subscribed and been entered in the drawing.</h3>
<small class="col-xl-8 col-xl-offset-8">Winner will be announced 27.11.2015 here, on Facebook and on Instagram.</small>
</div>
<!-- COUNTDOWN TO BLACK FRIDAY -->
<div class="bf-countdown">
<img class="blackfriday-logo" src="images/Black_friday_sale_logo.svg" alt="Black Friday">
<h5>Come back in</h5>
<div class="countdown"></div>
</div>
<!-- COUNTDOWN END -->
</div>
<div class="content-center row startedBFlayout">
<div class="layout-content">
<img class="col-xs-14 col-xs-offset-5 col-sm-10 col-sm-offset-6 col-md-8 col-md-offset-8 col-lg-6 col-lg-offset-9" src="images/Black_friday_sale_logo.svg" alt="Black Friday">
<h2 class="display-4 col-xs-22 col-xs-offset-1">And the winner is...</h2>
<p class="col-xs-22 col-xs-offset-1">The winner of the drawing for 1000€ is</p>
<h3 class="col-xs-22 col-xs-offset-1"><b class="winner-bf"></b> from <span class="winner-country"></span></h3>
</div>
<!-- COUNTDOWN BLACK FRIDAY -->
<div class="bf-countdown col-xs-20 col-xs-offset-2 col-sm-12 col-sm-offset-6 col-sm-12 col-sm-offset-6 col-lg-8 col-lg-offset-8">
<h5>Black Friday Sale ends in</h5>
<div class="countdown"></div>
<a href="http://horze.com" class="btn-to-shop">Get shopping</a>
</div>
<!-- COUNTDOWN END -->
</div>
<div class="content-center row endedBFlayout">
<div class="layout-content">
<h3>Thank you for this year!</h3>
<!-- COUNTDOWN TO BLACK FRIDAY -->
<div class="bf-countdown">
<img class="blackfriday-logo" src="images/Black_friday_sale_logo.svg" alt="Black Friday">
<h5>Come next year</h5>
<div class="countdown"></div>
</div>
<!-- COUNTDOWN END -->
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-md-12">
<span class="copyright">Copyright 2015 Horze-Equestrian. All rights reserved.</span>
</div>
<div class="col-md-12">
<nav class="nav">
<a class="nav-link" href="$url('Page-Show','cid','terms')$">Terms</a>
<a class="nav-link" href="$url('Page-Show','cid','privacy-policy')$">Privacy</a>
<a class="nav-link" href="$url('Page-Show','cid','security-policy')$">Security</a>
</nav>
</div>
</div>
</div>
</footer>
<!-- jQuery first, then Bootstrap JS. -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="dist/js/bootstrap.js"></script>
<!-- Countdown -->
<script src="js/jquery.countdown.min.js"></script>
<!-- TweenMax -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js"></script>
<!-- Custom -->
<script src="js/custom.js"></script>
</body>
</html>