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

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 + + + + + + + + + +
+ + +
+ +

+ FileBot + Purchase a universal license +

+
+ +
+
+ screenshot +
+
+

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. +

+
+ + +
+ + Buy FileBot License (1 year) +
US$6.00
+
+ +
    +
  • A valid license is required to unlock FileBot.
  • +
  • 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.
  • +
+
+ + + + + + + +

+ 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