saasable-ui/uikit/tailwind/dist/about/about-2.html at 95da00eaa8a9e1264a716f029cbd7f2e4a7822c9 · phoenixcoded/saasable-ui · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!doctype html>
<html lang="en" class="preset-ai" data-pc-direction="ltr" dir="ltr" data-pc-theme="light">
  <!-- [Head] start -->
  <head>
    <title>About 2 | SaasAble Tailwind Multipurpose UI Kit</title>
    <!-- [Meta] -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="description" content="The multipurpose SaaS UI Kit built with Tailwind CSS is designed for businesses of all sizes to streamline customer management, sales tracking, and marketing optimization. Create a stunning SaaS landing with just a few clicks!" />
    <meta name="keywords" content="Tailwind Templates, Tailwind Theme, SaaS UI Kit, SaaS Template"/>
    <meta name="author" content="Phoenixcoded" />

    <!-- [Favicon] icon -->
    <link rel="icon" href="../assets/images/favicon.ico" type="image/x-icon" />
<!-- [Font] Family -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">

<!-- [Tabler Icons] https://tablericons.com -->
<link rel="stylesheet" href="../assets/fonts/tabler-icons.min.css" />
<!-- [Template CSS Files] -->
<link rel="stylesheet" href="../assets/css/style.css" id="main-style-link" />

  </head>
  <!-- [Head] end -->
  <!-- [Body] Start -->
  <body>
    <!-- [ Pre-loader ] start -->
    <div class="loader-bg fixed inset-0 bg-theme-bg-default z-[1034] flex items-center justify-center">
       <div class="w-[65px] h-[65px] rounded-full bg-primary-100 flex items-center justify-center absolute">
         <!-- [ Logo icon ] start -->
         <svg class="w-[20px] sm:w-[22px] md:w-[24px] h-auto text-primary-500" viewBox="0 0 37 40" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path
             fillRule="evenodd"
             clipRule="evenodd"
             d="M29.0507 0.657088C32.9601 -1.47888 37.5881 1.90736 36.7407 6.28379L31.081 35.5123C31.0417 35.7758 30.9823 36.0375 30.9023 36.2952C30.7256 36.8969 30.4697 37.3981 30.1515 37.802L30.1236 37.8405C28.4079 40.1894 25.1144 40.7015 22.7675 38.9843C21.6036 38.1327 20.8911 36.8926 20.6777 35.5724L20.6789 35.5732C20.0277 33.124 20.9582 26.5495 25.8412 16.0258L27.7227 18.1367L30.214 7.96335C30.3258 7.50659 29.8291 7.14315 29.4282 7.3884L20.4986 12.8509L23.1853 14.0825C18.1195 19.426 11.0662 24.4251 6.06551 24.9519C4.81627 25.0835 3.32109 24.7555 2.15767 23.9042C-0.18924 22.187 -0.700904 18.8907 1.01484 16.5418L1.02814 16.5237L1.0433 16.5032C1.33101 16.0776 1.73015 15.6819 2.24875 15.3311C2.4702 15.1762 2.70184 15.0398 2.9413 14.9222L29.0507 0.657088ZM9.83615 35.6327C11.3428 36.7129 13.4456 36.3571 14.5329 34.8379C15.2554 33.8285 15.7862 30.5405 16.0612 28.4476C16.1668 27.6438 15.3569 27.0632 14.6305 27.4219C12.739 28.3558 9.79931 29.9167 9.07685 30.9261C7.98955 32.4453 8.3295 34.5525 9.83615 35.6327Z"
             fill="currentColor"
           />
         </svg>
       </div>
       <div class="inline-block border-8 border-dotted absolute border-primary-500 rounded-full size-[100px] animate-[dotAnimation_6s_linear_infinite]" role="status"><span class="sr-only">Loading...</span></div>
       <div class="inline-block border-8 border-primary-500 rounded-full size-[100px] animate-[rotateAnimation_35s_linear_infinite] border-t-transparent dark:border-t-transparent" role="status"><span class="sr-only">Loading...</span></div>
    </div>
    <!-- [ Pre-loader ] End -->

    <!-- [ section ] start -->
<section class="z-50 w-full relative common-section">
  <div class="container">
    <div class="bg-theme-bg-default rounded-4xl">
      <div class="flex flex-col justify-center items-center">
        <img src="../assets/images/free-lock.svg" alt="image" class="w-[75px] lg:w-[150px]">
        <h4 class=" font-bold mb-2 mt-8 lg:mt-14 text-center">
          Discover the Components Not Available in the Free Version
        </h4>
        <p class="body1 mb-6 text-neutral-700 text-center">
          <a href="#" class="hover:underline" target="_blank">Check out SaasAble PRO</a>
          which offers updated components, auto layout, and Figma new variables, complete with dark mode!
        </p>
        <div class="flex gap-4 justify-center">
          <a href="https://www.figma.com/design/mlkXfeqxUKqIo0GQhPBqPb/SaasAble---UI-Kit---Preview-only?node-id=11-1833&t=JBHOIIEuYZpmN6v8-1" target="_blank" class="btn btn-outline-primary w-[215px]" target="_blank">
            <span class="flex justify-center items-center gap-2 ltr:-ml-1 rtl:-mr-1">
              <img src="../assets/images/shared/figma.svg" class="w-4 h-4"></img>
              Preview Pro
            </span>
          </a>
          <a href="https://tailwind.saasable.io/block/block.html" taget="_blank" class="btn btn-primary" target="_blank">
            <span class="flex justify-center items-center gap-2 ltr:-ml-1 rtl:-mr-1">
              <i class="ti ti-sparkles text-base leading-none"></i>
              View Pro Component
            </span>
          </a>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- [ section ] end -->
    <!-- Required Js -->
    <script src="../assets/js/plugins/popper.min.js"></script>
    <script src="../assets/js/icon/custom-font.js"></script>
    <script src="../assets/js/component.js"></script>
    <script src="../assets/js/script.js"></script>
    <script src="../assets/js/theme.js"></script>


    <script>
      layout_change('false');
    </script>


    <script>
      layout_rtl_change('false');
    </script>

  </body>
</html>