-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
133 lines (124 loc) · 5.34 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>The Malt Affair - A Whisky Marketplace & Community</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<!--Font Awesome-->
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<!--Contdown css-->
<link href="css/soon.min.css" rel="stylesheet">
<!--Preloader-->
<link rel="stylesheet" type="text/css" href="css/royal_preloader.min.css">
<!--Siding contnent-->
<link href="css/pushy.css" rel="stylesheet">
<!--Adaptive css (adaptive)-->
<link href="css/adaptive.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<script src="https://use.typekit.net/iuh6exg.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
<![endif]-->
</head>
<body class="royal_preloader"> <div id="royal_preloader"></div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-97310572-1', 'auto');
ga('send', 'pageview');
</script>
<!-- Site Overlay -->
<div class="site-overlay"></div>
<!--First section block-->
<div class="background">
<div class="container">
<div class="vcentr">
<div class="col-xs-12">
<img src="img/logo.png" class="logo" alt="The Malt Affair Logo">
<h1>Purveyors of exquisite whisky</h1>
<span class="descr">The Malt Affair is Singapore's first whisky marketplace and community by maltheads, for maltheads. Join us for our beta launch and stand a chance to win a bottle of Chichibu 2011 for LMDW cask 1401 61.3%! *</span>
<div class="row">
<form action="subs.php" method="post" onsubmit="return onFormSubmit(this);">
<div class="icomail"><i class="fa fa-envelope" aria-hidden="true"></i>
<input type="text" name="email" placeholder="Enter your E-Mail" required="required">
</div>
<button class="btnwhite">Submit</button>
</form>
</div>
<ul class="social">
<li><a href="https://www.facebook.com/The-Malt-Affair-1296073480429960/" data-toggle="tooltip" title="Visit Facebook page"><i class="fa fa-facebook" aria-hidden="true"></i></a>
</li>
<li><a href="#" data-toggle="tooltip" title="Visit Twitter page"><i class="fa fa-twitter" aria-hidden="true"></i></a>
</li>
<li><a href="#" data-toggle="tooltip" title="Visit Instagram page"><i class="fa fa-instagram" aria-hidden="true"></i></a>
</li>
</ul>
<div class="footnote">*Beta launch and giveaway open to persons above 18 years of age and located in Singapore only. By entering your e-mail address above, you consent to the collection and use of your personal data for these purposes.</div>
</div>
</div>
</div>
</div>
<script src="js/mobile-chrome-vh-fix.js"></script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!--Bootstrap 3 js-->
<script src="js/bootstrap.js"></script>
<!--Side content-->
<script src="js/pushy.min.js"></script>
<!--Preloader-->
<script src="js/royal_preloader.min.js"></script>
<!--Background-->
<script src="js/easyBackground-min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<!-- Tooltip -->
<script>
jQuery(document).ready(function($) {
'use strict';
$('[data-toggle="tooltip"]').tooltip();
});
</script>
<script>
var options = [
{
selector: '.container', // Mandatory, CSS selector
vh: 100, // Mandatory, height in vh units
}
];
var vhFix = new VHChromeFix(options);
</script>
<!--Preloader site-->
<script type="text/javascript">
'use strict';
Royal_Preloader.config({
mode: 'progress',
background: '#0a0a0a',
showProgress: true,
showPercentage: false
});
</script>
<!--Video Background-->
<script type="text/javascript" src="http://www.youtube.com/iframe_api"></script>
<script type="text/javascript">
$(document).ready(function() {
'use strict';
$('.background').easyBackground({
effect: 'video',
video: 'youtube:Ehf-78UWL2g',
overlay: 'image:url()',
wrapNeighbours: true,
disableMobile: true,
baseColor: '#000000',
});
});
</script>
</body>
</html>