Publish theme: new_hbs_test - templates/blog.hbs
This commit is contained in:
Faster Marketplace
615
templates/blog.hbs
Normal file
615
templates/blog.hbs
Normal file
@@ -0,0 +1,615 @@
|
|||||||
|
<div id="ai_blog" data-hbs-id="1kb8dif">
|
||||||
|
<div
|
||||||
|
class="hero-section relative h-96 flex items-center justify-center cms-bg-dark overflow-hidden"
|
||||||
|
data-hbs-id="rjx9plh">
|
||||||
|
<div class="absolute inset-0 z-0" data-hbs-id="wj9hnff">
|
||||||
|
<img
|
||||||
|
src="https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=1920&h=600"
|
||||||
|
alt="Blog Hero"
|
||||||
|
class="w-full h-full object-cover opacity-50"
|
||||||
|
/ data-hbs-id="g31mp9r">
|
||||||
|
</div>
|
||||||
|
<div class="relative z-10 text-center px-4 max-w-5xl mx-auto" data-hbs-id="a05lbqb">
|
||||||
|
<h1 class="cms-h1 text-4xl md:text-5xl font-bold text-white mb-6" data-hbs-id="vqyjgs3">
|
||||||
|
Exploring Tomorrow's Technology Today
|
||||||
|
</h1>
|
||||||
|
<p class="cms-body text-xl text-white mb-8 max-w-2xl mx-auto" data-hbs-id="oxwmg3y">
|
||||||
|
Insights, analysis and trends shaping the future of tech and innovation
|
||||||
|
</p>
|
||||||
|
<div
|
||||||
|
class="site-tag-filter flex flex-wrap items-center justify-center gap-3"
|
||||||
|
data-hbs-id="gk1uepp">
|
||||||
|
<button
|
||||||
|
class="tag-filter-button cms-btn bg-white text-gray-900 px-5 py-2 text-sm font-medium transition duration-300 rounded-none"
|
||||||
|
data-hbs-id="vefi31o">
|
||||||
|
All
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="tag-filter-button cms-btn bg-transparent border border-white text-white hover:bg-white hover:text-gray-900 px-5 py-2 text-sm font-medium transition duration-300 rounded-none"
|
||||||
|
data-hbs-id="4wboxzn">
|
||||||
|
Technology
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="tag-filter-button cms-btn bg-transparent border border-white text-white hover:bg-white hover:text-gray-900 px-5 py-2 text-sm font-medium transition duration-300 rounded-none"
|
||||||
|
data-hbs-id="4yyuow2">
|
||||||
|
Cybersecurity
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="tag-filter-button cms-btn bg-transparent border border-white text-white hover:bg-white hover:text-gray-900 px-5 py-2 text-sm font-medium transition duration-300 rounded-none"
|
||||||
|
data-hbs-id="ratrzyw">
|
||||||
|
AI Ethics
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="tag-filter-button cms-btn bg-transparent border border-white text-white hover:bg-white hover:text-gray-900 px-5 py-2 text-sm font-medium transition duration-300 rounded-none"
|
||||||
|
data-hbs-id="m3owso8">
|
||||||
|
Digital Art
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="tag-filter-button cms-btn bg-transparent border border-white text-white hover:bg-white hover:text-gray-900 px-5 py-2 text-sm font-medium transition duration-300 rounded-none"
|
||||||
|
data-hbs-id="95tj7yn">
|
||||||
|
Quantum Tech
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<main class="container mx-auto px-4 py-12" data-hbs-id="cfh2z8s">
|
||||||
|
<div class="site-featured-posts" data-hbs-id="fbcw301">
|
||||||
|
<div class="text-center mb-10" data-hbs-id="mfdc6jn">
|
||||||
|
<h2
|
||||||
|
class="text-3xl font-bold relative inline-block pb-2 after:content-[''] after:absolute after:left-1/4 after:right-1/4 after:bottom-0 after:h-1 after:bg-accent"
|
||||||
|
data-hbs-id="fhl1ste">
|
||||||
|
Featured Posts
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
<div class="site-posts-grid grid grid-cols-1 md:grid-cols-2 gap-8" data-hbs-id="4454xaz">
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="post-item bg-white group overflow-hidden transition-transform duration-300 shadow-lg hover:shadow-xl"
|
||||||
|
data-hbs-id="thi50qd"><div class="h-64 overflow-hidden" data-hbs-id="pak4r1t">
|
||||||
|
<img
|
||||||
|
class="post-feature-image w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500"
|
||||||
|
src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&w=600&h=400"
|
||||||
|
alt="Cybersecurity Concept"
|
||||||
|
/ data-hbs-id="bq0fj3s">
|
||||||
|
</div>
|
||||||
|
<div class="p-6" data-hbs-id="mp9i6nn">
|
||||||
|
<div class="flex flex-wrap gap-2 post-tag-container" data-hbs-id="28xjbbc">
|
||||||
|
<span
|
||||||
|
class="text-accent text-sm font-medium post-tag inline-block mb-2"
|
||||||
|
data-hbs-id="42hn4vn">Cybersecurity</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<h3
|
||||||
|
class="cms-h4 text-xl transition-all group-hover:cms-text-accent font-bold mb-3 post-title"
|
||||||
|
data-hbs-id="9izmm5o">
|
||||||
|
Cybersecurity in the Age of AI: New Threats and Solutions
|
||||||
|
</h3>
|
||||||
|
<p class="cms-text-neutral mb-4 line-clamp-2 text-base post-content" data-hbs-id="rq4komx">
|
||||||
|
As artificial intelligence advances, the cybersecurity landscape
|
||||||
|
faces unprecedented challenges requiring innovative defensive
|
||||||
|
strategies.
|
||||||
|
</p>
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-between pt-2 cms-border-light"
|
||||||
|
data-hbs-id="sgd58dd">
|
||||||
|
<span class="text-sm cms-text-neutral"
|
||||||
|
data-hbs-id="mh6ls4j"><span class="post-min-read" data-hbs-id="nh43r65">7</span> min read</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div></a
|
||||||
|
><a
|
||||||
|
href="#"
|
||||||
|
class="post-item bg-white group overflow-hidden transition-transform duration-300 shadow-lg hover:shadow-xl"
|
||||||
|
data-hbs-id="v46um59"><div class="h-64 overflow-hidden" data-hbs-id="g7xpcio">
|
||||||
|
<img
|
||||||
|
class="post-feature-image w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500"
|
||||||
|
src="https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=600&h=400"
|
||||||
|
alt="Tech Innovation"
|
||||||
|
/ data-hbs-id="z9gffs8">
|
||||||
|
</div>
|
||||||
|
<div class="p-6" data-hbs-id="v1x7fli">
|
||||||
|
<div class="flex flex-wrap gap-2 post-tag-container" data-hbs-id="k5do6ur">
|
||||||
|
<span
|
||||||
|
class="text-accent text-sm font-medium post-tag inline-block mb-2"
|
||||||
|
data-hbs-id="japiqu6">Cybersecurity</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<h3
|
||||||
|
class="cms-h4 text-xl transition-all group-hover:cms-text-accent font-bold mb-3 post-title"
|
||||||
|
data-hbs-id="olmougj">
|
||||||
|
Quantum Computing: Breaking Barriers in Problem-Solving
|
||||||
|
</h3>
|
||||||
|
<p class="cms-text-neutral mb-4 line-clamp-2 text-base post-content" data-hbs-id="6f1iox1">
|
||||||
|
Quantum technologies are poised to solve complex problems that
|
||||||
|
traditional computers can't handle, revolutionizing industries
|
||||||
|
from pharmaceuticals to finance.
|
||||||
|
</p>
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-between pt-2 cms-border-light"
|
||||||
|
data-hbs-id="6asjjbj">
|
||||||
|
<span class="text-sm cms-text-neutral post-min-read"
|
||||||
|
data-hbs-id="cth2oor">9 min read</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div></a
|
||||||
|
><a
|
||||||
|
href="#"
|
||||||
|
class="post-item bg-white group overflow-hidden transition-transform duration-300 shadow-lg hover:shadow-xl"
|
||||||
|
data-hbs-id="iowgp0t"><div class="h-64 overflow-hidden" data-hbs-id="6xsqlmm">
|
||||||
|
<img
|
||||||
|
class="post-feature-image w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500"
|
||||||
|
src="https://images.unsplash.com/photo-1507146153580-69a1fe6d8aa1?auto=format&fit=crop&w=600&h=400"
|
||||||
|
alt="Digital Art"
|
||||||
|
/ data-hbs-id="rb8ys37">
|
||||||
|
</div>
|
||||||
|
<div class="p-6" data-hbs-id="vc33eoq">
|
||||||
|
<div class="flex flex-wrap gap-2 post-tag-container" data-hbs-id="jca1e6i">
|
||||||
|
<span
|
||||||
|
class="text-accent text-sm font-medium post-tag inline-block mb-2"
|
||||||
|
data-hbs-id="39cv03d">Digital Art</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<h3
|
||||||
|
class="text-xl transition-all post-title group-hover:text-accent font-bold mb-3"
|
||||||
|
data-hbs-id="o85ityi">
|
||||||
|
NFTs and Digital Ownership: Redefining Creative Value
|
||||||
|
</h3>
|
||||||
|
<p class="cms-text-neutral mb-4 line-clamp-2 text-base post-content" data-hbs-id="bgpuxwj">
|
||||||
|
Non-fungible tokens are transforming how we think about art,
|
||||||
|
collectibles, and intellectual property in the digital realm.
|
||||||
|
</p>
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-between pt-2 cms-border-light"
|
||||||
|
data-hbs-id="3109pwv">
|
||||||
|
<span class="text-sm cms-text-neutral post-min-read"
|
||||||
|
data-hbs-id="yokh19y">6 min read</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div></a
|
||||||
|
><a
|
||||||
|
href="#"
|
||||||
|
class="post-item bg-white group overflow-hidden transition-transform duration-300 shadow-lg hover:shadow-xl"
|
||||||
|
data-hbs-id="ktbjya6"><div class="h-64 overflow-hidden" data-hbs-id="el13p6g">
|
||||||
|
<img
|
||||||
|
class="post-feature-image w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500"
|
||||||
|
src="https://images.unsplash.com/photo-1531297484001-80022131f5a1?auto=format&fit=crop&w=600&h=400"
|
||||||
|
alt="AI Technology"
|
||||||
|
/ data-hbs-id="1kbbhst">
|
||||||
|
</div>
|
||||||
|
<div class="p-6" data-hbs-id="4w5ktpa">
|
||||||
|
<div class="flex flex-wrap gap-2 post-tag-container" data-hbs-id="2di53rz">
|
||||||
|
<span
|
||||||
|
class="text-accent text-sm font-medium post-tag inline-block mb-2"
|
||||||
|
data-hbs-id="h7hualm">AI Ethics</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<h3
|
||||||
|
class="text-xl transition-all post-title group-hover:text-accent font-bold mb-3"
|
||||||
|
data-hbs-id="m9zzkue">
|
||||||
|
Ethical AI Development: Balancing Innovation and Responsibility
|
||||||
|
</h3>
|
||||||
|
<p class="cms-text-neutral mb-4 line-clamp-2 text-base post-content" data-hbs-id="urj6kmw">
|
||||||
|
As artificial intelligence becomes more powerful, developers are
|
||||||
|
grappling with critical questions about fairness, transparency,
|
||||||
|
and human oversight.
|
||||||
|
</p>
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-between pt-2 cms-border-light"
|
||||||
|
data-hbs-id="tnyxbag">
|
||||||
|
<span class="text-sm cms-text-neutral post-min-read"
|
||||||
|
data-hbs-id="cvqnk6w">8 min read</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div class="flex justify-center mt-12" data-hbs-id="lefas6a">
|
||||||
|
<button
|
||||||
|
class="cms-btn cms-btn-outline post-load-more px-8 py-3 text-sm font-medium transition duration-300 hover:shadow-md"
|
||||||
|
data-hbs-id="hex4t87">
|
||||||
|
LOAD MORE
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-col lg:flex-row gap-8 mt-10" data-hbs-id="fcejs9f">
|
||||||
|
<div class="order-2 lg:order-1 site-posts w-full lg:w-2/3" data-hbs-id="cr1q4u9">
|
||||||
|
<div class="text-center mb-10" data-hbs-id="zq54zqu">
|
||||||
|
<h2
|
||||||
|
class="text-3xl font-bold relative inline-block pb-2 after:content-[''] after:absolute after:left-1/4 after:right-1/4 after:bottom-0 after:h-1 after:bg-accent"
|
||||||
|
data-hbs-id="eluwfqx">
|
||||||
|
Our Latest Insights
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
<div class="site-posts-grid grid grid-cols-1 md:grid-cols-2 gap-8" data-hbs-id="g2751r7">
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="post-item bg-white group overflow-hidden transition-transform duration-300 shadow-lg hover:shadow-xl"
|
||||||
|
data-hbs-id="r9sguao"><div class="h-60 overflow-hidden" data-hbs-id="euanepz">
|
||||||
|
<img
|
||||||
|
class="post-feature-image w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500"
|
||||||
|
src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&w=600&h=400"
|
||||||
|
alt="Cybersecurity Concept"
|
||||||
|
/ data-hbs-id="y6gnz1q">
|
||||||
|
</div>
|
||||||
|
<div class="p-6" data-hbs-id="lhssiqs">
|
||||||
|
<div class="flex flex-wrap gap-2 post-tag-container" data-hbs-id="toy1bp1">
|
||||||
|
<span
|
||||||
|
class="text-accent text-sm font-medium post-tag inline-block mb-2"
|
||||||
|
data-hbs-id="uq2j2is">Cybersecurity</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<h3
|
||||||
|
class="cms-h4 text-xl transition-all group-hover:cms-text-accent font-bold mb-3 post-title"
|
||||||
|
data-hbs-id="hd66j8n">
|
||||||
|
Cybersecurity in the Age of AI: New Threats and Solutions
|
||||||
|
</h3>
|
||||||
|
<p class="cms-text-neutral mb-4 line-clamp-2 text-base post-content" data-hbs-id="sylgbvt">
|
||||||
|
As artificial intelligence advances, the cybersecurity landscape
|
||||||
|
faces unprecedented challenges requiring innovative defensive
|
||||||
|
strategies.
|
||||||
|
</p>
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-between pt-2 cms-border-light"
|
||||||
|
data-hbs-id="mb6unxr">
|
||||||
|
<span class="text-sm cms-text-neutral"
|
||||||
|
data-hbs-id="qxqxo98"><span class="post-min-read" data-hbs-id="298aj9h">7</span> min read</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div></a
|
||||||
|
><a
|
||||||
|
href="#"
|
||||||
|
class="post-item bg-white group overflow-hidden transition-transform duration-300 shadow-lg hover:shadow-xl"
|
||||||
|
data-hbs-id="vgvvg1m"><div class="h-60 overflow-hidden" data-hbs-id="0gv75um">
|
||||||
|
<img
|
||||||
|
class="post-feature-image w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500"
|
||||||
|
src="https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=600&h=400"
|
||||||
|
alt="Tech Innovation"
|
||||||
|
/ data-hbs-id="56qzl10">
|
||||||
|
</div>
|
||||||
|
<div class="p-6" data-hbs-id="d872p7m">
|
||||||
|
<div class="flex flex-wrap gap-2 post-tag-container" data-hbs-id="xfuj1cp">
|
||||||
|
<span
|
||||||
|
class="text-accent text-sm font-medium post-tag inline-block mb-2"
|
||||||
|
data-hbs-id="y71yml2">Cybersecurity</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<h3
|
||||||
|
class="cms-h4 text-xl transition-all group-hover:cms-text-accent font-bold mb-3 post-title"
|
||||||
|
data-hbs-id="4gdq1l0">
|
||||||
|
Quantum Computing: Breaking Barriers in Problem-Solving
|
||||||
|
</h3>
|
||||||
|
<p class="cms-text-neutral mb-4 line-clamp-2 text-base post-content" data-hbs-id="6983xnn">
|
||||||
|
Quantum technologies are poised to solve complex problems that
|
||||||
|
traditional computers can't handle, revolutionizing industries
|
||||||
|
from pharmaceuticals to finance.
|
||||||
|
</p>
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-between pt-2 cms-border-light"
|
||||||
|
data-hbs-id="y4yhvsx">
|
||||||
|
<span class="text-sm cms-text-neutral post-min-read"
|
||||||
|
data-hbs-id="qqldcva">9 min read</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div></a
|
||||||
|
><a
|
||||||
|
href="#"
|
||||||
|
class="post-item bg-white group overflow-hidden transition-transform duration-300 shadow-lg hover:shadow-xl"
|
||||||
|
data-hbs-id="22sg8q6"><div class="h-60 overflow-hidden" data-hbs-id="t0603ry">
|
||||||
|
<img
|
||||||
|
class="post-feature-image w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500"
|
||||||
|
src="https://images.unsplash.com/photo-1507146153580-69a1fe6d8aa1?auto=format&fit=crop&w=600&h=400"
|
||||||
|
alt="Digital Art"
|
||||||
|
/ data-hbs-id="amzjq5w">
|
||||||
|
</div>
|
||||||
|
<div class="p-6" data-hbs-id="hd5aot3">
|
||||||
|
<div class="flex flex-wrap gap-2 post-tag-container" data-hbs-id="81ufjgv">
|
||||||
|
<span
|
||||||
|
class="text-accent text-sm font-medium post-tag inline-block mb-2"
|
||||||
|
data-hbs-id="ezrlv2a">Digital Art</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<h3
|
||||||
|
class="cms-h4 text-xl transition-all post-title group-hover:cms-text-accent font-bold mb-3"
|
||||||
|
data-hbs-id="3ptq0ck">
|
||||||
|
NFTs and Digital Ownership: Redefining Creative Value
|
||||||
|
</h3>
|
||||||
|
<p class="cms-text-neutral mb-4 line-clamp-2 text-base post-content" data-hbs-id="ypybdh7">
|
||||||
|
Non-fungible tokens are transforming how we think about art,
|
||||||
|
collectibles, and intellectual property in the digital realm.
|
||||||
|
</p>
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-between pt-2 cms-border-light"
|
||||||
|
data-hbs-id="j5rhfx0">
|
||||||
|
<span class="text-sm cms-text-neutral post-min-read"
|
||||||
|
data-hbs-id="td5i2fa">6 min read</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div></a
|
||||||
|
><a
|
||||||
|
href="#"
|
||||||
|
class="post-item bg-white group overflow-hidden transition-transform duration-300 shadow-lg hover:shadow-xl"
|
||||||
|
data-hbs-id="kcbmfy4"><div class="h-60 overflow-hidden" data-hbs-id="a75n5yf">
|
||||||
|
<img
|
||||||
|
class="post-feature-image w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500"
|
||||||
|
src="https://images.unsplash.com/photo-1531297484001-80022131f5a1?auto=format&fit=crop&w=600&h=400"
|
||||||
|
alt="AI Technology"
|
||||||
|
/ data-hbs-id="eo6hst0">
|
||||||
|
</div>
|
||||||
|
<div class="p-6" data-hbs-id="r98uk24">
|
||||||
|
<div class="flex flex-wrap gap-2 post-tag-container" data-hbs-id="6bgouxs">
|
||||||
|
<span
|
||||||
|
class="text-accent text-sm font-medium post-tag inline-block mb-2"
|
||||||
|
data-hbs-id="ly3imk3">AI Ethics</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<h3
|
||||||
|
class="cms-h4 text-xl transition-all post-title group-hover:cms-text-accent font-bold mb-3"
|
||||||
|
data-hbs-id="vs8mj6v">
|
||||||
|
Ethical AI Development: Balancing Innovation and Responsibility
|
||||||
|
</h3>
|
||||||
|
<p class="cms-text-neutral mb-4 line-clamp-2 text-base post-content" data-hbs-id="zd29iwu">
|
||||||
|
As artificial intelligence becomes more powerful, developers are
|
||||||
|
grappling with critical questions about fairness, transparency,
|
||||||
|
and human oversight.
|
||||||
|
</p>
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-between pt-2 cms-border-light"
|
||||||
|
data-hbs-id="xy5ah6s">
|
||||||
|
<span class="text-sm cms-text-neutral post-min-read"
|
||||||
|
data-hbs-id="v6uy27r">8 min read</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div class="flex justify-center mt-12" data-hbs-id="45h90re">
|
||||||
|
<button
|
||||||
|
class="post-load-more px-8 py-3 hover:bg-gray-200 text-sm border-2 border-gray-300 hover:border-accent rounded-none text-gray-700 font-medium transition duration-300 hover:shadow-md"
|
||||||
|
data-hbs-id="5hm5ta2">
|
||||||
|
LOAD MORE
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="order-1 lg:order-2 sidebar w-full lg:w-1/3 space-y-8 mb-10 lg:mb-0"
|
||||||
|
data-hbs-id="fnl04st">
|
||||||
|
<div class="bg-white p-6 shadow-lg" data-hbs-id="nzv9c99">
|
||||||
|
<h3 class="cms-h4 text-xl font-bold mb-4 pb-2 cms-border-light" data-hbs-id="xycxc8n">
|
||||||
|
Search Articles
|
||||||
|
</h3>
|
||||||
|
<div class="relative" data-hbs-id="vd932fs">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
placeholder="Search..."
|
||||||
|
class="cms-form-control site-post-search w-full px-4 py-3 pr-10 rounded-none focus:outline-none"
|
||||||
|
/ data-hbs-id="k72twsj"><button
|
||||||
|
class="absolute right-3 top-1/2 transform -translate-y-1/2 text-accent hover:text-gray-900 transition-colors duration-300"
|
||||||
|
data-hbs-id="nkregs4">
|
||||||
|
<i class="fas fa-search" data-hbs-id="wbenc6g"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="bg-white shadow-lg p-6 mb-8" data-hbs-id="7g5gbw4">
|
||||||
|
<h3 class="cms-h4 text-xl font-bold mb-4 pb-2 cms-border-light" data-hbs-id="yt9fyye">
|
||||||
|
Tags
|
||||||
|
</h3>
|
||||||
|
<ul class="space-y-4 site-all-tags-container" data-hbs-id="za1j5u4">
|
||||||
|
<li class="tag-item" data-hbs-id="pul9tir">
|
||||||
|
<p
|
||||||
|
class="flex justify-between cursor-pointer items-center hover:cms-text-accent transition-all duration-300 py-2 cms-border-light"
|
||||||
|
data-hbs-id="e5fbl16">
|
||||||
|
<span class="tag-name" data-hbs-id="us72yvq">All</span>
|
||||||
|
<span
|
||||||
|
class="cms-bg-light cms-text-neutral text-xs px-2 py-1 rounded tag-post-count"
|
||||||
|
data-hbs-id="kmsixxn">24</span
|
||||||
|
>
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li class="tag-item" data-hbs-id="7oriamo">
|
||||||
|
<p
|
||||||
|
class="flex justify-between cursor-pointer items-center hover:cms-text-accent transition-all duration-300 py-2 cms-border-light"
|
||||||
|
data-hbs-id="89j1nhw">
|
||||||
|
<span class="tag-name" data-hbs-id="mlrua6j">Technology</span>
|
||||||
|
<span
|
||||||
|
class="cms-bg-light cms-text-neutral text-xs px-2 py-1 rounded tag-post-count"
|
||||||
|
data-hbs-id="6vivl85">18</span
|
||||||
|
>
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li class="tag-item" data-hbs-id="wjir34o">
|
||||||
|
<p
|
||||||
|
class="flex justify-between cursor-pointer items-center hover:cms-text-accent transition-all duration-300 py-2 cms-border-light"
|
||||||
|
data-hbs-id="whp91h4">
|
||||||
|
<span class="tag-name" data-hbs-id="qi1mr1d">Strategy</span>
|
||||||
|
<span
|
||||||
|
class="cms-bg-light cms-text-neutral text-xs px-2 py-1 rounded tag-post-count"
|
||||||
|
data-hbs-id="akmgd2q">15</span
|
||||||
|
>
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li class="tag-item" data-hbs-id="ongjun9">
|
||||||
|
<p
|
||||||
|
class="flex justify-between cursor-pointer items-center hover:cms-text-accent transition-all duration-300 py-2 cms-border-light"
|
||||||
|
data-hbs-id="4upb6ps">
|
||||||
|
<span class="tag-name" data-hbs-id="g2feanv">Innovation</span>
|
||||||
|
<span
|
||||||
|
class="cms-bg-light cms-text-neutral text-xs px-2 py-1 rounded tag-post-count"
|
||||||
|
data-hbs-id="ukrcfxn">12</span
|
||||||
|
>
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li class="tag-item" data-hbs-id="29rsk7v">
|
||||||
|
<p
|
||||||
|
class="flex justify-between cursor-pointer items-center hover:cms-text-accent transition-all duration-300 py-2"
|
||||||
|
data-hbs-id="xbu0hh6">
|
||||||
|
<span class="tag-name" data-hbs-id="qezqb1k">Marketing</span>
|
||||||
|
<span
|
||||||
|
class="cms-bg-light cms-text-neutral text-xs px-2 py-1 rounded tag-post-count"
|
||||||
|
data-hbs-id="9ez3g0e">9</span
|
||||||
|
>
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="site-tag-posts my-24" data-hbs-id="hcxclsz">
|
||||||
|
<div class="text-center mb-10" data-hbs-id="eg0lni2">
|
||||||
|
<h2
|
||||||
|
class="text-3xl font-bold relative inline-block pb-2 after:content-[''] after:absolute after:left-1/4 after:right-1/4 after:bottom-0 after:h-1 after:bg-accent"
|
||||||
|
data-hbs-id="5x4idiy">
|
||||||
|
<span class="tag-name" data-hbs-id="vjaqqau">Cybersecurity</span>
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
<div class="site-posts-grid grid grid-cols-1 md:grid-cols-3 gap-8" data-hbs-id="g1s8xdo">
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="post-item bg-white group overflow-hidden transition-transform duration-300 shadow-lg hover:shadow-xl"
|
||||||
|
data-hbs-id="gvpvrcj"><div class="h-52 overflow-hidden" data-hbs-id="goj9vr7">
|
||||||
|
<img
|
||||||
|
class="post-feature-image w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500"
|
||||||
|
src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&w=600&h=400"
|
||||||
|
alt="Cybersecurity Concept"
|
||||||
|
/ data-hbs-id="c1valvx">
|
||||||
|
</div>
|
||||||
|
<div class="p-6" data-hbs-id="8jri6lc">
|
||||||
|
<div class="flex flex-wrap gap-2 post-tag-container" data-hbs-id="85tkma3">
|
||||||
|
<span
|
||||||
|
class="text-accent text-sm font-medium post-tag inline-block mb-2"
|
||||||
|
data-hbs-id="8vzq7a4">Cybersecurity</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<h3
|
||||||
|
class="cms-h4 text-xl transition-all group-hover:cms-text-accent font-bold mb-3 post-title"
|
||||||
|
data-hbs-id="e1w3284">
|
||||||
|
Advanced Threat Protection in 2023
|
||||||
|
</h3>
|
||||||
|
<p class="cms-text-neutral mb-4 line-clamp-2 text-base post-content" data-hbs-id="561qky2">
|
||||||
|
New methods and tools for protecting sensitive data from
|
||||||
|
increasingly sophisticated cyber attacks.
|
||||||
|
</p>
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-between pt-2 cms-border-light"
|
||||||
|
data-hbs-id="gfl5dpn">
|
||||||
|
<span class="text-sm cms-text-neutral"
|
||||||
|
data-hbs-id="810fcsr"><span class="post-min-read" data-hbs-id="m0u6v0m">5</span> min read</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div></a
|
||||||
|
><a
|
||||||
|
href="#"
|
||||||
|
class="post-item bg-white group overflow-hidden transition-transform duration-300 shadow-lg hover:shadow-xl"
|
||||||
|
data-hbs-id="u1gb5uw"><div class="h-52 overflow-hidden" data-hbs-id="huyc9o1">
|
||||||
|
<img
|
||||||
|
class="post-feature-image w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500"
|
||||||
|
src="https://images.unsplash.com/photo-1563013544-824ae1b704d3?auto=format&fit=crop&w=600&h=400"
|
||||||
|
alt="Network Security"
|
||||||
|
/ data-hbs-id="qukl4be">
|
||||||
|
</div>
|
||||||
|
<div class="p-6" data-hbs-id="896dd6a">
|
||||||
|
<div class="flex flex-wrap gap-2 post-tag-container" data-hbs-id="8a2wapn">
|
||||||
|
<span
|
||||||
|
class="text-accent text-sm font-medium post-tag inline-block mb-2"
|
||||||
|
data-hbs-id="t6omnt9">Cybersecurity</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<h3
|
||||||
|
class="cms-h4 text-xl transition-all group-hover:cms-text-accent font-bold mb-3 post-title"
|
||||||
|
data-hbs-id="c69y33j">
|
||||||
|
Zero-Trust Security Models Explained
|
||||||
|
</h3>
|
||||||
|
<p class="cms-text-neutral mb-4 line-clamp-2 text-base post-content" data-hbs-id="jnrl4hw">
|
||||||
|
Why organizations are moving away from perimeter-based security to
|
||||||
|
comprehensive verification approaches.
|
||||||
|
</p>
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-between pt-2 cms-border-light"
|
||||||
|
data-hbs-id="xo11o5j">
|
||||||
|
<span class="text-sm cms-text-neutral"
|
||||||
|
data-hbs-id="qvzsh7d"><span class="post-min-read" data-hbs-id="c0rc09q">7</span> min read</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div></a
|
||||||
|
><a
|
||||||
|
href="#"
|
||||||
|
class="post-item bg-white group overflow-hidden transition-transform duration-300 shadow-lg hover:shadow-xl"
|
||||||
|
data-hbs-id="96rtdiy"><div class="h-52 overflow-hidden" data-hbs-id="i9x624g">
|
||||||
|
<img
|
||||||
|
class="post-feature-image w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500"
|
||||||
|
src="https://images.unsplash.com/photo-1563089145-599997674d42?auto=format&fit=crop&w=600&h=400"
|
||||||
|
alt="Password Security"
|
||||||
|
/ data-hbs-id="6ynq2cs">
|
||||||
|
</div>
|
||||||
|
<div class="p-6" data-hbs-id="ugsw1hz">
|
||||||
|
<div class="flex flex-wrap gap-2 post-tag-container" data-hbs-id="6coz54r">
|
||||||
|
<span
|
||||||
|
class="text-accent text-sm font-medium post-tag inline-block mb-2"
|
||||||
|
data-hbs-id="bpv2n91">Cybersecurity</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<h3
|
||||||
|
class="cms-h4 text-xl transition-all group-hover:cms-text-accent font-bold mb-3 post-title"
|
||||||
|
data-hbs-id="bnq0e3i">
|
||||||
|
The End of Password Authentication
|
||||||
|
</h3>
|
||||||
|
<p class="cms-text-neutral mb-4 line-clamp-2 text-base post-content" data-hbs-id="434p508">
|
||||||
|
How biometric verification and passkeys are creating more secure
|
||||||
|
authentication methods for the digital age.
|
||||||
|
</p>
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-between pt-2 cms-border-light"
|
||||||
|
data-hbs-id="ctp675p">
|
||||||
|
<span class="text-sm cms-text-neutral"
|
||||||
|
data-hbs-id="e74ojyd"><span class="post-min-read" data-hbs-id="2no4uhp">6</span> min read</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div class="flex justify-center mt-12" data-hbs-id="wua227j">
|
||||||
|
<a
|
||||||
|
class="tag-link px-8 py-3 text-sm border-2 border-gray-300 hover:bg-gray-200 cursor-pointer hover:border-accent rounded-none text-gray-700 font-medium transition duration-300 hover:shadow-md"
|
||||||
|
data-hbs-id="dlrxntp">VIEW ALL <span class="uppercase tag-name" data-hbs-id="uh3fm60">POSTS</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<div class="subscription-cta cms-bg-light py-20 px-6 my-20" data-hbs-id="trdpsp9">
|
||||||
|
<div class="max-w-4xl mx-auto text-center" data-hbs-id="wq05f93">
|
||||||
|
<h2 class="cms-h2 text-3xl font-bold mb-4" data-hbs-id="4ogkc5l">
|
||||||
|
Stay Updated with Our Latest Insights
|
||||||
|
</h2>
|
||||||
|
<p class="cms-body cms-text-dark mb-8 max-w-2xl mx-auto" data-hbs-id="9hyvy42">
|
||||||
|
Subscribe to our newsletter and receive the latest tech trends,
|
||||||
|
cybersecurity updates, and expert analysis directly in your inbox.
|
||||||
|
</p>
|
||||||
|
<form
|
||||||
|
class="flex flex-col sm:flex-row max-w-lg mx-auto gap-4 faster-subscribe-form"
|
||||||
|
data-members-form=""
|
||||||
|
data-success-container=".success-container"
|
||||||
|
data-hbs-id="5acto7h">
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
data-members-email=""
|
||||||
|
placeholder="Your email address"
|
||||||
|
class="cms-form-control input-field__input flex-grow px-4 py-3 rounded-none focus:outline-none shadow-sm"
|
||||||
|
required
|
||||||
|
/ data-hbs-id="0sd4cqo">
|
||||||
|
<button
|
||||||
|
type="submit"
|
||||||
|
class="cms-btn cms-btn-primary px-8 py-3 font-medium rounded-none transition duration-300 shadow-md faster-subscribe-button"
|
||||||
|
data-hbs-id="ua1kr2n">
|
||||||
|
SUBSCRIBE
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
<p class="text-sm text-gray-500 mt-4" data-hbs-id="w1aqgm5">
|
||||||
|
We respect your privacy. Unsubscribe at any time.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<style>
|
||||||
|
.hero-section {
|
||||||
|
height: 80vh;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user