BASIC-LIBRARY / SECTION / BLOG
Blog Two
FEATURES
Smarter Checkout for Busy Shoppers
Streamline purchases with predictive inputs, one-tap payments, and zero-hassle confirmation screens.
Learn More
1.2K
6
INNOVATION
Voice-Enabled Dashboards for Teams
Interact with reports using natural language, and get instant visual updates tailored to your KPIs.
Learn More
1.2K
6
PRODUCTIVITY
Task Flows That Work Your Way
Customize daily workflows with modular templates and real-time collaboration designed for agile teams.
Learn More
1.2K
6
@import url("/template/basic-library/section/blog/blog-two/raw/styles.css");
<section class="body-font text-gray-600">
<div
class="container pl-5 pr-5 px-5 pt-24 pb-24 py-24 ml-auto mr-auto mx-auto max-w-screen-2xl"
>
<div class="-m-4 flex flex-wrap">
<div class="pt-4 pr-4 pb-4 pl-4 lg:w-1/3">
<div
class="overflow-hidden relative h-full bg-gray-100 bg-opacity-75 pl-8 pr-8 px-8 pt-16 pb-24 rounded-lg text-center"
>
<h2
class="tracking-widest title-font text-xs font-medium text-gray-400 mb-1"
>
FEATURES
</h2>
<h1
class="title-font text-xl font-medium text-gray-900 mb-3 sm:text-2xl"
>
Smarter Checkout for Busy Shoppers
</h1>
<p class="leading-relaxed mb-3">
Streamline purchases with predictive inputs, one-tap payments, and
zero-hassle confirmation screens.
</p>
<a class="inline-flex text-indigo-500 items-center">
<span
data-node-handle="base-text"
class="inline-block h-auto w-auto"
>
Learn More
</span>
<svg
class="w-4 h-4 ml-2"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="2"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14"></path>
<path d="M12 5l7 7-7 7"></path>
</svg>
</a>
<div
class="bottom-0 left-0 text-center mt-2 leading-none flex justify-center absolute w-full pt-4 pb-4 py-4"
>
<span
class="inline-flex text-gray-400 mr-3 items-center leading-none text-sm pr-3 pt-1 pb-1 py-1 border-r-2 border-gray-200"
>
<svg
class="w-4 h-4 mr-1"
stroke="currentColor"
stroke-width="2"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
viewBox="0 0 24 24"
>
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
<circle cx="12" cy="12" r="3"></circle>
</svg>
<span
data-node-handle="base-text"
class="inline-block h-auto w-auto"
>
1.2K
</span>
</span>
<span
class="inline-flex text-gray-400 items-center leading-none text-sm"
>
<svg
class="w-4 h-4 mr-1"
stroke="currentColor"
stroke-width="2"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
viewBox="0 0 24 24"
>
<path
d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"
></path>
</svg>
<span
data-node-handle="base-text"
class="inline-block h-auto w-auto"
>
6
</span>
</span>
</div>
</div>
</div>
<div class="pt-4 pr-4 pb-4 pl-4 lg:w-1/3">
<div
class="overflow-hidden relative h-full bg-gray-100 bg-opacity-75 pl-8 pr-8 px-8 pt-16 pb-24 rounded-lg text-center"
>
<h2
class="tracking-widest title-font text-xs font-medium text-gray-400 mb-1"
>
INNOVATION
</h2>
<h1
class="title-font text-xl font-medium text-gray-900 mb-3 sm:text-2xl"
>
Voice-Enabled Dashboards for Teams
</h1>
<p class="leading-relaxed mb-3">
Interact with reports using natural language, and get instant visual
updates tailored to your KPIs.
</p>
<a class="inline-flex text-indigo-500 items-center">
<span
data-node-handle="base-text"
class="inline-block h-auto w-auto"
>
Learn More
</span>
<svg
class="w-4 h-4 ml-2"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="2"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14"></path>
<path d="M12 5l7 7-7 7"></path>
</svg>
</a>
<div
class="bottom-0 left-0 text-center mt-2 leading-none flex justify-center absolute w-full pt-4 pb-4 py-4"
>
<span
class="inline-flex text-gray-400 mr-3 items-center leading-none text-sm pr-3 pt-1 pb-1 py-1 border-r-2 border-gray-200"
>
<svg
class="w-4 h-4 mr-1"
stroke="currentColor"
stroke-width="2"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
viewBox="0 0 24 24"
>
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
<circle cx="12" cy="12" r="3"></circle>
</svg>
<span
data-node-handle="base-text"
class="inline-block h-auto w-auto"
>
1.2K
</span>
</span>
<span
class="inline-flex text-gray-400 items-center leading-none text-sm"
>
<svg
class="w-4 h-4 mr-1"
stroke="currentColor"
stroke-width="2"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
viewBox="0 0 24 24"
>
<path
d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"
></path>
</svg>
<span
data-node-handle="base-text"
class="inline-block h-auto w-auto"
>
6
</span>
</span>
</div>
</div>
</div>
<div class="pt-4 pr-4 pb-4 pl-4 lg:w-1/3">
<div
class="overflow-hidden relative h-full bg-gray-100 bg-opacity-75 pl-8 pr-8 px-8 pt-16 pb-24 rounded-lg text-center"
>
<h2
class="tracking-widest title-font text-xs font-medium text-gray-400 mb-1"
>
PRODUCTIVITY
</h2>
<h1
class="title-font text-xl font-medium text-gray-900 mb-3 sm:text-2xl"
>
Task Flows That Work Your Way
</h1>
<p class="leading-relaxed mb-3">
Customize daily workflows with modular templates and real-time
collaboration designed for agile teams.
</p>
<a class="inline-flex text-indigo-500 items-center">
<span
data-node-handle="base-text"
class="inline-block h-auto w-auto"
>
Learn More
</span>
<svg
class="w-4 h-4 ml-2"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="2"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14"></path>
<path d="M12 5l7 7-7 7"></path>
</svg>
</a>
<div
class="bottom-0 left-0 text-center mt-2 leading-none flex justify-center absolute w-full pt-4 pb-4 py-4"
>
<span
class="inline-flex text-gray-400 mr-3 items-center leading-none text-sm pr-3 pt-1 pb-1 py-1 border-r-2 border-gray-200"
>
<svg
class="w-4 h-4 mr-1"
stroke="currentColor"
stroke-width="2"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
viewBox="0 0 24 24"
>
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
<circle cx="12" cy="12" r="3"></circle>
</svg>
<span
data-node-handle="base-text"
class="inline-block h-auto w-auto"
>
1.2K
</span>
</span>
<span
class="inline-flex text-gray-400 items-center leading-none text-sm"
>
<svg
class="w-4 h-4 mr-1"
stroke="currentColor"
stroke-width="2"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
viewBox="0 0 24 24"
>
<path
d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"
></path>
</svg>
<span
data-node-handle="base-text"
class="inline-block h-auto w-auto"
>
6
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</section>
© 2025 tailsections.com. All rights reserved