├── .gitignore
├── .vscode
    └── extensions.json
├── README.md
├── package-lock.json
├── package.json
├── postcss.config.js
├── public
    ├── build
    │   └── tailwind.css
    ├── dentalpro
    │   ├── book-appointment.html
    │   ├── images
    │   │   ├── cover-bg.jpeg
    │   │   ├── oral-surgery.svg
    │   │   ├── painless-dentistry.svg
    │   │   ├── periodontics.svg
    │   │   └── teeth-whitening.svg
    │   └── index.html
    ├── fair-rate-mortgage
    │   ├── images
    │   │   ├── icon-home-1.svg
    │   │   ├── icon-home-2.svg
    │   │   ├── icon-home-3.svg
    │   │   └── rates.png
    │   └── index.html
    ├── favicon-16x16.png
    ├── favicon-32x32.png
    ├── favicon.ico
    ├── images
    │   └── abstract-ui-logo.svg
    ├── index.html
    ├── login-demo
    │   └── index.html
    ├── marketplace
    │   ├── dashboard.html
    │   └── distribution.html
    ├── old.html
    ├── order-history
    │   └── index.html
    ├── tailwind.css
    └── templates-covers
    │   ├── dentalpro-cover.png
    │   └── fair-rate-cover.png
└── tailwind.config.js


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | 


--------------------------------------------------------------------------------
/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 |   "recommendations": ["bradlc.vscode-tailwindcss"]
3 | }
4 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Tailwind CSS Templates
 2 | 
 3 | **Care-fully crafted landing pages & dashboard UI examples to energize your creative development workflow using Tailwind CSS.**
 4 | 
 5 | **View live demos, https://tailwindcss-templates.netlify.com/**
 6 | 
 7 | Feel free to download these templates for your personal and commercial projects. All templates are responsive in design and premium in quality, and yes it’s 100% free to download.
 8 | 
 9 | To get started:
