-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
210 lines (161 loc) · 9.26 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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
---
layout: base
title: Rigged-to-win scratch-off...better than a gift card!
description: A fun gift for birthdays, Christmas, graduation, weddings, bar-mitzvah and more!
logo-class: front_page_logo page-scroll
seo:
type: Product
name: The Gift Ticket
image:
twitter: /img/Gift_Ticket_Social_Share_Twitter.png?date=2016050604
facebook: /img/Gift_Ticket_Social_Share_Facebook.png?date=2016050601
width: 1200
height: 630
---
<!--
Twitter image: recommended 600x330
Facebook image: recommended 1200x630 but it seems to get cut off using the debugger..
-->
<!-- BEGIN additional head tags -->
<meta property="og:type" content="product" />
<meta property="product:price:amount" content="4.95" />
<meta property="product:price:currency" content="USD" />
<link rel="stylesheet" href="/bower_components/wowjs/css/libs/animate.css">
<!-- END additional head tags -->
{% include navigation.html %}
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=994582807295629";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- Intro Header -->
<header class="content-section intro" style="padding-top: 0; border-bottom: 1px solid darkgray">
<div class="intro_robot" >
<div class="container">
<div class="col-sm-5 col-sm-offset-6">
<div class="intro_product">
<img class="index_logo" src="img/nav_logo.svg" alt="Gift Ticket logo" >
<!--<h1 style="color:white;" itemprop="name">Gift Ticket</h1>-->
<div style="color:white;font-size: 22px; font-weight: 500; margin-top: 20px; margin-bottom: 8px;">Better than a gift card... <br/> because <strong>WINNING MONEY</strong> is <strong><em>FUN!</em></strong></div>
<!--<i class="fa fa-star"></i>-->
<!--<i class="fa fa-star"></i>-->
<!--<i class="fa fa-star"></i>-->
<!--<i class="fa fa-star"></i>-->
<!--<i class="fa fa-star-half-empty"></i><br/>-->
<!--<div itemprop="offers" itemscope itemtype="http://schema.org/Offer" style="display: inline-block">-->
<!--<!–price is 1000, a number, with locale-specific thousands separator-->
<!--and decimal mark, and the $ character is marked up with the-->
<!--machine-readable code "USD" –>-->
<!--<span itemprop="priceCurrency" content="USD">$</span><span-->
<!--itemprop="price" content="4.95">4.95</span>-->
<!--</div>-->
<!-- - FREE shipping<br/>-->
<!--<a class="btn intro_buy_now page-scroll" href="/#how">Learn More <i class="fa fa-angle-double-down"></i></a>-->
</div>
</div>
</div>
</div>
</header>
<!-- About Section -->
<section id="about" class="container-fluid text-center greybackground">
<div class="row hidden-xs hidden-md hidden-sm">
<div class="col-lg-offset-3 col-lg-9">
<div id="share-menu" class="cos-share-floater wow fadeIn" data-wow-delay="2s" data-wow-duration="3s">
<ul class="list-unstyled share_buttons">
<li><div class="fb-like" data-href="https://thegiftticket.com" data-layout="box_count" data-action="like" data-show-faces="false" data-share="true"></div></li>
<li><a data-pin-do="buttonPin" data-pin-color="red" data-pin-count="above" href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fthegiftticket.com&media=https%3A%2F%2Fthegiftticket.com%2Fimg%2FGift_Ticket_Social_Share_Pintrest.png&description=Gift%20Ticket%3A%20The%20fun%20way%20to%20gift%20money!"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_28.png" /></a></li>
<li><div class="g-plusone" data-size="tall"></div></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-url="https://thegiftticket.com" data-text="Gift Ticket: Make Gifting Fun Again" data-hashtags="giftidea">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></li>
</ul>
</div>
</div>
</div>
<div class="row" style="border-bottom: 1px solid #eee">
<div class="col-lg-offset-1 col-lg-10">
<!--<ul class="list-inline" style="padding-top: 8px; height: 20px;">-->
<!--<li><a data-pin-do="buttonPin" data-pin-color="red" data-pin-count="beside" rel="nofollow" href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fthegiftticket.com&media=%2F%2Fthegiftticket.com%2Fimg%2Fpintrest_share.png&description=The%20Gift%20Ticket%3A%20The%20fun%20way%20to%20gift%20money!"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" /></a></li>-->
<!--<li><div class="fb-like" data-href="https://facebook.com/TheGiftTicket" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div></li>-->
<!--</ul>-->
<ul class="about-features">
<li>Physical gift card disguised as a lottery ticket <span style="font-weight: bold; font-size:smaller">(NOT ACTUAL GAMBLING)</span></li>
<li>Choose guaranteed-win amount you'd like to give</li>
<li>Give them the <strong>experience of winning by luck</strong></li>
<li>They redeem online and learn it's from you</li>
<li>You're notified by SMS/email to pay winning amount directly using PayPal<sup>®</sup> or Venmo<sup>®</sup></li>
</ul>
</div>
</div>
</section>
<section id="how" class="container-fluid content-section">
<div class="text-center">
<h1 style="margin-bottom: 50px;">How it Works...</h1>
</div>
<div class="row">
<div class="col-md-offset-2 col-lg-offset-3 col-md-3" >
<h4>Purchase Gift Ticket</h4>
<p>
Buy ticket for a 'winning' amount: $25/$50/$100/etc.<br/>
<span style="font-size: smaller"> All tickets cost the same no matter how much you're giving.</span>
</p>
</div>
<div class="col-md-4 col-lg-3 text-center"
style="text-align: right">
<img src="img/MoneyMatch_Product_Photo.jpg" class="img-responsive" alt="Gift Ticket scratch-off" style="padding: 20px auto;" />
</div>
</div>
<div class="row ">
<div class="col-md-offset-2 col-lg-offset-3 col-md-3" >
<h4>Give Gift Ticket</h4>
<p>
Give or mail Gift Ticket to your recipient. (pssst...we can send it for you!)<br/>
<span style="font-size: smaller">There's no risk in mailing because you haven't forked over real dough.</span>
</p>
</div>
<div class="col-md-4 col-lg-3 text-center">
<img src="img/robots_give.png" class="img-responsive" alt="Gifting the Ticket" >
</div>
</div>
<div class="row">
<div class="col-md-offset-2 col-lg-offset-3 col-md-3" >
<h4>Make them Proud!</h4>
<p>They'll scratch, win(!), then redeem online using their email address and revealed code on ticket.<br/>
<span style="font-size: smaller">At this point, they'll know it's from you!</span>
</p>
</div>
<div class="col-md-4 text-center">
<img src="img/robot_win.png" class="img-responsive" alt="Winning money"/>
</div>
</div>
<div class="row ">
<div class="col-md-offset-2 col-lg-offset-3 col-md-3" >
<h4>Gift Money with Venmo or PayPal!</h4>
<p>
Upon redemption, you are sent a link via SMS/email to transfer money with a <strong>simple one-touch payment!</strong><br/>
<span style="font-size: smaller">Don't worry, they can still claim money if they don't already have a Venmo<sup>®</sup>/PayPal<sup>®</sup> account.</span>
</p>
</div>
<div class="col-md-4 col-lg-3 text-center">
<img src="img/robots_pay.png" class="img-responsive" alt="Giving money">
</div>
</div>
</section>
<section id="send" class="container-fluid content-section ">
<div class="row">
<div class=" col-lg-offset-2 col-lg-8 text-center">
<a href="order" class="btn bottom_buy_now" onclick="trackLink('Order Button', 'clicked', 'bottom', '/order'); return false;">Choose a Ticket Now <i class="fa fa-angle-double-right"></i></a>
</div>
</div>
</section>
<script src="/bower_components/wowjs/dist/wow.min.js"></script>
<script language="JavaScript">
new WOW().init();
$(function() {
setTimeout(function() {
$("#share-menu").css("display", "block");
}, 3000);
});
</script>