diff --git a/assets/styles/pricing.scss b/assets/styles/pricing.scss new file mode 100644 index 000000000..063c0ce47 --- /dev/null +++ b/assets/styles/pricing.scss @@ -0,0 +1,65 @@ +* { + box-sizing: border-box; + } + + /* Create three columns of equal width */ + .pricing-columns { + float: left; + width: 50%; + padding: 8px; + } + + /* Style the list */ + .price { + list-style-type: none; + border: 1px solid #eee; + margin: 0; + padding: 0; + -webkit-transition: 0.3s; + transition: 0.3s; + } + + /* Add shadows on hover */ + .price:hover { + box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2) + } + + /* Pricing header */ + .price .header { + background-color: #111; + color: white; + font-size: 25px; + } + + /* List items */ + .price li { + border-bottom: 1px solid #eee; + padding: 20px; + text-align: center; + } + + /* Grey list item */ + .price .grey { + background-color: #eee; + font-size: 20px; + color: black; + } + + /* The "Sign Up" button */ + .button { + background-color: #284b63; + border: none; + color: white; + padding: 10px 25px; + text-align: center; + text-decoration: none; + font-size: 18px; + } + + /* Change the width of the three columns to 100% + (to stack horizontally on small screens) */ + @media only screen and (max-width: 600px) { + .pricing-columns { + width: 100%; + } + } \ No newline at end of file diff --git a/content/download.md b/content/download.md index 96c47dfec..236faf7c7 100644 --- a/content/download.md +++ b/content/download.md @@ -6,4 +6,4 @@ Don't want to download anything? Try the [web app](https://my.fleetingnotes.app) ## Download Links - Download the [chrome extension](https://chrome.google.com/webstore/detail/fleeting-notes/gcplhmogdjioeaenmehmapbdonklmdnc/) - Download the [firefox extension](https://addons.mozilla.org/en-CA/firefox/addon/fleeting-notes/) -- Get Early Access to iOS / Android by [donating](https://ko-fi.com/fleetingnotes) $1 \ No newline at end of file +- Get early access to iOS / Android by becoming an early adopter \ No newline at end of file diff --git a/content/pricing.md b/content/pricing.md new file mode 100644 index 000000000..98a721174 --- /dev/null +++ b/content/pricing.md @@ -0,0 +1,4 @@ +--- +title: Pricing +layout: "pricing" +--- \ No newline at end of file diff --git a/layouts/_default/pricing.html b/layouts/_default/pricing.html new file mode 100644 index 000000000..c53b0e908 --- /dev/null +++ b/layouts/_default/pricing.html @@ -0,0 +1,16 @@ + + +{{ partial "head.html" . }} + +
+{{partial "search.html" .}} +