10 | 
11 | 1. Clone the repository:
12 | 
13 |     ```bash
14 |     git clone https://github.com/iamsahilvhora/tailwindcss-templates.git
15 |     ```
16 | 
17 | 2. Install the dependencies:
18 | 
19 |     ```bash
20 |     # Using npm
21 |     npm install
22 |     ```
23 | 
24 | 3. Start the development server:
25 | 
26 |     ```bash
27 |     # Using npm
28 |     npm run serve
29 |     ```
30 | 
31 |     Now you should be able to see the project running at localhost:8080.
32 | 
33 | 4. Open `public/index.html` in your editor and start experimenting!
34 | 
35 | ## Building for production
36 | 
37 | ```bash
38 | # Using npm
39 | npm run production
40 | ```
41 | 
42 | After that's done, check out `./public/build/tailwind.css` to see the optimized output.
43 | 
44 | ## About Tailwind CSS
45 | A utility-first CSS framework for rapidly building custom user interfaces.
46 | For full documentation, visit https://tailwindcss.com/
47 | 
48 | ## Roadmap
49 | The following features will be implemented at the next versions:
50 | * Components library
51 | * Premium templates
52 | 
53 | ## License
54 | Licensed under the [MIT License](https://opensource.org/licenses/MIT).
55 | 
56 | ## Support
57 | Please use the GitHub issues for support requests. If you need someone to develop your site in Tailwind CSS for you, hit me up at [iamsahilvhora@gmail.com](mailto:iamsahilvhora@gmail.com)
58 | 
59 | ## Changelog
60 | **1.0.1**
61 | First public version
62 | 
63 | ## Tell me what you've created
64 | Ping me on [Twitter](https://twitter.com/iamsahilvhora). I'd definitely love to see what you've done with Tailwind CSS!
65 | 
66 | ## Author
67 | Crafted with ❤️ by **Sahil Vhora**, Freelance Full-stack Designer
68 | 
69 | Follow me on Twitter, [@iamsahilvhora](https://twitter.com/iamsahilvhora)
70 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "scripts": {
 3 |     "serve": "cross-env NODE_ENV=development concurrently \"postcss public/tailwind.css -o public/build/tailwind.css --watch\"  \"live-server ./public\"",
 4 |     "development": "cross-env NODE_ENV=development postcss public/tailwind.css -o public/build/tailwind.css",
 5 |     "production": "cross-env NODE_ENV=production postcss public/tailwind.css -o public/build/tailwind.css"
 6 |   },
 7 |   "dependencies": {
 8 |     "autoprefixer": "^9.5.1",
 9 |     "tailwindcss": "^1.1"
10 |   },
11 |   "devDependencies": {
12 |     "@fullhuman/postcss-purgecss": "^1.2.0",
13 |     "concurrently": "^4.1.0",
14 |     "cross-env": "^5.2.0",
15 |     "cssnano": "^4.1.10",
16 |     "live-server": "^1.2.1",
17 |     "postcss-cli": "^6.1.2"
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
 1 | const purgecss = require('@fullhuman/postcss-purgecss')({
 2 |   content: ['./public/**/*.html'],
 3 |   defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []
 4 | })
 5 | 
 6 | module.exports = {
 7 |   plugins: [
 8 |     require('tailwindcss'),
 9 |     require('autoprefixer'),
10 |     ...process.env.NODE_ENV === 'production'
11 |       ? [purgecss, require('cssnano')]
12 |       : []
13 |   ]
14 | }
15 | 


--------------------------------------------------------------------------------
/public/dentalpro/book-appointment.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 | 
 6 |   <meta charset="utf-8">
 7 |   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 8 |   <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
 9 |   <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
10 |   <link rel="stylesheet" href="../build/tailwind.css">
11 |   <title>Book Appointment | DentalPro</title>
12 | 
13 | </head>
14 | 
15 | <body class="antialiased font-sans text-gray-900">
16 | 
17 |   <main>
18 |     <section class="flex flex-col md:flex-row h-screen items-center">
19 | 
20 |       <div class="bg-white w-full md:max-w-md lg:max-w-full md:mx-auto md:mx-0 md:w-1/2 h-screen px-6 lg:px-16 xl:px-24
21 |         flex items-center justify-center">
22 | 
23 |         <div class="w-full h-100">
24 | 
25 |           <a href="index.html" class="font-bold text-2xl">
26 |             DentalPro
27 |           </a>
28 | 
29 |           <h1 class="text-xl md:text-3xl font-bold leading-tight mt-12">Book your appointment with DentalPro in 2
30 |             minutes</h1>
31 |           <p class="text-gray-700 mt-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed molestie metus
32 |             turpis. Vivamus mollis diam
33 |             quis erat tincidunt.</p>
34 | 
35 |           <form class="mt-6" action="#" method="POST">
36 |             <div>
37 |               <label class="block text-gray-700">Full Name</label>
38 |               <input type="text" name="" id="" placeholder="Enter Full Name"
39 |                 class="w-full px-4 py-3 rounded bg-gray-200 mt-1 border focus:border-blue-500 focus:bg-white focus:outline-none"
40 |                 autofocus required>
41 |             </div>
42 | 
43 |             <div class="flex flex-col md:flex-row items-start mt-4 md:-mx-4">
44 |               <div class="w-full md:mx-4">
45 |                 <label class="block text-gray-700">Phone Number</label>
46 |                 <input type="tel" name="" id="" placeholder="Enter Phone Number"
47 |                   class="w-full px-4 py-3 rounded bg-gray-200 mt-1 border focus:border-blue-500 focus:bg-white focus:outline-none"
48 |                   required>
49 |               </div>
50 | 
51 |               <div class="w-full md:mx-4 mt-4 md:mt-0">
52 |                 <label class="block text-gray-700">Treatment</label>
53 |                 <div class="relative mt-1">
54 |                   <select name="" id=""
55 |                     class="w-full px-4 py-3 rounded bg-gray-200 border focus:border-blue-500 focus:bg-white focus:outline-none appearance-none"
56 |                     required>
57 |                     <option value="" selected disabled>Select Treatment</option>
58 |                   </select>
59 | 
60 |                   <div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-4 text-gray-700">
61 |                     <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
62 |                       <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" /></svg>
63 |                   </div>
64 |                 </div>
65 |               </div>
66 |             </div>
67 | 
68 |             <div class="w-full mt-4">
69 |               <label class="block text-gray-700">Message</label>
70 |               <textarea name="" id="" placeholder="Write message"
71 |                 class="w-full px-4 py-3 rounded bg-gray-200 mt-1 border focus:border-blue-500 focus:bg-white focus:outline-none resize-none"
72 |                 rows="3" required></textarea>
73 |             </div>
74 | 
75 |             <button type="submit" class="w-full block bg-blue-500 hover:bg-blue-400 focus:bg-blue-400 text-white font-semibold rounded
76 |               px-4 py-3 mt-4">Book Appointment</button>
77 |           </form>
78 | 
79 |           <p class="text-sm text-gray-500 mt-12">&copy; 2019 DentalPro - All Rights Reserved.</p>
80 |         </div>
81 |       </div>
82 | 
83 |       <div class="bg-blue-600 hidden lg:block w-full md:w-1/2 h-screen">
84 |         <img
85 |           src="https://images.unsplash.com/photo-1494253109108-2e30c049369b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1950&q=100"
86 |           alt="" class="w-full h-screen object-cover">
87 |       </div>
88 | 
89 |     </section>
90 | 
91 |   </main>
92 | 
93 | </body>
94 | 
95 | </html>


--------------------------------------------------------------------------------
/public/dentalpro/images/cover-bg.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iamsahilvhora/tailwindcss-templates/06ea7b3f388098859b8822fdf8218cf10b09acda/public/dentalpro/images/cover-bg.jpeg


--------------------------------------------------------------------------------
/public/dentalpro/images/oral-surgery.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="85" height="80" viewBox="0 0 85 80"><g transform="translate(-683 -1231)"><path d="M27,1A26,26,0,1,1,1,27,26,26,0,0,1,27,1Z" transform="translate(715 1230)" fill="#bee3f8"/><path d="M38,65A163.974,163.974,0,0,1,3.665,61.388L2,61.031V45.4a.159.159,0,0,0,0-.022v-.031c0-.017,0-.034,0-.052V39.806c0-.041,0-.078,0-.118l.036-2.052H73.961L74,39.688c0,.039,0,.077,0,.118V45.3c0,.022,0,.044,0,.066V45.4l0,15.633-1.665.355A163.974,163.974,0,0,1,38,65ZM6.224,52.124v5.53A160.1,160.1,0,0,0,38,60.823a160.115,160.115,0,0,0,31.774-3.169V52.123a7.732,7.732,0,0,1-3.536.848,7.828,7.828,0,0,1-5.647-2.42,7.73,7.73,0,0,1-5.648,2.42A7.828,7.828,0,0,1,49.3,50.55a7.73,7.73,0,0,1-5.648,2.42A7.828,7.828,0,0,1,38,50.55a7.8,7.8,0,0,1-11.3,0,7.8,7.8,0,0,1-11.3,0,7.8,7.8,0,0,1-9.184,1.573ZM62.7,41.813V45.3a3.536,3.536,0,0,0,7.072,0V41.813Zm-11.3,0V45.3a3.536,3.536,0,0,0,7.071,0V41.813Zm-11.3,0V45.3a3.536,3.536,0,0,0,7.071,0V41.813Zm-11.3,0V45.3a3.536,3.536,0,0,0,7.071,0V41.813Zm-11.3,0V45.3a3.536,3.536,0,0,0,7.071,0V41.813Zm-11.3,0V45.3a3.536,3.536,0,0,0,7.071,0V41.813ZM73.961,30.33H2.039L2,28.279c0-.04,0-.078,0-.119V22.671c0-.017,0-.035,0-.052s0-.018,0-.027v-.025L2,6.935l1.665-.357a165.051,165.051,0,0,1,68.67,0L74,6.935V22.567l0,.035v.044a.073.073,0,0,0,0,.014v5.5c0,.039,0,.077,0,.116l-.037,2.051ZM66.24,19.174a3.521,3.521,0,0,0-3.536,3.5v3.482h7.072V22.671A3.521,3.521,0,0,0,66.24,19.174Zm-11.3,0a3.521,3.521,0,0,0-3.536,3.5v3.482H58.48V22.671A3.521,3.521,0,0,0,54.944,19.174Zm-11.3,0a3.521,3.521,0,0,0-3.536,3.5v3.482h7.072V22.671A3.521,3.521,0,0,0,43.648,19.174Zm-11.3,0a3.521,3.521,0,0,0-3.536,3.5v3.482h7.071V22.671A3.52,3.52,0,0,0,32.352,19.174Zm-11.3,0a3.521,3.521,0,0,0-3.536,3.5v3.482h7.07V22.671A3.52,3.52,0,0,0,21.056,19.174Zm-11.3,0a3.521,3.521,0,0,0-3.536,3.5v3.482H13.3V22.671A3.52,3.52,0,0,0,9.761,19.174ZM54.944,15a7.831,7.831,0,0,1,5.648,2.419,7.807,7.807,0,0,1,9.185-1.573V10.314a160.805,160.805,0,0,0-63.551,0v5.53a7.8,7.8,0,0,1,9.184,1.572A7.832,7.832,0,0,1,21.056,15,7.731,7.731,0,0,1,26.7,17.416,7.832,7.832,0,0,1,32.352,15,7.731,7.731,0,0,1,38,17.416a7.8,7.8,0,0,1,11.295,0A7.836,7.836,0,0,1,54.944,15Z" transform="translate(681 1246)" fill="#4299e1"/></g></svg>


--------------------------------------------------------------------------------
/public/dentalpro/images/painless-dentistry.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="65" height="80" viewBox="0 0 65 80"><g transform="translate(-303 -1500)"><path d="M28,2A26,26,0,1,1,2,28,26,26,0,0,1,28,2Z" transform="translate(314 1498)" fill="#bee3f8"/><path d="M26.572,63a5.474,5.474,0,0,1-5.447-5.486c0-5.663-.011-10.083-.026-14.329l-.006-1.825,3.659,0V15.767a7.441,7.441,0,1,1,3.614,0V41.353l3.653,0V57.507A5.477,5.477,0,0,1,26.572,63ZM24.735,52.281c0,1.627,0,3.358,0,5.232a1.833,1.833,0,1,0,3.667-.005c0-1.438,0-3.311,0-5.226Zm3.67-7.286-3.685,0,0,.647.006,3h3.677c0-.764,0-1.49,0-2.149v-1.5ZM26.559,4.641A3.855,3.855,0,1,0,30.386,8.5,3.845,3.845,0,0,0,26.559,4.641ZM9.453,63a5.474,5.474,0,0,1-5.447-5.486L4,41.36l3.636,0V15.768A7.5,7.5,0,0,1,9.44,1V4.641a3.791,3.791,0,0,0-2.7,1.131,3.859,3.859,0,0,0,2.705,6.578h1.807v29l3.615,0c0,.005,0,.03,0,.069V41.5c0,.106,0,.266,0,.466s0,.437,0,.7v.294c.022,7.122.032,12.017.031,14.549A5.477,5.477,0,0,1,9.453,63ZM7.618,52.281l0,5.232a1.833,1.833,0,1,0,3.667-.005c0-1.388,0-3.244-.007-5.226Zm3.643-7.286L7.614,45l0,3.642h3.656C11.268,47.337,11.264,46.042,11.261,44.995Z" transform="translate(301 1517)" fill="#4299e1"/></g></svg>


--------------------------------------------------------------------------------
/public/dentalpro/images/periodontics.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="82" height="80" viewBox="0 0 82 80"><g transform="translate(-686 -1500)"><path d="M27,2A26,26,0,1,1,1,28,26,26,0,0,1,27,2Z" transform="translate(715 1498)" fill="#bee3f8"/><path d="M39.7,63a7.608,7.608,0,0,1-7.6-6.99,7.288,7.288,0,0,1-2.96-2.712l0,0c-.845-1.173-1.155-1.49-1.726-1.49s-.882.317-1.726,1.489c-.888,1.231-2.229,3.092-4.876,3.092s-3.988-1.859-4.875-3.089C15.085,52.12,14.775,51.8,14.2,51.8s-.881.317-1.725,1.489c-.888,1.231-2.229,3.092-4.876,3.092s-3.987-1.859-4.874-3.089C1.881,52.12,1.571,51.8,1,51.8V47.984c2.647,0,3.988,1.86,4.875,3.091.845,1.172,1.155,1.49,1.726,1.49s.882-.317,1.725-1.489c.888-1.231,2.229-3.092,4.876-3.092s3.989,1.86,4.876,3.091c.844,1.172,1.154,1.49,1.726,1.49s.881-.317,1.725-1.489c.888-1.231,2.229-3.092,4.877-3.092,2.3,0,3.6,1.349,4.668,2.806V23.643l2.152-4.615H29.279V1H50.947l9.225,4.4V8.01H67v3.818H60.172V14.1L51,19.029H44.833l2.493,4.55v5.446h2.49v3.817h-2.49v2.673h2.49v3.818h-2.49V55.473A7.585,7.585,0,0,1,39.7,63ZM35.943,25.97v29.5a3.758,3.758,0,0,0,7.515,0V25.97Zm2.542-6.943-1.457,3.125h5.121l-1.712-3.125ZM33.146,4.818V15.21H50.012L56.3,11.828V7.8L50.062,4.818Z" transform="translate(685 1517)" fill="#4299e1"/></g></svg>


--------------------------------------------------------------------------------
/public/dentalpro/images/teeth-whitening.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="77" height="80" viewBox="0 0 77 80"><g transform="translate(-291 -1231)"><path d="M28,1A26,26,0,1,1,2,27,26,26,0,0,1,28,1Z" transform="translate(314 1230)" fill="#bee3f8"/><path d="M20.151,64h0L17.2,61.577c-.405-.332-9.919-8.389-9.919-30.638,0-1.361-.746-2.485-1.778-4.042A17.122,17.122,0,0,1,2,16.542,14.367,14.367,0,0,1,6.356,6.227,14.564,14.564,0,0,1,16.616,2l.3,0A14.593,14.593,0,0,1,26.565,5.9a.828.828,0,0,0,1.121,0,14.588,14.588,0,0,1,9.647-3.894l.3,0A14.564,14.564,0,0,1,47.9,6.227a14.363,14.363,0,0,1,4.356,10.314,16.084,16.084,0,0,1-3.606,10.4c-1.074,1.493-1.681,2.4-1.681,3.6,0,1.384-.042,2.785-.125,4.163a14.746,14.746,0,0,1,7.98,5.134A14.523,14.523,0,0,1,58,48.96a14.652,14.652,0,1,1-29.3,0,14.532,14.532,0,0,1,1.4-6.253c-1.624-2.965-2.871-3.195-3.215-3.195-1.087,0-2.87,2.007-4.4,6.492a47.01,47.01,0,0,0-2.326,14.176V64Zm23.2-26.1A11.061,11.061,0,1,0,54.39,48.96,11.064,11.064,0,0,0,43.348,37.9ZM16.634,5.62A11,11,0,0,0,8.883,8.808,10.78,10.78,0,0,0,5.61,16.542c0,3.968,1.475,6.2,2.9,8.351,1.171,1.77,2.382,3.6,2.382,6.046,0,10.668,2.348,17.68,4.318,21.684A28.438,28.438,0,0,0,16.8,55.449a50.021,50.021,0,0,1,2.26-10.617c2-5.846,4.7-8.936,7.819-8.936,1.342,0,3.366.6,5.386,3.472a14.646,14.646,0,0,1,10.979-5.082c.07-1.241.106-2.5.106-3.743,0-2.43,1.2-4.1,2.361-5.709a12.463,12.463,0,0,0,2.926-8.293,10.779,10.779,0,0,0-3.273-7.733,10.986,10.986,0,0,0-7.736-3.19l-.229,0a10.992,10.992,0,0,0-7.266,2.932,4.45,4.45,0,0,1-6.025,0,10.988,10.988,0,0,0-7.265-2.932C16.776,5.62,16.706,5.62,16.634,5.62Zm26.65,51.232h0L37.2,50.712a4.522,4.522,0,0,1,0-6.381,4.5,4.5,0,0,1,6.1-.252,4.512,4.512,0,0,1,6.1,6.638l-6.123,6.134ZM40.39,46.625a.892.892,0,0,0-.635.263.9.9,0,0,0,0,1.272l3.537,3.569,3.563-3.569a.9.9,0,0,0,0-1.272.9.9,0,0,0-1.269,0l-2.281,2.284-2.28-2.284A.9.9,0,0,0,40.39,46.625Z" transform="translate(289 1247)" fill="#4299e1"/></g></svg>


--------------------------------------------------------------------------------
/public/dentalpro/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 | 
  6 |   <meta charset="utf-8">
  7 |   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8 |   <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  9 |   <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
 10 |   <link rel="stylesheet" href="../build/tailwind.css">
 11 | 
 12 |   <title>DentalPro</title>
 13 | 
 14 |   <style>
 15 |     #menu-toggle:checked+#menu {
 16 |       display: block;
 17 |     }
 18 | 
 19 |     #dropdown-toggle:checked+#dropdown {
 20 |       display: block;
 21 |     }
 22 | 
 23 |     a,
 24 |     span {
 25 |       position: relative;
 26 |       text-decoration: none;
 27 |       transition: all 0.3s ease;
 28 |     }
 29 | 
 30 |     a.arrow,
 31 |     span.arrow {
 32 |       display: flex;
 33 |       align-items: center;
 34 |       font-weight: 600;
 35 |       line-height: 1.5;
 36 |     }
 37 | 
 38 |     a.arrow .arrow_icon,
 39 |     span.arrow .arrow_icon {
 40 |       position: relative;
 41 |       margin-left: 0.5em;
 42 |     }
 43 | 
 44 |     a.arrow .arrow_icon svg,
 45 |     span.arrow .arrow_icon svg {
 46 |       transition: transform 0.3s 0.02s ease;
 47 |       margin-right: 1em;
 48 |     }
 49 | 
 50 |     a.arrow .arrow_icon::before,
 51 |     span.arrow .arrow_icon::before {
 52 |       content: "";
 53 |       display: block;
 54 |       position: absolute;
 55 |       top: 50%;
 56 |       left: 0;
 57 |       width: 0;
 58 |       height: 2px;
 59 |       background: #38b2ac;
 60 |       transform: translateY(-50%);
 61 |       transition: width 0.3s ease;
 62 |     }
 63 | 
 64 |     a.arrow:hover .arrow_icon::before,
 65 |     span.arrow:hover .arrow_icon::before {
 66 |       width: 1em;
 67 |     }
 68 | 
 69 |     a.arrow:hover .arrow_icon svg,
 70 |     span.arrow:hover .arrow_icon svg {
 71 |       transform: translateX(0.75em);
 72 |     }
 73 | 
 74 |     .cover {
 75 |       border-bottom-right-radius: 128px;
 76 |     }
 77 | 
 78 |     .bg-blue-teal-gradient {
 79 |       background: rgb(49, 130, 206);
 80 |       background: linear-gradient(90deg, rgba(49, 130, 206, 1) 0%, rgba(56, 178, 172, 1) 100%);
 81 |     }
 82 | 
 83 |     @media (min-width: 1024px) {
 84 |       .cover {
 85 |         border-bottom-right-radius: 256px;
 86 |       }
 87 |     }
 88 |   </style>
 89 | </head>
 90 | 
 91 | <body class="antialiased bg-white font-sans text-gray-900">
 92 | 
 93 |   <main class="w-full">
 94 | 
 95 |     <!-- start header -->
 96 |     <header class="absolute top-0 left-0 w-full z-50 px-4 sm:px-8 lg:px-16 xl:px-40 2xl:px-64">
 97 |       <div class="hidden lg:flex justify-between items-center py-2 border-b text-sm py-3"
 98 |         style="border-color: rgba(255,255,255,.25)">
 99 |         <div class="">
100 |           <ul class="flex text-white">
101 |             <li>
102 |               <div class="flex items-center">
103 |                 <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 fill-current text-white" viewBox="0 0 24 24">
104 |                   <path
105 |                     d="M12,2C7.589,2,4,5.589,4,9.995C3.971,16.44,11.696,21.784,12,22c0,0,8.029-5.56,8-12C20,5.589,16.411,2,12,2z M12,14 c-2.21,0-4-1.79-4-4s1.79-4,4-4s4,1.79,4,4S14.21,14,12,14z" />
106 |                 </svg>
107 | 
108 |                 <span class="ml-2">1985 Kerry Way, Whittier, CA, USA</span>
109 |               </div>
110 |             </li>
111 |             <li class="ml-6">
112 |               <div class="flex items-center">
113 |                 <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 fill-current text-white" viewBox="0 0 24 24">
114 |                   <path
115 |                     d="M14.594,13.994l-1.66,1.66c-0.577-0.109-1.734-0.471-2.926-1.66c-1.193-1.193-1.553-2.354-1.661-2.926l1.661-1.66 l0.701-0.701L5.295,3.293L4.594,3.994l-1,1C3.42,5.168,3.316,5.398,3.303,5.643c-0.015,0.25-0.302,6.172,4.291,10.766 C11.6,20.414,16.618,20.707,18,20.707c0.202,0,0.326-0.006,0.358-0.008c0.245-0.014,0.476-0.117,0.649-0.291l1-1l0.697-0.697 l-5.414-5.414L14.594,13.994z" />
116 |                 </svg>
117 | 
118 |                 <span class="ml-2">+1 562-789-1935</span>
119 |               </div>
120 |             </li>
121 |           </ul>
122 |         </div>
123 | 
124 |         <div class="">
125 |           <ul class="flex justify-end text-white">
126 |             <li>
127 |               <a href="#" target="_blank" title="">
128 |                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-current">
129 |                   <path
130 |                     d="M20,3H4C3.447,3,3,3.448,3,4v16c0,0.552,0.447,1,1,1h8.615v-6.96h-2.338v-2.725h2.338v-2c0-2.325,1.42-3.592,3.5-3.592	c0.699-0.002,1.399,0.034,2.095,0.107v2.42h-1.435c-1.128,0-1.348,0.538-1.348,1.325v1.735h2.697l-0.35,2.725h-2.348V21H20	c0.553,0,1-0.448,1-1V4C21,3.448,20.553,3,20,3z">
131 |                   </path>
132 |                 </svg>
133 |               </a>
134 |             </li>
135 | 
136 |             <li class="ml-6">
137 |               <a href="#" target="_blank" title="">
138 |                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-current">
139 |                   <path
140 |                     d="M19.633,7.997c0.013,0.175,0.013,0.349,0.013,0.523c0,5.325-4.053,11.461-11.46,11.461c-2.282,0-4.402-0.661-6.186-1.809	c0.324,0.037,0.636,0.05,0.973,0.05c1.883,0,3.616-0.636,5.001-1.721c-1.771-0.037-3.255-1.197-3.767-2.793	c0.249,0.037,0.499,0.062,0.761,0.062c0.361,0,0.724-0.05,1.061-0.137c-1.847-0.374-3.23-1.995-3.23-3.953v-0.05	c0.537,0.299,1.16,0.486,1.82,0.511C3.534,9.419,2.823,8.184,2.823,6.787c0-0.748,0.199-1.434,0.548-2.032	c1.983,2.443,4.964,4.04,8.306,4.215c-0.062-0.3-0.1-0.611-0.1-0.923c0-2.22,1.796-4.028,4.028-4.028	c1.16,0,2.207,0.486,2.943,1.272c0.91-0.175,1.782-0.512,2.556-0.973c-0.299,0.935-0.936,1.721-1.771,2.22	c0.811-0.088,1.597-0.312,2.319-0.624C21.104,6.712,20.419,7.423,19.633,7.997z">
141 |                   </path>
142 |                 </svg>
143 |               </a>
144 |             </li>
145 | 
146 |             <li class="ml-6">
147 |               <a href="#" target="_blank" title="">
148 |                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-current">
149 |                   <path
150 |                     d="M20.947,8.305c-0.011-0.757-0.151-1.508-0.419-2.216c-0.469-1.209-1.424-2.165-2.633-2.633 c-0.699-0.263-1.438-0.404-2.186-0.42C14.747,2.993,14.442,2.981,12,2.981s-2.755,0-3.71,0.055 c-0.747,0.016-1.486,0.157-2.185,0.42C4.896,3.924,3.94,4.88,3.472,6.089C3.209,6.788,3.067,7.527,3.053,8.274 c-0.043,0.963-0.056,1.268-0.056,3.71s0,2.754,0.056,3.71c0.015,0.748,0.156,1.486,0.419,2.187 c0.469,1.208,1.424,2.164,2.634,2.632c0.696,0.272,1.435,0.426,2.185,0.45c0.963,0.043,1.268,0.056,3.71,0.056s2.755,0,3.71-0.056 c0.747-0.015,1.486-0.156,2.186-0.419c1.209-0.469,2.164-1.425,2.633-2.633c0.263-0.7,0.404-1.438,0.419-2.187 c0.043-0.962,0.056-1.267,0.056-3.71C21.003,9.572,21.003,9.262,20.947,8.305z M11.994,16.602c-2.554,0-4.623-2.069-4.623-4.623 s2.069-4.623,4.623-4.623c2.552,0,4.623,2.069,4.623,4.623S14.546,16.602,11.994,16.602z M16.801,8.263 c-0.597,0-1.078-0.482-1.078-1.078s0.481-1.078,1.078-1.078c0.595,0,1.077,0.482,1.077,1.078S17.396,8.263,16.801,8.263z">
151 |                   </path>
152 |                   <circle cx="11.994" cy="11.979" r="3.003"></circle>
153 |                 </svg>
154 |               </a>
155 |             </li>
156 | 
157 |             <li class="ml-6">
158 |               <a href="#" target="_blank" title="">
159 |                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-current">
160 |                   <path
161 |                     d="M21.593,7.203c-0.23-0.858-0.905-1.535-1.762-1.766C18.265,5.007,12,5,12,5S5.736,4.993,4.169,5.404	c-0.84,0.229-1.534,0.921-1.766,1.778c-0.413,1.566-0.417,4.814-0.417,4.814s-0.004,3.264,0.406,4.814	c0.23,0.857,0.905,1.534,1.763,1.765c1.582,0.43,7.83,0.437,7.83,0.437s6.265,0.007,7.831-0.403c0.856-0.23,1.534-0.906,1.767-1.763	C21.997,15.281,22,12.034,22,12.034S22.02,8.769,21.593,7.203z M9.996,15.005l0.005-6l5.207,3.005L9.996,15.005z">
162 |                   </path>
163 |                 </svg>
164 |               </a>
165 |             </li>
166 |           </ul>
167 |         </div>
168 |       </div>
169 | 
170 |       <div class="flex flex-wrap items-center justify-between py-6">
171 |         <div class="w-1/2 md:w-auto">
172 |           <a href="index.html" class="text-white font-bold text-2xl">
173 |             DentalPro
174 |           </a>
175 |         </div>
176 | 
177 |         <label for="menu-toggle" class="pointer-cursor md:hidden block"><svg class="fill-current text-white"
178 |             xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
179 |             <title>menu</title>
180 |             <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path>
181 |           </svg></label>
182 | 
183 |         <input class="hidden" type="checkbox" id="menu-toggle">
184 | 
185 |         <div class="hidden md:block w-full md:w-auto" id="menu">
186 |           <nav
187 |             class="w-full bg-white md:bg-transparent rounded shadow-lg px-6 py-4 mt-4 text-center md:p-0 md:mt-0 md:shadow-none">
188 |             <ul class="md:flex items-center">
189 |               <li><a class="py-2 inline-block md:text-white md:hidden lg:block font-semibold" href="#">About Us</a></li>
190 |               <li class="md:ml-4"><a class="py-2 inline-block md:text-white md:px-2 font-semibold"
191 |                   href="#">Treatments</a></li>
192 |               <li class="md:ml-4"><a class="py-2 inline-block md:text-white md:px-2 font-semibold"
193 |                   href="#">Testimonials</a></li>
194 |               <li class="md:ml-4 md:hidden lg:block"><a class="py-2 inline-block md:text-white md:px-2 font-semibold"
195 |                   href="#">Blog</a></li>
196 |               <li class="md:ml-4"><a class="py-2 inline-block md:text-white md:px-2 font-semibold" href="#">Contact
197 |                   Us</a></li>
198 |               <li class="md:ml-6 mt-3 md:mt-0">
199 |                 <a class="inline-block font-semibold px-4 py-2 text-white bg-blue-600 md:bg-transparent md:text-white border border-white rounded"
200 |                   href="book-appointment.html">Book
201 |                   Appointment</a>
202 |               </li>
203 |             </ul>
204 |           </nav>
205 |         </div>
206 |       </div>
207 |     </header>
208 |     <!-- end header -->
209 | 
210 |     <!-- start hero -->
211 |     <div class="bg-gray-100">
212 |       <section class="cover bg-blue-teal-gradient relative bg-blue-600 px-4 sm:px-8 lg:px-16 xl:px-40 2xl:px-64 overflow-hidden py-48 flex
213 |       items-center">
214 |         <div class="h-full absolute top-0 left-0 z-0">
215 |           <img src="images/cover-bg.jpeg" alt="" class="w-full h-full object-cover opacity-20">
216 |         </div>
217 | 
218 |         <div class="lg:w-3/4 xl:w-2/4 relative z-10 h-100 lg:mt-16">
219 |           <div>
220 |             <h1 class="text-white text-4xl md:text-5xl xl:text-6xl font-bold leading-tight">A better life starts with a beautiful
221 |               smile.</h1>
222 |             <p class="text-blue-100 text-xl md:text-2xl leading-snug mt-4">Welcome to the Dentist Office of Dr. Thomas
223 |               Dooley,
224 |               where
225 |               trust
226 |               and comfort are priorities.</p>
227 |             <a href="#" class="px-8 py-4 bg-teal-500 text-white rounded inline-block mt-8 font-semibold">Book
228 |               Appointment</a>
229 |           </div>
230 |         </div>
231 |       </section>
232 |     </div>
233 |     <!-- end hero -->
234 | 
235 |     <!-- start about -->
236 |     <section class="relative bg-gray-100 px-4 sm:px-8 lg:px-16 xl:px-40 2xl:px-64 py-32">
237 |       <div class="flex flex-col md:flex-row lg:-mx-8">
238 |         <div class="w-full lg:w-1/2 lg:px-8">
239 |           <h6 class="text-sm uppercase font-semibold tracking-widest">Our clinic</h6>
240 |           <h2 class="text-3xl leading-tight font-bold mt-4">Welcome to the Dentist Office of Dr. Thomas Dooley</h2>
241 |           <p class="text-lg mt-4">Excellence in Dentistry in the Heart of NY</p>
242 |           <p class="mt-2 leading-relaxed">Donec convallis sollicitudin facilisis. Integer nisl ligula, accumsan non
243 |             tincidunt ac, imperdiet in enim.
244 |             Donec efficitur ullamcorper metus, eu venenatis nunc. Nam eget neque tempus, mollis sem a, faucibus mi.</p>
245 |         </div>
246 | 
247 |         <div class="w-full lg:w-1/2 lg:px-8">
248 |           <div class="flex">
249 |             <div>
250 |               <div class="w-16 h-16 bg-blue-600 rounded-full"></div>
251 |             </div>
252 |             <div class="ml-8">
253 |               <h4 class="text-xl font-bold">Everything You Need Under One Roof</h4>
254 |               <p class="mt-2 leading-relaxed">Our comprehensive services allow you to receive all needed dental care
255 |                 right here in our state-of-art
256 |                 office – from dental cleanings and fillings to dental implants and extractions.</p>
257 |             </div>
258 |           </div>
259 | 
260 |           <div class="flex mt-8">
261 |             <div>
262 |               <div class="w-16 h-16 bg-blue-600 rounded-full"></div>
263 |             </div>
264 |             <div class="ml-8">
265 |               <h4 class="text-xl font-bold">Our Patient-Focused Approach</h4>
266 |               <p class="mt-2 leading-relaxed">Your treatment plan will perfectly match your needs, lifestyle, and goals.
267 |                 Even if it’s been years
268 |                 since you last visited the dentist, we can help. Our comfortable office, compassionate team, and
269 |                 minimally-invasive treatments will help you feel completely at ease.</p>
270 |             </div>
271 |           </div>
272 |         </div>
273 |       </div>
274 | 
275 |       <div class="flex flex-col md:flex-row mt-24 text-center md:-mx-4">
276 |         <div class="bg-white rounded-lg shadow-lg p-8 md:mx-4">
277 |           <svg xmlns="http://www.w3.org/2000/svg" class="mx-auto mb-6" width="77" height="80" viewBox="0 0 77 80">
278 |             <path d="M51 0a26 26 0 1 1-26 26A26 26 0 0 1 51 0z" fill="#bee3f8" />
279 |             <path
280 |               d="M18.151 80L15.2 77.577c-.405-.332-9.919-8.389-9.919-30.638 0-1.361-.746-2.485-1.778-4.042A17.122 17.122 0 0 1 0 32.542a14.367 14.367 0 0 1 4.356-10.315A14.564 14.564 0 0 1 14.616 18h.3a14.593 14.593 0 0 1 9.649 3.9.828.828 0 0 0 1.121 0 14.588 14.588 0 0 1 9.647-3.894h.3A14.564 14.564 0 0 1 45.9 22.227a14.363 14.363 0 0 1 4.356 10.314 16.084 16.084 0 0 1-3.606 10.4c-1.074 1.493-1.681 2.4-1.681 3.6a69.56 69.56 0 0 1-.125 4.163 14.746 14.746 0 0 1 7.98 5.134A14.523 14.523 0 0 1 56 64.96a14.652 14.652 0 1 1-29.3 0 14.532 14.532 0 0 1 1.4-6.253c-1.624-2.965-2.871-3.195-3.215-3.195-1.087 0-2.87 2.007-4.4 6.492a47.01 47.01 0 0 0-2.326 14.176V80zm23.2-26.1A11.061 11.061 0 1 0 52.39 64.96 11.064 11.064 0 0 0 41.348 53.9zM14.634 21.62a11 11 0 0 0-7.751 3.188 10.78 10.78 0 0 0-3.273 7.734c0 3.968 1.475 6.2 2.9 8.351 1.171 1.77 2.382 3.6 2.382 6.046 0 10.668 2.348 17.68 4.318 21.684a28.438 28.438 0 0 0 1.59 2.826 50.021 50.021 0 0 1 2.26-10.617c2-5.846 4.7-8.936 7.819-8.936 1.342 0 3.366.6 5.386 3.472a14.646 14.646 0 0 1 10.979-5.082c.07-1.241.106-2.5.106-3.743 0-2.43 1.2-4.1 2.361-5.709a12.463 12.463 0 0 0 2.926-8.293 10.779 10.779 0 0 0-3.273-7.733 10.986 10.986 0 0 0-7.736-3.19h-.229a10.992 10.992 0 0 0-7.266 2.932 4.45 4.45 0 0 1-6.025 0 10.988 10.988 0 0 0-7.265-2.932c-.067.002-.137.002-.209.002zm26.65 51.232l-6.084-6.14a4.522 4.522 0 0 1 0-6.381 4.5 4.5 0 0 1 6.1-.252 4.512 4.512 0 0 1 6.1 6.638l-6.123 6.134zM38.39 62.625a.892.892 0 0 0-.635.263.9.9 0 0 0 0 1.272l3.537 3.569 3.563-3.569a.9.9 0 0 0 0-1.272.9.9 0 0 0-1.269 0l-2.281 2.284-2.28-2.284a.9.9 0 0 0-.635-.263z"
281 |               fill="#4299e1" /></svg>
282 | 
283 |           <h4 class="text-xl font-bold">Teeth Whitening</h4>
284 |           <p class="mt-1">Let us show you how our experience.</p>
285 |           <a href="#" class="block mt-4">Read More</a>
286 |         </div>
287 | 
288 |         <div class="bg-white rounded-lg shadow-lg p-8 md:mx-4">
289 |           <svg xmlns="http://www.w3.org/2000/svg" class="mx-auto mb-6" width="85" height="80" viewBox="0 0 85 80">
290 |             <path d="M59 0a26 26 0 1 1-26 26A26 26 0 0 1 59 0z" fill="#bee3f8" />
291 |             <path
292 |               d="M36 80a163.974 163.974 0 0 1-34.335-3.612L0 76.031V60.4a.159.159 0 0 0 0-.022v-.031V54.806v-.118l.036-2.052h71.925L72 54.688v21.345l-1.665.355A163.974 163.974 0 0 1 36 80zM4.224 67.124v5.53A160.1 160.1 0 0 0 36 75.823a160.115 160.115 0 0 0 31.774-3.169v-5.531a7.732 7.732 0 0 1-3.536.848 7.828 7.828 0 0 1-5.647-2.42 7.73 7.73 0 0 1-5.648 2.42A7.828 7.828 0 0 1 47.3 65.55a7.73 7.73 0 0 1-5.648 2.42A7.828 7.828 0 0 1 36 65.55a7.8 7.8 0 0 1-11.3 0 7.8 7.8 0 0 1-11.3 0 7.8 7.8 0 0 1-9.184 1.573zM60.7 56.813V60.3a3.536 3.536 0 0 0 7.072 0v-3.487zm-11.3 0V60.3a3.536 3.536 0 0 0 7.071 0v-3.487zm-11.3 0V60.3a3.536 3.536 0 0 0 7.071 0v-3.487zm-11.3 0V60.3a3.536 3.536 0 0 0 7.071 0v-3.487zm-11.3 0V60.3a3.536 3.536 0 0 0 7.071 0v-3.487zm-11.3 0V60.3a3.536 3.536 0 0 0 7.071 0v-3.487zM71.961 45.33H.039L0 43.279v-5.608-.052-15.684l1.665-.357a165.051 165.051 0 0 1 68.67 0l1.665.357v15.711a.073.073 0 0 0 0 .014v5.616l-.037 2.051zM64.24 34.174a3.521 3.521 0 0 0-3.536 3.5v3.482h7.072v-3.485a3.521 3.521 0 0 0-3.536-3.497zm-11.3 0a3.521 3.521 0 0 0-3.536 3.5v3.482h7.076v-3.485a3.521 3.521 0 0 0-3.536-3.497zm-11.3 0a3.521 3.521 0 0 0-3.536 3.5v3.482h7.072v-3.485a3.521 3.521 0 0 0-3.528-3.497zm-11.3 0a3.521 3.521 0 0 0-3.536 3.5v3.482h7.071v-3.485a3.52 3.52 0 0 0-3.523-3.497zm-11.3 0a3.521 3.521 0 0 0-3.536 3.5v3.482h7.07v-3.485a3.52 3.52 0 0 0-3.518-3.497zm-11.3 0a3.521 3.521 0 0 0-3.536 3.5v3.482H11.3v-3.485a3.52 3.52 0 0 0-3.539-3.497zM52.944 30a7.831 7.831 0 0 1 5.648 2.419 7.807 7.807 0 0 1 9.185-1.573v-5.532a160.805 160.805 0 0 0-63.551 0v5.53a7.8 7.8 0 0 1 9.184 1.572A7.832 7.832 0 0 1 19.056 30a7.731 7.731 0 0 1 5.644 2.416A7.832 7.832 0 0 1 30.352 30 7.731 7.731 0 0 1 36 32.416a7.8 7.8 0 0 1 11.295 0A7.836 7.836 0 0 1 52.944 30z"
293 |               fill="#4299e1" /></svg>
294 | 
295 |           <h4 class="text-xl font-bold">Oral Surgery</h4>
296 |           <p class="mt-1">Let us show you how our experience.</p>
297 |           <a href="#" class="block mt-4">Read More</a>
298 |         </div>
299 | 
300 |         <div class="bg-white rounded-lg shadow-lg p-8 md:mx-4">
301 |           <svg xmlns="http://www.w3.org/2000/svg" class="mx-auto mb-6" width="65" height="80" viewBox="0 0 65 80">
302 |             <path d="M39 0a26 26 0 1 1-26 26A26 26 0 0 1 39 0z" fill="#bee3f8" />
303 |             <path
304 |               d="M24.572 80a5.474 5.474 0 0 1-5.447-5.486c0-5.663-.011-10.083-.026-14.329l-.006-1.825h3.659V32.767a7.441 7.441 0 1 1 3.614 0v25.586h3.653v16.154A5.477 5.477 0 0 1 24.572 80zm-1.837-10.719v5.232a1.834 1.834 0 1 0 3.667-.005v-5.226zm3.67-7.286H22.72v.647l.006 3h3.677v-3.649zm-1.846-40.354a3.855 3.855 0 1 0 3.827 3.859 3.845 3.845 0 0 0-3.827-3.859zM7.453 80a5.474 5.474 0 0 1-5.447-5.486L2 58.36h3.636V32.768A7.5 7.5 0 0 1 7.44 18v3.641a3.791 3.791 0 0 0-2.7 1.131 3.859 3.859 0 0 0 2.705 6.578h1.807v29h3.615v1.61c.022 7.122.032 12.017.031 14.549A5.477 5.477 0 0 1 7.453 80zM5.618 69.281v5.232a1.834 1.834 0 1 0 3.667-.005c0-1.388 0-3.244-.007-5.226zm3.643-7.286L5.614 62v3.642H9.27c-.002-1.305-.006-2.6-.009-3.647z"
305 |               fill="#4299e1" /></svg>
306 | 
307 |           <h4 class="text-xl font-bold">Painless Dentistry</h4>
308 |           <p class="mt-1">Let us show you how our experience.</p>
309 |           <a href="#" class="block mt-4">Read More</a>
310 |         </div>
311 | 
312 |         <div class="bg-white rounded-lg shadow-lg p-8 md:mx-4">
313 |           <svg xmlns="http://www.w3.org/2000/svg" class="mx-auto mb-6" width="82" height="80" viewBox="0 0 82 80">
314 |             <path d="M56 0a26 26 0 1 1-26 26A26 26 0 0 1 56 0z" fill="#bee3f8" />
315 |             <path
316 |               d="M38.7 80a7.608 7.608 0 0 1-7.6-6.99 7.288 7.288 0 0 1-2.96-2.712c-.845-1.173-1.155-1.49-1.726-1.49s-.882.317-1.726 1.489c-.888 1.231-2.229 3.092-4.876 3.092s-3.988-1.859-4.875-3.089c-.852-1.18-1.162-1.5-1.737-1.5s-.881.317-1.725 1.489c-.888 1.231-2.229 3.092-4.876 3.092s-3.987-1.859-4.874-3.089C.881 69.12.571 68.8 0 68.8v-3.816c2.647 0 3.988 1.86 4.875 3.091.845 1.172 1.155 1.49 1.726 1.49s.882-.317 1.725-1.489c.888-1.231 2.229-3.092 4.876-3.092s3.989 1.86 4.876 3.091c.844 1.172 1.154 1.49 1.726 1.49s.881-.317 1.725-1.489c.888-1.231 2.229-3.092 4.877-3.092 2.3 0 3.6 1.349 4.668 2.806V40.643l2.152-4.615h-4.947V18h21.668l9.225 4.4v2.61H66v3.818h-6.828V31.1L50 36.029h-6.167l2.493 4.55v5.446h2.49v3.817h-2.49v2.673h2.49v3.818h-2.49v16.14A7.585 7.585 0 0 1 38.7 80zm-3.757-37.03v29.5a3.758 3.758 0 0 0 7.515 0v-29.5zm2.542-6.943l-1.457 3.125h5.121l-1.712-3.125zm-5.339-14.209V32.21h16.866l6.288-3.382V24.8l-6.238-2.982z"
317 |               fill="#4299e1" /></svg>
318 | 
319 |           <h4 class="text-xl font-bold">Periodontics</h4>
320 |           <p class="mt-1">Let us show you how our experience.</p>
321 |           <a href="#" class="block mt-4">Read More</a>
322 |         </div>
323 |       </div>
324 |     </section>
325 |     <!-- end about -->
326 | 
327 |     <!-- start testimonials -->
328 |     <section class="relative bg-white px-4 sm:px-8 lg:px-16 xl:px-40 2xl:px-64 py-32">
329 |       <div class="flex flex-col md:flex-row lg:-mx-8">
330 |         <div class="w-full lg:w-1/2 lg:px-8">
331 |           <h6 class="text-sm uppercase font-semibold tracking-widest">Patient testimonials</h6>
332 |           <h2 class="text-3xl leading-tight font-bold mt-4">Why choose the Mesothelioma Center?</h2>
333 |           <p class="mt-2 leading-relaxed">Aenean ut tellus tellus. Suspendisse potenti. Nullam tincidunt lacus tellus,
334 |             sed aliquam est vehicula a. Pellentesque consectetur condimentum nulla, eleifend condimentum purus vehicula
335 |             in. Donec convallis sollicitudin facilisis. Integer nisl ligula, accumsan non tincidunt ac, imperdiet in
336 |             enim. Donec efficitur ullamcorper metus, eu venenatis nunc. Nam eget neque tempus, mollis sem a, faucibus
337 |             mi.</p>
338 |         </div>
339 | 
340 |         <div class="w-full lg:w-1/2 lg:px-8">
341 |           <div class="bg-gray-400 w-full h-72 rounded-lg"></div>
342 | 
343 |           <p class="italic text-sm mt-2 text-right">Aenean ante nisi, gravida non mattis semper.</p>
344 |         </div>
345 |       </div>
346 |     </section>
347 |     <!-- end testimonials -->
348 | 
349 |     <!-- start cta -->
350 |     <section class="relative bg-blue-teal-gradient px-4 sm:px-8 lg:px-16 xl:px-40 2xl:px-64 py-8">
351 |       <div class="flex items-center justify-center">
352 |         <h2 class="text-xl font-bold text-white">Get in touch with us today! Call us on: +1 562-789-1935</h2>
353 |         <a href="#" class="px-8 py-4 bg-white text-blue-600 rounded inline-block font-semibold ml-8">Book Appointment</a>
354 |       </div>
355 |     </section>
356 |     <!-- end cta -->
357 | 
358 |     <!-- start footer -->
359 |     <footer class="relative bg-gray-900 text-white px-4 sm:px-8 lg:px-16 xl:px-40 2xl:px-64 py-24">
360 |       <div class="flex flex-col md:flex-row">
361 |         <div class="w-full lg:w-2/6 lg:mx-4 lg:pr-8">
362 |           <h3 class="font-bold text-2xl">DentalPro</h3>
363 |           <p class="text-gray-400">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</p>
364 | 
365 |           <form class="flex items-center mt-6">
366 |             <div class="w-full">
367 |               <label class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2" for="grid-last-name">
368 |                 Subscribe for our Newsletter
369 |               </label>
370 |               <div class="relative">
371 |                 <input
372 |                   class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-4 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500"
373 |                   type="email" placeholder="Enter Your Email Address">
374 | 
375 |                 <button type="submit"
376 |                   class="bg-teal-500 hover:bg-teal-400 text-white px-4 py-2 text-sm font-bold rounded absolute top-0 right-0 my-2 mr-2">Subscribe</button>
377 |               </div>
378 |             </div>
379 |           </form>
380 |         </div>
381 | 
382 |         <div class="w-full lg:w-1/6 mt-8 lg:mt-0 lg:mx-4">
383 |           <h5 class="uppercase tracking-wider font-semibold">Treatments</h5>
384 |           <ul class="mt-4">
385 |             <li class="mt-2"><a href="#" title="" class="opacity-75 hover:opacity-100">General Dentistry</a></li>
386 |             <li class="mt-2"><a href="#" title="" class="opacity-75 hover:opacity-100">Cosmetic Dentistry</a></li>
387 |             <li class="mt-2"><a href="#" title="" class="opacity-75 hover:opacity-100">Oral Health</a></li>
388 |           </ul>
389 |         </div>
390 | 
391 |         <div class="w-full lg:w-2/6 mt-8 lg:mt-0 lg:mx-4 lg:pr-8">
392 |           <h5 class="uppercase tracking-wider font-semibold">Contact Details</h5>
393 |           <ul class="mt-4">
394 |             <li>
395 |               <a href="#" title="" class="block flex items-center opacity-75 hover:opacity-100">
396 |                 <span>
397 |                   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
398 |                     class="fill-current">
399 |                     <path
400 |                       d="M12,2C7.589,2,4,5.589,4,9.995C3.971,16.44,11.696,21.784,12,22c0,0,8.029-5.56,8-12C20,5.589,16.411,2,12,2z M12,14 c-2.21,0-4-1.79-4-4s1.79-4,4-4s4,1.79,4,4S14.21,14,12,14z" />
401 |                   </svg>
402 |                 </span>
403 |                 <span class="ml-3">
404 |                   1985 Kerry Way, Whittier, CA, USA
405 |                 </span>
406 |               </a>
407 |             </li>
408 |             <li class="mt-4">
409 |               <a href="#" title="" class="block flex items-center opacity-75 hover:opacity-100">
410 |                 <span>
411 |                   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
412 |                     class="fill-current">
413 |                     <path
414 |                       d="M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10c5.514,0,10-4.486,10-10S17.514,2,12,2z M12,20c-4.411,0-8-3.589-8-8 s3.589-8,8-8s8,3.589,8,8S16.411,20,12,20z" />
415 |                     <path d="M13 7L11 7 11 13 17 13 17 11 13 11z" /></svg>
416 |                 </span>
417 |                 <span class="ml-3">
418 |                   Mon - Fri: 9:00 - 19:00<br>
419 |                   Closed on Weekends
420 |                 </span>
421 |               </a>
422 |             </li>
423 |             <li class="mt-4">
424 |               <a href="#" title="" class="block flex items-center opacity-75 hover:opacity-100">
425 |                 <span>
426 |                   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
427 |                     class="fill-current">
428 |                     <path
429 |                       d="M14.594,13.994l-1.66,1.66c-0.577-0.109-1.734-0.471-2.926-1.66c-1.193-1.193-1.553-2.354-1.661-2.926l1.661-1.66 l0.701-0.701L5.295,3.293L4.594,3.994l-1,1C3.42,5.168,3.316,5.398,3.303,5.643c-0.015,0.25-0.302,6.172,4.291,10.766 C11.6,20.414,16.618,20.707,18,20.707c0.202,0,0.326-0.006,0.358-0.008c0.245-0.014,0.476-0.117,0.649-0.291l1-1l0.697-0.697 l-5.414-5.414L14.594,13.994z" />
430 |                   </svg>
431 |                 </span>
432 |                 <span class="ml-3">
433 |                   +1 562-789-1935
434 |                 </span>
435 |               </a>
436 |             </li>
437 |             <li class="mt-4">
438 |               <a href="#" title="" class="block flex items-center opacity-75 hover:opacity-100">
439 |                 <span>
440 |                   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
441 |                     class="fill-current">
442 |                     <path
443 |                       d="M20,4H4C2.896,4,2,4.896,2,6v12c0,1.104,0.896,2,2,2h16c1.104,0,2-0.896,2-2V6C22,4.896,21.104,4,20,4z M20,8.7l-8,5.334 L4,8.7V6.297l8,5.333l8-5.333V8.7z" />
444 |                   </svg>
445 |                 </span>
446 |                 <span class="ml-3">
447 |                   dentalpro@example.com
448 |                 </span>
449 |               </a>
450 |             </li>
451 |           </ul>
452 |         </div>
453 | 
454 |         <div class="w-full lg:w-1/6 mt-8 lg:mt-0 lg:mx-4">
455 |           <h5 class="uppercase tracking-wider font-semibold">We're Social</h5>
456 |           <ul class="mt-4 flex">
457 |             <li>
458 |               <a href="#" target="_blank" title="">
459 |                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-current">
460 |                   <path
461 |                     d="M20,3H4C3.447,3,3,3.448,3,4v16c0,0.552,0.447,1,1,1h8.615v-6.96h-2.338v-2.725h2.338v-2c0-2.325,1.42-3.592,3.5-3.592	c0.699-0.002,1.399,0.034,2.095,0.107v2.42h-1.435c-1.128,0-1.348,0.538-1.348,1.325v1.735h2.697l-0.35,2.725h-2.348V21H20	c0.553,0,1-0.448,1-1V4C21,3.448,20.553,3,20,3z" />
462 |                 </svg>
463 |               </a>
464 |             </li>
465 | 
466 |             <li class="ml-6">
467 |               <a href="#" target="_blank" title="">
468 |                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-current">
469 |                   <path
470 |                     d="M19.633,7.997c0.013,0.175,0.013,0.349,0.013,0.523c0,5.325-4.053,11.461-11.46,11.461c-2.282,0-4.402-0.661-6.186-1.809	c0.324,0.037,0.636,0.05,0.973,0.05c1.883,0,3.616-0.636,5.001-1.721c-1.771-0.037-3.255-1.197-3.767-2.793	c0.249,0.037,0.499,0.062,0.761,0.062c0.361,0,0.724-0.05,1.061-0.137c-1.847-0.374-3.23-1.995-3.23-3.953v-0.05	c0.537,0.299,1.16,0.486,1.82,0.511C3.534,9.419,2.823,8.184,2.823,6.787c0-0.748,0.199-1.434,0.548-2.032	c1.983,2.443,4.964,4.04,8.306,4.215c-0.062-0.3-0.1-0.611-0.1-0.923c0-2.22,1.796-4.028,4.028-4.028	c1.16,0,2.207,0.486,2.943,1.272c0.91-0.175,1.782-0.512,2.556-0.973c-0.299,0.935-0.936,1.721-1.771,2.22	c0.811-0.088,1.597-0.312,2.319-0.624C21.104,6.712,20.419,7.423,19.633,7.997z" />
471 |                 </svg>
472 |               </a>
473 |             </li>
474 | 
475 |             <li class="ml-6">
476 |               <a href="#" target="_blank" title="">
477 |                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-current">
478 |                   <path
479 |                     d="M20.947,8.305c-0.011-0.757-0.151-1.508-0.419-2.216c-0.469-1.209-1.424-2.165-2.633-2.633 c-0.699-0.263-1.438-0.404-2.186-0.42C14.747,2.993,14.442,2.981,12,2.981s-2.755,0-3.71,0.055 c-0.747,0.016-1.486,0.157-2.185,0.42C4.896,3.924,3.94,4.88,3.472,6.089C3.209,6.788,3.067,7.527,3.053,8.274 c-0.043,0.963-0.056,1.268-0.056,3.71s0,2.754,0.056,3.71c0.015,0.748,0.156,1.486,0.419,2.187 c0.469,1.208,1.424,2.164,2.634,2.632c0.696,0.272,1.435,0.426,2.185,0.45c0.963,0.043,1.268,0.056,3.71,0.056s2.755,0,3.71-0.056 c0.747-0.015,1.486-0.156,2.186-0.419c1.209-0.469,2.164-1.425,2.633-2.633c0.263-0.7,0.404-1.438,0.419-2.187 c0.043-0.962,0.056-1.267,0.056-3.71C21.003,9.572,21.003,9.262,20.947,8.305z M11.994,16.602c-2.554,0-4.623-2.069-4.623-4.623 s2.069-4.623,4.623-4.623c2.552,0,4.623,2.069,4.623,4.623S14.546,16.602,11.994,16.602z M16.801,8.263 c-0.597,0-1.078-0.482-1.078-1.078s0.481-1.078,1.078-1.078c0.595,0,1.077,0.482,1.077,1.078S17.396,8.263,16.801,8.263z" />
480 |                   <circle cx="11.994" cy="11.979" r="3.003" /></svg>
481 |               </a>
482 |             </li>
483 | 
484 |             <li class="ml-6">
485 |               <a href="#" target="_blank" title="">
486 |                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-current">
487 |                   <path
488 |                     d="M21.593,7.203c-0.23-0.858-0.905-1.535-1.762-1.766C18.265,5.007,12,5,12,5S5.736,4.993,4.169,5.404	c-0.84,0.229-1.534,0.921-1.766,1.778c-0.413,1.566-0.417,4.814-0.417,4.814s-0.004,3.264,0.406,4.814	c0.23,0.857,0.905,1.534,1.763,1.765c1.582,0.43,7.83,0.437,7.83,0.437s6.265,0.007,7.831-0.403c0.856-0.23,1.534-0.906,1.767-1.763	C21.997,15.281,22,12.034,22,12.034S22.02,8.769,21.593,7.203z M9.996,15.005l0.005-6l5.207,3.005L9.996,15.005z" />
489 |                 </svg>
490 |               </a>
491 |             </li>
492 |           </ul>
493 | 
494 |           <p class="text-sm text-gray-400 mt-12">© 2018 ProDentists. <br class="hidden lg:block">All Rights Reserved.
495 |           </p>
496 |         </div>
497 |       </div>
498 |     </footer>
499 |     <!-- end footer -->
500 | 
501 |   </main>
502 | 
503 | 
504 |   <!-- Global site tag (gtag.js) - Google Analytics -->
505 |   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-131505823-2"></script>
506 |   <script>
507 |     window.dataLayer = window.dataLayer || [];
508 | 
509 |     function gtag() {
510 |       dataLayer.push(arguments);
511 |     }
512 |     gtag('js', new Date());
513 | 
514 |     gtag('config', 'UA-131505823-2');
515 |   </script>
516 | 
517 | </body>
518 | 
519 | </html>


--------------------------------------------------------------------------------
/public/fair-rate-mortgage/images/icon-home-1.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="121.566" height="109.164" viewBox="0 0 121.566 109.164"><g transform="translate(0 0.164)"><rect width="49.386" height="74.08" transform="translate(32.292 33.92)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><rect width="37.989" height="9.498" transform="translate(37.99 24.423)" fill="#e9eaeb" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><rect width="11.395" height="15.195" transform="translate(53.186 92.805)" fill="#e9eaeb" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,9.5V0H9.5V9.5" transform="translate(41.789 51.016)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,9.5V0H9.5V9.5" transform="translate(41.789 66.211)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><rect width="18.995" height="47.486" transform="translate(13.297 60.514)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><rect width="13.297" height="9.498" transform="translate(18.995 51.016)" fill="#e9eaeb" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M20.757,0A20.757,20.757,0,0,0,0,20.756C0,38.668,17.7,41.09,19.188,59.3a1.568,1.568,0,0,0,3.132,0C23.809,41.09,41.51,38.668,41.51,20.756A20.754,20.754,0,0,0,20.757,0Z" transform="translate(61.061 47.217)" fill="#c1f6fd" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><circle cx="7.598" cy="7.598" r="7.598" transform="translate(74.08 60.514)" fill="#fff" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H94.975" transform="translate(7.598 108)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M56.984,10.291H43.875a7.082,7.082,0,0,0-5.924-3.857,6.426,6.426,0,0,0-2.391.5A10.575,10.575,0,0,0,25.786,0C20.024,0,15.352,6.493,15.341,10.292H0" transform="translate(11.397 0.836)" fill="none" stroke="#bcc0c4" stroke-miterlimit="10" stroke-width="2"/><path d="M13.3,0H0" transform="translate(7.598 26.323)" fill="none" stroke="#bcc0c4" stroke-miterlimit="10" stroke-width="2"/><path d="M36.091,8.316H30.442c-1.313-3.8-4.04-4.746-7.307-4.35A8.053,8.053,0,0,0,16.041,0c-4.52,0-8.182,2.618-8.223,8.316H0" transform="translate(85.475 12.309)" fill="none" stroke="#bcc0c4" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H3.8" transform="translate(24.693 26.323)" fill="none" stroke="#bcc0c4" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H3.8" transform="translate(72.181 11.127)" fill="none" stroke="#bcc0c4" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H3.8" transform="translate(79.778 11.127)" fill="none" stroke="#bcc0c4" stroke-miterlimit="10" stroke-width="2"/><path d="M3.8,0H0" transform="translate(0 108)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H7.6" transform="translate(106.37 108)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H3.8" transform="translate(117.768 108)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/></g></svg>


--------------------------------------------------------------------------------
/public/fair-rate-mortgage/images/icon-home-2.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="117.722" height="115.292" viewBox="0 0 117.722 115.292"><g transform="translate(-0.278 0.279)"><g transform="translate(12 20)"><circle cx="41.837" cy="41.837" r="41.837" transform="translate(0.806 5.663)" fill="#e9eaeb"/><path d="M36.118,35.469a8.718,8.718,0,0,0-8.228-5.834h-12.2v-12.2l3.486,3.486h12.2c7.974,0,6.973-8.716,6.973-8.716h-12.2L13.945,0H6.972A6.973,6.973,0,0,0,0,6.973V33.12A10.46,10.46,0,0,0,10.459,43.579H26.147L36.606,64.5h9.67Z" transform="translate(9.522 30.068)" fill="#c1f6fd"/><path d="M8.716,20.754A8.772,8.772,0,0,1,0,11.86V8.894A8.772,8.772,0,0,1,8.716,0a8.771,8.771,0,0,1,8.716,8.894V11.86A8.773,8.773,0,0,1,8.716,20.754Z" transform="translate(13.008 3.92)" fill="#fff" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H61.012" transform="translate(25.21 50.986)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H10.46V6.972" transform="translate(51.357 44.014)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,27.891V20.919H10.459V0H1.743" transform="translate(68.79 23.095)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M5.229,36.607H0V0H5.229A3.486,3.486,0,0,1,8.715,3.486V33.12A3.487,3.487,0,0,1,5.229,36.607Z" transform="translate(63.561 0.434)" fill="#fff" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0V10.46" transform="translate(18.237 84.106)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M36.607,64.5,26.148,43.579H10.459A10.46,10.46,0,0,1,0,33.12V6.973A6.973,6.973,0,0,1,6.972,0h6.973l12.2,12.2h12.2s1,8.716-6.973,8.716h-12.2L8.716,10.459" transform="translate(9.521 30.068)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0V12.2H12.2a8.718,8.718,0,0,1,8.228,5.834L30.589,47.066" transform="translate(25.21 47.5)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0V33.121A13.946,13.946,0,0,0,13.945,47.065H29.634" transform="translate(2.548 33.555)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H13.946l5.23,6.973" transform="translate(2.548 59.703)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H3.486" transform="translate(89.709 50.986)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/></g><path d="M0,0H91.655" transform="translate(11.345 113.822)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H7.333" transform="translate(104.452 113.822)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H3.666" transform="translate(114.334 113.822)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H3.666" transform="translate(4.834 113.822)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0V8.123" transform="translate(102.283 25.849)" fill="none" stroke="#bcc0c4" stroke-miterlimit="10" stroke-width="2"/><path d="M8.122,0H0" transform="translate(98.222 29.91)" fill="none" stroke="#bcc0c4" stroke-miterlimit="10" stroke-width="2"/><circle cx="4.062" cy="4.062" r="4.062" transform="translate(106.343 6.896)" fill="none" stroke="#bcc0c4" stroke-miterlimit="10" stroke-width="2"/><path d="M54.991,9.931H42.342a6.836,6.836,0,0,0-5.717-3.722,6.194,6.194,0,0,0-2.308.48A10.205,10.205,0,0,0,24.885,0c-5.561,0-10.069,6.266-10.08,9.932H0" transform="translate(3.945 0.721)" fill="none" stroke="#bcc0c4" stroke-miterlimit="10" stroke-width="2"/><path d="M12.831,0H0" transform="translate(0.278 25.316)" fill="none" stroke="#bcc0c4" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H3.668" transform="translate(16.775 25.316)" fill="none" stroke="#bcc0c4" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H3.664" transform="translate(62.604 10.652)" fill="none" stroke="#bcc0c4" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H3.666" transform="translate(69.936 10.652)" fill="none" stroke="#bcc0c4" stroke-miterlimit="10" stroke-width="2"/></g></svg>


--------------------------------------------------------------------------------
/public/fair-rate-mortgage/images/icon-home-3.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="113.166" height="113.92" viewBox="0 0 113.166 113.92"><g transform="translate(-0.834 0.098)"><path d="M0,0H91.655" transform="translate(7.345 112.822)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H7.333" transform="translate(100.452 112.822)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H3.666" transform="translate(110.334 112.822)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H3.666" transform="translate(0.834 112.822)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><g transform="translate(9 17)"><path d="M25.832,56.338a5.741,5.741,0,0,1-5.741-5.74V0a36.592,36.592,0,1,0,44.4,56.339H25.832Z" transform="translate(0.882 18.516)" fill="#e9eaeb"/><path d="M33.007,74.625H5.741A5.741,5.741,0,0,1,0,68.885V5.741A5.741,5.741,0,0,1,5.741,0H53.1a5.74,5.74,0,0,1,5.74,5.741V43.053" transform="translate(20.973 0.229)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M21.526,51.664H0V0H47.358V31.572" transform="translate(26.714 11.71)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M31.571,17.221H28.7a3.014,3.014,0,0,0-2.87-2.87h-2.87a3.87,3.87,0,0,0-2.871-1.436H17.22V2.87a2.87,2.87,0,1,0-5.74,0V24.4l-1.917,1.84-3.75-5.813C3.514,17.261,0,19.036,0,20.424c0,0,4.354,13.893,4.978,14.868,1,1.57,5.068,5.1,5.068,6.326v5.741H31.572V43.053c0-1.935,2.87-4.271,2.87-7.176V20.091A3.015,3.015,0,0,0,31.571,17.221Z" transform="translate(49.677 33.237)" fill="#fff"/><path d="M10.046,47.359V41.618c0-1.228-4.066-4.756-5.068-6.326C4.355,34.316,0,20.424,0,20.424c0-1.388,3.515-3.163,5.813,0l3.75,5.813L11.48,24.4V2.87A2.87,2.87,0,0,1,14.35,0h0a2.87,2.87,0,0,1,2.87,2.87V12.915h2.87a3.866,3.866,0,0,1,2.871,1.436h2.87a3.014,3.014,0,0,1,2.87,2.87h2.87a3.014,3.014,0,0,1,2.87,2.87V35.877c0,2.9-2.87,5.241-2.87,7.176v4.306" transform="translate(49.676 33.237)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0V7.176" transform="translate(72.638 47.588)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0V5.74" transform="translate(78.378 50.458)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><rect width="27.267" height="16.176" transform="translate(56.852 79.16)" fill="#c1f6fd"/><path d="M27.266,16.176V0H0V16.176" transform="translate(56.852 79.16)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H11.482" transform="translate(45.37 5.97)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M17.251,14.351H.03L0,0H17.222Z" transform="translate(32.454 17.451)" fill="#fff" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H15.787" transform="translate(53.98 20.321)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H11.482" transform="translate(53.98 26.061)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H20.091" transform="translate(31.019 37.542)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H20.091" transform="translate(31.019 43.282)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H11.481" transform="translate(31.019 49.022)" fill="none" stroke="#2a5082" stroke-miterlimit="10" stroke-width="2"/></g><path d="M54.991,9.931H42.341a6.833,6.833,0,0,0-5.717-3.722,6.194,6.194,0,0,0-2.308.48A10.205,10.205,0,0,0,24.884,0C19.323,0,14.815,6.266,14.8,9.932H0" transform="translate(4.675 0.902)" fill="none" stroke="#bcc0c4" stroke-miterlimit="10" stroke-width="2"/><path d="M12.831,0H0" transform="translate(1.008 25.498)" fill="none" stroke="#bcc0c4" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H3.668" transform="translate(17.505 25.498)" fill="none" stroke="#bcc0c4" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H3.665" transform="translate(63.333 10.833)" fill="none" stroke="#bcc0c4" stroke-miterlimit="10" stroke-width="2"/><path d="M0,0H3.666" transform="translate(70.665 10.833)" fill="none" stroke="#bcc0c4" stroke-miterlimit="10" stroke-width="2"/></g></svg>


--------------------------------------------------------------------------------
/public/fair-rate-mortgage/images/rates.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iamsahilvhora/tailwindcss-templates/06ea7b3f388098859b8822fdf8218cf10b09acda/public/fair-rate-mortgage/images/rates.png


--------------------------------------------------------------------------------
/public/fair-rate-mortgage/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 | 
  6 |   <meta charset="utf-8">
  7 |   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8 |   <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
  9 |   <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
 10 |   <link rel="stylesheet" href="../build/tailwind.css">
 11 |   <title>FairRate</title>
 12 | 
 13 | </head>
 14 | 
 15 | <body class="antialiased font-sans bg-white text-gray-900">
 16 | 
 17 |   <main class="w-full">
 18 | 
 19 |     <!-- start header -->
 20 |     <header class="w-full bg-transparent fixed top-0 left-0 z-50 px-4 sm:px-8 lg:px-16 xl:px-40 2xl:px-64 py-6"
 21 |       id="navbar">
 22 |       <nav class="flex items-center justify-between">
 23 |         <div class="">
 24 |           <a href="index.html">
 25 |             <svg xmlns="http://www.w3.org/2000/svg" width="188" height="39"><text transform="translate(87 29)"
 26 |                 fill="#454f5b" font-size="24">
 27 |                 <tspan x="0" y="0">FairRate</tspan>
 28 |               </text>
 29 |               <path d="M54 39H0L27 6l27 33zM23 22v11h8V22h-8z" fill="#4ad5f6" />
 30 |               <path d="M54 0L40 16h27L54 0" fill="#95cdb1" />
 31 |               <path d="M69 18L55 34h27L69 18" fill="#ffc48b" /></svg>
 32 |           </a>
 33 |         </div>
 34 | 
 35 |         <div class="block sm:hidden">
 36 |           <button type="button" class="navbar-toggler">
 37 |             <span class="navbar-toggler-bar"></span>
 38 |             <span class="navbar-toggler-bar"></span>
 39 |             <span class="navbar-toggler-bar"></span>
 40 |           </button>
 41 |         </div>
 42 | 
 43 |         <div class="hidden sm:flex">
 44 |           <ul class="flex flex-col sm:flex-row">
 45 |             <li><a href="#" class="sm:px-4 py-2 block">Rates</a></li>
 46 |             <li><a href="#" class="sm:px-4 py-2 sm:hidden lg:block">About Us</a></li>
 47 |             <li><a href="#" class="sm:px-4 py-2 sm:hidden md:block">Resources</a></li>
 48 |             <li><a href="#" class="sm:px-4 py-2 sm:hidden md:block">FAQs</a></li>
 49 |             <li><a href="#" class="sm:px-4 py-2 block text-blue-600 border border-gray-400 rounded-lg ml-4">Login</a></li>
 50 |             <li><a href="#" class="sm:px-4 py-2 block bg-blue-600 text-white rounded-lg ml-4">Get Started</a></li>
 51 |           </ul>
 52 |         </div>
 53 |       </nav>
 54 |     </header>
 55 |     <!-- end header -->
 56 | 
 57 |     <!-- start hero section -->
 58 |     <section
 59 |       class="relative bg-blue-100 px-4 sm:px-8 lg:px-16 xl:px-40 2xl:px-64 pt-32 pb-48 sm:pb-64 md:pt-40 md:pb-48 lg:pt-40 xl:pb-64 2xl:pt-56 2xl:pb-96 text-center sm:text-left">
 60 |       <div>
 61 |         <div class="relative w-full sm:w-2/3 lg:w-1/2 z-10">
 62 |           <h1 class="text-3xl lg:text-4xl xl:text-5xl leading-tight font-bold">Fair Rate lets you find the fairrest
 63 |             rate.</h1>
 64 |           <p class="text-base leading-snug text-gray-700 mt-4">Fusce dapibus, tellus ac cursus commodo, tortor mauris
 65 |             condimentum nibh, ut fermentum massa justo sit amet risus.</p>
 66 |           <a href="#" class="w-full block sm:inline-block sm:w-auto px-6 py-4 bg-blue-600 text-white rounded-lg mt-8">Find the Fair Rate</a>
 67 |         </div>
 68 | 
 69 |         <div class="w-full absolute bottom-0 right-0">
 70 |           <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
 71 |             viewBox="0 0 1161.727 456.805">
 72 |             <defs>
 73 |               <clipPath id="a">
 74 |                 <path
 75 |                   d="M847.9,82.732c-35.467,16.382-70.248,7.339-114.45-22.181-130.3-87.026-222.523-75.217-343.934,3.359-25.868,16.742-67.626,44.576-137.624,24.769C149.45,59.69,44.091,89,0,169.643H1161.727c-33.066-63-156.751-159.454-313.828-86.911"
 76 |                   transform="translate(0.044 0.729)" fill="none" />
 77 |               </clipPath>
 78 |               <linearGradient id="b" x1="0.966" y1="1.217" x2="0.09" y2="0.335" gradientUnits="objectBoundingBox">
 79 |                 <stop offset="0" stop-color="#1c8eb8" />
 80 |                 <stop offset="1" stop-color="#c5f9ff" />
 81 |               </linearGradient>
 82 |               <clipPath id="c">
 83 |                 <path
 84 |                   d="M0,93.453c5.066-9.4,30.388-27.88,62.525-22.872,35.079,5.468,42.787-6.458,57.249-11.417,26.478-9.079,46.914,20.875,56.065,1.869,11.685-24.264,30.654-36.258,88.5-12.391,13.739,5.669,12.8-6.891,19.051-14.225,12.145-14.242,26.853,12.047,33.6,10.6,7.663-1.639,5.324-12.829,9.811-22.411,9.349-19.964,25.484-1.2,36.607-2.849,11.075-1.639,17-23.612,29.543-19.169C419.738,10.08,411.33,65.861,409.673,78.3c7.619-10.618,21.033-18.416,21.033,15.149H0"
 85 |                   transform="translate(0.189 0.248)" fill="none" />
 86 |               </clipPath>
 87 |               <linearGradient id="d" x1="0.597" y1="1.079" x2="0.333" y2="-0.021" gradientUnits="objectBoundingBox">
 88 |                 <stop offset="0" stop-color="#0b5c79" />
 89 |                 <stop offset="1" stop-color="#3ec3d1" />
 90 |               </linearGradient>
 91 |               <clipPath id="e">
 92 |                 <path
 93 |                   d="M1.971,52.2H131.918c6.753-26.83-19.77-13.415-19.77-13.415s10-28.222-.249-25.291C102,16.319,97.665,38.3,97.665,38.3S92.334,2.4,80.645.048c-7.588-1.528-1.633,34.134-1.633,34.134a18.746,18.746,0,0,0-10.92-3.908c-5.413-.082-4.1,6.882-4.1,6.882S52.7,14,46.819,14.3c-7.373.377.534,24.7.534,24.7S32.835,23.19,27.116,23.6c-7.948.575,5.909,23.161,5.909,23.161S22.5,40.429,9.967,41.475c-9.039.754-12.508,4.406-8,10.721"
 94 |                   transform="translate(0.768 0.085)" fill="none" />
 95 |               </clipPath>
 96 |               <linearGradient id="f" x1="0.978" y1="1.271" x2="0.312" y2="0.481" gradientUnits="objectBoundingBox">
 97 |                 <stop offset="0" stop-color="#3ec3d1" />
 98 |                 <stop offset="1" stop-color="#6ce2ef" />
 99 |               </linearGradient>
100 |               <clipPath id="g">
101 |                 <path
102 |                   d="M73.318,101.431c0,55.832-22.176,101.494-37.552,101.494S0,141.97,0,86.139,24.9-5.692,42.794.742C62.964,7.99,73.318,45.6,73.318,101.431"
103 |                   transform="translate(0.783 0.13)" fill="none" />
104 |               </clipPath>
105 |               <linearGradient id="h" x1="1.071" y1="0.925" x2="-0.013" y2="0.054" gradientUnits="objectBoundingBox">
106 |                 <stop offset="0" stop-color="#0a6373" />
107 |                 <stop offset="1" stop-color="#3ed1d1" />
108 |               </linearGradient>
109 |               <clipPath id="i">
110 |                 <path d="M118.71,200.784H0V81.857L59.353,0,118.71,81.857V200.784" transform="translate(0.112 0.432)"
111 |                   fill="none" />
112 |               </clipPath>
113 |               <linearGradient id="j" x1="0.021" y1="0.181" x2="0.787" y2="1.017" gradientUnits="objectBoundingBox">
114 |                 <stop offset="0" stop-color="#fff" />
115 |                 <stop offset="1" stop-color="#ffe8b8" />
116 |               </linearGradient>
117 |               <clipPath id="k">
118 |                 <path d="M0,0H136.265V97.169H0Z" transform="translate(0.466 0.057)" fill="none" />
119 |               </clipPath>
120 |               <linearGradient id="l" x1="-0.238" y1="-0.291" x2="0.984" y2="1.019" xlink:href="#j" />
121 |               <linearGradient id="m" x1="0.332" y1="1.492" x2="0.59" y2="-0.032" gradientUnits="objectBoundingBox">
122 |                 <stop offset="0" stop-color="#f7ce8f" />
123 |                 <stop offset="1" stop-color="#d97d61" />
124 |               </linearGradient>
125 |               <clipPath id="n">
126 |                 <path d="M0,0H140L199.35,81.857H59.356L0,0" transform="translate(0.53 0.432)" fill="none" />
127 |               </clipPath>
128 |               <linearGradient id="o" x1="0.447" y1="1.169" x2="0.574" y2="-0.426" gradientUnits="objectBoundingBox">
129 |                 <stop offset="0" stop-color="#d95e36" />
130 |                 <stop offset="1" stop-color="#80331a" />
131 |               </linearGradient>
132 |               <clipPath id="p">
133 |                 <path d="M38.59,0H0L38.59,56.221V0" transform="translate(0.695 0.511)" fill="none" />
134 |               </clipPath>
135 |               <linearGradient id="q" x1="0.194" y1="-0.251" x2="0.857" y2="0.366" xlink:href="#j" />
136 |               <clipPath id="r">
137 |                 <path
138 |                   d="M144.375,47.135a24.824,24.824,0,0,0-17.241-10.894c-13.188-1.929-8.662-16.557-20.124-20.429C94.923,11.729,93.9,21.465,62.993,3.911,54.352-1,38.325-2.537,31.209,6.789c-4.165,5.459-5.185,13.4-3.962,20.007,1.176,6.361,5.929,15.542.764,21.258-4.9,5.429-13.531,3.711-19.505,7.158C2.437,58.713.1,65.791.005,72.458-.211,88.03,6.458,104.819,16.336,116.7c20.586,24.76,57.68,30.68,86.972,20.016a69.006,69.006,0,0,0,38.756-35.741c7.523-15.806,12.109-37.988,2.312-53.841"
139 |                   transform="translate(0.59 0.445)" fill="none" />
140 |               </clipPath>
141 |               <linearGradient id="s" x1="0.698" y1="0.98" x2="0.324" y2="0.098" xlink:href="#h" />
142 |               <clipPath id="t">
143 |                 <path
144 |                   d="M98.471,14.737c-6.526.309-13.327,1.763-35.485-10.831C54.35-1,38.325-2.536,31.2,6.79c-4.159,5.459-5.183,13.4-3.957,20.007,1.173,6.356,5.929,15.542.757,21.258-4.9,5.426-13.531,3.707-19.5,7.157C2.436,58.715.09,65.787.005,72.452c-.224,15.575,6.45,32.367,16.323,44.245.949,1.143,1.93,2.244,2.954,3.3,37.179,20.264,10.257-41.52,22.667-52.737,7.859-7.1,23.223,2.959,30.186-2.029,3.475-2.489,3.2-7.414.49-11.163C64.266,42.521,50.832,30.226,57.475,23.24c3.55-3.738,10.62-1.688,23.937-1.644,15.386.043,23.318-3.931,17.06-6.858"
145 |                   transform="translate(0.594 0.446)" fill="none" />
146 |               </clipPath>
147 |               <linearGradient id="u" x1="0.731" y1="0.821" x2="0.286" y2="0.046" xlink:href="#f" />
148 |               <clipPath id="v">
149 |                 <path
150 |                   d="M227.289,45.589c-3.879-9.4-23.249-27.88-47.826-22.872-26.838,5.468-32.731-6.458-43.8-11.417-20.249-9.079-30.224,13.446-42.882,1.869C75.1-3,60.783-4.644,49.365,10.252,32.951,31.672,6.043,7.953,0,45.589H227.289"
151 |                   transform="translate(0.194 0.524)" fill="none" />
152 |               </clipPath>
153 |               <linearGradient id="w" x1="0.501" y1="1.161" x2="0.484" y2="-0.939" xlink:href="#d" />
154 |               <clipPath id="x">
155 |                 <path
156 |                   d="M102.381,47.328H0C.581,15.94,8.823,36.09,8.823,36.09s2.709-22.938,8.7-23.868c5.656-.879,8.321,22.5,8.321,22.5S31.992,1.318,40.129.029C47.272-1.1,41.66,30.99,41.66,30.99a19.212,19.212,0,0,1,10.2-3.545c6.694-.275,3.958,6.242,3.958,6.242s8.365-14.511,13.863-14.238c6.888.342,2.146,15.052,2.146,15.052s5.067-4.844,10.38-5.527c10.4-1.335-.642,11.992-.642,11.992s7.38-3.026,20.1-4.949c12.412-1.878,9.834,5.218.713,11.312"
157 |                   transform="translate(0.211 0.547)" fill="none" />
158 |               </clipPath>
159 |               <linearGradient id="y" x1="-0.027" y1="1.092" x2="0.759" y2="0.401" xlink:href="#f" />
160 |               <clipPath id="z">
161 |                 <path
162 |                   d="M139.761,35.129c.308-18.657-16.264-24.525-32.335-19.316-12.157,3.94-13.142,5.652-43.929-11.9C54.894-1,38.876-2.537,31.689,6.789c-4.2,5.459-5.278,13.4-4.108,20.007,1.135,6.361,5.823,15.542.616,21.258-4.944,5.429-13.564,3.711-19.563,7.158-6.1,3.5-8.48,10.58-8.62,17.246C-.321,88.03,5.573,105.394,16.023,116.7c21.059,22.8,58.082,31.61,92.291,22.889,75.429-19.227,47.061-59.827,38.22-70.59-9.518-11.573-6.984-21.007-6.773-33.871"
163 |                   transform="translate(0.69 0.445)" fill="none" />
164 |               </clipPath>
165 |               <linearGradient id="aa" x1="0.737" y1="0.976" x2="0.277" y2="0.117" xlink:href="#h" />
166 |               <clipPath id="ab">
167 |                 <path
168 |                   d="M108.365,15.538c-.308.086-.625.182-.932.278C95.276,19.747,94.291,21.467,63.5,3.906,54.892-1,38.883-2.536,31.7,6.79c-4.213,5.459-5.3,13.4-4.117,20.007,1.135,6.356,5.814,15.542.616,21.258C23.26,53.481,14.649,51.762,8.65,55.212c-6.1,3.5-8.488,10.575-8.638,17.24C-.314,88.027,6.231,104.819,16.03,116.7a59.878,59.878,0,0,0,4.082,4.487c33.778,20.563-1.346-23.852,26.539-42.194,13.784-9.08,40.393-18.619,28.808-33.07C67,35.354,60.575,31.241,63.161,25.431,64.577,22.225,68.72,19.213,81.8,21.6c17.892,3.269,30.954-3.087,26.565-6.057"
169 |                   transform="translate(0.683 0.446)" fill="none" />
170 |               </clipPath>
171 |               <linearGradient id="ac" x1="0.736" y1="0.722" x2="0.264" y2="0.157" xlink:href="#f" />
172 |               <filter id="ad" x="830.456" y="132.5" width="90" height="90" filterUnits="userSpaceOnUse">
173 |                 <feOffset dy="5" input="SourceAlpha" />
174 |                 <feGaussianBlur stdDeviation="3.5" result="ae" />
175 |                 <feFlood flood-color="#a4a4a4" flood-opacity="0.216" />
176 |                 <feComposite operator="in" in2="ae" />
177 |                 <feComposite in="SourceGraphic" />
178 |               </filter>
179 |               <filter id="af" x="615.956" y="118" width="101" height="101" filterUnits="userSpaceOnUse">
180 |                 <feOffset dy="6" input="SourceAlpha" />
181 |                 <feGaussianBlur stdDeviation="4" result="ag" />
182 |                 <feFlood flood-color="#a4a4a4" flood-opacity="0.216" />
183 |                 <feComposite operator="in" in2="ag" />
184 |                 <feComposite in="SourceGraphic" />
185 |               </filter>
186 |               <filter id="ah" x="659.956" y="27" width="71.9" height="71.9" filterUnits="userSpaceOnUse">
187 |                 <feOffset dy="4" input="SourceAlpha" />
188 |                 <feGaussianBlur stdDeviation="3" result="ai" />
189 |                 <feFlood flood-color="#a4a4a4" flood-opacity="0.216" />
190 |                 <feComposite operator="in" in2="ai" />
191 |                 <feComposite in="SourceGraphic" />
192 |               </filter>
193 |               <filter id="aj" x="720.956" y="73" width="80.37" height="80.37" filterUnits="userSpaceOnUse">
194 |                 <feOffset dy="4" input="SourceAlpha" />
195 |                 <feGaussianBlur stdDeviation="3" result="ak" />
196 |                 <feFlood flood-color="#a4a4a4" flood-opacity="0.216" />
197 |                 <feComposite operator="in" in2="ak" />
198 |                 <feComposite in="SourceGraphic" />
199 |               </filter>
200 |               <filter id="al" x="818.956" y="47" width="80.37" height="80.37" filterUnits="userSpaceOnUse">
201 |                 <feOffset dy="4" input="SourceAlpha" />
202 |                 <feGaussianBlur stdDeviation="3" result="am" />
203 |                 <feFlood flood-color="#a4a4a4" flood-opacity="0.216" />
204 |                 <feComposite operator="in" in2="am" />
205 |                 <feComposite in="SourceGraphic" />
206 |               </filter>
207 |               <filter id="an" x="781.956" y="0" width="72" height="72" filterUnits="userSpaceOnUse">
208 |                 <feOffset dy="4" input="SourceAlpha" />
209 |                 <feGaussianBlur stdDeviation="3" result="ao" />
210 |                 <feFlood flood-color="#a4a4a4" flood-opacity="0.216" />
211 |                 <feComposite operator="in" in2="ao" />
212 |                 <feComposite in="SourceGraphic" />
213 |               </filter>
214 |             </defs>
215 |             <g transform="translate(1950.456 5248.5)">
216 |               <rect width="1" height="225" transform="translate(-1285.5 -5047.5)" fill="#dfe3e8" />
217 |               <rect width="1" height="225" transform="translate(-1255.5 -5167.5)" fill="#dfe3e8" opacity="0.5" />
218 |               <rect width="1" height="225" transform="translate(-1189.5 -5112.5)" fill="#dfe3e8" />
219 |               <rect width="1" height="225" transform="translate(-1091.5 -5138.5)" fill="#dfe3e8" opacity="0.5" />
220 |               <rect width="1" height="225" transform="translate(-1075.5 -5040.5)" fill="#dfe3e8" />
221 |               <rect width="1" height="225" transform="translate(-1132.5 -5189.5)" fill="#dfe3e8" />
222 |               <g transform="translate(-1950.5 -4962.067)">
223 |                 <path
224 |                   d="M847.9,82.732c-35.467,16.382-70.248,7.339-114.45-22.181-130.3-87.026-222.523-75.217-343.934,3.359-25.868,16.742-67.626,44.576-137.624,24.769C149.45,59.69,44.091,89,0,169.643H1161.727c-33.066-63-156.751-159.454-313.828-86.911"
225 |                   transform="translate(0.044 0.729)" fill="none" />
226 |                 <g clip-path="url(#a)">
227 |                   <path
228 |                     d="M847.9,82.732c-35.467,16.382-70.248,7.339-114.45-22.181-130.3-87.026-222.523-75.217-343.934,3.359-25.868,16.742-67.626,44.576-137.624,24.769C149.45,59.69,44.091,89,0,169.643H1161.727c-33.066-63-156.751-159.454-313.828-86.911"
229 |                     transform="translate(0.044 0.729)" fill="url(#b)" />
230 |                 </g>
231 |               </g>
232 |               <g transform="translate(-1714.757 -4885.397)">
233 |                 <path
234 |                   d="M0,93.453c5.066-9.4,30.388-27.88,62.525-22.872,35.079,5.468,42.787-6.458,57.249-11.417,26.478-9.079,46.914,20.875,56.065,1.869,11.685-24.264,30.654-36.258,88.5-12.391,13.739,5.669,12.8-6.891,19.051-14.225,12.145-14.242,26.853,12.047,33.6,10.6,7.663-1.639,5.324-12.829,9.811-22.411,9.349-19.964,25.484-1.2,36.607-2.849,11.075-1.639,17-23.612,29.543-19.169C419.738,10.08,411.33,65.861,409.673,78.3c7.619-10.618,21.033-18.416,21.033,15.149H0"
235 |                   transform="translate(0.189 0.248)" fill="none" />
236 |                 <g clip-path="url(#c)">
237 |                   <path
238 |                     d="M0,93.453c5.066-9.4,30.388-27.88,62.525-22.872,35.079,5.468,42.787-6.458,57.249-11.417,26.478-9.079,46.914,20.875,56.065,1.869,11.685-24.264,30.654-36.258,88.5-12.391,13.739,5.669,12.8-6.891,19.051-14.225,12.145-14.242,26.853,12.047,33.6,10.6,7.663-1.639,5.324-12.829,9.811-22.411,9.349-19.964,25.484-1.2,36.607-2.849,11.075-1.639,17-23.612,29.543-19.169C419.738,10.08,411.33,65.861,409.673,78.3c7.619-10.618,21.033-18.416,21.033,15.149H0"
239 |                     transform="translate(0.189 0.248)" fill="url(#d)" />
240 |                 </g>
241 |               </g>
242 |               <g transform="translate(-1597.766 -4843.978)">
243 |                 <path
244 |                   d="M1.971,52.2H131.918c6.753-26.83-19.77-13.415-19.77-13.415s10-28.222-.249-25.291C102,16.319,97.665,38.3,97.665,38.3S92.334,2.4,80.645.048c-7.588-1.528-1.633,34.134-1.633,34.134a18.746,18.746,0,0,0-10.92-3.908c-5.413-.082-4.1,6.882-4.1,6.882S52.7,14,46.819,14.3c-7.373.377.534,24.7.534,24.7S32.835,23.19,27.116,23.6c-7.948.575,5.909,23.161,5.909,23.161S22.5,40.429,9.967,41.475c-9.039.754-12.508,4.406-8,10.721"
245 |                   transform="translate(0.768 0.085)" fill="none" />
246 |                 <g clip-path="url(#e)">
247 |                   <path
248 |                     d="M1.971,52.2H131.918c6.753-26.83-19.77-13.415-19.77-13.415s10-28.222-.249-25.291C102,16.319,97.665,38.3,97.665,38.3S92.334,2.4,80.645.048c-7.588-1.528-1.633,34.134-1.633,34.134a18.746,18.746,0,0,0-10.92-3.908c-5.413-.082-4.1,6.882-4.1,6.882S52.7,14,46.819,14.3c-7.373.377.534,24.7.534,24.7S32.835,23.19,27.116,23.6c-7.948.575,5.909,23.161,5.909,23.161S22.5,40.429,9.967,41.475c-9.039.754-12.508,4.406-8,10.721"
249 |                     transform="translate(0.768 0.085)" fill="url(#f)" />
250 |                 </g>
251 |               </g>
252 |               <g transform="translate(-1022.483 -5040.5)">
253 |                 <path
254 |                   d="M73.318,101.431c0,55.832-22.176,101.494-37.552,101.494S0,141.97,0,86.139,24.9-5.692,42.794.742C62.964,7.99,73.318,45.6,73.318,101.431"
255 |                   transform="translate(0.783 0.13)" fill="none" />
256 |                 <g clip-path="url(#g)">
257 |                   <path
258 |                     d="M73.318,101.431c0,55.832-22.176,101.494-37.552,101.494S0,141.97,0,86.139,24.9-5.692,42.794.742C62.964,7.99,73.318,45.6,73.318,101.431"
259 |                     transform="translate(0.783 0.13)" fill="url(#h)" />
260 |                 </g>
261 |               </g>
262 |               <g transform="translate(-1316.282 -4992.912)">
263 |                 <path d="M118.71,200.784H0V81.857L59.353,0,118.71,81.857V200.784" transform="translate(0.112 0.432)"
264 |                   fill="none" />
265 |                 <g clip-path="url(#i)">
266 |                   <path d="M118.71,200.784H0V81.857L59.353,0,118.71,81.857V200.784" transform="translate(0.112 0.432)"
267 |                     fill="url(#j)" />
268 |                 </g>
269 |               </g>
270 |               <path d="M0,118.927H139.994V0H0Z" transform="translate(-1197.461 -4910.623)" fill="#f7ce8f" />
271 |               <g transform="translate(-1175.54 -4888.922)">
272 |                 <path d="M0,0H136.265V97.169H0Z" transform="translate(0.466 0.057)" fill="none" />
273 |                 <g clip-path="url(#k)">
274 |                   <path d="M0,97.169H136.265V0H0Z" transform="translate(0.466 0.057)" fill="url(#l)" />
275 |                 </g>
276 |               </g>
277 |               <path d="M0,97.169H139.994V0H0Z" transform="translate(-1038.809 -4888.865)" fill="url(#m)" />
278 |               <path d="M0,75.272H98.95V0H0Z" transform="translate(-1156.417 -4866.967)" fill="#9d9d9c" />
279 |               <g transform="translate(-1257.346 -4992.912)">
280 |                 <path d="M0,0H140L199.35,81.857H59.356L0,0" transform="translate(0.53 0.432)" fill="none" />
281 |                 <g clip-path="url(#n)">
282 |                   <path d="M0,0H140L199.35,81.857H59.356L0,0" transform="translate(0.53 0.432)" fill="url(#o)" />
283 |                 </g>
284 |               </g>
285 |               <path d="M0,75.272H5.779V0H0Z" transform="translate(-1156.417 -4866.967)" fill="#f7ce8f" />
286 |               <path d="M0,1.648H93.171V0H0Z" transform="translate(-1150.638 -4866.967)" fill="#415680" />
287 |               <path d="M0,1.647H93.171V0H0Z" transform="translate(-1150.638 -4860.832)" fill="#415680" />
288 |               <path d="M0,1.647H93.171V0H0Z" transform="translate(-1150.638 -4854.696)" fill="#415680" />
289 |               <path d="M0,1.647H93.171V0H0Z" transform="translate(-1150.638 -4848.561)" fill="#415680" />
290 |               <path d="M0,1.647H93.171V0H0Z" transform="translate(-1150.638 -4842.426)" fill="#415680" />
291 |               <path d="M0,1.647H93.171V0H0Z" transform="translate(-1150.638 -4836.29)" fill="#415680" />
292 |               <path d="M0,1.647H93.171V0H0Z" transform="translate(-1150.638 -4830.155)" fill="#415680" />
293 |               <path d="M0,1.646H93.171V0H0Z" transform="translate(-1150.638 -4824.019)" fill="#415680" />
294 |               <path d="M0,1.646H93.171V0H0Z" transform="translate(-1150.638 -4817.883)" fill="#415680" />
295 |               <path d="M0,1.646H93.171V0H0Z" transform="translate(-1150.638 -4811.748)" fill="#415680" />
296 |               <path d="M0,1.646H93.171V0H0Z" transform="translate(-1150.638 -4805.612)" fill="#415680" />
297 |               <path d="M0,1.647H93.171V0H0Z" transform="translate(-1150.638 -4799.478)" fill="#415680" />
298 |               <path d="M0,1.647H93.171V0H0Z" transform="translate(-1150.638 -4793.343)" fill="#415680" />
299 |               <path d="M0,75.271H24.968V0H0Z" transform="translate(-1291.092 -4888.865)" fill="#2e3e5c" />
300 |               <path d="M0,75.271H5.776V0H0Z" transform="translate(-1291.092 -4888.865)" fill="#f7ce8f" />
301 |               <path d="M0,97.169H24.97V0H0Z" transform="translate(-1247.509 -4888.865)" fill="#2e3e5c" />
302 |               <path d="M0,97.169H5.775V0H0Z" transform="translate(-1247.509 -4888.865)" fill="#f7ce8f" />
303 |               <path d="M0,56.221H42.2V0H0Z" transform="translate(-1148.57 -4966.844)" fill="#f7ce8f" />
304 |               <path d="M0,40.527H24.964V0H0Z" transform="translate(-1139.95 -4951.149)" fill="#2e3e5c" />
305 |               <path d="M0,40.527H5.858V0H0Z" transform="translate(-1120.844 -4951.149)" fill="#fff" />
306 |               <g transform="translate(-1187.855 -4967.355)">
307 |                 <path d="M38.59,0H0L38.59,56.221V0" transform="translate(0.695 0.511)" fill="none" />
308 |                 <g clip-path="url(#p)">
309 |                   <path d="M38.59,0H0L38.59,56.221V0" transform="translate(0.695 0.511)" fill="url(#q)" />
310 |                 </g>
311 |               </g>
312 |               <path d="M0,62.922H13.6V0H0Z" transform="translate(-1279.725 -4876.517)" fill="#36a9e1" />
313 |               <path d="M0,84.821H13.608V0H0Z" transform="translate(-1236.147 -4876.517)" fill="#36a9e1" />
314 |               <path d="M0,3.294H19.2V0H0Z" transform="translate(-1241.735 -4866.967)" fill="#fff" />
315 |               <path d="M0,3.294H19.192V0H0Z" transform="translate(-1285.316 -4866.967)" fill="#fff" />
316 |               <path d="M0,28.179H13.6V0H0Z" transform="translate(-1134.443 -4938.802)" fill="#36a9e1" />
317 |               <path d="M2.468,26.83H0V0H3.938L2.468,26.83" transform="translate(-1382.756 -4818.526)" fill="#fff" />
318 |               <path d="M6.6,26.83H4.261L0,0H3.939L6.6,26.83" transform="translate(-1371.965 -4818.526)" fill="#fff" />
319 |               <path d="M6.646,0H4.582L0,22.966H3.939L6.646,0" transform="translate(-1371.965 -4841.492)" fill="#fff" />
320 |               <path d="M0,4.985H14.73V0H0Z" transform="translate(-1382.756 -4818.526)" fill="#fff" />
321 |               <path d="M0,4.985H10.791V0H0Z" transform="translate(-1375.248 -4818.526)" fill="#fff" />
322 |               <path d="M2.468,26.83H0V0H3.937L2.468,26.83" transform="translate(-1446.35 -4818.526)" fill="#fff" />
323 |               <path d="M6.6,26.83H4.26L0,0H3.938L6.6,26.83" transform="translate(-1435.559 -4818.526)" fill="#fff" />
324 |               <path d="M6.646,0H4.582L0,22.966H3.938L6.646,0" transform="translate(-1435.559 -4841.492)" fill="#fff" />
325 |               <path d="M0,4.985H14.73V0H0Z" transform="translate(-1446.35 -4818.526)" fill="#fff" />
326 |               <path d="M0,4.985H76.547V0H0Z" transform="translate(-1451.794 -4818.526)" fill="#fff" />
327 |               <path d="M0,4.985H76.546L77.449,0H.9L0,4.985" transform="translate(-1438.57 -4841.492)" fill="#fff" />
328 |               <path d="M0,4.986H76.547L77.45,0H.9L0,4.986" transform="translate(-1439.958 -4833.837)" fill="#fff" />
329 |               <g transform="translate(-1549.386 -5002.605)">
330 |                 <path
331 |                   d="M144.375,47.135a24.824,24.824,0,0,0-17.241-10.894c-13.188-1.929-8.662-16.557-20.124-20.429C94.923,11.729,93.9,21.465,62.993,3.911,54.352-1,38.325-2.537,31.209,6.789c-4.165,5.459-5.185,13.4-3.962,20.007,1.176,6.361,5.929,15.542.764,21.258-4.9,5.429-13.531,3.711-19.505,7.158C2.437,58.713.1,65.791.005,72.458-.211,88.03,6.458,104.819,16.336,116.7c20.586,24.76,57.68,30.68,86.972,20.016a69.006,69.006,0,0,0,38.756-35.741c7.523-15.806,12.109-37.988,2.312-53.841"
332 |                   transform="translate(0.59 0.445)" fill="none" />
333 |                 <g clip-path="url(#r)">
334 |                   <path
335 |                     d="M144.375,47.135a24.824,24.824,0,0,0-17.241-10.894c-13.188-1.929-8.662-16.557-20.124-20.429C94.923,11.729,93.9,21.465,62.993,3.911,54.352-1,38.325-2.537,31.209,6.789c-4.165,5.459-5.185,13.4-3.962,20.007,1.176,6.361,5.929,15.542.764,21.258-4.9,5.429-13.531,3.711-19.505,7.158C2.437,58.713.1,65.791.005,72.458-.211,88.03,6.458,104.819,16.336,116.7c20.586,24.76,57.68,30.68,86.972,20.016a69.006,69.006,0,0,0,38.756-35.741c7.523-15.806,12.109-37.988,2.312-53.841"
336 |                     transform="translate(0.59 0.445)" fill="url(#s)" />
337 |                 </g>
338 |               </g>
339 |               <g transform="translate(-1549.386 -5002.605)">
340 |                 <path
341 |                   d="M98.471,14.737c-6.526.309-13.327,1.763-35.485-10.831C54.35-1,38.325-2.536,31.2,6.79c-4.159,5.459-5.183,13.4-3.957,20.007,1.173,6.356,5.929,15.542.757,21.258-4.9,5.426-13.531,3.707-19.5,7.157C2.436,58.715.09,65.787.005,72.452c-.224,15.575,6.45,32.367,16.323,44.245.949,1.143,1.93,2.244,2.954,3.3,37.179,20.264,10.257-41.52,22.667-52.737,7.859-7.1,23.223,2.959,30.186-2.029,3.475-2.489,3.2-7.414.49-11.163C64.266,42.521,50.832,30.226,57.475,23.24c3.55-3.738,10.62-1.688,23.937-1.644,15.386.043,23.318-3.931,17.06-6.858"
342 |                   transform="translate(0.594 0.446)" fill="none" />
343 |                 <g clip-path="url(#t)">
344 |                   <path
345 |                     d="M98.471,14.737c-6.526.309-13.327,1.763-35.485-10.831C54.35-1,38.325-2.536,31.2,6.79c-4.159,5.459-5.183,13.4-3.957,20.007,1.173,6.356,5.929,15.542.757,21.258-4.9,5.426-13.531,3.707-19.5,7.157C2.436,58.715.09,65.787.005,72.452c-.224,15.575,6.45,32.367,16.323,44.245.949,1.143,1.93,2.244,2.954,3.3,37.179,20.264,10.257-41.52,22.667-52.737,7.859-7.1,23.223,2.959,30.186-2.029,3.475-2.489,3.2-7.414.49-11.163C64.266,42.521,50.832,30.226,57.475,23.24c3.55-3.738,10.62-1.688,23.937-1.644,15.386.043,23.318-3.931,17.06-6.858"
346 |                     transform="translate(0.594 0.446)" fill="url(#u)" />
347 |                 </g>
348 |               </g>
349 |               <path
350 |                 d="M16.281,130.828H8.658l-.308-50.2L0,2.537,2,0,12.881,76.209,20.63,26.051,22.5,28,14.883,85.055l1.4,45.773"
351 |                 transform="translate(-1483.255 -4922.524)" fill="#2e3e5c" />
352 |               <path d="M17.77,1.035,0,27.295V25.132L16.76,0,17.77,1.035" transform="translate(-1464.931 -4901.648)"
353 |                 fill="#2e3e5c" />
354 |               <path d="M15.139,21.486,0,.947.837,0l14.62,18.961-.318,2.525" transform="translate(-1493.268 -4901.648)"
355 |                 fill="#2e3e5c" />
356 |               <path d="M5.462.31,1,25,0,22.565,4.443,0,5.462.31" transform="translate(-1479.856 -4924.213)"
357 |                 fill="#2e3e5c" />
358 |               <g transform="translate(-1027.761 -4837.809)">
359 |                 <path
360 |                   d="M227.289,45.589c-3.879-9.4-23.249-27.88-47.826-22.872-26.838,5.468-32.731-6.458-43.8-11.417-20.249-9.079-30.224,13.446-42.882,1.869C75.1-3,60.783-4.644,49.365,10.252,32.951,31.672,6.043,7.953,0,45.589H227.289"
361 |                   transform="translate(0.194 0.524)" fill="none" />
362 |                 <g clip-path="url(#v)">
363 |                   <path
364 |                     d="M227.289,45.589c-3.879-9.4-23.249-27.88-47.826-22.872-26.838,5.468-32.731-6.458-43.8-11.417-20.249-9.079-30.224,13.446-42.882,1.869C75.1-3,60.783-4.644,49.365,10.252,32.951,31.672,6.043,7.953,0,45.589H227.289"
365 |                     transform="translate(0.194 0.524)" fill="url(#w)" />
366 |                 </g>
367 |               </g>
368 |               <g transform="translate(-948.594 -4839.571)">
369 |                 <path
370 |                   d="M102.381,47.328H0C.581,15.94,8.823,36.09,8.823,36.09s2.709-22.938,8.7-23.868c5.656-.879,8.321,22.5,8.321,22.5S31.992,1.318,40.129.029C47.272-1.1,41.66,30.99,41.66,30.99a19.212,19.212,0,0,1,10.2-3.545c6.694-.275,3.958,6.242,3.958,6.242s8.365-14.511,13.863-14.238c6.888.342,2.146,15.052,2.146,15.052s5.067-4.844,10.38-5.527c10.4-1.335-.642,11.992-.642,11.992s7.38-3.026,20.1-4.949c12.412-1.878,9.834,5.218.713,11.312"
371 |                   transform="translate(0.211 0.547)" fill="none" />
372 |                 <g clip-path="url(#x)">
373 |                   <path
374 |                     d="M102.381,47.328H0C.581,15.94,8.823,36.09,8.823,36.09s2.709-22.938,8.7-23.868c5.656-.879,8.321,22.5,8.321,22.5S31.992,1.318,40.129.029C47.272-1.1,41.66,30.99,41.66,30.99a19.212,19.212,0,0,1,10.2-3.545c6.694-.275,3.958,6.242,3.958,6.242s8.365-14.511,13.863-14.238c6.888.342,2.146,15.052,2.146,15.052s5.067-4.844,10.38-5.527c10.4-1.335-.642,11.992-.642,11.992s7.38-3.026,20.1-4.949c12.412-1.878,9.834,5.218.713,11.312"
375 |                     transform="translate(0.211 0.547)" fill="url(#y)" />
376 |                 </g>
377 |               </g>
378 |               <g transform="translate(-1000.492 -5002.605)">
379 |                 <path
380 |                   d="M139.761,35.129c.308-18.657-16.264-24.525-32.335-19.316-12.157,3.94-13.142,5.652-43.929-11.9C54.894-1,38.876-2.537,31.689,6.789c-4.2,5.459-5.278,13.4-4.108,20.007,1.135,6.361,5.823,15.542.616,21.258-4.944,5.429-13.564,3.711-19.563,7.158-6.1,3.5-8.48,10.58-8.62,17.246C-.321,88.03,5.573,105.394,16.023,116.7c21.059,22.8,58.082,31.61,92.291,22.889,75.429-19.227,47.061-59.827,38.22-70.59-9.518-11.573-6.984-21.007-6.773-33.871"
381 |                   transform="translate(0.69 0.445)" fill="none" />
382 |                 <g clip-path="url(#z)">
383 |                   <path
384 |                     d="M139.761,35.129c.308-18.657-16.264-24.525-32.335-19.316-12.157,3.94-13.142,5.652-43.929-11.9C54.894-1,38.876-2.537,31.689,6.789c-4.2,5.459-5.278,13.4-4.108,20.007,1.135,6.361,5.823,15.542.616,21.258-4.944,5.429-13.564,3.711-19.563,7.158-6.1,3.5-8.48,10.58-8.62,17.246C-.321,88.03,5.573,105.394,16.023,116.7c21.059,22.8,58.082,31.61,92.291,22.889,75.429-19.227,47.061-59.827,38.22-70.59-9.518-11.573-6.984-21.007-6.773-33.871"
385 |                     transform="translate(0.69 0.445)" fill="url(#aa)" />
386 |                 </g>
387 |               </g>
388 |               <g transform="translate(-1000.492 -5002.605)">
389 |                 <path
390 |                   d="M108.365,15.538c-.308.086-.625.182-.932.278C95.276,19.747,94.291,21.467,63.5,3.906,54.892-1,38.883-2.536,31.7,6.79c-4.213,5.459-5.3,13.4-4.117,20.007,1.135,6.356,5.814,15.542.616,21.258C23.26,53.481,14.649,51.762,8.65,55.212c-6.1,3.5-8.488,10.575-8.638,17.24C-.314,88.027,6.231,104.819,16.03,116.7a59.878,59.878,0,0,0,4.082,4.487c33.778,20.563-1.346-23.852,26.539-42.194,13.784-9.08,40.393-18.619,28.808-33.07C67,35.354,60.575,31.241,63.161,25.431,64.577,22.225,68.72,19.213,81.8,21.6c17.892,3.269,30.954-3.087,26.565-6.057"
391 |                   transform="translate(0.683 0.446)" fill="none" />
392 |                 <g clip-path="url(#ab)">
393 |                   <path
394 |                     d="M108.365,15.538c-.308.086-.625.182-.932.278C95.276,19.747,94.291,21.467,63.5,3.906,54.892-1,38.883-2.536,31.7,6.79c-4.213,5.459-5.3,13.4-4.117,20.007,1.135,6.356,5.814,15.542.616,21.258C23.26,53.481,14.649,51.762,8.65,55.212c-6.1,3.5-8.488,10.575-8.638,17.24C-.314,88.027,6.231,104.819,16.03,116.7a59.878,59.878,0,0,0,4.082,4.487c33.778,20.563-1.346-23.852,26.539-42.194,13.784-9.08,40.393-18.619,28.808-33.07C67,35.354,60.575,31.241,63.161,25.431,64.577,22.225,68.72,19.213,81.8,21.6c17.892,3.269,30.954-3.087,26.565-6.057"
395 |                     transform="translate(0.683 0.446)" fill="url(#ac)" />
396 |                 </g>
397 |               </g>
398 |               <path
399 |                 d="M10.7,134.745h7.626l-.669-50.2L19.282,2.537,17.311,0,13.159,80.126,1.882,30.889,0,32.835,11.092,88.972l-.4,45.773"
400 |                 transform="translate(-931.265 -4926.44)" fill="#2e3e5c" />
401 |               <path d="M12.983,0,.026,19.36,0,23.221,14.329,1.156,12.983,0" transform="translate(-913.743 -4912.463)"
402 |                 fill="#2e3e5c" />
403 |               <path d="M.862,0,6.536,11.517l-.018,2.488L0,.358.862,0" transform="translate(-920.894 -4919.823)"
404 |                 fill="#2e3e5c" />
405 |               <path d="M.818,0l9.544,8.558.783,2.192L0,.6.818,0" transform="translate(-938.117 -4888.993)"
406 |                 fill="#2e3e5c" />
407 |               <path d="M10.156,10.855C7.534,4.3,4.816-.493,2.6.041.409.567-.189,4.944.049,10.855H10.156"
408 |                 transform="translate(-963.79 -4802.551)" fill="#3fc3d1" />
409 |               <path d="M16.3,5.433C12.456,2.927,8.365.393,4.829.033,1.188-.338.413,2.481,0,5.433H16.3"
410 |                 transform="translate(-986.181 -4797.129)" fill="#3fc3d1" />
411 |               <path d="M15.007,5.28A14.817,14.817,0,0,0,5.306.032C1.663-.338-.8,2.564.241,5.28H15.007"
412 |                 transform="translate(-1613.921 -4796.976)" fill="#6ce3f0" />
413 |               <g transform="translate(-1109.5 -5110.5)">
414 |                 <g transform="matrix(1, 0, 0, 1, -840.96, -138)" filter="url(#ad)">
415 |                   <circle cx="34.5" cy="34.5" r="34.5" transform="translate(840.96 138)" fill="#fff" />
416 |                 </g>
417 |                 <g transform="translate(17 19)">
418 |                   <path d="M10,0,0,12H20L10,0" transform="translate(8)" fill="#b6eceb" /><text
419 |                     transform="translate(18 28)" fill="#454f5b" font-size="17.28"
420 |                     font-family="ArialRoundedMTBold, Arial Rounded MT">
421 |                     <tspan x="-17.647" y="0">25%</tspan>
422 |                   </text></g>
423 |               </g>
424 |               <g transform="translate(-1322.5 -5124.5)">
425 |                 <g transform="matrix(1, 0, 0, 1, -627.96, -124)" filter="url(#af)">
426 |                   <circle cx="38.5" cy="38.5" r="38.5" transform="translate(627.96 124)" fill="#fff" />
427 |                 </g>
428 |                 <g transform="translate(19 21)">
429 |                   <path d="M11,0,0,13H22L11,0" transform="translate(9)" fill="#007ace" /><text
430 |                     transform="translate(20 31)" fill="#454f5b" font-size="19.2"
431 |                     font-family="ArialRoundedMTBold, Arial Rounded MT">
432 |                     <tspan x="-19.608" y="0">30%</tspan>
433 |                   </text></g>
434 |               </g>
435 |               <g transform="translate(-1281.5 -5216.5)" opacity="0.5">
436 |                 <g transform="matrix(1, 0, 0, 1, -668.96, -32)" filter="url(#ah)">
437 |                   <circle cx="26.95" cy="26.95" r="26.95" transform="translate(668.96 32)" fill="#fff" />
438 |                 </g>
439 |                 <g transform="translate(13.3 14.7)">
440 |                   <path d="M7.7,0,0,9.1H15.4L7.7,0" transform="translate(6.3)" fill="#007ace" /><text
441 |                     transform="translate(14 22.1)" fill="#454f5b" font-size="13.44"
442 |                     font-family="ArialRoundedMTBold, Arial Rounded MT">
443 |                     <tspan x="-13.725" y="0">12%</tspan>
444 |                   </text></g>
445 |               </g>
446 |               <g transform="translate(-1220.5 -5170.5)">
447 |                 <g transform="matrix(1, 0, 0, 1, -729.96, -78)" filter="url(#aj)">
448 |                   <circle cx="31.185" cy="31.185" r="31.185" transform="translate(729.96 78)" fill="#fff" />
449 |                 </g>
450 |                 <g transform="translate(15.39 16.01)">
451 |                   <path d="M9,0,0,10H17L9,0" transform="translate(7.61 0.99)" fill="#ffc48b" /><text
452 |                     transform="translate(16.2 26.53)" fill="#454f5b" font-size="15.552"
453 |                     font-family="ArialRoundedMTBold, Arial Rounded MT">
454 |                     <tspan x="-15.882" y="0">18%</tspan>
455 |                   </text></g>
456 |               </g>
457 |               <g transform="translate(-1122.5 -5196.5)" opacity="0.5">
458 |                 <g transform="matrix(1, 0, 0, 1, -827.96, -52)" filter="url(#al)">
459 |                   <circle cx="31.185" cy="31.185" r="31.185" transform="translate(827.96 52)" fill="#fff" />
460 |                 </g>
461 |                 <g transform="translate(15.39 16.01)">
462 |                   <path d="M9,0,0,10H17L9,0" transform="translate(7.61 0.99)" fill="#ffc48b" /><text
463 |                     transform="translate(16.2 26.53)" fill="#454f5b" font-size="15.552"
464 |                     font-family="ArialRoundedMTBold, Arial Rounded MT">
465 |                     <tspan x="-15.882" y="0">12%</tspan>
466 |                   </text></g>
467 |               </g>
468 |               <g transform="translate(-1159.5 -5243.5)">
469 |                 <g transform="matrix(1, 0, 0, 1, -790.96, -5)" filter="url(#an)">
470 |                   <circle cx="27" cy="27" r="27" transform="translate(790.96 5)" fill="#fff" />
471 |                 </g>
472 |                 <g transform="translate(13 15)">
473 |                   <path d="M8,0,0,9H15L8,0" transform="translate(6)" fill="#95cdb1" /><text transform="translate(14 22)"
474 |                     fill="#454f5b" font-size="13.44" font-family="ArialRoundedMTBold, Arial Rounded MT">
475 |                     <tspan x="-13.725" y="0">10%</tspan>
476 |                   </text></g>
477 |               </g>
478 |             </g>
479 |           </svg>
480 |         </div>
481 |       </div>
482 |     </section>
483 |     <!-- end hero section -->
484 | 
485 |     <!-- start how it works -->
486 |     <section class="relative bg-gray-100 px-4 sm:px-8 lg:px-16 xl:px-40 2xl:px-64 py-20 text-center">
487 |       <div>
488 |         <h2 class="text-3xl leading-tight font-bold">How FairRate works you ask?</h2>
489 |       </div>
490 | 
491 |       <div class="flex flex-col md:flex-row items-start justify-between mt-12">
492 |         <div class="w-full bg-white shadow-lg rounded-lg px-4 py-6 lg:p-8 md:mx-2 lg:mx-4">
493 |           <img src="images/icon-home-1.svg" alt="" class="mx-auto h-32">
494 |           <h4 class="text-xl font-bold leading-tight mt-8">Apply with your home</h4>
495 |           <p class="text-gray-700 mt-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
496 |         </div>
497 | 
498 |         <div class="w-full bg-white shadow-lg rounded-lg px-4 py-6 lg:p-8 md:mx-2 lg:mx-4 mt-4 md:mt-0">
499 |           <img src="images/icon-home-2.svg" alt="" class="mx-auto h-32">
500 |           <h4 class="text-xl font-bold leading-tight mt-8">Complete the form</h4>
501 |           <p class="text-gray-700 mt-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
502 |         </div>
503 | 
504 |         <div class="w-full bg-white shadow-lg rounded-lg px-4 py-6 lg:p-8 md:mx-2 lg:mx-4 mt-4 md:mt-0">
505 |           <img src="images/icon-home-3.svg" alt="" class="mx-auto h-32">
506 |           <h4 class="text-xl font-bold leading-tight mt-8">Choose the fair rate</h4>
507 |           <p class="text-gray-700 mt-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
508 |         </div>
509 |       </div>
510 | 
511 |       <div class="mt-12 md:mt-20 w-full md:max-w-3xl mx-auto">
512 |         <p class="text-xl">&ldquo;FairRate is beautiful, elegant and easy to apply. I’ve been able to apply for an
513 |           amazing rate in just a minutes. Thank you very much for creating this impressive service!&rdquo;</p>
514 |         <p class="text-xl font-bold text-blue-600 mt-4">Valeria Boltneva</p>
515 |         <p class="text-sm uppercase tracking-wider text-gray-700">Director of Adrian Stefan.Inc</p>
516 |       </div>
517 |     </section>
518 |     <!-- end how it works -->
519 | 
520 |     <!-- start features -->
521 |     <section class="relative bg-blue-600 px-4 sm:px-8 lg:px-16 xl:px-40 2xl:px-64 pt-20 pb-40">
522 |       <div class="text-center">
523 |         <h2 class="text-3xl leading-tight font-bold text-white">Looking for the perfect rate for your home?</h2>
524 |       </div>
525 | 
526 |       <div class="flex flex-col md:flex-row mt-12 items-center justify-between">
527 |         <div class="w-full md:w-1/2">
528 |           <img src="images/rates.png" alt="" class="mx-auto">
529 |         </div>
530 | 
531 |         <div class="w-full md:w-1/2 mt-8 md:mt-0 md:pl-12">
532 |           <h4 class="text-xl font-bold text-white">Stop Looking</h4>
533 |           <p class="text-white leading-snug mt-2">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut
534 |             fermentum massa justo sit amet risus. Praesent commodo cursus magna.</p>
535 | 
536 |           <ul class="mt-6 text-white">
537 |             <li>
538 |               <div class="flex items-baseline">
539 |                 <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 24 24">
540 |                   <path
541 |                     d="M12 24A12 12 0 0 1 3.515 3.515a12 12 0 0 1 16.971 16.971A11.922 11.922 0 0 1 12 24zm0-23a11 11 0 1 0 11 11A11.014 11.014 0 0 0 12 1zM9.646 16.506a.8.8 0 0 1-.514-.26L5.9 13.016l1.027-1.027 2.723 2.722 7.2-7.252L17.868 8.5l-7.714 7.754a.8.8 0 0 1-.508.252z"
542 |                     fill="#fff" /></svg>
543 |                 <span class="ml-2">Integer posuere erat a ante venenatis dapibus</span>
544 |               </div>
545 |             </li>
546 |             <li>
547 |               <div class="flex items-baseline">
548 |                 <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 24 24">
549 |                   <path
550 |                     d="M12 24A12 12 0 0 1 3.515 3.515a12 12 0 0 1 16.971 16.971A11.922 11.922 0 0 1 12 24zm0-23a11 11 0 1 0 11 11A11.014 11.014 0 0 0 12 1zM9.646 16.506a.8.8 0 0 1-.514-.26L5.9 13.016l1.027-1.027 2.723 2.722 7.2-7.252L17.868 8.5l-7.714 7.754a.8.8 0 0 1-.508.252z"
551 |                     fill="#fff" /></svg>
552 |                 <span class="ml-2">Integer posuere erat a ante venenatis dapibus</span>
553 |               </div>
554 |             </li>
555 |           </ul>
556 | 
557 |           <a href="#" class="inline-block px-6 py-4 bg-white text-blue-600 rounded-lg mt-8">Find the Fair Rate</a>
558 |         </div>
559 |       </div>
560 |     </section>
561 |     <!-- end features -->
562 | 
563 |     <!-- start cta -->
564 |     <section class="relative px-4 sm:px-8 lg:px-16 xl:px-40 2xl:px-64 py-12 text-center md:text-left -mt-32">
565 |       <div class="flex flex-col md:flex-row items-center justify-between bg-blue-300 px-12 py-10 rounded-lg shadow-lg">
566 |         <div class="w-full md:w-2/3">
567 |           <h2 class="text-3xl leading-tight font-bold">Need help?</h2>
568 |           <p class="mt-2 md:max-w-md">Contact our Customer Support that is always ready to help you with any possible questions, problems or
569 |             information.</p>
570 |         </div>
571 | 
572 |         <div class="w-full md:w-1/3 md:text-right mt-6 md:mt-0">
573 |           <a href="#" class="inline-block px-6 py-4 bg-blue-600 text-white rounded-lg">Go to Support</a>
574 |         </div>
575 |       </div>
576 |     </section>
577 |     <!-- end cta -->
578 | 
579 |     <!-- start footer -->
580 |     <footer class="relative bg-white px-4 sm:px-8 lg:px-16 xl:px-40 2xl:px-64 pt-12 pb-10 text-center sm:text-left">
581 |       <div class="flex flex-col sm:flex-row sm:flex-wrap">
582 |         <div class="sm:w-1/2 lg:w-1/5">
583 |           <h6 class="text-sm text-gray-600 font-bold uppercase">Company</h6>
584 |           <ul class="mt-4">
585 |             <li><a href="#">Resources</a></li>
586 |             <li class="mt-2"><a href="#">Careers</a></li>
587 |           </ul>
588 |         </div>
589 | 
590 |         <div class="mt-8 sm:w-1/2 sm:mt-0 lg:w-1/5 lg:mt-0">
591 |           <h6 class="text-sm text-gray-600 font-bold uppercase">Legal</h6>
592 |           <ul class="mt-4">
593 |             <li><a href="#">NMLS Consumer Access</a></li>
594 |             <li class="mt-2"><a href="#">Privacy Policy</a></li>
595 |             <li class="mt-2"><a href="#">Terms of Use</a></li>
596 |             <li class="mt-2"><a href="#">Disclosures & Licensing</a></li>
597 |           </ul>
598 |         </div>
599 | 
600 |         <div class="mt-8 sm:w-1/2 sm:mt-12 lg:w-1/5 lg:mt-0">
601 |           <h6 class="text-sm text-gray-600 font-bold uppercase">Contact</h6>
602 |           <ul class="mt-4">
603 |             <li><a href="#">hello@fairrate.com</a></li>
604 |             <li class="mt-2"><a href="#">+62 202 555 0117</a></li>
605 |           </ul>
606 |         </div>
607 | 
608 |         <div class="mt-12 sm:w-1/2 lg:w-2/5 lg:mt-0 lg:pl-12">
609 |           <div>
610 |             <svg xmlns="http://www.w3.org/2000/svg" width="188" height="39" class="mx-auto sm:mx-0"><text
611 |                 transform="translate(87 29)" fill="#454f5b">
612 |                 <tspan x="0" y="0">FairRate</tspan>
613 |               </text>
614 |               <path d="M54 39H0L27 6l27 33zM23 22v11h8V22h-8z" fill="#4ad5f6" />
615 |               <path d="M54 0L40 16h27L54 0" fill="#95cdb1" />
616 |               <path d="M69 18L55 34h27L69 18" fill="#ffc48b" /></svg>
617 |           </div>
618 | 
619 |           <p class="text-base text-gray-600 mt-4">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum
620 |             nibh.</p>
621 |         </div>
622 |       </div>
623 | 
624 |       <div class="mt-16">
625 |         <hr class="mb-8">
626 |         <p class="text-sm text-gray-600">2019 © FairRate. All rights reserved.</p>
627 |       </div>
628 |     </footer>
629 |     <!-- end footer -->
630 | 
631 |   </main>
632 | 
633 |   <script src="https://code.jquery.com/jquery-3.4.1.min.js"
634 |     integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
635 | 
636 |   <script>
637 |     $('.navbar-toggler').click(function () {
638 |       $(this).toggleClass('active');
639 |       $('.navigation-menu').toggleClass('hidden');
640 |       $('#navbar').addClass('bg-white');
641 |     });
642 | 
643 |     $(function () {
644 |       var navigation = $("#navbar");
645 | 
646 |       $(window).scroll(function () {
647 |         var scroll = $(window).scrollTop();
648 |         if (scroll >= 10) {
649 |           navigation.addClass("bg-white xl:py-4 shadow-md");
650 |           navigation.removeClass("xl:py-8");
651 |         } else {
652 |           navigation.removeClass("bg-white xl:py-4 shadow-md");
653 |           navigation.addClass("xl:py-8");
654 |         }
655 |       });
656 |     });
657 |   </script>
658 | 
659 |   <!-- Global site tag (gtag.js) - Google Analytics -->
660 |   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-131505823-2"></script>
661 |   <script>
662 |     window.dataLayer = window.dataLayer || [];
663 | 
664 |     function gtag() {
665 |       dataLayer.push(arguments);
666 |     }
667 |     gtag('js', new Date());
668 | 
669 |     gtag('config', 'UA-131505823-2');
670 |   </script>
671 | 
672 | 
673 | </body>
674 | 
675 | </html>


--------------------------------------------------------------------------------
/public/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iamsahilvhora/tailwindcss-templates/06ea7b3f388098859b8822fdf8218cf10b09acda/public/favicon-16x16.png


--------------------------------------------------------------------------------
/public/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iamsahilvhora/tailwindcss-templates/06ea7b3f388098859b8822fdf8218cf10b09acda/public/favicon-32x32.png


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iamsahilvhora/tailwindcss-templates/06ea7b3f388098859b8822fdf8218cf10b09acda/public/favicon.ico


--------------------------------------------------------------------------------
/public/images/abstract-ui-logo.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="195.699" height="43.702" viewBox="0 0 195.699 43.702"><g transform="translate(-697 -634)"><path d="M807.458,907.6h-5.427l8.269-23.954h6.527l8.258,23.954h-5.428l-1.778-5.462h-8.643Zm3.065-9.416H816.6l-2.948-9.065h-.187Z" transform="translate(-105.031 -239.298)" fill="#1a202c"/><path d="M827.632,907.6V883.646h4.983v9.006h.152a6.811,6.811,0,0,1,.959-1.486,4.949,4.949,0,0,1,1.638-1.256,5.575,5.575,0,0,1,2.514-.509,6.744,6.744,0,0,1,3.626,1.023,7.2,7.2,0,0,1,2.649,3.076,11.7,11.7,0,0,1,1,5.141,11.872,11.872,0,0,1-.97,5.07,7.271,7.271,0,0,1-2.62,3.123,6.7,6.7,0,0,1-3.7,1.058,5.7,5.7,0,0,1-2.463-.48,4.964,4.964,0,0,1-1.649-1.21,6.392,6.392,0,0,1-.988-1.479h-.222V907.6Zm4.878-8.982a6.746,6.746,0,0,0,.988,3.853,3.4,3.4,0,0,0,5.6-.023,6.867,6.867,0,0,0,.971-3.83,6.758,6.758,0,0,0-.965-3.8,3.164,3.164,0,0,0-2.813-1.456,3.2,3.2,0,0,0-2.8,1.42A6.634,6.634,0,0,0,832.51,898.618Z" transform="translate(-105.031 -239.298)" fill="#1a202c"/><path d="M863.082,894.757l-4.562.281a2.6,2.6,0,0,0-.948-1.485,3.156,3.156,0,0,0-2.058-.62,3.72,3.72,0,0,0-1.959.485,1.436,1.436,0,0,0-.79,1.292,1.343,1.343,0,0,0,.509,1.088,4.138,4.138,0,0,0,1.772.714l3.251.654q5.183,1.065,5.194,4.867a4.911,4.911,0,0,1-1.035,3.1,6.754,6.754,0,0,1-2.837,2.076,10.757,10.757,0,0,1-4.129.743,9.694,9.694,0,0,1-5.684-1.492,5.716,5.716,0,0,1-2.468-4.064l4.9-.257a2.527,2.527,0,0,0,1.082,1.66,4.547,4.547,0,0,0,4.292.047,1.545,1.545,0,0,0,.813-1.31q-.035-1.332-2.3-1.79l-3.111-.619q-5.217-1.041-5.194-5.134a4.743,4.743,0,0,1,2.077-4.094,9.308,9.308,0,0,1,5.538-1.5,8.891,8.891,0,0,1,5.363,1.438A5.565,5.565,0,0,1,863.082,894.757Z" transform="translate(-105.031 -239.298)" fill="#1a202c"/><path d="M875.864,889.634v3.743h-3.381v8.7a1.684,1.684,0,0,0,.468,1.392,1.93,1.93,0,0,0,1.217.362,3.967,3.967,0,0,0,.7-.063l.538-.1.783,3.707q-.375.117-1.052.276a8.808,8.808,0,0,1-1.65.193,6.388,6.388,0,0,1-4.357-1.176,4.671,4.671,0,0,1-1.631-3.935v-9.358h-2.456v-3.743H867.5v-4.3h4.982v4.3Z" transform="translate(-105.031 -239.298)" fill="#1a202c"/><path d="M878.774,907.6V889.634H883.6v3.135h.187a4.665,4.665,0,0,1,1.649-2.532,4.35,4.35,0,0,1,2.667-.86,6.8,6.8,0,0,1,1.567.175v4.422a5.146,5.146,0,0,0-.971-.193,9.314,9.314,0,0,0-1.134-.077,3.8,3.8,0,0,0-2.732,1.036,3.561,3.561,0,0,0-1.081,2.7V907.6Z" transform="translate(-105.031 -239.298)" fill="#1a202c"/><path d="M896.527,907.939a6.654,6.654,0,0,1-4.269-1.345,5.654,5.654,0,0,1-.749-7.17,5.472,5.472,0,0,1,2.486-1.679,14.118,14.118,0,0,1,3.316-.7,25.532,25.532,0,0,0,3.345-.491q1-.258,1.006-1.123v-.07a2.162,2.162,0,0,0-.7-1.72,2.9,2.9,0,0,0-1.971-.608,3.54,3.54,0,0,0-2.14.584,2.744,2.744,0,0,0-1.053,1.486l-4.609-.374a6.146,6.146,0,0,1,2.556-3.9,8.944,8.944,0,0,1,5.269-1.438,10.9,10.9,0,0,1,3.743.631A6.223,6.223,0,0,1,905.574,892a5.4,5.4,0,0,1,1.071,3.48V907.6h-4.726v-2.491h-.14a5.181,5.181,0,0,1-1.96,2.041A6.266,6.266,0,0,1,896.527,907.939Zm1.427-3.439a3.853,3.853,0,0,0,2.69-.953,3.066,3.066,0,0,0,1.053-2.368v-1.907a2.892,2.892,0,0,1-.907.351q-.613.152-1.309.263t-1.247.193a4.935,4.935,0,0,0-2.11.737,1.821,1.821,0,0,0-.8,1.6,1.784,1.784,0,0,0,.743,1.556A3.189,3.189,0,0,0,897.954,904.5Z" transform="translate(-105.031 -239.298)" fill="#1a202c"/><path d="M918.3,907.951a9.137,9.137,0,0,1-4.742-1.175,7.815,7.815,0,0,1-3.041-3.27,11.506,11.506,0,0,1,.011-9.667,7.924,7.924,0,0,1,3.047-3.263,9.029,9.029,0,0,1,4.7-1.175,9.4,9.4,0,0,1,4.123.853,6.825,6.825,0,0,1,2.795,2.4,7.071,7.071,0,0,1,1.129,3.626h-4.7a3.674,3.674,0,0,0-1.046-2.17,3.046,3.046,0,0,0-2.217-.824,3.321,3.321,0,0,0-2.784,1.391,6.434,6.434,0,0,0-1.053,3.943,6.585,6.585,0,0,0,1.047,3.982,3.306,3.306,0,0,0,2.79,1.409,3.146,3.146,0,0,0,2.164-.777,3.58,3.58,0,0,0,1.1-2.217h4.7a7.4,7.4,0,0,1-1.117,3.626,6.744,6.744,0,0,1-2.754,2.438A9.238,9.238,0,0,1,918.3,907.951Z" transform="translate(-105.031 -239.298)" fill="#1a202c"/><path d="M938.759,889.634v3.743h-3.381v8.7a1.684,1.684,0,0,0,.468,1.392,1.93,1.93,0,0,0,1.217.362,3.967,3.967,0,0,0,.7-.063l.538-.1.784,3.707q-.375.117-1.053.276a8.809,8.809,0,0,1-1.65.193,6.388,6.388,0,0,1-4.357-1.176,4.671,4.671,0,0,1-1.631-3.935v-9.358H927.94v-3.743H930.4v-4.3h4.982v4.3Z" transform="translate(-105.031 -239.298)" fill="#1a202c"/><path d="M982.854,916H957.108a11.89,11.89,0,0,1-11.877-11.877V886.175A11.89,11.89,0,0,1,957.108,874.3h25.746a11.89,11.89,0,0,1,11.877,11.877v17.948A11.89,11.89,0,0,1,982.854,916Zm-25.746-40.7a10.889,10.889,0,0,0-10.877,10.877v17.948A10.889,10.889,0,0,0,957.108,915h25.746a10.888,10.888,0,0,0,10.877-10.877V886.175A10.888,10.888,0,0,0,982.854,875.3Z" transform="translate(-103.031 -239.298)" fill="#1a202c" stroke="#1a202c" stroke-width="2"/><path d="M970.268,883.652H975.3v15.837a7.687,7.687,0,0,1-4.789,7.473,13.948,13.948,0,0,1-10.287,0,7.956,7.956,0,0,1-3.515-2.871,8.066,8.066,0,0,1-1.269-4.6V883.652H960.5v15.661a3.637,3.637,0,0,0,1.387,3.017,5.415,5.415,0,0,0,3.479,1.1,5.476,5.476,0,0,0,3.515-1.1,3.639,3.639,0,0,0,1.386-3.017Z" transform="translate(-103.031 -239.298)" fill="#1a202c"/><path d="M984.526,883.652v23.954h-5.065V883.652Z" transform="translate(-103.031 -239.298)" fill="#1a202c"/></g></svg>


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |   <meta charset="utf-8">
 6 |   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 7 |   <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
 8 |   <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
 9 |   <link rel="stylesheet" href="build/tailwind.css">
10 | 
11 |   <title>Tailwind CSS Templates</title>
12 |   <meta name="description"
13 |     content="Care-fully crafted landing pages & dashboard UI examples to energize your creative development workflow using Tailwind CSS.">
14 |   <meta name="author" content="Sahil Vhora">
15 | 
16 | 
17 |   <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,500,700&display=swap" rel="stylesheet">
18 | </head>
19 | 
20 | <body class="antialiased bg-white text-gray-900 overflow-x-hidden font-sans">
21 | 
22 |   <main class="relative">
23 | 
24 |     <div class="fixed top-0 left-0 w-full p-4 text-center bg-red-100 text-red-600 border-b border-red-500 z-50">
25 |       <p class="text-lg">Tailwind CSS Templates is now <span class="font-bold">AbstractUI</span>. Visit Website: <a href="https://abstractui.com/"
26 |           title="Abstract UI"
27 |           class="font-bold">https://abstractui.com/</a></p>
28 |     </div>
29 | 
30 |     <section class="relative text-center flex items-center justify-center min-h-screen px-6 xl:px-64">
31 |       <div> 
32 |         <img src="images/abstract-ui-logo.svg" alt="Abstract UI" class="h-12 mx-auto">
33 | 
34 |         <h1 class="text-4xl xl:text-6xl font-bold leading-tight font-serif mt-20">Curated design resources to energize
35 |           <br class="hidden lg:block">your creative workflow.</h1>
36 |         <p class="text-lg xl:text-2xl text-gray-700 leading-relaxed mt-4">Create awesome projects faster and accurately
37 |           with <br class="hidden lg:block">wireframes, iOS and Android templates made by <a
38 |             href="https://www.iamsahilvhora.com/" title="Portfolio of Sahil Vhora" target="_blank"
39 |             class="underline font-medium">Sahil Vhora</a></p>
40 | 
41 |         <a href="https://abstractui.com/" title="AbstractUI"
42 |           class="inline-block px-8 py-4 bg-red-600 text-white rounded font-semibold hover:bg-red-700 mt-12">View Website</a>
43 |       </div>
44 |     </section>
45 | 
46 |   </main>
47 | 
48 |   <!-- Global site tag (gtag.js) - Google Analytics -->
49 |   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-131505823-4"></script>
50 |   <script>
51 |     window.dataLayer = window.dataLayer || [];
52 | 
53 |     function gtag() {
54 |       dataLayer.push(arguments);
55 |     }
56 |     gtag('js', new Date());
57 | 
58 |     gtag('config', 'UA-131505823-4');
59 |   </script>
60 | 
61 | 
62 | </body>
63 | 
64 | </html>


--------------------------------------------------------------------------------
/public/login-demo/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 | 
 6 |   <meta charset="utf-8">
 7 |   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 8 |   <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
 9 |   <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
10 |   <link rel="stylesheet" href="../build/tailwind.css">
11 |   <title>Login Demo</title>
12 | 
13 | </head>
14 | 
15 | <body class="antialiased font-sans text-gray-900">
16 | 
17 |   <main>
18 |     <section class="flex flex-col md:flex-row h-screen items-center">
19 | 
20 |       <div class="bg-blue-600 hidden lg:block w-full md:w-1/2 xl:w-2/3 h-screen">
21 |         <img src="https://images.unsplash.com/photo-1494253109108-2e30c049369b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1950&q=100" alt="" class="w-full h-screen object-cover">
22 |       </div>
23 | 
24 |       <div class="bg-white w-full md:max-w-md lg:max-w-full md:mx-auto md:mx-0 md:w-1/2 xl:w-1/3 h-screen px-6 lg:px-16 xl:px-12
25 |         flex items-center justify-center">
26 | 
27 |         <div class="w-full h-100">
28 | 
29 |           <h1 class="text-xl font-bold">Company<span class="text-blue-500">Name</span></h1>
30 | 
31 |           <h1 class="text-xl md:text-2xl font-bold leading-tight mt-12">Log in to your account</h1>
32 | 
33 |           <form class="mt-6" action="#" method="POST">
34 |             <div>
35 |               <label class="block text-gray-700">Email Address</label>
36 |               <input type="email" name="" id="" placeholder="Enter Email Address"
37 |                 class="w-full px-4 py-3 rounded-lg bg-gray-200 mt-2 border focus:border-blue-500 focus:bg-white focus:outline-none" autofocus autocomplete required>
38 |             </div>
39 | 
40 |             <div class="mt-4">
41 |               <label class="block text-gray-700">Password</label>
42 |               <input type="password" name="" id="" placeholder="Enter Password" minlength="6" class="w-full px-4 py-3 rounded-lg bg-gray-200 mt-2 border focus:border-blue-500
43 |                 focus:bg-white focus:outline-none" required>
44 |             </div>
45 | 
46 |             <div class="text-right mt-2">
47 |               <a href="#" class="text-sm font-semibold text-gray-700 hover:text-blue-700 focus:text-blue-700">Forgot Password?</a>
48 |             </div>
49 | 
50 |             <button type="submit"
51 |               class="w-full block bg-blue-500 hover:bg-blue-400 focus:bg-blue-400 text-white font-semibold rounded-lg
52 |               px-4 py-3 mt-6">Log In</button>
53 |           </form>
54 | 
55 |           <hr class="my-6 border-gray-300 w-full">
56 | 
57 |           <button type="button"
58 |             class="w-full block bg-white hover:bg-gray-100 focus:bg-gray-100 text-gray-900 font-semibold rounded-lg px-4 py-3 border border-gray-300">
59 |             <div class="flex items-center justify-center">
60 |             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-6 h-6" viewBox="0 0 48 48"><defs><path id="a" d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"/></clipPath><path clip-path="url(#b)" fill="#FBBC05" d="M0 37V11l17 13z"/><path clip-path="url(#b)" fill="#EA4335" d="M0 11l17 13 7-6.1L48 14V0H0z"/><path clip-path="url(#b)" fill="#34A853" d="M0 37l30-23 7.9 1L48 0v48H0z"/><path clip-path="url(#b)" fill="#4285F4" d="M48 48L17 24l-4-3 35-10z"/></svg>
61 |             <span class="ml-4">
62 |             Log in
63 |             with
64 |             Google</span>
65 |             </div>
66 |           </button>
67 | 
68 |           <p class="mt-8">Need an account? <a href="#" class="text-blue-500 hover:text-blue-700 font-semibold">Create an
69 |               account</a></p>
70 | 
71 |           <p class="text-sm text-gray-500 mt-12">&copy; 2019 Login Page Demo - All Rights Reserved.</p>
72 |         </div>
73 |       </div>
74 | 
75 |     </section>
76 | 
77 |   </main>
78 | 
79 | </body>
80 | 
81 | </html>


--------------------------------------------------------------------------------
/public/marketplace/dashboard.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 | 
  6 |   <meta charset="utf-8">
  7 |   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8 |   <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  9 |   <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
 10 |   <link rel="stylesheet" href="../build/tailwind.css">
 11 |   <title>Dashboard | Marketplace</title>
 12 | 
 13 | </head>
 14 | 
 15 | <body class="antialiased font-sans bg-gray-200 text-gray-900 overflow-x-hidden max-h-screen">
 16 | 
 17 |   <main class="w-full">
 18 | 
 19 |     <header class="bg-white border-b border-gray-300 px-64 py-3">
 20 |       <div class="flex items-center justify-between">
 21 |         <div class="flex items-center">
 22 |           <div class="w-12 h-12 bg-blue-600 rounded"></div>
 23 | 
 24 |           <div class="ml-8">
 25 |             <nav>
 26 |               <ul class="flex items-center font-semibold">
 27 |                 <li><a href="#" class="p-2 text-blue-600">Marketplace</a></li>
 28 |                 <li class="ml-2"><a href="#" class="p-2 text-gray-600">Opportunities</a></li>
 29 |                 <li class="ml-2"><a href="#" class="p-2 text-gray-600">Leads</a></li>
 30 |                 <li class="ml-2"><a href="#" class="p-2 text-gray-600">Reports</a></li>
 31 |               </ul>
 32 |             </nav>
 33 |           </div>
 34 |         </div>
 35 | 
 36 |         <div class="flex items-center">
 37 |           <div class="w-8 h-8 bg-gray-600 rounded-full"></div>
 38 | 
 39 |           <div class="ml-8">
 40 |             <a href="#">
 41 |               <div class="flex items-center">
 42 |                 <div class="w-10 h-10 bg-blue-600 rounded-full"></div>
 43 |                 <span class="ml-2">Sahil Vhora</span>
 44 |                 <div class="w-4 h-4 bg-gray-600 rounded-full ml-2"></div>
 45 |               </div>
 46 |             </a>
 47 |           </div>
 48 |         </div>
 49 |       </div>
 50 |     </header>
 51 | 
 52 |     <section class="bg-white shadow px-64 py-12 pb-4">
 53 |       <div class="flex items-center">
 54 |         <div class="w-20 h-20 bg-blue-600 rounded"></div>
 55 | 
 56 |         <div class="ml-8">
 57 |           <h1 class="text-3xl font-semibold">Flyght Club</h1>
 58 |           <p class="text-gray-600 mt-1"><span class="text-gray-900">4.48</span> 35,457 reviews #1 Finest Authentic
 59 |             Sneakers Store in Jakarta</p>
 60 |         </div>
 61 |       </div>
 62 | 
 63 |       <div class="flex items-center justify-between mt-12">
 64 |         <div>
 65 |           <nav>
 66 |             <ul class="flex items-center font-semibold">
 67 |               <li class=""><a href="dashboard.html" class="pb-6 text-blue-600 border-b-4 border-blue-600">Dashboard</a>
 68 |               </li>
 69 |               <li class="ml-8"><a href="#" class="pb-6 text-gray-600">Sales</a></li>
 70 |               <li class="ml-8"><a href="#" class="pb-6 text-gray-600">Products</a></li>
 71 |               <li class="ml-8"><a href="distribution.html" class="pb-6 text-gray-600">Distribution</a></li>
 72 |               <li class="ml-8"><a href="#" class="pb-6 text-gray-600">Reviews</a></li>
 73 |             </ul>
 74 |           </nav>
 75 |         </div>
 76 | 
 77 |         <div class="flex items-center">
 78 |           <div class="flex items-center">
 79 |             <div class="w-10 h-10 bg-gray-600 border-2 border-white rounded-full"></div>
 80 |             <div class="w-10 h-10 bg-gray-600 border-2 border-white rounded-full -ml-2"></div>
 81 |             <div class="w-10 h-10 bg-gray-600 border-2 border-white rounded-full -ml-2"></div>
 82 |             <div class="w-10 h-10 bg-gray-600 border-2 border-white rounded-full -ml-2"></div>
 83 |             <div
 84 |               class="w-10 h-10 bg-gray-900 border-2 border-white text-white rounded-full text-center text-sm font-semibold p-2 -ml-2">
 85 |               +3
 86 |             </div>
 87 |           </div>
 88 | 
 89 |           <a href="#" class="bg-blue-600 text-white rounded px-4 py-2 ml-8">Invite</a>
 90 |           <div class="py-4 border-r border-gray-300 mx-4"></div>
 91 |           <a href="#" class="bg-gray-300 text-gray-900 rounded px-4 py-2">Edit Marketplace</a>
 92 |         </div>
 93 |       </div>
 94 |     </section>
 95 | 
 96 |     <section class="px-64 py-8">
 97 |       <div class="flex flex-row -mx-4">
 98 |         <div class="w-2/3 mx-4">
 99 |           <div class="bg-white rounded-lg shadow overflow-hidden p-6">
100 |             <div class="flex items-center justify-between">
101 |               <div>
102 |                 <h4 class="text-xl font-bold">Weekly Revenue Overview</h4>
103 |                 <p class="text-sm text-gray-600 mt-1">7 - 13 May, 2019</p>
104 |               </div>
105 | 
106 |               <div>
107 |                 <a href="#" class="bg-gray-300 text-gray-900 rounded px-4 py-2">Download Report</a>
108 |               </div>
109 |             </div>
110 | 
111 |             <div class="flex mt-8">
112 |               <div class="w-1/2">
113 |                 <h2 class="text-4xl">$74,729.00</h2>
114 |                 <p class="text-green-500 font-semibold mt-1">+21% from last week</p>
115 |                 <p class="text-gray-600 font-semibold">205 sales in the past 7 days</p>
116 | 
117 |                 <div class="flex items-center mt-12">
118 |                   <div class="w-8 h-8 bg-gray-600 rounded-full"></div>
119 | 
120 |                   <div class="ml-2">
121 |                     <p>Highest revenue since 2 weeks ago</p>
122 |                   </div>
123 |                 </div>
124 |               </div>
125 | 
126 |               <div class="w-1/2"></div>
127 |             </div>
128 |           </div>
129 | 
130 |           <div class="bg-white rounded-lg shadow overflow-hidden p-6 mt-8">
131 |             <div class="flex items-center justify-between">
132 |               <div>
133 |                 <h4 class="text-xl font-bold">Top Items</h4>
134 |                 <p class="text-sm text-gray-600 mt-1">Sorted based on comparison with yesterday sales</p>
135 |               </div>
136 | 
137 |               <div>
138 |                 <a href="#" class="bg-gray-300 text-gray-900 rounded px-4 py-2">See More Items</a>
139 |               </div>
140 |             </div>
141 | 
142 |             <div class="flex mt-8">
143 |               
144 |             </div>
145 |           </div>
146 |         </div>
147 | 
148 |         <div class="w-1/3 mx-4">
149 |           <div class="bg-blue-900 rounded-lg shadow overflow-hidden p-6">
150 |             <h4 class="text-xl font-bold text-white">Weekly Revenue Overview</h4>
151 |             <p class="text-sm text-gray-400 mt-1">Observe and manage your next decision<br class="hidden md:block">for your products properly</p>
152 | 
153 |             <a href="#" class="bg-blue-800 text-white rounded px-4 py-2 inline-block mt-8">Sync with Google Analytics</a>
154 |           </div>
155 | 
156 |           <div class="bg-white rounded-lg shadow overflow-hidden p-6 mt-8">
157 |             <h4 class="text-xl font-bold">Shipping Performance</h4>
158 |             <p class="text-sm text-gray-600 mt-1">Calculated based on customer reviews</p>
159 |           </div>
160 |         </div>
161 |       </div>
162 |     </section>
163 | 
164 |   </main>
165 | 
166 | </body>
167 | 
168 | </html>


--------------------------------------------------------------------------------
/public/marketplace/distribution.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 | 
  6 |   <meta charset="utf-8">
  7 |   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8 |   <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  9 |   <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
 10 |   <link rel="stylesheet" href="../build/tailwind.css">
 11 |   <title>Distribution | Marketplace</title>
 12 | 
 13 | </head>
 14 | 
 15 | <body class="antialiased font-sans bg-gray-200 text-gray-900 overflow-x-hidden max-h-screen">
 16 | 
 17 |   <main class="w-full">
 18 | 
 19 |     <header class="bg-white border-b border-gray-300 px-64 py-3">
 20 |       <div class="flex items-center justify-between">
 21 |         <div class="flex items-center">
 22 |           <div class="w-12 h-12 bg-blue-600 rounded"></div>
 23 | 
 24 |           <div class="ml-8">
 25 |             <nav>
 26 |               <ul class="flex items-center font-semibold">
 27 |                 <li><a href="#" class="p-2 text-blue-600">Marketplace</a></li>
 28 |                 <li class="ml-2"><a href="#" class="p-2 text-gray-600">Opportunities</a></li>
 29 |                 <li class="ml-2"><a href="#" class="p-2 text-gray-600">Leads</a></li>
 30 |                 <li class="ml-2"><a href="#" class="p-2 text-gray-600">Reports</a></li>
 31 |               </ul>
 32 |             </nav>
 33 |           </div>
 34 |         </div>
 35 | 
 36 |         <div class="flex items-center">
 37 |           <div class="w-8 h-8 bg-gray-600 rounded-full"></div>
 38 | 
 39 |           <div class="ml-8">
 40 |             <a href="#">
 41 |               <div class="flex items-center">
 42 |                 <div class="w-10 h-10 bg-blue-600 rounded-full"></div>
 43 |                 <span class="ml-2">Sahil Vhora</span>
 44 |                 <div class="w-4 h-4 bg-gray-600 rounded-full ml-2"></div>
 45 |               </div>
 46 |             </a>
 47 |           </div>
 48 |         </div>
 49 |       </div>
 50 |     </header>
 51 | 
 52 |     <section class="bg-white shadow px-64 py-12 pb-4">
 53 |       <div class="flex items-center">
 54 |         <div class="w-20 h-20 bg-blue-600 rounded"></div>
 55 | 
 56 |         <div class="ml-8">
 57 |           <h1 class="text-3xl font-semibold">Flyght Club</h1>
 58 |           <p class="text-gray-600 mt-1"><span class="text-gray-900">4.48</span> 35,457 reviews #1 Finest Authentic
 59 |             Sneakers Store in Jakarta</p>
 60 |         </div>
 61 |       </div>
 62 | 
 63 |       <div class="flex items-center justify-between mt-12">
 64 |         <div>
 65 |           <nav>
 66 |             <ul class="flex items-center font-semibold">
 67 |               <li class=""><a href="dashboard.html" class="pb-6 text-gray-600">Dashboard</a></li>
 68 |               <li class="ml-8"><a href="#" class="pb-6 text-gray-600">Sales</a></li>
 69 |               <li class="ml-8"><a href="#" class="pb-6 text-gray-600">Products</a></li>
 70 |               <li class="ml-8"><a href="distribution.html" class="pb-6 text-blue-600 border-b-4 border-blue-600">Distribution</a></li>
 71 |               <li class="ml-8"><a href="#" class="pb-6 text-gray-600">Reviews</a></li>
 72 |             </ul>
 73 |           </nav>
 74 |         </div>
 75 | 
 76 |         <div class="flex items-center">
 77 |           <div class="flex items-center">
 78 |             <div class="w-10 h-10 bg-gray-600 border-2 border-white rounded-full"></div>
 79 |             <div class="w-10 h-10 bg-gray-600 border-2 border-white rounded-full -ml-2"></div>
 80 |             <div class="w-10 h-10 bg-gray-600 border-2 border-white rounded-full -ml-2"></div>
 81 |             <div class="w-10 h-10 bg-gray-600 border-2 border-white rounded-full -ml-2"></div>
 82 |             <div
 83 |               class="w-10 h-10 bg-gray-900 border-2 border-white text-white rounded-full text-center text-sm font-semibold p-2 -ml-2">
 84 |               +3
 85 |             </div>
 86 |           </div>
 87 | 
 88 |           <a href="#" class="bg-blue-600 text-white rounded px-4 py-2 ml-8">Invite</a>
 89 |           <div class="py-4 border-r border-gray-300 mx-4"></div>
 90 |           <a href="#" class="bg-gray-300 text-gray-900 rounded px-4 py-2">Edit Marketplace</a>
 91 |         </div>
 92 |       </div>
 93 |     </section>
 94 | 
 95 |     <section class="px-64 py-8">
 96 |       <div class="w-full flex items-center">
 97 |         <nav class="bg-white w-auto p-2 rounded shadow flex flex-shrink-0">
 98 |           <ul class="flex items-center font-semibold">
 99 |             <li><a href="#" class="text-blue-600 px-2">All</a></li>
100 |             <div class="py-4 border-r border-gray-300 mx-2"></div>
101 |             <li><a href="#" class="px-2">In Progress</a></li>
102 |             <div class="py-4 border-r border-gray-300 mx-2"></div>
103 |             <li><a href="#" class="px-2">Complete</a></li>
104 |           </ul>
105 |         </nav>
106 | 
107 |         <div class="py-2 border-r border-gray-300 mx-4"></div>
108 | 
109 |         <div class="w-full flex items-center">
110 |           <div class="flex flex-shrink-0">
111 |             <input type="search" name="" id="" placeholder="Search by store name or distribution ID"
112 |               class="bg-white px-4 py-3 rounded shadow w-96">
113 |           </div>
114 | 
115 |           <div class="flex flex-grow ml-4">
116 |             <select name="" id="" class="w-full bg-white rounded shadow p-3">
117 |               <option value="">Person in Charge (3)</option>
118 |             </select>
119 |           </div>
120 | 
121 |           <div class="flex flex-grow ml-4">
122 |             <input type="text" name="" id="" placeholder="May 1, 2019 - May 31, 2019"
123 |               class="w-full bg-white px-4 py-3 rounded shadow">
124 |           </div>
125 |         </div>
126 |       </div>
127 | 
128 |       <div class="flex items-center justify-between mt-6">
129 |         <div>
130 |           <a href="#" class="text-sm text-gray-600 font-semibold">Clear all filters</a>
131 |         </div>
132 | 
133 |         <div class="flex items-center">
134 |           <p class="text-sm text-gray-600 font-semibold">Showing 1 - 18 of 1302 total results</p>
135 | 
136 |           <div class="flex items-center ml-4">
137 |             <div class="w-8 h-8 bg-gray-600 rounded-full"></div>
138 |             <div class="w-8 h-8 bg-gray-600 rounded-full ml-4"></div>
139 |           </div>
140 |         </div>
141 |       </div>
142 | 
143 |       <div class="flex mt-12 -mx-4">
144 |         <div class="bg-white rounded-lg shadow w-1/2 overflow-hidden mx-4">
145 |           <div class="flex items-center justify-between bg-gray-100 px-6 py-4">
146 |             <div class="flex items-center">
147 |               <div
148 |                 class="bg-yellow-500 text-gray-900 rounded-tl-full rounded-bl-full text-sm uppercase font-semibold tracking-wider px-3">
149 |                 In Progress</div>
150 |               <div
151 |                 class="bg-gray-300 text-gray-900 rounded-tr-full rounded-br-full text-sm uppercase font-semibold tracking-wider px-3">
152 |                 #20183</div>
153 |             </div>
154 | 
155 |             <div class="flex items-center">
156 |               <p class="text-sm text-gray-600">May 14, 2019 @ 07:49 PM</p>
157 |               <div class="w-6 h-6 bg-gray-600 rounded-full ml-4"></div>
158 |             </div>
159 |           </div>
160 | 
161 |           <div class="px-6 py-4">
162 |             <div class="flex items-center">
163 |               <div class="w-12 h-12 bg-blue-600 rounded"></div>
164 | 
165 |               <div class="ml-4">
166 |                 <h3 class="text-lg">Kickz</h3>
167 |                 <p class="text-gray-600">hi@kickz.com</p>
168 |               </div>
169 |             </div>
170 | 
171 |             <div class="flex items-start mt-8">
172 |               <div>
173 |                 <p class="text-xs uppercase font-semibold tracking-wider text-gray-600">Value of Items</p>
174 |                 <h4 class="text-2xl mt-1">$52,520</h4>
175 |               </div>
176 | 
177 |               <div class="ml-16">
178 |                 <p class="text-xs uppercase font-semibold tracking-wider text-gray-600">Quantity</p>
179 |                 <h4 class="text-2xl mt-1">20 pairs</h4>
180 |               </div>
181 | 
182 |               <div class="ml-16">
183 |                 <p class="text-xs uppercase font-semibold tracking-wider text-gray-600">Shipping Progress</p>
184 |                 <div class="flex items-center mt-2">
185 |                   <div class="w-6 h-6 bg-gray-600 rounded-full"></div>
186 |                   <h5 class="text-lg ml-4">Out for Delivery</h5>
187 |                   <p class="text-sm text-gray-600 ml-2">3 days shipping</p>
188 |                 </div>
189 |               </div>
190 |             </div>
191 |           </div>
192 | 
193 |           <div class="flex items-center justify-between border-t border-gray-300 px-6 py-4">
194 |             <div class="flex items-center">
195 |               <div class="w-10 h-10 bg-blue-600 rounded-full"></div>
196 |               <div class="ml-4">
197 |                 <p class="text-sm text-gray-600">Person in Charge</p>
198 |                 <p class="text-lg">Jonathan Kulo (You)</p>
199 |               </div>
200 |             </div>
201 | 
202 |             <div class="text-right">
203 |               <a href="#" class="bg-gray-300 text-gray-900 rounded px-4 py-2">Details</a>
204 |             </div>
205 |           </div>
206 |         </div>
207 | 
208 |         <div class="bg-white rounded-lg shadow w-1/2 overflow-hidden mx-4">
209 |           <div class="flex items-center justify-between bg-gray-100 px-6 py-4">
210 |             <div class="flex items-center">
211 |               <div
212 |                 class="bg-yellow-500 text-gray-900 rounded-tl-full rounded-bl-full text-sm uppercase font-semibold tracking-wider px-3">
213 |                 In Progress</div>
214 |               <div
215 |                 class="bg-gray-300 text-gray-900 rounded-tr-full rounded-br-full text-sm uppercase font-semibold tracking-wider px-3">
216 |                 #20183</div>
217 |             </div>
218 | 
219 |             <div class="flex items-center">
220 |               <p class="text-sm text-gray-600">May 14, 2019 @ 07:49 PM</p>
221 |               <div class="w-6 h-6 bg-gray-600 rounded-full ml-4"></div>
222 |             </div>
223 |           </div>
224 | 
225 |           <div class="px-6 py-4">
226 |             <div class="flex items-center">
227 |               <div class="w-12 h-12 bg-blue-600 rounded"></div>
228 | 
229 |               <div class="ml-4">
230 |                 <h3 class="text-lg">Kickz</h3>
231 |                 <p class="text-gray-600">hi@kickz.com</p>
232 |               </div>
233 |             </div>
234 | 
235 |             <div class="flex items-start mt-8">
236 |               <div>
237 |                 <p class="text-xs uppercase font-semibold tracking-wider text-gray-600">Value of Items</p>
238 |                 <h4 class="text-2xl mt-1">$52,520</h4>
239 |               </div>
240 | 
241 |               <div class="ml-16">
242 |                 <p class="text-xs uppercase font-semibold tracking-wider text-gray-600">Quantity</p>
243 |                 <h4 class="text-2xl mt-1">20 pairs</h4>
244 |               </div>
245 | 
246 |               <div class="ml-16">
247 |                 <p class="text-xs uppercase font-semibold tracking-wider text-gray-600">Shipping Progress</p>
248 |                 <div class="flex items-center mt-2">
249 |                   <div class="w-6 h-6 bg-gray-600 rounded-full"></div>
250 |                   <h5 class="text-lg ml-4">Out for Delivery</h5>
251 |                   <p class="text-sm text-gray-600 ml-2">3 days shipping</p>
252 |                 </div>
253 |               </div>
254 |             </div>
255 |           </div>
256 | 
257 |           <div class="flex items-center justify-between border-t border-gray-300 px-6 py-4">
258 |             <div class="flex items-center">
259 |               <div class="w-10 h-10 bg-blue-600 rounded-full"></div>
260 |               <div class="ml-4">
261 |                 <p class="text-sm text-gray-600">Person in Charge</p>
262 |                 <p class="text-lg">Jonathan Kulo (You)</p>
263 |               </div>
264 |             </div>
265 | 
266 |             <div class="text-right">
267 |               <a href="#" class="bg-gray-300 text-gray-900 rounded px-4 py-2">Details</a>
268 |             </div>
269 |           </div>
270 |         </div>
271 |       </div>
272 |     </section>
273 | 
274 |   </main>
275 | 
276 | </body>
277 | 
278 | </html>


--------------------------------------------------------------------------------
/public/old.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <meta charset="utf-8">
  6 |   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7 |   <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
  8 |   <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
  9 |   <link rel="stylesheet" href="build/tailwind.css">
 10 | 
 11 |   <title>Tailwind CSS Templates</title>
 12 |   <meta name="description"
 13 |     content="Care-fully crafted landing pages & dashboard UI examples to energize your creative development workflow using Tailwind CSS.">
 14 |   <meta name="author" content="Sahil Vhora">
 15 | 
 16 | 
 17 |   <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,500,700&display=swap" rel="stylesheet">
 18 | </head>
 19 | 
 20 | <body class="antialiased bg-white font-sans text-gray-900 border-t-4 border-blue-600">
 21 | 
 22 | 
 23 |   <main class="w-full">
 24 | 
 25 |     <!-- start header -->
 26 |     <header class="absolute top-0 left-0 w-full z-50 px-4 sm:px-8 lg:px-16 xl:px-40 2xl:px-64 py-6">
 27 |       <nav class="flex items-center justify-between">
 28 |         <div>
 29 |           <a href="index.html" class="text-white font-bold text-2xl">
 30 |             <div class="flex flex-grow items-center text-blue-600">
 31 |               <svg class="w-8 h-8 md:w-12 md:h-12 fill-current" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
 32 |                 <title>Tailwind CSS</title>
 33 |                 <path
 34 |                   d="M13.5 11.1C15.3 3.9 19.8.3 27 .3c10.8 0 12.15 8.1 17.55 9.45 3.6.9 6.75-.45 9.45-4.05-1.8 7.2-6.3 10.8-13.5 10.8-10.8 0-12.15-8.1-17.55-9.45-3.6-.9-6.75.45-9.45 4.05zM0 27.3c1.8-7.2 6.3-10.8 13.5-10.8 10.8 0 12.15 8.1 17.55 9.45 3.6.9 6.75-.45 9.45-4.05-1.8 7.2-6.3 10.8-13.5 10.8-10.8 0-12.15-8.1-17.55-9.45-3.6-.9-6.75.45-9.45 4.05z"
 35 |                   transform="translate(5 16)" fill-rule="evenodd"></path>
 36 |               </svg>
 37 | 
 38 |               <h1 class="text-lg md:text-xl font-bold text-black-500 ml-2">Tailwind CSS Templates</h1>
 39 |             </div>
 40 |           </a>
 41 |         </div>
 42 | 
 43 |         <div>
 44 |           <a href="https://tailwindcss-templates.netlify.com/" class="twitter-share-button"
 45 |             data-show-count="false">Tweet</a>
 46 |           <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
 47 |         </div>
 48 |       </nav>
 49 |     </header>
 50 |     <!-- end header -->
 51 | 
 52 |     <!-- start hero -->
 53 |     <section class="bg-blue-100 relative px-4 sm:px-8 lg:px-16 xl:px-40 2xl:px-64 pt-48 pb-32">
 54 |       <div class="text-center lg:max-w-4xl mx-auto">
 55 |         <h1 class="text-2xl lg:text-4xl font-bold leading-tight">Care-fully crafted landing pages & dashboard UI
 56 |           examples to
 57 |           energize your
 58 |           creative development
 59 |           workflow using
 60 |           Tailwind CSS.</h1>
 61 |         <p class="text-xl text-gray-700 mt-4">Feel free to download these templates for your personal and commercial
 62 |           projects.
 63 |           All templates are responsive
 64 |           in design and premium in quality, and yes it’s 100% free to download.</p>
 65 | 
 66 |         <a href="https://github.com/iamsahilvhora/tailwindcss-templates" target="_blank"
 67 |           class="px-8 py-3 rounded bg-blue-600 text-white font-semibold inline-block mt-8">
 68 |           <div class="flex items-center">
 69 |             <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="0 0 24 24">
 70 |               <path fill-rule="evenodd" clip-rule="evenodd"
 71 |                 d="M12.026,2c-5.509,0-9.974,4.465-9.974,9.974c0,4.406,2.857,8.145,6.821,9.465	c0.499,0.09,0.679-0.217,0.679-0.481c0-0.237-0.008-0.865-0.011-1.696c-2.775,0.602-3.361-1.338-3.361-1.338	c-0.452-1.152-1.107-1.459-1.107-1.459c-0.905-0.619,0.069-0.605,0.069-0.605c1.002,0.07,1.527,1.028,1.527,1.028	c0.89,1.524,2.336,1.084,2.902,0.829c0.091-0.645,0.351-1.085,0.635-1.334c-2.214-0.251-4.542-1.107-4.542-4.93	c0-1.087,0.389-1.979,1.024-2.675c-0.101-0.253-0.446-1.268,0.099-2.64c0,0,0.837-0.269,2.742,1.021	c0.798-0.221,1.649-0.332,2.496-0.336c0.849,0.004,1.701,0.115,2.496,0.336c1.906-1.291,2.742-1.021,2.742-1.021	c0.545,1.372,0.203,2.387,0.099,2.64c0.64,0.696,1.024,1.587,1.024,2.675c0,3.833-2.33,4.675-4.552,4.922	c0.355,0.308,0.675,0.916,0.675,1.846c0,1.334-0.012,2.41-0.012,2.737c0,0.267,0.178,0.577,0.687,0.479	C19.146,20.115,22,16.379,22,11.974C22,6.465,17.535,2,12.026,2z" />
 72 |             </svg>
 73 |             <span class="ml-2">View on Github</span>
 74 |           </div>
 75 |           </a>
 76 |       </div>
 77 |     </section>
 78 |     <!-- end hero -->
 79 | 
 80 |     <!-- start content -->
 81 |     <section class="bg-blue-100 relative px-4 sm:px-8 lg:px-16 xl:px-40 2xl:px-64 pt-0 pb-24">
 82 |       <div>
 83 |         <h6 class="text-sm uppercase font-semibold tracking-widest text-center">Featured Templates</h6>
 84 | 
 85 |         <div class="md:flex mt-12 md:-mx-4">
 86 |           <div class="w-full lg:w-1/2 xl:w-1/3 bg-white rounded-lg shadow-lg overflow-hidden md:mx-4">
 87 |             <div class="w-full h-56">
 88 |               <img src="templates-covers/fair-rate-cover.png" alt="" class="w-full h-full object-top">
 89 |             </div>
 90 | 
 91 |             <div class="px-6 py-5">
 92 |               <div class="flex items-start justify-between">
 93 |                 <div>
 94 |                   <h4 class="text-base lg:text-xl font-bold">Fair Rate Mortgage</h4>
 95 |                   <p class="text-sm lg:text-base text-gray-700">Added on: 15 Jun, 2019</p>
 96 |                 </div>
 97 |                 <span
 98 |                   class="text-xs font-semibold bg-gray-200 text-gray-700 px-3 py-1 text-sm rounded-full">#landing-page</span>
 99 |               </div>
100 |               <a href="https://tailwindcss-templates.netlify.com/fair-rate-mortgage/index.html" target="_blank"
101 |                 class="bg-blue-500 uppercase text-white font-medium tracking-wider inline-block mt-4 text-xs py-1 px-3 rounded hover:bg-blue-700">Live
102 |                 Preview</a>
103 |             </div>
104 |           </div>
105 | 
106 |           <div class="w-full lg:w-1/2 xl:w-1/3 bg-white rounded-lg shadow-lg overflow-hidden md:mx-4 mt-6 md:mt-0">
107 |             <div class="w-full h-56">
108 |               <img src="templates-covers/dentalpro-cover.png" alt="" class="w-full h-full object-top">
109 |             </div>
110 | 
111 |             <div class="px-6 py-5">
112 |               <div class="flex items-start justify-between">
113 |                 <div>
114 |                   <h4 class="text-base lg:text-xl font-bold">DentalPro</h4>
115 |                   <p class="text-sm lg:text-base text-gray-700">Added On: 23 Jun, 2019</p>
116 |                 </div>
117 |                 <span
118 |                   class="text-xs font-semibold bg-gray-200 text-gray-700 px-3 py-1 text-sm rounded-full">#landing-page</span>
119 |               </div>
120 |               <a href="https://tailwindcss-templates.netlify.com/dentalpro/index.html" target="_blank"
121 |                 class="bg-blue-500 uppercase text-white font-medium tracking-wider inline-block mt-4 text-xs py-1 px-3 rounded hover:bg-blue-700">Live
122 |                 Preview</a>
123 | 
124 |               <a href="https://github.com/iamsahilvhora/dentalpro" target="_blank"
125 |                 class="bg-gray-400 uppercase text-gray-900 ml-2 font-medium tracking-wider inline-block mt-4 text-xs py-1 px-3 rounded hover:bg-gray-700 hover:text-white">GitHub
126 |                 Repo</a>
127 |             </div>
128 |           </div>
129 |         </div>
130 |       </div>
131 |     </section>
132 | 
133 |     <!-- start footer -->
134 |     <footer
135 |       class="bg-gray-900 relative px-4 sm:px-8 lg:px-16 xl:px-40 2xl:px-64 py-8 lg:flex items-center justify-between text-center">
136 |       <div>
137 |         <p class="text-sm text-gray-500">2019 &copy; Tailwind CSS Templates</p>
138 |       </div>
139 | 
140 |       <div class="mt-2 lg:mt-0">
141 |         <p class="text-sm text-gray-500">Crafted by <a href="http://iamsahilvhora.com/" target="_blank"
142 |             class="text-white font-semibold">Sahil Vhora</a>, Freelance Full-stack Designer</p>
143 |       </div>
144 | 
145 |       <div class="mt-4 lg:mt-0">
146 |         <ul class="flex justify-center">
147 |           <li>
148 |             <a href="https://twitter.com/iamsahilvhora" target="_blank" class="text-gray-500">
149 |               <svg xmlns="http://www.w3.org/2000/svg" class="fill-current" width="24" height="24" viewBox="0 0 24 24">
150 |                 <path
151 |                   d="M19.633,7.997c0.013,0.175,0.013,0.349,0.013,0.523c0,5.325-4.053,11.461-11.46,11.461c-2.282,0-4.402-0.661-6.186-1.809	c0.324,0.037,0.636,0.05,0.973,0.05c1.883,0,3.616-0.636,5.001-1.721c-1.771-0.037-3.255-1.197-3.767-2.793	c0.249,0.037,0.499,0.062,0.761,0.062c0.361,0,0.724-0.05,1.061-0.137c-1.847-0.374-3.23-1.995-3.23-3.953v-0.05	c0.537,0.299,1.16,0.486,1.82,0.511C3.534,9.419,2.823,8.184,2.823,6.787c0-0.748,0.199-1.434,0.548-2.032	c1.983,2.443,4.964,4.04,8.306,4.215c-0.062-0.3-0.1-0.611-0.1-0.923c0-2.22,1.796-4.028,4.028-4.028	c1.16,0,2.207,0.486,2.943,1.272c0.91-0.175,1.782-0.512,2.556-0.973c-0.299,0.935-0.936,1.721-1.771,2.22	c0.811-0.088,1.597-0.312,2.319-0.624C21.104,6.712,20.419,7.423,19.633,7.997z" />
152 |               </svg>
153 |             </a>
154 |           </li>
155 | 
156 |           <li class="ml-4">
157 |             <a href="https://dribbble.com/iamsahilvhora" target="_blank" class="text-gray-500">
158 |               <svg xmlns="http://www.w3.org/2000/svg" class="fill-current" width="24" height="24" viewBox="0 0 24 24">
159 |                 <path
160 |                   d="M20.66,6.98c-0.894-1.533-2.107-2.747-3.641-3.64C15.486,2.447,13.813,2,12,2S8.514,2.447,6.98,3.34	C5.447,4.233,4.233,5.447,3.34,6.98S2,10.187,2,12s0.446,3.487,1.34,5.02c0.894,1.534,2.107,2.747,3.641,3.64	C8.514,21.553,10.187,22,12,22s3.486-0.447,5.02-1.34c1.533-0.893,2.747-2.106,3.641-3.64C21.554,15.487,22,13.813,22,12	S21.554,8.513,20.66,6.98z M12,3.66c2,0,3.772,0.64,5.32,1.919c-0.92,1.174-2.286,2.14-4.1,2.9c-1.002-1.813-2.088-3.327-3.261-4.54	C10.641,3.753,11.319,3.66,12,3.66z M5.51,6.8c0.754-0.947,1.656-1.686,2.711-2.22c1.212,1.201,2.325,2.7,3.34,4.5	c-2,0.6-4.114,0.9-6.341,0.9c-0.573,0-1.006-0.013-1.3-0.04C4.227,8.793,4.757,7.747,5.51,6.8z M3.66,12	c0-0.054,0.003-0.12,0.01-0.2c0.007-0.08,0.01-0.146,0.01-0.2c0.254,0.014,0.641,0.02,1.161,0.02c2.666,0,5.146-0.367,7.439-1.1	c0.187,0.373,0.381,0.793,0.58,1.26c-1.32,0.293-2.674,1.006-4.061,2.14S6.4,16.247,5.76,17.5C4.36,15.913,3.66,14.08,3.66,12z M12,20.34c-1.894,0-3.594-0.587-5.101-1.759C7.5,17.394,8.423,16.259,9.67,15.18c1.246-1.08,2.483-1.753,3.71-2.02	c0.772,2.133,1.293,4.339,1.56,6.62C13.966,20.153,12.986,20.34,12,20.34z M19.08,16.38c-0.666,1.066-1.526,1.94-2.58,2.621	c-0.24-2.08-0.7-4.107-1.379-6.081c0.932-0.066,1.765-0.1,2.5-0.1c0.799,0,1.686,0.034,2.659,0.1	C20.146,14.16,19.746,15.313,19.08,16.38z M17.84,11.38c-1.16,0-2.233,0.047-3.22,0.14c-0.254-0.653-0.48-1.193-0.68-1.62	c2.066-0.906,3.532-2.006,4.399-3.3c1.2,1.414,1.854,3.027,1.96,4.84C19.487,11.4,18.667,11.38,17.84,11.38z" />
161 |               </svg>
162 |             </a>
163 |           </li>
164 | 
165 |           <li class="ml-4">
166 |             <a href="https://github.com/iamsahilvhora" target="_blank" class="text-gray-500">
167 |               <svg xmlns="http://www.w3.org/2000/svg" class="fill-current" width="24" height="24" viewBox="0 0 24 24">
168 |                 <path fill-rule="evenodd" clip-rule="evenodd"
169 |                   d="M12.026,2c-5.509,0-9.974,4.465-9.974,9.974c0,4.406,2.857,8.145,6.821,9.465	c0.499,0.09,0.679-0.217,0.679-0.481c0-0.237-0.008-0.865-0.011-1.696c-2.775,0.602-3.361-1.338-3.361-1.338	c-0.452-1.152-1.107-1.459-1.107-1.459c-0.905-0.619,0.069-0.605,0.069-0.605c1.002,0.07,1.527,1.028,1.527,1.028	c0.89,1.524,2.336,1.084,2.902,0.829c0.091-0.645,0.351-1.085,0.635-1.334c-2.214-0.251-4.542-1.107-4.542-4.93	c0-1.087,0.389-1.979,1.024-2.675c-0.101-0.253-0.446-1.268,0.099-2.64c0,0,0.837-0.269,2.742,1.021	c0.798-0.221,1.649-0.332,2.496-0.336c0.849,0.004,1.701,0.115,2.496,0.336c1.906-1.291,2.742-1.021,2.742-1.021	c0.545,1.372,0.203,2.387,0.099,2.64c0.64,0.696,1.024,1.587,1.024,2.675c0,3.833-2.33,4.675-4.552,4.922	c0.355,0.308,0.675,0.916,0.675,1.846c0,1.334-0.012,2.41-0.012,2.737c0,0.267,0.178,0.577,0.687,0.479	C19.146,20.115,22,16.379,22,11.974C22,6.465,17.535,2,12.026,2z" />
170 |               </svg>
171 |             </a>
172 |           </li>
173 | 
174 |           <li class="ml-4">
175 |             <a href="https://medium.com/@iamsahilvhora" target="_blank" class="text-gray-500">
176 |               <svg xmlns="http://www.w3.org/2000/svg" class="fill-current" width="24" height="24" viewBox="0 0 24 24">
177 |                 <path
178 |                   d="M20,3H4C3.447,3,3,3.448,3,4v16c0,0.552,0.447,1,1,1h16c0.553,0,1-0.448,1-1V4C21,3.448,20.553,3,20,3z M17.954,7.265	L16.988,8.19c-0.083,0.063-0.124,0.167-0.106,0.271v6.801c-0.018,0.103,0.023,0.208,0.106,0.271l0.942,0.926v0.204h-4.741v-0.204	l0.977-0.948c0.097-0.096,0.097-0.125,0.097-0.271V9.742l-2.716,6.896h-0.368L8.018,9.742v4.622	c-0.025,0.194,0.039,0.39,0.176,0.531l1.271,1.541v0.203H5.861v-0.203l1.271-1.541c0.136-0.141,0.196-0.338,0.164-0.531V9.02	c0.015-0.148-0.041-0.295-0.152-0.395l-1.13-1.36V7.062H9.52l2.71,5.943l2.382-5.943h3.343V7.265z" />
179 |               </svg>
180 |             </a>
181 |           </li>
182 |         </ul>
183 |       </div>
184 |     </footer>
185 |     <!-- end footer -->
186 | 
187 |   </main>
188 | 
189 |   <!-- Global site tag (gtag.js) - Google Analytics -->
190 |   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-131505823-2"></script>
191 |   <script>
192 |     window.dataLayer = window.dataLayer || [];
193 | 
194 |     function gtag() {
195 |       dataLayer.push(arguments);
196 |     }
197 |     gtag('js', new Date());
198 | 
199 |     gtag('config', 'UA-131505823-2');
200 |   </script>
201 | 
202 | 
203 | </body>
204 | 
205 | </html>


--------------------------------------------------------------------------------
/public/order-history/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 | 
  6 |   <meta charset="utf-8">
  7 |   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8 |   <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  9 |   <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
 10 |   <link rel="stylesheet" href="../build/tailwind.css">
 11 |   <title>Order History</title>
 12 | 
 13 | </head>
 14 | 
 15 | <body class="antialiased font-sans bg-gray-200 text-gray-900">
 16 | 
 17 |   <main>
 18 | 
 19 |     <header class="relative bg-purple-700 px-4 py-4 lg:px-12 shadow-lg">
 20 |       <div class="flex items-center justify-between">
 21 |         <div class="flex items-center">
 22 |           <div class="lg:hidden">
 23 |             <a href="#">
 24 |               <svg xmlns="http://www.w3.org/2000/svg" class="w-8 h-8 fill-current text-white" viewBox="0 0 24 24"><path d="M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z"/></svg>
 25 |             </a>
 26 |           </div>
 27 | 
 28 |           <p class="text-xl text-white font-bold ml-4 lg:ml-0">CompanyLogo</p>
 29 |         </div>
 30 | 
 31 |         <div class="flex items-center">
 32 |           <a href="#">
 33 |             <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 fill-current text-white" viewBox="0 0 24 24"><path d="M20 14.764V12c0-4.578-2.459-7.957-6.164-8.794C13.53 2.495 12.826 2 12 2s-1.53.495-1.836 1.206C6.459 4.043 4 7.422 4 12v2.764l-.895 1.789A.998.998 0 0 0 4 18h16a1 1 0 0 0 .815-1.607L20 14.764zM12 22a2.98 2.98 0 0 0 2.818-2H9.182A2.98 2.98 0 0 0 12 22z"/></svg>
 34 |           </a>
 35 | 
 36 |           <a href="#">
 37 |             <div class="flex items-center ml-12">
 38 |               <span class="text-white leading-tight text-right hidden md:inline-block"><span class="text-sm opacity-75">Spendesk</span><br>Tom Davis</span>
 39 |               <div class="w-12 h-12 bg-white rounded-lg ml-4"></div>
 40 |             </div>
 41 |           </a>
 42 |         </div>
 43 |       </div>
 44 |     </header>
 45 | 
 46 |     <section class="px-4 py-8 lg:px-12">
 47 |       <div class="flex">
 48 |         <div class="w-full lg:w-1/4 xl:w-1/5 lg:pr-20 hidden lg:block">
 49 |           <ul class="md:-mx-4">
 50 |             <li>
 51 |               <a href="#" class="flex items-center px-4 py-2 hover:bg-gray-300 rounded-lg text-gray-700">
 52 |                 <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 fill-current text-gray-600" viewBox="0 0 24 24"><path d="M12 4.595a5.904 5.904 0 0 0-3.996-1.558 5.942 5.942 0 0 0-4.213 1.758c-2.353 2.363-2.352 6.059.002 8.412l7.332 7.332c.17.299.498.492.875.492a.99.99 0 0 0 .792-.409l7.415-7.415c2.354-2.354 2.354-6.049-.002-8.416a5.938 5.938 0 0 0-4.209-1.754A5.906 5.906 0 0 0 12 4.595zm6.791 1.61c1.563 1.571 1.564 4.025.002 5.588L12 18.586l-6.793-6.793c-1.562-1.563-1.561-4.017-.002-5.584.76-.756 1.754-1.172 2.799-1.172s2.035.416 2.789 1.17l.5.5a.999.999 0 0 0 1.414 0l.5-.5c1.512-1.509 4.074-1.505 5.584-.002z"/></svg>
 53 |                 <span class="ml-4">My Favs</span>
 54 |               </a>
 55 |             </li>
 56 |             <li class="mt-3">
 57 |               <a href="#" class="flex items-center px-4 py-2 hover:bg-gray-300 rounded-lg text-gray-700">
 58 |                 <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 fill-current text-gray-600" viewBox="0 0 24 24"><path d="M12 8v5h5v-2h-3V8z"/><path d="M21.292 8.497a8.957 8.957 0 0 0-1.928-2.862 9.004 9.004 0 0 0-4.55-2.452 9.09 9.09 0 0 0-3.626 0 8.965 8.965 0 0 0-4.552 2.453 9.048 9.048 0 0 0-1.928 2.86A8.963 8.963 0 0 0 4 12l.001.025H2L5 16l3-3.975H6.001L6 12a6.957 6.957 0 0 1 1.195-3.913 7.066 7.066 0 0 1 1.891-1.892 7.034 7.034 0 0 1 2.503-1.054 7.003 7.003 0 0 1 8.269 5.445 7.117 7.117 0 0 1 0 2.824 6.936 6.936 0 0 1-1.054 2.503c-.25.371-.537.72-.854 1.036a7.058 7.058 0 0 1-2.225 1.501 6.98 6.98 0 0 1-1.313.408 7.117 7.117 0 0 1-2.823 0 6.957 6.957 0 0 1-2.501-1.053 7.066 7.066 0 0 1-1.037-.855l-1.414 1.414A8.985 8.985 0 0 0 13 21a9.05 9.05 0 0 0 3.503-.707 9.009 9.009 0 0 0 3.959-3.26A8.968 8.968 0 0 0 22 12a8.928 8.928 0 0 0-.708-3.503z"/></svg>
 59 |                 <span class="ml-4">Easy Reorder</span>
 60 |               </a>
 61 |             </li>
 62 |             <li class="mt-3">
 63 |               <a href="#" class="flex items-center px-4 py-2 hover:bg-gray-300 rounded-lg text-gray-700">
 64 |                 <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 fill-current text-gray-600" viewBox="0 0 24 24"><path fill="none" d="M12 8c-1.178 0-2 .822-2 2s.822 2 2 2 2-.822 2-2-.822-2-2-2z"/><path fill="none" d="M12 4c-4.337 0-8 3.663-8 8 0 2.176.923 4.182 2.39 5.641A5.007 5.007 0 0 1 11 14.573h2a5.007 5.007 0 0 1 4.61 3.068C19.077 16.182 20 14.176 20 12c0-4.337-3.663-8-8-8zm0 10c-2.28 0-4-1.72-4-4s1.72-4 4-4 4 1.72 4 4-1.72 4-4 4z"/><path fill="none" d="M13 16.572h-2a3.003 3.003 0 0 0-2.926 2.354C9.242 19.604 10.584 20 12 20s2.758-.396 3.926-1.073A3.003 3.003 0 0 0 13 16.572z"/><path d="M12 2C6.579 2 2 6.579 2 12c0 3.189 1.592 6.078 4 7.924V20h.102C7.77 21.245 9.813 22 12 22s4.23-.755 5.898-2H18v-.076c2.408-1.846 4-4.734 4-7.924 0-5.421-4.579-10-10-10zM8.074 18.927A3.002 3.002 0 0 1 11 16.573h2a3.003 3.003 0 0 1 2.926 2.354C14.758 19.604 13.416 20 12 20s-2.758-.396-3.926-1.073zm9.536-1.286A5.007 5.007 0 0 0 13 14.573h-2a5.007 5.007 0 0 0-4.61 3.068C4.923 16.182 4 14.176 4 12c0-4.337 3.663-8 8-8s8 3.663 8 8c0 2.176-.923 4.182-2.39 5.641z"/><path d="M12 6c-2.28 0-4 1.72-4 4s1.72 4 4 4 4-1.72 4-4-1.72-4-4-4zm0 6c-1.178 0-2-.822-2-2s.822-2 2-2 2 .822 2 2-.822 2-2 2z"/></svg>
 65 |                 <span class="ml-4">My Profile</span>
 66 |               </a>
 67 |               </li>
 68 |             <li class="mt-3">
 69 |               <a href="#" class="flex items-center px-4 py-2 hover:bg-gray-300 rounded-lg text-gray-900 font-semibold bg-gray-300">
 70 |                 <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 fill-current text-purple-600" viewBox="0 0 24 24"><path d="M21 5c0-1.103-.897-2-2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V5zM5 19V5h14l.002 14H5z"/><path d="M7 7h1.998v2H7zm4 0h6v2h-6zm-4 4h1.998v2H7zm4 0h6v2h-6zm-4 4h1.998v2H7zm4 0h6v2h-6z"/></svg>
 71 |                 <span class="ml-4">Order History</span>
 72 |               </a>
 73 |               </li>
 74 |             <li class="mt-3">
 75 |               <a href="#" class="flex items-center px-4 py-2 hover:bg-gray-300 rounded-lg text-gray-700">
 76 |                 <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 fill-current text-gray-600" viewBox="0 0 24 24"><path d="M12 14c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4 1.794 4 4 4zm0-6c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2z"/><path d="M11.42 21.814a.998.998 0 0 0 1.16 0C12.884 21.599 20.029 16.44 20 10c0-4.411-3.589-8-8-8S4 5.589 4 9.995c-.029 6.445 7.116 11.604 7.42 11.819zM12 4c3.309 0 6 2.691 6 6.005.021 4.438-4.388 8.423-6 9.73-1.611-1.308-6.021-5.294-6-9.735 0-3.309 2.691-6 6-6z"/></svg>
 77 |                 <span class="ml-4">Address Book</span>
 78 |               </a>
 79 |               </li>
 80 |             <li class="mt-3">
 81 |               <a href="#" class="flex items-center px-4 py-2 hover:bg-gray-300 rounded-lg text-gray-700">
 82 |                 <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 fill-current text-gray-600" viewBox="0 0 24 24"><path d="M20 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2zM4 5h16v3H4V5zm0 14v-7h16.001l.001 7H4z"/><path d="M6 15h6v2H6z"/></svg>
 83 |                 <span class="ml-4">Payment Methods</span>
 84 |               </a>
 85 |             </li>
 86 |             <li class="mt-3">
 87 |               <a href="#" class="flex items-center px-4 py-2 hover:bg-gray-300 rounded-lg text-gray-700">
 88 |                 <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 fill-current text-gray-600" viewBox="0 0 24 24"><path fill="none" d="M6 8c0 1.178.822 2 2 2s2-.822 2-2-.822-2-2-2-2 .822-2 2z"/><path d="M19 8h-2v3h-3v2h3v3h2v-3h3v-2h-3zM4 8c0 2.28 1.72 4 4 4s4-1.72 4-4-1.72-4-4-4-4 1.72-4 4zm6 0c0 1.178-.822 2-2 2s-2-.822-2-2 .822-2 2-2 2 .822 2 2zM4 18c0-1.654 1.346-3 3-3h2c1.654 0 3 1.346 3 3v1h2v-1c0-2.757-2.243-5-5-5H7c-2.757 0-5 2.243-5 5v1h2v-1z"/></svg>
 89 |                 <span class="ml-4">Refer Friends</span>
 90 |               </a>
 91 |             </li>
 92 |           </ul>
 93 |         </div>
 94 | 
 95 |         <div class="w-full lg:w-3/4 xl:w-4/5">
 96 |           <h1 class="text-3xl font-bold">Order History</h1>
 97 | 
 98 |           <div class="flex items-baseline justify-between md:justify-start mt-6">
 99 |             <p class="text-xl font-bold">Order Number: #21312352</p>
100 |             <a href="#" class="text-sm text-purple-600 font-semibold inline-block ml-4">View Receipt</a>
101 |           </div>
102 | 
103 |           <div class="bg-white border border-gray-300 rounded-lg px-4 py-2 mt-4 lg:flex lg:justify-between text-sm">
104 |             <div class="flex items-baseline justify-between lg:justify-start">
105 |               <p>Placed on:</p>
106 |               <p>15 March, 2017</p>
107 |             </div>
108 | 
109 |             <div class="flex items-baseline justify-between lg:justify-start mt-2 lg:mt-0">
110 |               <p>Shipped To:</p>
111 |               <p>Jason Williams</p>
112 |             </div>
113 | 
114 |             <div class="flex items-baseline justify-between lg:justify-start mt-2 lg:mt-0">
115 |               <p>Paid With:</p>
116 |               <p>Amex....9429</p>
117 |             </div>
118 | 
119 |             <div class="flex items-baseline justify-between lg:justify-start mt-2 lg:mt-0">
120 |               <p>Total Charge:</p>
121 |               <p>$78.33</p>
122 |             </div>
123 |           </div>
124 | 
125 |           <div class="bg-white border border-gray-300 rounded-lg px-4 pt-3 pb-2 mt-2 text-sm">
126 |             <div class="w-full flex items-baseline justify-between">
127 |               <p>You have <span class="font-bold">3 refunds</span> on this order.</p>
128 |               <button class="inline-block text-sm text-purple-600 font-semibold">Hide</button>
129 |             </div>
130 | 
131 |             <table class="w-full mt-2">
132 |               <tbody>
133 |                 <tr>
134 |                   <td class="py-2 border-t border-gray-300">Lundberg Organic White Rice</td>
135 |                   <td class="border-t border-gray-300">Tax Refund $4.00</td>
136 |                   <td class="border-t border-gray-300 text-right">15 March, 2017</td>
137 |                 </tr>
138 | 
139 |                 <tr>
140 |                   <td class="py-2 border-t border-gray-300">Ocean Spray Juice Cocktail, Cranberry...</td>
141 |                   <td class="border-t border-gray-300">Fully Refunded $6.75</td>
142 |                   <td class="border-t border-gray-300 text-right">15 March, 2017</td>
143 |                 </tr>
144 | 
145 |                 <tr>
146 |                   <td class="py-2 border-t border-gray-300">Mott's 100% Apple Juice, Original, 64 Fl Oz, 1 Ct</td>
147 |                   <td class="border-t border-gray-300">Shipping Refund $6.76</td>
148 |                   <td class="border-t border-gray-300 text-right">15 March, 2017</td>
149 |                 </tr>
150 |               </tbody>
151 |             </table>
152 |           </div>
153 | 
154 |           <div class="w-full flex flex-col md:flex-row items-baseline justify-between mt-12">
155 |             <div class="w-full md:w-1/2 flex items-baseline">
156 |               <h4 class="text-xl font-bold">Delivered</h4>
157 |               <p class="text-gray-700 ml-4">Fulfilled by Name</p>
158 |             </div>
159 | 
160 |             <div class="w-full md:w-1/2 mt-4 md:mt-0 md:text-right">
161 |               <a href="#" class="border border-purple-600 text-purple-600 px-4 py-2 rounded-lg">Return Items</a>
162 |               <a href="#" class="bg-purple-600 text-white border border-purple-600 px-4 py-2 rounded-lg ml-4">Track
163 |                 Package</a>
164 |             </div>
165 |           </div>
166 | 
167 |           <div class="w-full flex flex-col lg:flex-row items-baseline justify-between text-sm mt-8">
168 |             <p>Estimated Delivery: <span class="text-green-600 font-semibold">by Tuesday, 17 March</span></p>
169 |             <p class="mt-2 lg:mt-0">Charged for this shipment: $54.67 <a href="#" class="text-sm text-purple-600 font-semibold">Details</a>
170 |             </p>
171 |             <p class="mt-2 lg:mt-0">Fex Ex Tracking: WNU050719041</p>
172 |           </div>
173 | 
174 |           <div class="bg-white border border-gray-300 rounded-lg px-4 mt-4">
175 |             <div class="flex flex-col md:flex-row  items-start justify-between py-4">
176 |               <div class="flex items-start">
177 |                 <div>
178 |                   <div class="w-20 h-20 md:w-32 md:h-32 bg-gray-200 rounded-lg"></div>
179 |                 </div>
180 |                 <div class="ml-6">
181 |                   <p class="text-gray-700">Ocean Spray</p>
182 |                   <p class="text-lg font-semibold leading-tight mt-1">Ocean Spray Juice Cocktail, Cranberry, 64 Fl Oz, 1 Ct</p>
183 | 
184 |                   <div class="flex items-baseline mt-4">
185 |                     <h4 class="text-2xl font-semibold">$2.73</h4>
186 |                     <a href="#" class="inline-block text-sm text-purple-600 font-semibold ml-4">Details</a>
187 |                   </div>
188 |                 </div>
189 |               </div>
190 |             </div>
191 | 
192 |             <div class="flex flex-col md:flex-row items-start justify-between py-4">
193 |               <div class="flex items-start">
194 |                 <div>
195 |                   <div class="w-20 h-20 md:w-32 md:h-32 bg-gray-200 rounded-lg"></div>
196 |                 </div>
197 |                 <div class="ml-6">
198 |                   <p class="text-gray-700">Ocean Spray</p>
199 |                   <p class="text-lg font-semibold leading-tight mt-1">Ocean Spray Juice Cocktail, Cranberry, 64 Fl Oz, 1
200 |                     Ct</p>
201 | 
202 |                   <div class="flex items-baseline mt-4">
203 |                     <h4 class="text-2xl font-semibold">$2.73</h4>
204 |                     <a href="#" class="inline-block text-sm text-purple-600 font-semibold ml-4">Details</a>
205 |                   </div>
206 |                 </div>
207 |               </div>
208 |               <div class="text-right mt-2 md:mt-0">
209 |                 <p class="text-green-600 font-semibold">Refund complete</p>
210 |               </div>
211 |             </div>
212 |           </div>
213 |         </div>
214 |       </div>
215 |     </section>
216 | 
217 |   </main>
218 | 
219 | </body>
220 | 
221 | </html>


--------------------------------------------------------------------------------
/public/tailwind.css:
--------------------------------------------------------------------------------
 1 | @tailwind base;
 2 | @tailwind components;
 3 | @tailwind utilities;
 4 | 
 5 | a {
 6 |   transition: all .3s ease;
 7 | }
 8 | 
 9 | #navbar {
10 |   transition: all .3s ease;
11 | }
12 | 
13 | .navbar-toggler {
14 |   margin-top: 4px;
15 |   margin-bottom: 4px;
16 |   width: 26px;
17 |   height: 26px;
18 |   padding: 2px 0;
19 |   border: none;
20 |   right: 15px;
21 | 
22 | }
23 | 
24 | .navbar-toggler:focus {
25 |   outline: none;
26 | }
27 | 
28 | .navbar-toggler .navbar-toggler-bar {
29 |   display: block;
30 |   width: 26px;
31 |   height: 2px;
32 |   background-color: #05004d;
33 |   -webkit-transition: all .2s ease-in-out 0s;
34 |   -o-transition: all .2s ease-in-out 0s;
35 |   transition: all .2s ease-in-out 0s;
36 |   border-radius: 4px;
37 |   margin-bottom: 5px
38 | }
39 | 
40 | .navbar-toggler .navbar-toggler-bar:last-child {
41 |   margin-bottom: 0
42 | }
43 | 
44 | .navbar-toggler.active .navbar-toggler-bar:nth-child(1) {
45 |   -webkit-transform: rotate(45deg);
46 |   -ms-transform: rotate(45deg);
47 |   transform: rotate(45deg);
48 |   position: relative;
49 |   top: 7px
50 | }
51 | 
52 | .navbar-toggler.active .navbar-toggler-bar:nth-child(2) {
53 |   opacity: 0
54 | }
55 | 
56 | .navbar-toggler.active .navbar-toggler-bar:nth-child(3) {
57 |   -webkit-transform: rotate(-45deg);
58 |   -ms-transform: rotate(-45deg);
59 |   transform: rotate(-45deg);
60 |   position: relative;
61 |   bottom: 7px
62 | }


--------------------------------------------------------------------------------
/public/templates-covers/dentalpro-cover.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iamsahilvhora/tailwindcss-templates/06ea7b3f388098859b8822fdf8218cf10b09acda/public/templates-covers/dentalpro-cover.png


--------------------------------------------------------------------------------
/public/templates-covers/fair-rate-cover.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iamsahilvhora/tailwindcss-templates/06ea7b3f388098859b8822fdf8218cf10b09acda/public/templates-covers/fair-rate-cover.png


--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   theme: {
 3 |     fontFamily: {
 4 |       'sans': 'Inter'
 5 |       // 'sans': 'Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji'
 6 |     },
 7 |     opacity: {
 8 |       '0': '0',
 9 |       '10': '.1',
10 |       '20': '.2',
11 |       '30': '.3',
12 |       '40': '.4',
13 |       '50': '.5',
14 |       '60': '.6',
15 |       '70': '.7',
16 |       '80': '.8',
17 |       '90': '.9',
18 |       '100': '1',
19 |     },
20 |     extend: {
21 |       spacing: {
22 |         '72': '18rem',
23 |         '84': '21rem',
24 |         '96': '24rem',
25 |       },
26 |       screens: {
27 |         '2xl': '1600px',
28 |       },
29 |       maxWidth: theme => {
30 |         return {
31 |           'screen-2xl': theme('screens.2xl'),
32 |         }
33 |       },
34 |     },
35 |   },
36 |   variants: {
37 |     opacity: ['responsive', 'hover', 'focus'],
38 |   },
39 |   plugins: [],
40 | }


--------------------------------------------------------------------------------