diff --git a/website/.htaccess b/website/.htaccess
index 22677020..1ce17dff 100644
--- a/website/.htaccess
+++ b/website/.htaccess
@@ -9,9 +9,6 @@ redirect 302 /mac/purchase.html https://itunes.apple.com/us/app/filebot/id905384
# redirect donate page
redirect 302 /donate.html https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=rednoah%40filebot%2enet&lc=US&item_name=FileBot%20Support¤cy_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHosted
-# TODO: build purchase / checkout page
-redirect 302 /purchase.html https://www.filebot.net/#purchase
-
# redirect to support pages
redirect 302 /amc.html https://www.filebot.net/forums/viewtopic.php?f=4&t=215
redirect 302 /manual.html https://www.filebot.net/forums/viewtopic.php?f=3&t=7
diff --git a/website/base.css b/website/base.css
index b1113589..d19ae878 100644
--- a/website/base.css
+++ b/website/base.css
@@ -16,7 +16,8 @@ a:hover {
border-bottom: none;
}
-a img {
+img, video {
+ vertical-align: middle;
border: none;
}
@@ -179,7 +180,6 @@ h1 .description {
.screenshot {
float: right;
background-color: #E6E6E6;
- border: thin solid lightgray;
box-shadow: 0px 2px 5px #a2a2a2;
}
@@ -494,28 +494,32 @@ div.screencast:hover .play {
content: "* ";
}
-#purchase .price {
- position: absolute;
+#purchase {
+ margin-bottom: 55px;
}
-#purchase .price > span {
+#purchase > ul > li.purchase {
position: relative;
- left: 10em;
- top: 1.3em;
+}
+
+#purchase > ul > li.purchase div.tag {
+ position: absolute;
+ right: 2em;
+ bottom: -1em;
padding: 0.3em;
border: 0.1em solid rgba(255,255,255,0);
border-radius: 0.4em;
-
+
text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
text-align: center;
- font-size: smaller;
+ font-size: 13px;
color: white;
background-color:#F14E4E;
}
-#purchase .price > span:after {
+#purchase div.tag > span:after {
content: " (incl. tax)";
font-size: xx-small;
position: relative;
@@ -523,6 +527,34 @@ div.screencast:hover .play {
left: 0.1em;
}
+#purchase > a.paddle_button {
+ position: relative;
+ display: block;
+ margin: 30px 260px 50px 80px;
+ padding: 15px;
+ font-size: larger;
+ vertical-align: middle;
+ text-align: center;
+}
+
+#purchase > a.paddle_button div.tag {
+ position: absolute;
+ right: 5em;
+ bottom: -1.6em;
+
+ padding: 4px;
+ border: 0.1em solid rgba(255,255,255,0);
+ border-radius: 0.4em;
+
+ text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
+ text-align: center;
+ font-size: 13px;
+
+ color: white;
+ background-color:#F14E4E;
+}
+
+
/**
diff --git a/website/index.html b/website/index.html
index efc8acc7..e404f9b4 100644
--- a/website/index.html
+++ b/website/index.html
@@ -257,9 +257,9 @@
We work to better ourselves
Buy License
- Purchase a 1 year universal license US$6.00
+ Purchase a 1 year universal license US$6.00
A valid license is required to unlock FileBot.
- A single license is valid on all platforms and can be used on up to 5 machines.
+ A single license is valid on all platforms and can be used on multiple machines.
Windows Store and Mac App Store purchases do not require a separate license.
diff --git a/website/purchase.html b/website/purchase.html
new file mode 100644
index 00000000..dec6f461
--- /dev/null
+++ b/website/purchase.html
@@ -0,0 +1,91 @@
+
+
+
+ Buy FileBot License
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Buy
+
+ FileBot may be downloaded and evaluated for free, however a license must be purchased for continued use. Licenses are per-user, rather than per-machine, so you can enjoy FileBot on as many computers and operating systems as you wish with your license.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Need some help getting started? Join the forums and ask.
+
+
+
+
+
+
+
+
diff --git a/website/screenshots/license.png b/website/screenshots/license.png
new file mode 100644
index 00000000..1673cf5e
Binary files /dev/null and b/website/screenshots/license.png differ