..

components/unsorted/boldui-all-CsQVWjVI.html

@@ -0,0 +1,129 @@
+<div><section class="relative py-24 bg-black overflow-x-hidden">
+    <div class="container mx-auto px-4">
+      <div class="relative max-w-xs mb-32 mx-auto text-center">
+        <img class="absolute top-1/2 left-0 transform -translate-y-1/2" src="boldui-assets/elements/ellipse.svg" alt="">
+        <h2 class="text-2xl text-white uppercase font-heading">Increase your brand's regular profit</h2>
+      </div>
+      <div>
+        <div class="md:mx-8 px-8 md:px-16 py-8 border">
+          <div class="flex flex-wrap items-center -mx-4">
+            <div class="w-full md:w-1/3 lg:w-2/5 px-4 mb-8 md:mb-0">
+              <h3 class="mb-1 text-2xl text-white font-heading">Starter</h3>
+              <p class="text-lg text-gray-500 font-heading">$34.99</p>
+            </div>
+            <div class="w-full md:w-1/3 lg:w-2/5 px-4 mb-8 md:mb-0">
+              <ul>
+                <li class="flex items-center mb-4">
+                  <svg class="mr-4" width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.77494 11.7247L17.9749 0.726318L19.9999 2.71486L6.77494 15.7263L-6.10352e-05 9.09784L2.04994 7.08475L6.77494 11.7247Z" fill="#FFEC3E"></path>
+                  </svg>
+                  <span class="text-gray-50">Complete documentation</span>
+                </li>
+                <li class="flex items-center mb-4">
+                  <svg class="mr-4" width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.77494 11.7247L17.9749 0.726318L19.9999 2.71486L6.77494 15.7263L-6.10352e-05 9.09784L2.04994 7.08475L6.77494 11.7247Z" fill="#FFEC3E"></path>
+                  </svg>
+                  <span class="text-gray-50">100GB cloud storage</span>
+                </li>
+                <li class="flex items-center">
+                  <svg class="mr-4" width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.77494 11.7247L17.9749 0.726318L19.9999 2.71486L6.77494 15.7263L-6.10352e-05 9.09784L2.04994 7.08475L6.77494 11.7247Z" fill="#FFEC3E"></path>
+                  </svg>
+                  <span class="text-gray-50">Complete documentation</span>
+                </li>
+              </ul>
+            </div>
+            <div class="w-full md:w-1/3 lg:w-1/5 px-4">
+              <a class="inline-flex w-full md:w-auto items-center justify-center py-4 px-6 rounded-full bg-yellow-300 hover:bg-yellow-400 transform duration-200" href="#">
+                <svg class="text-black mr-3" width="16" height="9" viewbox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M12.01 3.16553H0V5.24886H12.01V8.37386L16 4.20719L12.01 0.0405273V3.16553Z" fill="currentColor"></path>
+                </svg>
+                <span class="text-sm font-medium font-heading">Try demo</span>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div class="relative px-8 sm:px-16 md:px-24 py-8 border bg-cover bg-no-repeat bg-left" style="background-image: url('boldui-assets/elements/shadows-light-blue.svg');">
+          <div class="flex flex-wrap items-center -mx-4">
+            <div class="w-full md:w-1/3 lg:w-2/5 px-4 mb-8 md:mb-0">
+              <div class="flex items-center">
+                <div class="mr-10">
+                  <h3 class="mb-1 text-2xl text-yellow-400 font-heading">Pro</h3>
+                  <p class="text-lg text-gray-500 font-heading">$34.99</p>
+                </div>
+                <img class="h-32" src="boldui-assets/elements/best-choice-text.svg" alt="">
+              </div>
+            </div>
+            <div class="w-full md:w-1/3 lg:w-2/5 px-4 mb-8 md:mb-0">
+              <ul>
+                <li class="flex items-center mb-4">
+                  <svg class="mr-4" width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.77494 11.7247L17.9749 0.726318L19.9999 2.71486L6.77494 15.7263L-6.10352e-05 9.09784L2.04994 7.08475L6.77494 11.7247Z" fill="#FFEC3E"></path>
+                  </svg>
+                  <span class="text-gray-50">Complete documentation</span>
+                </li>
+                <li class="flex items-center mb-4">
+                  <svg class="mr-4" width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.77494 11.7247L17.9749 0.726318L19.9999 2.71486L6.77494 15.7263L-6.10352e-05 9.09784L2.04994 7.08475L6.77494 11.7247Z" fill="#FFEC3E"></path>
+                  </svg>
+                  <span class="text-gray-50">100GB cloud storage</span>
+                </li>
+                <li class="flex items-center">
+                  <svg class="mr-4" width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.77494 11.7247L17.9749 0.726318L19.9999 2.71486L6.77494 15.7263L-6.10352e-05 9.09784L2.04994 7.08475L6.77494 11.7247Z" fill="#FFEC3E"></path>
+                  </svg>
+                  <span class="text-gray-50">Complete documentation</span>
+                </li>
+              </ul>
+            </div>
+            <div class="w-full md:w-1/3 lg:w-1/5 px-4">
+              <a class="inline-flex w-full md:w-auto items-center justify-center py-4 px-6 rounded-full bg-yellow-300 hover:bg-yellow-400 transform duration-200" href="#">
+                <svg class="text-black mr-3" width="16" height="9" viewbox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M12.01 3.16553H0V5.24886H12.01V8.37386L16 4.20719L12.01 0.0405273V3.16553Z" fill="currentColor"></path>
+                </svg>
+                <span class="text-sm font-medium font-heading">Try demo</span>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div class="md:mx-8 px-8 md:px-16 py-8 border">
+          <div class="flex flex-wrap items-center -mx-4">
+            <div class="w-full md:w-1/3 lg:w-2/5 px-4 mb-8 md:mb-0">
+              <h3 class="mb-1 text-2xl text-white font-heading">Premium</h3>
+              <p class="text-lg text-gray-500 font-heading">$99.99</p>
+            </div>
+            <div class="w-full md:w-1/3 lg:w-2/5 px-4 mb-8 md:mb-0">
+              <ul>
+                <li class="flex items-center mb-4">
+                  <svg class="mr-4" width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.77494 11.7247L17.9749 0.726318L19.9999 2.71486L6.77494 15.7263L-6.10352e-05 9.09784L2.04994 7.08475L6.77494 11.7247Z" fill="#FFEC3E"></path>
+                  </svg>
+                  <span class="text-gray-50">Complete documentation</span>
+                </li>
+                <li class="flex items-center mb-4">
+                  <svg class="mr-4" width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.77494 11.7247L17.9749 0.726318L19.9999 2.71486L6.77494 15.7263L-6.10352e-05 9.09784L2.04994 7.08475L6.77494 11.7247Z" fill="#FFEC3E"></path>
+                  </svg>
+                  <span class="text-gray-50">100GB cloud storage</span>
+                </li>
+                <li class="flex items-center">
+                  <svg class="mr-4" width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.77494 11.7247L17.9749 0.726318L19.9999 2.71486L6.77494 15.7263L-6.10352e-05 9.09784L2.04994 7.08475L6.77494 11.7247Z" fill="#FFEC3E"></path>
+                  </svg>
+                  <span class="text-gray-50">Complete documentation</span>
+                </li>
+              </ul>
+            </div>
+            <div class="w-full md:w-1/3 lg:w-1/5 px-4">
+              <a class="inline-flex w-full md:w-auto items-center justify-center py-4 px-6 rounded-full bg-yellow-300 hover:bg-yellow-400 transform duration-200" href="#">
+                <svg class="text-black mr-3" width="16" height="9" viewbox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M12.01 3.16553H0V5.24886H12.01V8.37386L16 4.20719L12.01 0.0405273V3.16553Z" fill="currentColor"></path>
+                </svg>
+                <span class="text-sm font-medium font-heading">Try demo</span>
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>

