-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
168 lines (144 loc) · 6.54 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
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- ===========================
SITE TITLE
=========================== -->
<title>Welcome to the hollydays!</title>
<!-- ===========================
STYLESHEETS
=========================== -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<link rel="stylesheet" href="assets/css/animate.css">
<!-- ===========================
FONTS
=========================== -->
<link href='http://fonts.googleapis.com/css?family=Raleway:400,900,600|Pacifico' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- ===========================
GOOGLE ANALYTICS (Optional)
=========================== -->
<!-- #NOTE: Replace this line with your analytics code -->
<!--ANALYTICS END-->
<!--[if IE]>
<script src="https://cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://cdn.jsdelivr.net/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Polyfill(s) for older browsers -->
<script src="node_modules/core-js/client/shim.min.js"></script>
<script src="node_modules/zone.js/dist/zone.js"></script>
<script src="node_modules/reflect-metadata/Reflect.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="systemjs.config.js"></script>
<script>
System.import('app').catch(function(err){ console.error(err); });
</script>
</head>
<body>
<!-- ===========================
HERO SECTION
=========================== -->
<div id="hero">
<div class="redoverlay">
<div class="container">
<div class="row">
<div class="herotext">
<h2 class="wow zoomInDown" data-wow-duration="3s">Ho-Ho-Holiday Starts Here!</h2>
<h1 class="wow flipInY">It’s The time to prepare</h1>
<img class="bigbell wow tada infinite" data-wow-duration="30s" src="assets/img/bell.png" alt="">
</div>
<div class="santa wow bounceInDown" data-wow-duration="2s">
<img src="assets/img/santa.png" alt="">
</div>
</div>
</div>
</div>
</div><!--HERO SECTION END-->
<div class="col-md-6 col-lg-8">
<!--SECTIONHEAD START-->
<div class="sectionhead">
<h2>Say couple <span class="highlight">warm words</span> for yours loved ones!</h2>
</div><!--SECTIONHEAD END-->
<div class="container">
<wish>Wishes loading...</wish>
</div>
</div>
<div class="col-md-6 col-lg-4">
<!--SECTIONHEAD START-->
<div class="sectionhead">
<h2>List of loved ones</h2>
</div><!--SECTIONHEAD END-->
<list>List loading...</list>
</div>
<div id="overview" class="container clear"></div>
<!-- ===========================
CALL-TO-ACTION SECTION
=========================== -->
<div class="calltoaction">
<div class="lightoverlay">
<div class="container">
<div class="col-md-4">
<img src="assets/img/tree.gif" alt="">
</div><!--CALL-TO-ACTION IMAGE END-->
<div class="sectionhead content col-md-8">
<h2>Don't forget buy <span class="highlight"><count></count> gifts</span> in our shop</h2>
<p>Santa goes to every of yours loved ones on this hollydays, if you really whant it. Be those personal Santa, by some gifts in our shop.</p>
<a href="" class="btn btn-default">Ho Ho Ho</a>
</div><!--CALL-TO-ACTION CONTENT END-->
</div><!--CALL-TO-ACTION CONTAINER END-->
</div><!--CALL-TO-ACTION OVERLAY END-->
</div><!--CALL-TO-ACTION END-->
<!-- ===========================
PRODUCTS SECTION
=========================== -->
<div id="products" class="container">
<!--SECTIONHEAD START-->
<div class="sectionhead text-center">
<h2>Some <span class="highlight">cool gifts</span> to yours friends and family</h2>
<p>Only best and original gifts in our shop.</p>
<hr>
</div><!--SECTIONHEAD END-->
<!--SMALL ITEM 1ST ROW START-->
<div class="row moreitems">
<gift>Loading gifts...</gift>
</div><!--SMALL ITEM 2ND ROW END-->
</div><!--PRODUCTS SECTION END-->
<!-- ===========================
SUBSCRIBE SECTION
=========================== -->
<div id="subscribe">
<div class="darkoverlay">
<div class="container text-center">
<img class="santaicon wow tada infinite" data-wow-duration="20s" src="assets/img/santa-sm.png" alt="">
<div class="sectionhead">
<h2>Don’t miss <span class="highlight">updates</span> amymore</h2>
<p>Use our git repository by this link <a href="https://github.com/2union/Angular2EducationChristmasDemo" target="_blank">Angular2 Education Christmas Demo</a>.</p>
</div><!--SECTIONHEAD END-->
</div><!--SUBSCRIBE CONTAINER END-->
</div><!--OVERLAY END-->
</div><!--SUBSCRIBE SECTION END-->
<!-- ===========================
FOOTER
=========================== -->
<footer class="container text-center">
<h2 class="logo">Santa<span class="highlight">Go</span></h2>
<img class="santacap" src="assets/img/santa_cap.png" alt="">
<P>Another free Bootstrap Landing page temlate from <a href="http://evenfly.com">EvenFly</a> released under <a href="https://creativecommons.org/licenses/by/3.0/">CC 3.0</a> license.</P>
<hr>
</footer><!--FOOTER END-->
<!-- ===========================
NECESSARY SCRIPTS
=========================== -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="assets/js/evenfly.js"></script>
<script src="assets/js/jquery.nicescroll.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/snowstorm-min.js"></script>
<script>new WOW().init();</script>
</body>
</html>