Skip to content

Commit 6c27931

Browse files
author
TechStack Global
committed
Initial B2B Blog Launch by Antigravity Autopilot
1 parent 31117d4 commit 6c27931

File tree

2 files changed

+34
-21
lines changed

2 files changed

+34
-21
lines changed

index.html

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ <h2>Featured Articles</h2>
8585
</div>
8686
<div class="article-grid" id="featured-posts">
8787
<div class="article-card">
88-
<div class="card-image-placeholder"></div>
88+
<img src="thumb_shopify.png" alt="Shopify vs BigCommerce" class="card-image">
8989
<div class="card-body">
9090
<span class="category">Comparison</span>
9191
<h3>Shopify vs. BigCommerce: 2026 Verdict</h3>
@@ -95,7 +95,7 @@ <h3>Shopify vs. BigCommerce: 2026 Verdict</h3>
9595
</div>
9696
</div>
9797
<div class="article-card">
98-
<div class="card-image-placeholder"></div>
98+
<img src="thumb_fiverr.png" alt="Fiverr Pro B2B" class="card-image">
9999
<div class="card-body">
100100
<span class="category">Operations</span>
101101
<h3>Leveraging Fiverr Pro for B2B Growth</h3>
@@ -106,7 +106,7 @@ <h3>Leveraging Fiverr Pro for B2B Growth</h3>
106106
</div>
107107
<!-- Existing articles -->
108108
<div class="article-card">
109-
<div class="card-image-placeholder"></div>
109+
<img src="thumb_stack.png" alt="Tech Stack 2026" class="card-image">
110110
<div class="card-body">
111111
<span class="category">Expert Guide</span>
112112
<h3>The Ultimate B2B Tech Stack 2026</h3>
@@ -116,7 +116,7 @@ <h3>The Ultimate B2B Tech Stack 2026</h3>
116116
</div>
117117
</div>
118118
<div class="article-card">
119-
<div class="card-image-placeholder"></div>
119+
<img src="thumb_affiliate.png" alt="Affiliate Blueprint" class="card-image">
120120
<div class="card-body">
121121
<span class="category">Business Strategy</span>
122122
<h3>The 2026 B2B Affiliate Blueprint</h3>
@@ -126,7 +126,7 @@ <h3>The 2026 B2B Affiliate Blueprint</h3>
126126
</div>
127127
</div>
128128
<div class="article-card">
129-
<div class="card-image-placeholder"></div>
129+
<img src="thumb_guide.png" alt="B2B Automation Guide" class="card-image">
130130
<div class="card-body">
131131
<span class="category">Comparison</span>
132132
<h3>The 2026 B2B Automation Guide: Scaling Revenue</h3>
@@ -154,10 +154,10 @@ <h2>Stay Ahead of the Curve</h2>
154154
<div class="container footer-content">
155155
<div class="footer-info">
156156
<div class="logo">
157-
<a href="index.html" style="text-decoration: none; color: inherit;">
158-
TechStack<span>Global</span>
159-
</a>
160-
</div>
157+
<a href="index.html" style="text-decoration: none; color: inherit;">
158+
TechStack<span>Global</span>
159+
</a>
160+
</div>
161161
<p>&copy; 2026 B2B Automation Insights. All rights reserved.</p>
162162
</div>
163163
<ul class="footer-links">

style.css

Lines changed: 25 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
:root {
2-
--bg-color: #050505;
3-
--text-color: #ffffff;
4-
--accent-color: #3b82f6;
5-
--secondary-accent: #10b981;
6-
--card-bg: rgba(255, 255, 255, 0.05);
7-
--border-color: rgba(255, 255, 255, 0.1);
2+
--bg-color: #0c0c14;
3+
--text-color: #f7f9fc;
4+
--accent-color: #60a5fa;
5+
--secondary-accent: #34d399;
6+
--card-bg: rgba(30, 41, 59, 0.4);
7+
--border-color: rgba(255, 255, 255, 0.08);
88
--font-main: 'Inter', sans-serif;
9-
--glass-grad: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
9+
--glass-grad: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
1010
}
1111

1212
* {
@@ -279,19 +279,32 @@ nav {
279279
.article-card {
280280
background: var(--card-bg);
281281
border: 1px solid var(--border-color);
282-
border-radius: 20px;
282+
border-radius: 24px;
283283
overflow: hidden;
284-
transition: transform 0.3s, border-color 0.3s;
284+
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
285+
backdrop-filter: blur(10px);
285286
}
286287

287288
.article-card:hover {
288-
transform: translateY(-8px);
289+
transform: translateY(-12px);
289290
border-color: var(--accent-color);
291+
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
292+
}
293+
294+
.card-image {
295+
width: 100%;
296+
height: 220px;
297+
object-fit: cover;
298+
transition: transform 0.5s ease;
299+
}
300+
301+
.article-card:hover .card-image {
302+
transform: scale(1.05);
290303
}
291304

292305
.card-image-placeholder {
293-
height: 200px;
294-
background: linear-gradient(45deg, #111, #222);
306+
height: 220px;
307+
background: linear-gradient(45deg, #1e293b, #334155);
295308
}
296309

297310
.card-body {

0 commit comments

Comments
 (0)