components/unsorted/boldui-all-ELzgCLjh.html

@@ -0,0 +1,80 @@
+<div><section class="py-32 bg-black overflow-x-hidden">
+    <div class="container mx-auto px-4">
+      <div class="max-w-xl mx-auto text-center mb-10">
+        <h2 class="mb-4 text-2xl text-white font-heading">Got questions?</h2>
+        <p class="text-gray-500">Take a big step forward in growing your business with this great tool.</p>
+      </div>
+      <div class="flex flex-wrap -mx-4">
+        <div class="relative w-full md:w-1/3 px-4 mb-8 md:mb-0">
+          <div class="absolute z-10 right-0 top-0 w-8 h-8 mr-12 border-l border-t bg-black transform -translate-y-1/2 rotate-45"></div>
+          <div class="relative">
+            <div class="relative py-14 px-8 lg:px-20 border text-center overflow-hidden">
+              <img class="hidden md:block absolute -bottom-1/2 -right-1/2 -mb-12 mr-12 transform md:scale-y-125 scale-x-200" src="boldui-assets/elements/shadow-blue-full.svg" alt="">
+              <img class="md:hidden absolute top-0 left-0 -mt-6 h-128 transform md:scale-y-125 scale-x-200" src="boldui-assets/elements/shadow-contact-3.svg" alt="">
+              <span class="inline-block mb-6">
+                <svg class="h-8" width="27" height="34" viewbox="0 0 27 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M3.53923 5.0709C8.57209 -0.348133 17.1109 -0.722452 22.612 4.23495C28.1139 9.19271 28.4928 17.6049 23.4607 23.0239L13.4996 33.7485L3.53923 23.0239C-1.17974 17.942 -1.17974 10.1521 3.53923 5.0709ZM5.93178 20.8678L13.4996 29.0166L21.0678 20.8678C24.8913 16.7503 24.6032 10.3593 20.4229 6.5918C16.2431 2.82463 9.75528 3.10984 5.93178 7.22628C2.34514 11.0872 2.34514 17.0062 5.93178 20.8678ZM16.4639 14.0467C16.4639 12.4342 15.1365 11.1266 13.4996 11.1266C11.8627 11.1266 10.5345 12.4342 10.5345 14.0467C10.5345 15.6599 11.8627 16.9675 13.4996 16.9675C15.1365 16.9675 16.4639 15.6599 16.4639 14.0467Z" fill="#FFEC3E"></path>
+                </svg>
+              </span>
+              <h3 class="mb-2 text-sm text-gray-500 font-semibold uppercase tracking-widest">Address</h3>
+              <p class="text-lg text-white">1686 Geraldine Lane</p>
+              <p class="text-lg text-white">New York, NY 10013</p>
+            </div>
+          </div>
+        </div>
+        <div class="relative w-full md:w-1/3 px-4 mb-8 md:mb-0">
+          <div class="absolute z-10 left-0 right-0 top-0 mx-auto w-8 h-8 border-l border-t bg-black transform -translate-y-1/2 rotate-45"></div>
+          <div class="relative py-14 px-8 lg:px-20 border text-center overflow-hidden">
+            <img class="absolute top-0 left-0 -mt-6 h-128 transform md:scale-y-125 scale-x-200" src="boldui-assets/elements/shadow-contact-3.svg" alt="">
+            <div class="relative">
+              <span class="inline-block mb-6">
+                <svg class="h-8" width="32" height="34" viewbox="0 0 32 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M2.23898 9.02054C0.950702 10.3604 0.186851 12.1186 0.0866867 13.9747C-0.28212 17.8939 1.38026 22.2315 4.63897 25.9526C7.8041 29.5581 11.6738 32.1398 15.538 33.2077C16.7676 33.5628 18.0399 33.748 19.3197 33.7581C21.4084 33.8334 23.4519 33.1379 25.061 31.804C25.7427 31.2716 26.2485 30.5465 26.5125 29.7228C26.7766 28.8992 26.7868 28.0151 26.5417 27.1856C26.1894 26.0847 24.6316 25.5343 23.7399 25.2976C20.4756 24.4774 19.8316 24.2957 18.2903 23.8664C17.2169 23.5581 16.5784 24.5434 16.1601 25.1985C15.9729 25.4902 15.5766 26.1068 15.3839 26.1673C14.2279 25.859 12.8023 24.8572 11.3105 23.3324H30.8628C31.1548 23.3324 31.4348 23.2165 31.6412 23.01C31.8477 22.8035 31.9637 22.5235 31.9637 22.2315V1.86459C31.9611 1.76728 31.9444 1.67087 31.9142 1.57835C31.8809 1.47977 31.8327 1.38692 31.771 1.30312C31.7123 1.22135 31.6396 1.15055 31.5564 1.09395C31.4698 1.03495 31.3753 0.988615 31.2756 0.956332H31.2371C31.1242 0.871314 30.9976 0.806161 30.8628 0.763672H3.33989C3.23354 0.765808 3.12797 0.782476 3.02613 0.813213H2.98209C2.88374 0.844472 2.79088 0.890903 2.70687 0.950827C2.6236 1.00743 2.55093 1.07823 2.49219 1.16H2.46466C2.40303 1.2438 2.35475 1.33665 2.32155 1.43523C2.269 1.57238 2.24105 1.71773 2.23898 1.86459V9.02054ZM18.0151 26.3875C18.0646 26.3049 18.1252 26.2113 18.1857 26.1233C19.4353 26.4701 20.2775 26.6737 23.2059 27.4334C23.6575 27.5249 24.0874 27.7024 24.472 27.9563C24.5432 28.3672 24.5003 28.7899 24.3479 29.1781C24.1955 29.5664 23.9395 29.9053 23.6077 30.1581C21.9564 31.6168 19.2041 31.9581 16.1325 31.0939C12.6702 30.1251 9.17474 27.7912 6.29035 24.5214C3.40595 21.2517 1.96925 17.5086 2.27751 14.1948C2.43164 12.5435 3.06466 11.1398 4.01695 10.4022C4.37124 10.1287 4.78372 9.94031 5.22246 9.85173L5.6353 9.76916C5.96007 9.70311 6.28484 9.63705 6.51053 9.60402C6.53805 9.68109 6.56557 9.79118 6.60411 9.9343C6.64264 10.0774 7.57842 13.7875 8.09034 15.8462C6.85181 16.7269 4.94172 18.1416 5.76741 19.6994C5.81218 19.7883 5.8618 19.8747 5.91603 19.9581C6.54182 21.0039 7.24275 22.0029 8.01328 22.9471C9.66465 25.0168 12.2133 27.626 14.8224 28.3141C16.5068 28.7324 17.4867 27.1856 18.0151 26.3875ZM9.39493 21.1306C9.22979 20.9104 9.07016 20.7013 8.92704 20.5031L8.84447 20.404L8.47016 19.8535L8.4041 19.749L8.10686 19.3031L8.06832 19.237C7.98025 19.0994 7.89768 18.9728 7.83713 18.8682C8.32131 18.3594 8.86462 17.9104 9.45548 17.5306C10.0059 17.1343 10.5949 16.7269 10.3802 15.9783C10.083 14.7783 8.78942 9.59302 8.72887 9.3288C8.13988 7.08843 7.0775 7.19302 5.19493 7.57834L4.78209 7.66091C4.6665 7.66091 4.5564 7.71045 4.44081 7.74348V4.15449L16.4188 13.5728C16.6131 13.7264 16.8536 13.81 17.1013 13.81C17.3491 13.81 17.5895 13.7264 17.7839 13.5728L29.7619 4.15449V21.1306H9.39493ZM27.6811 2.9655L17.1013 11.3104L6.52154 2.9655H27.6811Z" fill="#FFEC3E"></path>
+                </svg>
+              </span>
+              <h3 class="mb-2 text-sm text-gray-500 font-semibold uppercase tracking-widest">Contacts</h3>
+              <p class="text-lg text-white">1686 Geraldine Lane</p>
+              <p class="text-lg text-white">New York, NY 10013</p>
+            </div>
+          </div>
+        </div>
+        <div class="relative w-full md:w-1/3 px-4">
+          <div class="absolute z-10 left-0 top-0 w-8 h-8 ml-12 border-l border-t bg-black transform -translate-y-1/2 rotate-45"></div>
+          <div class="relative h-full pt-20 pb-14 px-8 lg:px-20 border text-center overflow-hidden">
+            <img class="hidden md:block absolute -bottom-1/2 -left-1/2 -mb-12 ml-12 transform scale-y-125 scale-x-200" src="boldui-assets/elements/shadow-blue-full.svg" alt="">
+            <img class="md:hidden absolute top-0 left-0 -mt-6 h-128 transform md:scale-y-125 scale-x-200" src="boldui-assets/elements/shadow-contact-3.svg" alt="">
+            <div class="relative">
+              <h3 class="mb-6 text-sm text-gray-500 font-semibold uppercase tracking-widest">Our socials</h3>
+              <div class="flex flex-wrap justify-center">
+                <div class="w-1/5 md:w-1/3 mb-2">
+                  <a class="inline-block mx-auto" href="#">
+                    <img src="boldui-assets/brands/small-logos/facebook-yellow.svg" alt="">
+                  </a>
+                </div>
+                <div class="w-1/5 md:w-1/3 mb-2">
+                  <a class="inline-block mx-auto" href="#">
+                    <img src="boldui-assets/brands/small-logos/twitter-yellow.svg" alt="">
+                  </a>
+                </div>
+                <div class="w-1/5 md:w-1/3 mb-2">
+                  <a class="inline-block mx-auto" href="#">
+                    <img src="boldui-assets/brands/small-logos/instagram-yellow.svg" alt="">
+                  </a>
+                </div>
+                <div class="w-1/5 md:w-1/3 mb-2 md:mb-0">
+                  <a class="inline-block mx-auto" href="#">
+                    <img src="boldui-assets/brands/small-logos/github-yellow.svg" alt="">
+                  </a>
+                </div>
+                <div class="w-1/5 md:w-1/3">
+                  <a class="inline-block mx-auto" href="#">
+                    <img src="boldui-assets/brands/small-logos/linkedin-yellow.svg" alt="">
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>

