[
  {
    "path": "LICENSE",
    "content": "MIT License\n\nCopyright (c) 2019 Tailwind Toolbox\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n"
  },
  {
    "path": "README.md",
    "content": "# [Tailwind Toolbox](https://www.tailwindtoolbox.com/) - [App Landing Page Template](https://www.tailwindtoolbox.com/templates/app-landing-page)\r\n\r\n[App Landing Page](https://www.tailwindtoolbox.com/templates/app-landing-page) is an open source, generic App Landing Page template for [Tailwind CSS](https://tailwindcss.com/) created by [Tailwind Toolbox](https://www.tailwindtoolbox.com/).\r\n\r\n![App Landing Page](https://www.tailwindtoolbox.com/templates/app-landing.png)\r\n\r\n\r\n## Getting Started\r\n\r\nChoose one of the following options to get started:\r\n* [Download the latest release](https://github.com/tailwindtoolbox/App-Landing-Page/archive/master.zip)\r\n* Clone the repo: `git clone https://github.com/tailwindtoolbox/App-Landing-Page.git`\r\n* Fork the repo\r\n\r\n## Using the Template\r\n\r\nThe template is just a HTML file using a full CDN hosted Tailwind CSS file.\r\n\r\nTo get the best out of Tailwind CSS, you need to really start customising it.\r\nTake a look at our [setup guide](https://www.tailwindtoolbox.com/setup) to start tweaking!\r\n\r\n## Bugs and Issues\r\n\r\nHave a bug or an issue with this template? [Open a new issue](https://github.com/tailwindtoolbox/App-Landing-Page/issues/new) here on GitHub.\r\n\r\n## Creator\r\n\r\n[Tailwind Toolbox](https://www.tailwindtoolbox.com/) was created by and is maintained by **[Amrit Nagi](https://amritnagi.info/)**, Co-owner of [Astrava.Solutions](https://astrava.solutions).\r\n\r\n* https://twitter.com/tailwindtoolbox\r\n* https://twitter.com/amritnagi\r\n* https://github.com/tailwindtoolbox\r\n\r\nTailwind Toolbox is based on the [Tailwind CSS](https://www.tailwindcss.com/) framework created by [Adam Wathan](https://twitter.com/adamwathan), [Jonathan Reinink](https://twitter.com/reinink), [David Hemphill](https://twitter.com/davidhemphill) and [Steve Schoger](https://twitter.com/steveschoger)\r\n\r\n\r\n\r\n\r\n## Copyright and License\r\n\r\nCopyright 2018-2019 Astrava.Solutions Ltd. Code released under the MIT license.\r\n"
  },
  {
    "path": "index.html",
    "content": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n\t<meta charset=\"UTF-8\">\r\n\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\r\n\t<title>Tailwind Starter Template - App Landing Page Template: Tailwind Toolbox</title>\r\n\t<meta name=\"description\" content=\"\">\r\n\t<meta name=\"keywords\" content=\"\">\r\n\t\r\n    <!-- Font Awesome if you need it\r\n\t<link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.3.1/css/all.css\">\r\n\t-->\r\n\t\r\n        <link rel=\"stylesheet\" href=\"https://unpkg.com/tailwindcss@2.2.19/dist/tailwind.min.css\"/>\r\n\t<!--Replace with your tailwind.css once created-->\r\n\r\n\t<link href=\"https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700\" rel=\"stylesheet\">\r\n\r\n\t<!-- Animation CSS-->\r\n\t<style>\t\t\r\n\t\t /* ----------------------------------------------\r\n\t\t * Generated by Animista\r\n\t\t * w: http://animista.net, t: @cssanimista\r\n\t\t * ---------------------------------------------- */\r\n\t\t \r\n\t\t.slide-in-bottom{-webkit-animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both}\r\n\t\t.slide-in-bottom-h1{-webkit-animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .5s both;animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .5s both}\r\n\t\t.slide-in-bottom-subtitle{-webkit-animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .75s both;animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) .75s both}\r\n\t\t.fade-in{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 1s both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) 1s both}\r\n\t\t.bounce-top-icons{-webkit-animation:bounce-top .9s 1s both;animation:bounce-top .9s 1s both}\r\n\t\t\r\n\t\t@-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}\r\n\t\t@-webkit-keyframes bounce-top{0%{-webkit-transform:translateY(-45px);transform:translateY(-45px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-24px);transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}@keyframes bounce-top{0%{-webkit-transform:translateY(-45px);transform:translateY(-45px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-24px);transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}\r\n\t\t@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}\r\n\t\t\t\t\r\n\t</style>\r\n\r\n</head>\r\n\r\n\r\n<body class=\"leading-normal tracking-normal text-gray-900\" style=\"font-family: 'Source Sans Pro', sans-serif;\">\r\n\r\n\r\n\r\n<div class=\"h-screen pb-14 bg-right bg-cover\" style=\"background-image:url('bg.svg');\">\r\n\t<!--Nav-->\r\n\t<div class=\"w-full container mx-auto p-6\">\r\n\t\t\t\r\n\t\t<div class=\"w-full flex items-center justify-between\">\r\n\t\t\t<a class=\"flex items-center text-indigo-400 no-underline hover:no-underline font-bold text-2xl lg:text-4xl\"  href=\"#\"> \r\n\t\t\t\t <svg class=\"h-8 fill-current text-indigo-600 pr-2\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path d=\"M10 20a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm-5.6-4.29a9.95 9.95 0 0 1 11.2 0 8 8 0 1 0-11.2 0zm6.12-7.64l3.02-3.02 1.41 1.41-3.02 3.02a2 2 0 1 1-1.41-1.41z\"/></svg> APP\r\n\t\t\t</a>\r\n\t\t\t\r\n\t\t\t<div class=\"flex w-1/2 justify-end content-center\">\t\t\r\n\t\t\t\t<a class=\"inline-block text-blue-300 no-underline hover:text-indigo-800 hover:text-underline text-center h-10 p-2 md:h-auto md:p-4\" data-tippy-content=\"@twitter_handle\" href=\"https://twitter.com/intent/tweet?url=#\">\r\n\t\t\t\t\t<svg class=\"fill-current h-6\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\"><path d=\"M30.063 7.313c-.813 1.125-1.75 2.125-2.875 2.938v.75c0 1.563-.188 3.125-.688 4.625a15.088 15.088 0 0 1-2.063 4.438c-.875 1.438-2 2.688-3.25 3.813a15.015 15.015 0 0 1-4.625 2.563c-1.813.688-3.75 1-5.75 1-3.25 0-6.188-.875-8.875-2.625.438.063.875.125 1.375.125 2.688 0 5.063-.875 7.188-2.5-1.25 0-2.375-.375-3.375-1.125s-1.688-1.688-2.063-2.875c.438.063.813.125 1.125.125.5 0 1-.063 1.5-.25-1.313-.25-2.438-.938-3.313-1.938a5.673 5.673 0 0 1-1.313-3.688v-.063c.813.438 1.688.688 2.625.688a5.228 5.228 0 0 1-1.875-2c-.5-.875-.688-1.813-.688-2.75 0-1.063.25-2.063.75-2.938 1.438 1.75 3.188 3.188 5.25 4.25s4.313 1.688 6.688 1.813a5.579 5.579 0 0 1 1.5-5.438c1.125-1.125 2.5-1.688 4.125-1.688s3.063.625 4.188 1.813a11.48 11.48 0 0 0 3.688-1.375c-.438 1.375-1.313 2.438-2.563 3.188 1.125-.125 2.188-.438 3.313-.875z\"></path></svg>\r\n\t\t\t\t</a>\r\n\t\t\t\t<a class=\"inline-block text-blue-300 no-underline hover:text-indigo-800 hover:text-underline text-center h-10 p-2 md:h-auto md:p-4 \" data-tippy-content=\"#facebook_id\" href=\"https://www.facebook.com/sharer/sharer.php?u=#\">\r\n\t\t\t\t\t<svg class=\"fill-current h-6\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\"><path d=\"M19 6h5V0h-5c-3.86 0-7 3.14-7 7v3H8v6h4v16h6V16h5l1-6h-6V7c0-.542.458-1 1-1z\"></path></svg>\r\n\t\t\t\t</a>\r\n\t\t\t</div>\r\n\t\t\t\r\n\t\t</div>\r\n\r\n\t</div>\r\n\r\n\t<!--Main-->\r\n\t<div class=\"container pt-24 md:pt-48 px-6 mx-auto flex flex-wrap flex-col md:flex-row items-center\">\r\n\t\t\r\n\t\t<!--Left Col-->\r\n\t\t<div class=\"flex flex-col w-full xl:w-2/5 justify-center lg:items-start overflow-y-hidden\">\r\n\t\t\t<h1 class=\"my-4 text-3xl md:text-5xl text-purple-800 font-bold leading-tight text-center md:text-left slide-in-bottom-h1\">Main Hero Message to sell your app</h1>\r\n\t\t\t<p class=\"leading-normal text-base md:text-2xl mb-8 text-center md:text-left slide-in-bottom-subtitle\">Sub-hero message, not too long and not too short. Make it just right!</p>\r\n\t\t\r\n\t\t\t<p class=\"text-blue-400 font-bold pb-8 lg:pb-6 text-center md:text-left fade-in\">Download our app:</p>\r\n\t\t\t<div class=\"flex w-full justify-center md:justify-start pb-24 lg:pb-0 fade-in\">\r\n\t\t\t\t<img src=\"App Store.svg\" class=\"h-12 pr-4 bounce-top-icons\">\r\n\t\t\t\t<img src=\"Play Store.svg\" class=\"h-12 bounce-top-icons\">\r\n\t\t\t</div>\r\n\r\n\t\t</div>\r\n\t\t\r\n\t\t<!--Right Col-->\r\n\t\t<div class=\"w-full xl:w-3/5 py-6 overflow-y-hidden\">\r\n\t\t\t<img class=\"w-5/6 mx-auto lg:mr-0 slide-in-bottom\" src=\"devices.svg\">\r\n\t\t</div>\r\n\t\t\r\n\t\t<!--Footer-->\r\n\t\t<div class=\"w-full pt-16 pb-6 text-sm text-center md:text-left fade-in\">\r\n\t\t\t<a class=\"text-gray-500 no-underline hover:no-underline\" href=\"#\">&copy; App 2019</a>\r\n\t\t</div>\r\n\t\t\r\n\t</div>\r\n\t\r\n\r\n</div>\r\n\r\n\r\n  <!-- jQuery if you need it\r\n  <script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\r\n  -->\r\n\r\n</body>\r\n\r\n</html>\r\n"
  }
]