Created
August 28, 2021 17:12
-
-
Save LoopsGod/f830b6cf7cf0c46ca2c6f54177fc91b9 to your computer and use it in GitHub Desktop.
AppSignal Plans Fix
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Example</title> | |
| <link | |
| rel="stylesheet" | |
| href="https://www.appsignal.com/_next/static/css/7cad36d3a07f15ea85fb.css" | |
| /> | |
| </head> | |
| <body> | |
| <section class=" py-24 xl:py-32 bg-gray-200 bg-opacity-25 space-y-20"> | |
| <header class="container md:text-center"> | |
| <div class="max-w-4xl mx-auto"> | |
| <h1 | |
| class="c_h-heading c_h-heading--lg sm:c_h-heading--xl lg:c_h-heading--2xl text-gray-700 dark:text-gray-200 inline-flex items-center mb-3 lg:mb-4" | |
| > | |
| All-in-one APM | |
| </h1> | |
| <h2 | |
| class="c_h-heading c_h-heading--5xl sm:c_h-heading--6xl lg:c_h-heading--7xl text-gray-800 dark:text-white" | |
| > | |
| All features available in all plans | |
| </h2> | |
| </div> | |
| <p | |
| class="max-w-3xl mx-auto text-xl lg:text-2xl text-gray-700 dark:text-gray-200 mt-4 lg:mt-6" | |
| > | |
| That's right, you don't need to upgrade to use features. All the tools | |
| you need to monitor your app are featured in each plan. | |
| </p> | |
| </header> | |
| <div class="container max-w-7xl"> | |
| <div | |
| class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6 rounded-lg" | |
| > | |
| <a | |
| class="flex flex-col bg-white no-underline p-6 md:p-8 bg-white dark:bg-gray-800 shadow-sm rounded-lg" | |
| > | |
| <div class="flex-1 flex flex-col"> | |
| <figure | |
| class="c_h-icon-box c_h-icon-box--orange md:c_h-icon-box--lg " | |
| > | |
| <svg | |
| aria-hidden="true" | |
| focusable="false" | |
| data-prefix="fas" | |
| data-icon="bug" | |
| class="svg-inline--fa fa-bug fa-w-16 " | |
| role="img" | |
| xmlns="http://www.w3.org/2000/svg" | |
| viewBox="0 0 512 512" | |
| > | |
| <path | |
| fill="currentColor" | |
| d="M511.988 288.9c-.478 17.43-15.217 31.1-32.653 31.1H424v16c0 21.864-4.882 42.584-13.6 61.145l60.228 60.228c12.496 12.497 12.496 32.758 0 45.255-12.498 12.497-32.759 12.496-45.256 0l-54.736-54.736C345.886 467.965 314.351 480 280 480V236c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v244c-34.351 0-65.886-12.035-90.636-32.108l-54.736 54.736c-12.498 12.497-32.759 12.496-45.256 0-12.496-12.497-12.496-32.758 0-45.255l60.228-60.228C92.882 378.584 88 357.864 88 336v-16H32.666C15.23 320 .491 306.33.013 288.9-.484 270.816 14.028 256 32 256h56v-58.745l-46.628-46.628c-12.496-12.497-12.496-32.758 0-45.255 12.498-12.497 32.758-12.497 45.256 0L141.255 160h229.489l54.627-54.627c12.498-12.497 32.758-12.497 45.256 0 12.496 12.497 12.496 32.758 0 45.255L424 197.255V256h56c17.972 0 32.484 14.816 31.988 32.9zM257 0c-61.856 0-112 50.144-112 112h224C369 50.144 318.856 0 257 0z" | |
| ></path> | |
| </svg> | |
| </figure> | |
| <h2 | |
| class="c_h-heading c_h-heading--2xl md:c_h-heading--3xl mt-5 mb-2 md:mb-3 text-gray-800 dark:text-white" | |
| > | |
| Error tracking | |
| </h2> | |
| <p class="text-lg md:text-xl text-gray-700 dark:text-gray-200"> | |
| Track exceptions, get error alerts, debug and fix them with | |
| ease. | |
| </p> | |
| </div> | |
| <div class="px-0 pt-10"> | |
| <div | |
| class="c-button c-button--white dark:c-button--gray c-button--sm mt-4 md:mt-5 md:text-lg" | |
| > | |
| Explore feature | |
| </div> | |
| </div> | |
| </a> | |
| <a | |
| class="flex flex-col bg-white no-underline p-6 md:p-8 bg-white dark:bg-gray-800 shadow-sm rounded-lg" | |
| > | |
| <div class="flex-1 flex flex-col"> | |
| <figure | |
| class="c_h-icon-box c_h-icon-box--orange md:c_h-icon-box--lg " | |
| > | |
| <svg | |
| aria-hidden="true" | |
| focusable="false" | |
| data-prefix="fas" | |
| data-icon="bug" | |
| class="svg-inline--fa fa-bug fa-w-16 " | |
| role="img" | |
| xmlns="http://www.w3.org/2000/svg" | |
| viewBox="0 0 512 512" | |
| > | |
| <path | |
| fill="currentColor" | |
| d="M511.988 288.9c-.478 17.43-15.217 31.1-32.653 31.1H424v16c0 21.864-4.882 42.584-13.6 61.145l60.228 60.228c12.496 12.497 12.496 32.758 0 45.255-12.498 12.497-32.759 12.496-45.256 0l-54.736-54.736C345.886 467.965 314.351 480 280 480V236c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v244c-34.351 0-65.886-12.035-90.636-32.108l-54.736 54.736c-12.498 12.497-32.759 12.496-45.256 0-12.496-12.497-12.496-32.758 0-45.255l60.228-60.228C92.882 378.584 88 357.864 88 336v-16H32.666C15.23 320 .491 306.33.013 288.9-.484 270.816 14.028 256 32 256h56v-58.745l-46.628-46.628c-12.496-12.497-12.496-32.758 0-45.255 12.498-12.497 32.758-12.497 45.256 0L141.255 160h229.489l54.627-54.627c12.498-12.497 32.758-12.497 45.256 0 12.496 12.497 12.496 32.758 0 45.255L424 197.255V256h56c17.972 0 32.484 14.816 31.988 32.9zM257 0c-61.856 0-112 50.144-112 112h224C369 50.144 318.856 0 257 0z" | |
| ></path> | |
| </svg> | |
| </figure> | |
| <h2 | |
| class="c_h-heading c_h-heading--2xl md:c_h-heading--3xl mt-5 mb-2 md:mb-3 text-gray-800 dark:text-white" | |
| > | |
| Error tracking | |
| </h2> | |
| <p class="text-lg md:text-xl text-gray-700 dark:text-gray-200"> | |
| Track exceptions, get error alerts, debug and fix them with | |
| ease. Lorem ipsum dolor sit amet, consectetur adipiscing elit. | |
| </p> | |
| </div> | |
| <div class="px-0 pt-10"> | |
| <div | |
| class="c-button c-button--white dark:c-button--gray c-button--sm mt-4 md:mt-5 md:text-lg" | |
| > | |
| Explore feature | |
| </div> | |
| </div> | |
| </a> | |
| <a | |
| class="flex flex-col bg-white no-underline p-6 md:p-8 bg-white dark:bg-gray-800 shadow-sm rounded-lg" | |
| > | |
| <div class="flex-1 flex flex-col"> | |
| <figure | |
| class="c_h-icon-box c_h-icon-box--orange md:c_h-icon-box--lg " | |
| > | |
| <svg | |
| aria-hidden="true" | |
| focusable="false" | |
| data-prefix="fas" | |
| data-icon="bug" | |
| class="svg-inline--fa fa-bug fa-w-16 " | |
| role="img" | |
| xmlns="http://www.w3.org/2000/svg" | |
| viewBox="0 0 512 512" | |
| > | |
| <path | |
| fill="currentColor" | |
| d="M511.988 288.9c-.478 17.43-15.217 31.1-32.653 31.1H424v16c0 21.864-4.882 42.584-13.6 61.145l60.228 60.228c12.496 12.497 12.496 32.758 0 45.255-12.498 12.497-32.759 12.496-45.256 0l-54.736-54.736C345.886 467.965 314.351 480 280 480V236c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v244c-34.351 0-65.886-12.035-90.636-32.108l-54.736 54.736c-12.498 12.497-32.759 12.496-45.256 0-12.496-12.497-12.496-32.758 0-45.255l60.228-60.228C92.882 378.584 88 357.864 88 336v-16H32.666C15.23 320 .491 306.33.013 288.9-.484 270.816 14.028 256 32 256h56v-58.745l-46.628-46.628c-12.496-12.497-12.496-32.758 0-45.255 12.498-12.497 32.758-12.497 45.256 0L141.255 160h229.489l54.627-54.627c12.498-12.497 32.758-12.497 45.256 0 12.496 12.497 12.496 32.758 0 45.255L424 197.255V256h56c17.972 0 32.484 14.816 31.988 32.9zM257 0c-61.856 0-112 50.144-112 112h224C369 50.144 318.856 0 257 0z" | |
| ></path> | |
| </svg> | |
| </figure> | |
| <h2 | |
| class="c_h-heading c_h-heading--2xl md:c_h-heading--3xl mt-5 mb-2 md:mb-3 text-gray-800 dark:text-white" | |
| > | |
| Error tracking | |
| </h2> | |
| <p class="text-lg md:text-xl text-gray-700 dark:text-gray-200"> | |
| Track exceptions, get error alerts, debug and fix them with | |
| ease. | |
| </p> | |
| </div> | |
| <div class="px-0 pt-10"> | |
| <div | |
| class="c-button c-button--white dark:c-button--gray c-button--sm mt-4 md:mt-5 md:text-lg" | |
| > | |
| Explore feature | |
| </div> | |
| </div> | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| </body> | |
| </html> |
Author
LoopsGod
commented
Aug 28, 2021
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment