[
  {
    "path": "LICENSE",
    "content": "MIT License\n\nCopyright (c) 2018 Colm Tuite\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-template\n\nAn open-source collection of marketing site templates built on top of Tailwind\nCSS framework.\n\nThese templates just use the default Tailwind theme, no additional CSS.\n\nThese templates are free. You can use them any way you see fit.\n"
  },
  {
    "path": "_config.yml",
    "content": "theme: jekyll-theme-cayman"
  },
  {
    "path": "index.html",
    "content": "<!DOCTYPE html>\n<html class=\"overflow-y-scroll h-full\" lang=\"en\">\n    <head>\n        <meta charset=\"utf-8\">\n        <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n        <title>Tailwind Website</title>\n        <link href=\"https://cdn.jsdelivr.net/npm/tailwindcss/dist/tailwind.min.css\" rel=\"stylesheet\">\n        <link href=\"https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600\" rel=\"stylesheet\">\n\n        <style media=\"screen\">\n            .font-sans {\n                font-family: 'Source Sans Pro', apple-system, BlinkMacSystemFont, 'Helvetica Neue', arial, sans-serif;\n            }\n        </style>\n    </head>\n    <body class=\"font-sans text-gray-900 h-full\">\n        <header class=\"absolute top-0 left-0 w-full py-4\">\n            <div class=\"flex items-center justify-between px-8\">\n                <span class=\"text-2xl tracking-tighter font-semibold\">\n                    AppLogo\n                </span>\n                <div class=\"\">\n                    <div class=\"flex items-center\">\n                        <a class=\"text-lg leading-normal text-blue-500 hover:text-blue-600 no-underline ml-8\" href=\"#\">Link</a>\n                        <a class=\"text-lg leading-normal text-blue-500 hover:text-blue-600 no-underline ml-8\" href=\"#\">Link</a>\n                        <a class=\"text-lg leading-normal text-blue-500 hover:text-blue-600 no-underline ml-8\" href=\"#\">Link</a>\n                    </div>\n                </div>\n            </div>\n        </header>\n        <section class=\"bg-blue-100 h-full py-8\">\n            <div class=\"w-5/6 max-w-lg ml-auto mr-auto h-full\">\n                <div class=\"flex items-center justify-center text-center h-full\">\n                    <div>\n                        <h1 class=\"text-4xl sm:text-5xl font-semibold leading-none tracking-tighter mb-4\">This is an insanely big ass heading</h1>\n                        <h2 class=\"text-2xl sm:text-3xl text-blue-800 opacity-75 font-normal leading-tight mb-8\">This is a little ass heading to provide additional support.</h2>\n                        <div class=\"flex flex-col sm:flex-row items-center justify-center sm:pt-3 mb-3 sm:mb-6\">\n                            <a class=\"flex items-center text-xl leading-none text-blue-500 hover:text-blue-600 no-underline mb-2 sm:mb-0 sm:mr-4\" href=\"#\">\n                                <div class=\"mr-3\">\n                                    <svg class=\"align-middle\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"5\" r=\"3\"/><line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"8\"/><path d=\"M5 12H2a10 10 0 0 0 20 0h-3\"/></svg>\n                                </div>\n                                <span>\n                                    Link to something\n                                </span>\n                            </a>\n                            <a class=\"flex items-center text-xl leading-none text-blue-500 hover:text-blue-600 no-underline mt-2 sm:mt-0 sm:ml-4\" href=\"#\">\n                                <div class=\"mr-3\">\n                                    <svg class=\"align-middle\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><polyline points=\"8 12 12 16 16 12\"/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"/></svg>\n                                </div>\n                                <span>\n                                    Link to something\n                                </span>\n                            </a>\n                        </div>\n                        <div class=\"flex flex-col sm:flex-row justify-center pt-8\">\n                            <button class=\"bg-blue-500 hover:bg-blue-600 text-2xl leading-none text-white font-semibold h-12 px-8 rounded-full whitespace-no-wrap mb-2 sm:mb-0 sm:mr-2\">\n                                Get started\n                            </button>\n                            <button class=\"bg-transparent text-2xl leading-none text-blue-500 font-semibold hover:text-blue-600 h-12 px-8 border border-blue-200 hover:border-blue-400 rounded-full whitespace-no-wrap mt-2 sm:mt-0 sm:ml-2\">\n                                Learn more\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </section>\n\n        <section class=\"bg-white py-8\">\n            <div class=\"w-5/6 max-w-lg ml-auto mr-auto mt-8 mb-8\">\n                <div class=\"flex flex-wrap -mx-6 -my-6\">\n                    <div class=\"w-full sm:w-1/2 px-6 py-6\">\n                        <div class=\"mb-8\">\n                            <svg class=\"align-middle text-red-500\" xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"21 8 21 21 3 21 3 8\"/><rect x=\"1\" y=\"3\" width=\"22\" height=\"5\"/><line x1=\"10\" y1=\"12\" x2=\"14\" y2=\"12\"/></svg>\n                        </div>\n                        <h3 class=\"text-3xl sm:text-4xl font-semibold tracking-tighter leading-none mb-3\">This is a small heading</h3>\n                        <p class=\"text-lg sm:text-xl leading-normal text-gray-700 mb-8\">If you don't plan to use the shadow utilities in your project, you can disable them entirely.</p>\n                        <a class=\"text-lg leading-normal text-blue-500 hover:text-blue-600 no-underline\" href=\"#\">Link to something</a>\n                    </div>\n                    <div class=\"w-full sm:w-1/2 px-6 py-6\">\n                        <div class=\"mb-8\">\n                            <svg class=\"align-middle text-teal-500\" xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"14.31\" y1=\"8\" x2=\"20.05\" y2=\"17.94\"/><line x1=\"9.69\" y1=\"8\" x2=\"21.17\" y2=\"8\"/><line x1=\"7.38\" y1=\"12\" x2=\"13.12\" y2=\"2.06\"/><line x1=\"9.69\" y1=\"16\" x2=\"3.95\" y2=\"6.06\"/><line x1=\"14.31\" y1=\"16\" x2=\"2.83\" y2=\"16\"/><line x1=\"16.62\" y1=\"12\" x2=\"10.88\" y2=\"21.94\"/></svg>\n                        </div>\n                        <h3 class=\"text-3xl sm:text-4xl font-semibold tracking-tighter leading-none mb-3\">This is a small heading</h3>\n                        <p class=\"text-lg sm:text-xl leading-normal text-gray-700 mb-8\">If you don't plan to use the shadow utilities in your project, you can disable them entirely.</p>\n                        <a class=\"text-lg leading-normal text-blue-500 hover:text-blue-600 no-underline\" href=\"#\">Link to something</a>\n                    </div>\n                </div>\n            </div>\n        </section>\n\n        <section class=\"bg-gray-100 py-8\">\n            <div class=\"w-5/6 max-w-2xl ml-auto mr-auto mt-8 mb-8\">\n                <div class=\"flex flex-wrap -mx-6 -my-6\">\n                    <div class=\"w-full sm:w-1/2 lg:w-1/4 px-6 py-6\">\n                        <div class=\"mb-8\">\n                            <svg class=\"align-middle text-teal-500\" xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"21 8 21 21 3 21 3 8\"/><rect x=\"1\" y=\"3\" width=\"22\" height=\"5\"/><line x1=\"10\" y1=\"12\" x2=\"14\" y2=\"12\"/></svg>\n                        </div>\n                        <h3 class=\"text-3xl font-semibold tracking-tighter leading-none mb-3\">This is a small heading</h3>\n                        <p class=\"text-lg leading-normal text-gray-700 mb-8\">If you don't plan to use the shadow utilities in your project, you can disable them entirely by setting the option.</p>\n                        <a class=\"text-lg leading-normal text-blue-500 hover:text-blue-600 no-underline\" href=\"#\">Link to something</a>\n                    </div>\n                    <div class=\"w-full sm:w-1/2 lg:w-1/4 px-6 py-6\">\n                        <div class=\"mb-8\">\n                            <svg class=\"align-middle text-pink-500\" xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"14.31\" y1=\"8\" x2=\"20.05\" y2=\"17.94\"/><line x1=\"9.69\" y1=\"8\" x2=\"21.17\" y2=\"8\"/><line x1=\"7.38\" y1=\"12\" x2=\"13.12\" y2=\"2.06\"/><line x1=\"9.69\" y1=\"16\" x2=\"3.95\" y2=\"6.06\"/><line x1=\"14.31\" y1=\"16\" x2=\"2.83\" y2=\"16\"/><line x1=\"16.62\" y1=\"12\" x2=\"10.88\" y2=\"21.94\"/></svg>\n                        </div>\n                        <h3 class=\"text-3xl font-semibold tracking-tighter leading-none mb-3\">This is a small heading</h3>\n                        <p class=\"text-lg leading-normal text-gray-700 mb-8\">If you don't plan to use the shadow utilities in your project, you can disable them entirely by setting the option.</p>\n                        <a class=\"text-lg leading-normal text-blue-500 hover:text-blue-600 no-underline\" href=\"#\">Link to something</a>\n                    </div>\n                    <div class=\"w-full sm:w-1/2 lg:w-1/4 px-6 py-6\">\n                        <div class=\"mb-8\">\n                            <svg class=\"align-middle text-purple-500\" xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"14.31\" y1=\"8\" x2=\"20.05\" y2=\"17.94\"/><line x1=\"9.69\" y1=\"8\" x2=\"21.17\" y2=\"8\"/><line x1=\"7.38\" y1=\"12\" x2=\"13.12\" y2=\"2.06\"/><line x1=\"9.69\" y1=\"16\" x2=\"3.95\" y2=\"6.06\"/><line x1=\"14.31\" y1=\"16\" x2=\"2.83\" y2=\"16\"/><line x1=\"16.62\" y1=\"12\" x2=\"10.88\" y2=\"21.94\"/></svg>\n                        </div>\n                        <h3 class=\"text-3xl font-semibold tracking-tighter leading-none mb-3\">This is a small heading</h3>\n                        <p class=\"text-lg leading-normal text-gray-700 mb-8\">If you don't plan to use the shadow utilities in your project, you can disable them entirely by setting the option.</p>\n                        <a class=\"text-lg leading-normal text-blue-500 hover:text-blue-600 no-underline\" href=\"#\">Link to something</a>\n                    </div>\n                    <div class=\"w-full sm:w-1/2 lg:w-1/4 px-6 py-6\">\n                        <div class=\"mb-8\">\n                            <svg class=\"align-middle text-orange-500\" xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"14.31\" y1=\"8\" x2=\"20.05\" y2=\"17.94\"/><line x1=\"9.69\" y1=\"8\" x2=\"21.17\" y2=\"8\"/><line x1=\"7.38\" y1=\"12\" x2=\"13.12\" y2=\"2.06\"/><line x1=\"9.69\" y1=\"16\" x2=\"3.95\" y2=\"6.06\"/><line x1=\"14.31\" y1=\"16\" x2=\"2.83\" y2=\"16\"/><line x1=\"16.62\" y1=\"12\" x2=\"10.88\" y2=\"21.94\"/></svg>\n                        </div>\n                        <h3 class=\"text-3xl font-semibold tracking-tighter leading-none mb-3\">This is a small heading</h3>\n                        <p class=\"text-lg leading-normal text-gray-700 mb-8\">If you don't plan to use the shadow utilities in your project, you can disable them entirely by setting the option.</p>\n                        <a class=\"text-lg leading-normal text-blue-500 hover:text-blue-600 no-underline\" href=\"#\">Link to something</a>\n                    </div>\n                </div>\n            </div>\n        </section>\n\n        <section class=\"bg-white py-8\">\n            <div class=\"w-5/6 max-w-lg ml-auto mr-auto mt-8 mb-8\">\n                <div class=\"flex flex-col md:flex-row items-center justify-center\">\n                        <p class=\"text-xl leading-normal mr-6 mb-8 md:mb-0 text-center md:text-left\">This could be a call to action.</p>\n                        <button class=\"bg-blue-500 hover:bg-blue-600 text-xl leading-none text-white font-semibold h-10 px-6 rounded-full whitespace-no-wrap\">\n                            Get started\n                        </button>\n                </div>\n            </div>\n        </section>\n\n        <div class=\"flex justify-center\">\n            <div class=\"bg-gray-400 h-1 w-16 rounded\"></div>\n        </div>\n\n        <section class=\"bg-white py-8\">\n            <div class=\"w-5/6 max-w-lg ml-auto mr-auto mt-8 mb-8\">\n                <div class=\"flex flex-col justify-center text-center pb-8\">\n                    <h2 class=\"text-5xl font-semibold leading-none tracking-tighter mb-4\">Flexible pricing for your inflexible needs</h2>\n                    <h3 class=\"text-3xl text-blue-800 opacity-75 font-normal leading-none mb-8\">14-day free trial. No credit card required.</h3>\n                </div>\n\n                <div class=\"bg-white rounded shadow-lg overflow-hidden\">\n                    <div class=\"flex flex-col-reverse md:flex-row\">\n                        <div class=\"flex-1\">\n                            <div class=\"bg-gray-100 p-8\">\n                                <h5 class=\"text-xl font-semibold mb-8\">What you get when you sign up:</h5>\n                                <ul>\n                                    <li class=\"mb-4\">\n                                        <div class=\"flex items-center\">\n                                            <div class=\"mr-4\">\n                                                <svg class=\"align-middle text-teal-500\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"/><polyline points=\"22 4 12 14.01 9 11.01\"/></svg>\n                                            </div>\n                                            <p class=\"text-lg leading-normal\">Unlimited everything</p>\n                                        </div>\n                                    </li>\n                                    <li class=\"mb-4\">\n                                        <div class=\"flex items-center\">\n                                            <div class=\"mr-4\">\n                                                <svg class=\"align-middle text-teal-500\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"/><polyline points=\"22 4 12 14.01 9 11.01\"/></svg>\n                                            </div>\n                                            <p class=\"text-lg leading-normal\">Unlimited limitlessness</p>\n                                        </div>\n                                    </li>\n                                    <li class=\"mb-4\">\n                                        <div class=\"flex items-center\">\n                                            <div class=\"mr-4\">\n                                                <svg class=\"align-middle text-teal-500\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"/><polyline points=\"22 4 12 14.01 9 11.01\"/></svg>\n                                            </div>\n                                            <p class=\"text-lg leading-normal\">Single sign-on</p>\n                                        </div>\n                                    </li>\n                                    <li class=\"\">\n                                        <div class=\"flex items-center\">\n                                            <div class=\"mr-4\">\n                                                <svg class=\"align-middle text-teal-500\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"/><polyline points=\"22 4 12 14.01 9 11.01\"/></svg>\n                                            </div>\n                                            <p class=\"text-lg leading-normal\">Code export HAHAHA</p>\n                                        </div>\n                                    </li>\n                                </ul>\n                            </div>\n                        </div>\n                        <div class=\"flex-1\">\n                            <div class=\"flex flex-col items-center p-8 h-full\">\n                                <div class=\"flex flex-1 mb-8\">\n                                    <div class=\"flex self-start items-center\">\n                                        <span class=\"text-3xl text-gray-700 leading-none mr-2\">$</span>\n                                        <span class=\"text-5xl font-semibold tracking-tighter leading-none text-teal-500 mr-3\" style=\"font-size: 5.6rem;\">499</span>\n                                        <span class=\"text-xl text-gray-700 leading-none\">/ month</span>\n                                    </div>\n                                </div>\n                                <button class=\"bg-teal-500 hover:bg-teal-500-dark text-xl leading-none text-white font-semibold h-10 px-6 rounded-full whitespace-no-wrap w-full\">\n                                    Take my money\n                                </button>\n                            </div>\n                        </div>\n\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"w-5/6 max-w-md ml-auto mr-auto pt-8 mt-8 mb-8\">\n                <div class=\"flex flex-wrap -mx-6 -my-6\">\n                    <div class=\"w-full sm:w-1/2 px-6 py-6\">\n                        <h3 class=\"text-xl font-semibold leading-tight mb-3\">Can I use these templates for free?</h3>\n                        <p class=\"text-lg leading-normal text-gray-700 mb-8\">Yes! These templates are open-source so you can copy, paste and edit them any way you see fit.</p>\n                    </div>\n                    <div class=\"w-full sm:w-1/2 px-6 py-6\">\n                        <h3 class=\"text-xl font-semibold leading-tight mb-3\">Can I use these templates for free?</h3>\n                        <p class=\"text-lg leading-normal text-gray-700 mb-8\">Yes! These templates are open-source so you can copy, paste and edit them any way you see fit.</p>\n                    </div>\n                    <div class=\"w-full sm:w-1/2 px-6 py-6\">\n                        <h3 class=\"text-xl font-semibold leading-tight mb-3\">Can I use these templates for free?</h3>\n                        <p class=\"text-lg leading-normal text-gray-700 mb-8\">Yes! These templates are open-source so you can copy, paste and edit them any way you see fit.</p>\n                    </div>\n                    <div class=\"w-full sm:w-1/2 px-6 py-6\">\n                        <h3 class=\"text-xl font-semibold leading-tight mb-3\">Can I use these templates for free?</h3>\n                        <p class=\"text-lg leading-normal text-gray-700 mb-8\">Yes! These templates are open-source so you can copy, paste and edit them any way you see fit.</p>\n                    </div>\n                </div>\n            </div>\n        </section>\n\n        <section class=\"bg-gray-100 py-8\">\n            <div class=\"w-5/6 max-w-2xl ml-auto mr-auto mt-8\">\n                <div class=\"flex flex-wrap -mx-6 -my-6\">\n                    <div class=\"w-full lg:w-1/3 px-6 py-6\">\n                        <a class=\"no-underline\" href=\"#\">\n                            <div class=\"bg-pink-600 rounded shadow-lg overflow-hidden p-8\">\n                                <h5 class=\"text-2xl text-white mb-4\">Small heading</h5>\n                                <p class=\"text-lg text-white leading-tight\">This card links to a deeper screen with more info on some topic.</p>\n                            </div>\n                        </a>\n                    </div>\n                    <div class=\"w-full lg:w-1/3 px-6 py-6\">\n                        <a class=\"no-underline\" href=\"#\">\n                            <div class=\"bg-red-400 rounded shadow-lg overflow-hidden p-8\">\n                                <h5 class=\"text-2xl text-white mb-4\">Small heading</h5>\n                                <p class=\"text-lg text-white leading-tight\">This card links to a deeper screen with more info on some topic.</p>\n                            </div>\n                        </a>\n                    </div>\n                    <div class=\"w-full lg:w-1/3 px-6 py-6\">\n                        <a class=\"no-underline\" href=\"#\">\n                            <div class=\"bg-purple-400 rounded shadow-lg overflow-hidden p-8\">\n                                <h5 class=\"text-2xl text-white mb-4\">Small heading</h5>\n                                <p class=\"text-lg text-white leading-tight\">This card links to a deeper screen with more info on some topic.</p>\n                            </div>\n                        </a>\n                    </div>\n                </div>\n            </div>\n        </section>\n\n        <section class=\"bg-gray-100 py-8\">\n            <div class=\"w-5/6 max-w-xl ml-auto mr-auto my-8\">\n                <div class=\"flex md:items-center flex-col md:flex-row md:justify-between\">\n                    <div class=\"mb-8 md:mb-0 md:pr-4\">\n                        <h3 class=\"text-4xl font-normal tracking-tighter leading-none mb-3\">This is a medium heading</h3>\n                        <h4 class=\"text-3xl text-gray-700 font-normal leading-tight\">This might be used for a call to action.</h4>\n                    </div>\n                    <div class=\"md:pl-4\">\n                        <div class=\"flex items-center\">\n                            <button class=\"bg-blue-500 hover:bg-blue-600 text-xl leading-none text-white font-semibold h-10 px-6 rounded-full whitespace-no-wrap mr-2\">\n                                Get started\n                            </button>\n                            <button class=\"bg-transparent text-xl leading-none text-blue-500 font-semibold hover:text-blue-600 h-10 px-6 border border-blue-200 hover:border-blue-400 rounded-full whitespace-no-wrap ml-2\">\n                                Learn more\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </section>\n\n        <footer class=\"bg-gray-100 py-8\">\n            <div class=\"flex flex-col-reverse md:flex-row md:items-center md:justify-between px-8\">\n                <small class=\"block text-sm text-gray-500\">\n                    &copy; CompanyName\n                </small>\n                <div class=\"mb-4 md:mb-0\">\n                    <div class=\"flex flex-col md:flex-row md:items-center\">\n                        <a class=\"text-xl md:text-base leading-normal text-gray-700 hover:text-gray-900 no-underline mb-4 md:mb-0 md:ml-8\" href=\"#\">Link</a>\n                        <a class=\"text-xl md:text-base leading-normal text-gray-700 hover:text-gray-900 no-underline mb-4 md:mb-0 md:ml-8\" href=\"#\">Another link</a>\n                        <a class=\"text-xl md:text-base leading-normal text-gray-700 hover:text-gray-900 no-underline mb-4 md:mb-0 md:ml-8\" href=\"#\">Link to something</a>\n                    </div>\n                </div>\n            </div>\n        </footer>\n    </body>\n</html>\n"
  },
  {
    "path": "templates/template001.html",
    "content": "<header class=\"absolute top-0 left-0 w-full py-4\">\n    <div class=\"flex items-center justify-between px-8\">\n        <span class=\"text-2xl tracking-tighter font-semibold\">\n            AppLogo\n        </span>\n        <div class=\"\">\n            <div class=\"flex items-center\">\n                <a class=\"text-lg leading-normal text-blue-500 hover:text-blue-600 no-underline ml-8\" href=\"#\">Link</a>\n                <a class=\"text-lg leading-normal text-blue-500 hover:text-blue-600 no-underline ml-8\" href=\"#\">Link</a>\n                <a class=\"text-lg leading-normal text-blue-500 hover:text-blue-600 no-underline ml-8\" href=\"#\">Link</a>\n            </div>\n        </div>\n    </div>\n</header>\n"
  },
  {
    "path": "templates/template002.html",
    "content": "<section class=\"bg-blue-100 h-full py-8\">\n    <div class=\"w-5/6 max-w-lg ml-auto mr-auto h-full\">\n        <div class=\"flex items-center justify-center text-center h-full\">\n            <div>\n                <h1 class=\"text-4xl sm:text-5xl font-semibold leading-none tracking-tighter mb-4\">This is an insanely big ass heading</h1>\n                <h2 class=\"text-2xl sm:text-3xl text-blue-800 opacity-75 font-normal leading-tight mb-8\">This is a little ass heading to provide additional support.</h2>\n                <div class=\"flex flex-col sm:flex-row items-center justify-center sm:pt-3 mb-3 sm:mb-6\">\n                    <a class=\"flex items-center text-xl leading-none text-blue-500 hover:text-blue-600 no-underline mb-2 sm:mb-0 sm:mr-4\" href=\"#\">\n                        <div class=\"mr-3\">\n                            <svg class=\"align-middle\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"5\" r=\"3\"/><line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"8\"/><path d=\"M5 12H2a10 10 0 0 0 20 0h-3\"/></svg>\n                        </div>\n                        <span>\n                            Link to something\n                        </span>\n                    </a>\n                    <a class=\"flex items-center text-xl leading-none text-blue-500 hover:text-blue-600 no-underline mt-2 sm:mt-0 sm:ml-4\" href=\"#\">\n                        <div class=\"mr-3\">\n                            <svg class=\"align-middle\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><polyline points=\"8 12 12 16 16 12\"/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"/></svg>\n                        </div>\n                        <span>\n                            Link to something\n                        </span>\n                    </a>\n                </div>\n                <div class=\"flex flex-col sm:flex-row justify-center pt-8\">\n                    <button class=\"bg-blue-500 hover:bg-blue-600 text-2xl leading-none text-white font-semibold h-12 px-8 rounded-full whitespace-no-wrap mb-2 sm:mb-0 sm:mr-2\">\n                        Get started\n                    </button>\n                    <button class=\"bg-transparent text-2xl leading-none text-blue-500 font-semibold hover:text-blue-600 h-12 px-8 border border-blue-200 hover:border-blue-400 rounded-full whitespace-no-wrap mt-2 sm:mt-0 sm:ml-2\">\n                        Learn more\n                    </button>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n"
  },
  {
    "path": "templates/template003.html",
    "content": "<section class=\"bg-white py-8\">\n    <div class=\"w-5/6 max-w-lg ml-auto mr-auto mt-8 mb-8\">\n        <div class=\"flex flex-wrap -mx-6 -my-6\">\n            <div class=\"w-full sm:w-1/2 px-6 py-6\">\n                <div class=\"mb-8\">\n                    <svg class=\"align-middle text-red-500\" xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"21 8 21 21 3 21 3 8\"/><rect x=\"1\" y=\"3\" width=\"22\" height=\"5\"/><line x1=\"10\" y1=\"12\" x2=\"14\" y2=\"12\"/></svg>\n                </div>\n                <h3 class=\"text-3xl sm:text-4xl font-semibold tracking-tighter leading-none mb-3\">This is a small heading</h3>\n                <p class=\"text-lg sm:text-xl leading-normal text-gray-700 mb-8\">If you don't plan to use the shadow utilities in your project, you can disable them entirely.</p>\n                <a class=\"text-lg leading-normal text-blue-500 hover:text-blue-600 no-underline\" href=\"#\">Link to something</a>\n            </div>\n            <div class=\"w-full sm:w-1/2 px-6 py-6\">\n                <div class=\"mb-8\">\n                    <svg class=\"align-middle text-teal-500\" xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"14.31\" y1=\"8\" x2=\"20.05\" y2=\"17.94\"/><line x1=\"9.69\" y1=\"8\" x2=\"21.17\" y2=\"8\"/><line x1=\"7.38\" y1=\"12\" x2=\"13.12\" y2=\"2.06\"/><line x1=\"9.69\" y1=\"16\" x2=\"3.95\" y2=\"6.06\"/><line x1=\"14.31\" y1=\"16\" x2=\"2.83\" y2=\"16\"/><line x1=\"16.62\" y1=\"12\" x2=\"10.88\" y2=\"21.94\"/></svg>\n                </div>\n                <h3 class=\"text-3xl sm:text-4xl font-semibold tracking-tighter leading-none mb-3\">This is a small heading</h3>\n                <p class=\"text-lg sm:text-xl leading-normal text-gray-700 mb-8\">If you don't plan to use the shadow utilities in your project, you can disable them entirely.</p>\n                <a class=\"text-lg leading-normal text-blue-500 hover:text-blue-600 no-underline\" href=\"#\">Link to something</a>\n            </div>\n        </div>\n    </div>\n</section>\n"
  },
  {
    "path": "templates/template004.html",
    "content": "<section class=\"bg-gray-100 py-8\">\n    <div class=\"w-5/6 max-w-2xl ml-auto mr-auto mt-8 mb-8\">\n        <div class=\"flex flex-wrap -mx-6 -my-6\">\n            <div class=\"w-full sm:w-1/2 lg:w-1/4 px-6 py-6\">\n                <div class=\"mb-8\">\n                    <svg class=\"align-middle text-teal-500\" xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"21 8 21 21 3 21 3 8\"/><rect x=\"1\" y=\"3\" width=\"22\" height=\"5\"/><line x1=\"10\" y1=\"12\" x2=\"14\" y2=\"12\"/></svg>\n                </div>\n                <h3 class=\"text-3xl font-semibold tracking-tighter leading-none mb-3\">This is a small heading</h3>\n                <p class=\"text-lg leading-normal text-gray-700 mb-8\">If you don't plan to use the shadow utilities in your project, you can disable them entirely by setting the option.</p>\n                <a class=\"text-lg leading-normal text-blue-500 hover:text-blue-600 no-underline\" href=\"#\">Link to something</a>\n            </div>\n            <div class=\"w-full sm:w-1/2 lg:w-1/4 px-6 py-6\">\n                <div class=\"mb-8\">\n                    <svg class=\"align-middle text-pink-500\" xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"14.31\" y1=\"8\" x2=\"20.05\" y2=\"17.94\"/><line x1=\"9.69\" y1=\"8\" x2=\"21.17\" y2=\"8\"/><line x1=\"7.38\" y1=\"12\" x2=\"13.12\" y2=\"2.06\"/><line x1=\"9.69\" y1=\"16\" x2=\"3.95\" y2=\"6.06\"/><line x1=\"14.31\" y1=\"16\" x2=\"2.83\" y2=\"16\"/><line x1=\"16.62\" y1=\"12\" x2=\"10.88\" y2=\"21.94\"/></svg>\n                </div>\n                <h3 class=\"text-3xl font-semibold tracking-tighter leading-none mb-3\">This is a small heading</h3>\n                <p class=\"text-lg leading-normal text-gray-700 mb-8\">If you don't plan to use the shadow utilities in your project, you can disable them entirely by setting the option.</p>\n                <a class=\"text-lg leading-normal text-blue-500 hover:text-blue-600 no-underline\" href=\"#\">Link to something</a>\n            </div>\n            <div class=\"w-full sm:w-1/2 lg:w-1/4 px-6 py-6\">\n                <div class=\"mb-8\">\n                    <svg class=\"align-middle text-purple-500\" xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"14.31\" y1=\"8\" x2=\"20.05\" y2=\"17.94\"/><line x1=\"9.69\" y1=\"8\" x2=\"21.17\" y2=\"8\"/><line x1=\"7.38\" y1=\"12\" x2=\"13.12\" y2=\"2.06\"/><line x1=\"9.69\" y1=\"16\" x2=\"3.95\" y2=\"6.06\"/><line x1=\"14.31\" y1=\"16\" x2=\"2.83\" y2=\"16\"/><line x1=\"16.62\" y1=\"12\" x2=\"10.88\" y2=\"21.94\"/></svg>\n                </div>\n                <h3 class=\"text-3xl font-semibold tracking-tighter leading-none mb-3\">This is a small heading</h3>\n                <p class=\"text-lg leading-normal text-gray-700 mb-8\">If you don't plan to use the shadow utilities in your project, you can disable them entirely by setting the option.</p>\n                <a class=\"text-lg leading-normal text-blue-500 hover:text-blue-600 no-underline\" href=\"#\">Link to something</a>\n            </div>\n            <div class=\"w-full sm:w-1/2 lg:w-1/4 px-6 py-6\">\n                <div class=\"mb-8\">\n                    <svg class=\"align-middle text-orange-500\" xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"14.31\" y1=\"8\" x2=\"20.05\" y2=\"17.94\"/><line x1=\"9.69\" y1=\"8\" x2=\"21.17\" y2=\"8\"/><line x1=\"7.38\" y1=\"12\" x2=\"13.12\" y2=\"2.06\"/><line x1=\"9.69\" y1=\"16\" x2=\"3.95\" y2=\"6.06\"/><line x1=\"14.31\" y1=\"16\" x2=\"2.83\" y2=\"16\"/><line x1=\"16.62\" y1=\"12\" x2=\"10.88\" y2=\"21.94\"/></svg>\n                </div>\n                <h3 class=\"text-3xl font-semibold tracking-tighter leading-none mb-3\">This is a small heading</h3>\n                <p class=\"text-lg leading-normal text-gray-700 mb-8\">If you don't plan to use the shadow utilities in your project, you can disable them entirely by setting the option.</p>\n                <a class=\"text-lg leading-normal text-blue-500 hover:text-blue-600 no-underline\" href=\"#\">Link to something</a>\n            </div>\n        </div>\n    </div>\n</section>\n"
  },
  {
    "path": "templates/template005.html",
    "content": "<section class=\"bg-white py-8\">\n    <div class=\"w-5/6 max-w-lg ml-auto mr-auto mt-8 mb-8\">\n        <div class=\"flex flex-col md:flex-row items-center justify-center\">\n                <p class=\"text-xl leading-normal mr-6 mb-8 md:mb-0 text-center md:text-left\">This could be a call to action.</p>\n                <button class=\"bg-blue-500 hover:bg-blue-600 text-xl leading-none text-white font-semibold h-10 px-6 rounded-full whitespace-no-wrap\">\n                    Get started\n                </button>\n        </div>\n    </div>\n</section>\n"
  },
  {
    "path": "templates/template006.html",
    "content": "<section class=\"bg-white py-8\">\n    <div class=\"w-5/6 max-w-lg ml-auto mr-auto mt-8 mb-8\">\n        <div class=\"flex flex-col justify-center text-center pb-8\">\n            <h2 class=\"text-5xl font-semibold leading-none tracking-tighter mb-4\">Flexible pricing for your inflexible needs</h2>\n            <h3 class=\"text-3xl text-blue-800 opacity-75 font-normal leading-none mb-8\">14-day free trial. No credit card required.</h3>\n        </div>\n\n        <div class=\"bg-white rounded shadow-lg overflow-hidden\">\n            <div class=\"flex flex-col-reverse md:flex-row\">\n                <div class=\"flex-1\">\n                    <div class=\"bg-gray-100 p-8\">\n                        <h5 class=\"text-xl font-semibold mb-8\">What you get when you sign up:</h5>\n                        <ul>\n                            <li class=\"mb-4\">\n                                <div class=\"flex items-center\">\n                                    <div class=\"mr-4\">\n                                        <svg class=\"align-middle text-teal-500\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"/><polyline points=\"22 4 12 14.01 9 11.01\"/></svg>\n                                    </div>\n                                    <p class=\"text-lg leading-normal\">Unlimited everything</p>\n                                </div>\n                            </li>\n                            <li class=\"mb-4\">\n                                <div class=\"flex items-center\">\n                                    <div class=\"mr-4\">\n                                        <svg class=\"align-middle text-teal-500\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"/><polyline points=\"22 4 12 14.01 9 11.01\"/></svg>\n                                    </div>\n                                    <p class=\"text-lg leading-normal\">Unlimited limitlessness</p>\n                                </div>\n                            </li>\n                            <li class=\"mb-4\">\n                                <div class=\"flex items-center\">\n                                    <div class=\"mr-4\">\n                                        <svg class=\"align-middle text-teal-500\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"/><polyline points=\"22 4 12 14.01 9 11.01\"/></svg>\n                                    </div>\n                                    <p class=\"text-lg leading-normal\">Single sign-on</p>\n                                </div>\n                            </li>\n                            <li class=\"\">\n                                <div class=\"flex items-center\">\n                                    <div class=\"mr-4\">\n                                        <svg class=\"align-middle text-teal-500\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"/><polyline points=\"22 4 12 14.01 9 11.01\"/></svg>\n                                    </div>\n                                    <p class=\"text-lg leading-normal\">Code export HAHAHA</p>\n                                </div>\n                            </li>\n                        </ul>\n                    </div>\n                </div>\n                <div class=\"flex-1\">\n                    <div class=\"flex flex-col items-center p-8 h-full\">\n                        <div class=\"flex flex-1 mb-8\">\n                            <div class=\"flex self-start items-center\">\n                                <span class=\"text-3xl text-gray-700 leading-none mr-2\">$</span>\n                                <span class=\"text-5xl font-semibold tracking-tighter leading-none text-teal-500 mr-3\" style=\"font-size: 5.6rem;\">499</span>\n                                <span class=\"text-xl text-gray-700 leading-none\">/ month</span>\n                            </div>\n                        </div>\n                        <button class=\"bg-teal-500 hover:bg-teal-500-dark text-xl leading-none text-white font-semibold h-10 px-6 rounded-full whitespace-no-wrap w-full\">\n                            Take my money\n                        </button>\n                    </div>\n                </div>\n\n            </div>\n        </div>\n    </div>\n\n    <div class=\"w-5/6 max-w-md ml-auto mr-auto pt-8 mt-8 mb-8\">\n        <div class=\"flex flex-wrap -mx-6 -my-6\">\n            <div class=\"w-full sm:w-1/2 px-6 py-6\">\n                <h3 class=\"text-xl font-semibold leading-tight mb-3\">Can I use these templates for free?</h3>\n                <p class=\"text-lg leading-normal text-gray-700 mb-8\">Yes! These templates are open-source so you can copy, paste and edit them any way you see fit.</p>\n            </div>\n            <div class=\"w-full sm:w-1/2 px-6 py-6\">\n                <h3 class=\"text-xl font-semibold leading-tight mb-3\">Can I use these templates for free?</h3>\n                <p class=\"text-lg leading-normal text-gray-700 mb-8\">Yes! These templates are open-source so you can copy, paste and edit them any way you see fit.</p>\n            </div>\n            <div class=\"w-full sm:w-1/2 px-6 py-6\">\n                <h3 class=\"text-xl font-semibold leading-tight mb-3\">Can I use these templates for free?</h3>\n                <p class=\"text-lg leading-normal text-gray-700 mb-8\">Yes! These templates are open-source so you can copy, paste and edit them any way you see fit.</p>\n            </div>\n            <div class=\"w-full sm:w-1/2 px-6 py-6\">\n                <h3 class=\"text-xl font-semibold leading-tight mb-3\">Can I use these templates for free?</h3>\n                <p class=\"text-lg leading-normal text-gray-700 mb-8\">Yes! These templates are open-source so you can copy, paste and edit them any way you see fit.</p>\n            </div>\n        </div>\n    </div>\n</section>\n"
  },
  {
    "path": "templates/template007.html",
    "content": "<section class=\"bg-gray-100 py-8\">\n    <div class=\"w-5/6 max-w-2xl ml-auto mr-auto mt-8\">\n        <div class=\"flex flex-wrap -mx-6 -my-6\">\n            <div class=\"w-full lg:w-1/3 px-6 py-6\">\n                <a class=\"no-underline\" href=\"#\">\n                    <div class=\"bg-pink-600 rounded shadow-lg overflow-hidden p-8\">\n                        <h5 class=\"text-2xl text-white mb-4\">Small heading</h5>\n                        <p class=\"text-lg text-white leading-tight\">This card links to a deeper screen with more info on some topic.</p>\n                    </div>\n                </a>\n            </div>\n            <div class=\"w-full lg:w-1/3 px-6 py-6\">\n                <a class=\"no-underline\" href=\"#\">\n                    <div class=\"bg-red-400 rounded shadow-lg overflow-hidden p-8\">\n                        <h5 class=\"text-2xl text-white mb-4\">Small heading</h5>\n                        <p class=\"text-lg text-white leading-tight\">This card links to a deeper screen with more info on some topic.</p>\n                    </div>\n                </a>\n            </div>\n            <div class=\"w-full lg:w-1/3 px-6 py-6\">\n                <a class=\"no-underline\" href=\"#\">\n                    <div class=\"bg-purple-400 rounded shadow-lg overflow-hidden p-8\">\n                        <h5 class=\"text-2xl text-white mb-4\">Small heading</h5>\n                        <p class=\"text-lg text-white leading-tight\">This card links to a deeper screen with more info on some topic.</p>\n                    </div>\n                </a>\n            </div>\n        </div>\n    </div>\n</section>\n"
  },
  {
    "path": "templates/template008.html",
    "content": "<section class=\"bg-gray-100 py-8\">\n    <div class=\"w-5/6 max-w-xl ml-auto mr-auto my-8\">\n        <div class=\"flex md:items-center flex-col md:flex-row md:justify-between\">\n            <div class=\"mb-8 md:mb-0 md:pr-4\">\n                <h3 class=\"text-4xl font-normal tracking-tighter leading-none mb-3\">This is a medium heading</h3>\n                <h4 class=\"text-3xl text-gray-700 font-normal leading-tight\">This might be used for a call to action.</h4>\n            </div>\n            <div class=\"md:pl-4\">\n                <div class=\"flex items-center\">\n                    <button class=\"bg-blue-500 hover:bg-blue-600 text-xl leading-none text-white font-semibold h-10 px-6 rounded-full whitespace-no-wrap mr-2\">\n                        Get started\n                    </button>\n                    <button class=\"bg-transparent text-xl leading-none text-blue-500 font-semibold hover:text-blue-600 h-10 px-6 border border-blue-200 hover:border-blue-400 rounded-full whitespace-no-wrap ml-2\">\n                        Learn more\n                    </button>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n"
  },
  {
    "path": "templates/template009.html",
    "content": "<footer class=\"bg-gray-100 py-8\">\n    <div class=\"flex flex-col-reverse md:flex-row md:items-center md:justify-between px-8\">\n        <small class=\"block text-sm text-gray-500\">\n            &copy; CompanyName\n        </small>\n        <div class=\"mb-4 md:mb-0\">\n            <div class=\"flex flex-col md:flex-row md:items-center\">\n                <a class=\"text-xl md:text-base leading-normal text-gray-700 hover:text-gray-900 no-underline mb-4 md:mb-0 md:ml-8\" href=\"#\">Link</a>\n                <a class=\"text-xl md:text-base leading-normal text-gray-700 hover:text-gray-900 no-underline mb-4 md:mb-0 md:ml-8\" href=\"#\">Another link</a>\n                <a class=\"text-xl md:text-base leading-normal text-gray-700 hover:text-gray-900 no-underline mb-4 md:mb-0 md:ml-8\" href=\"#\">Link to something</a>\n            </div>\n        </div>\n    </div>\n</footer>\n"
  }
]