components/unsorted/boldui-all-MFEnkkYd.html

@@ -0,0 +1,32 @@
+<div> <section class="py-20 bg-black overflow-x-hidden">
+    <div class="container mx-auto px-4">
+      <div class="flex mb-6 flex-wrap items-center justify-between">
+        <div class="w-full md:w-auto mb-8 md:mb-0">
+          <a class="inline-block text-xl text-white font-medium font-heading" href="#">
+            <img class="h-8" src="boldui-assets/logo/logo-boldui-light.svg" alt="" width="auto">
+          </a>
+        </div>
+        <div class="w-full md:w-auto">
+          <ul class="relative flex flex-wrap justify-center">
+            <li class="w-1/2 sm:w-auto mb-4 md:mb-0 sm:mr-6 md:mr-16"><a class="text-sm text-white uppercase hover:underline font-heading" href="#">Company</a></li>
+            <li class="w-1/2 sm:w-auto mb-4 md:mb-0 sm:mr-6 md:mr-16"><a class="text-sm text-white uppercase hover:underline font-heading" href="#">Pages</a></li>
+            <li class="w-1/2 sm:w-auto mb-4 md:mb-0 sm:mr-6 md:mr-16"><a class="text-sm text-white uppercase hover:underline font-heading" href="#">Legal</a></li>
+            <li class="w-1/2 sm:w-auto"><a class="text-sm text-white uppercase hover:underline font-heading" href="#">Resources</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="flex flex-wrap items-center justify-between">
+        <div class="w-full md:w-auto">
+          <p class="text-gray-500">All rights reserved © BoldUI 2021</p>
+        </div>
+        <div class="w-full md:w-auto mb-8 md:mb-0 order-first md:order-last">
+          <a class="inline-flex items-center py-4 px-6 rounded-full bg-yellow-300 hover:bg-yellow-400 transform duration-200" href="#">
+            <svg class="text-black mr-3" width="16" height="9" viewbox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M12.01 3.16553H0V5.24886H12.01V8.37386L16 4.20719L12.01 0.0405273V3.16553Z" fill="currentColor"></path>
+            </svg>
+            <span class="text-sm font-heading">Activate demo</span>
+          </a>
+        </div>
+      </div>
+    </div>
+  </section></div>