Skip to content

Commit 8437039

Browse files
author
TechStack Global
committed
Initial B2B Blog Launch by Antigravity Autopilot
1 parent eb479b7 commit 8437039

File tree

2 files changed

+86
-46
lines changed

2 files changed

+86
-46
lines changed

‎index.html‎

Lines changed: 54 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -64,58 +64,66 @@ <h1>Master the <span>Automation</span> Age</h1>
6464
</div>
6565
</div>
6666
</div>
67-
</section>
67+
<section class="partners container">
68+
<p>Focusing on the World's Leading B2B Platforms</p>
69+
<div class="partner-grid">
70+
<div class="p-logo">SEMRUSH</div>
71+
<div class="p-logo">SHOPIFY</div>
72+
<div class="p-logo">HUBSPOT</div>
73+
<div class="p-logo">FIVERR PRO</div>
74+
</div>
75+
</section>
6876

69-
<section id="articles" class="container">
70-
<div class="section-header">
71-
<h2>Featured Articles</h2>
72-
<p>Latest insights into the B2B tech stack.</p>
73-
</div>
74-
<div class="article-grid" id="featured-posts">
75-
<!-- Posts will be injected here or hardcoded for first render -->
76-
<div class="article-card">
77-
<div class="card-image-placeholder"></div>
78-
<div class="card-body">
79-
<span class="category">Expert Guide</span>
80-
<h3>The Ultimate B2B Tech Stack 2026</h3>
81-
<p>A data-driven blueprint for choosing the software that actually scales your revenue to
82-
$10k/mo and beyond.</p>
83-
<a href="posts/tech-stack-2026.html" class="read-more">Read More &rarr;</a>
84-
</div>
77+
<section id="articles" class="container">
78+
<div class="section-header">
79+
<h2>Featured Articles</h2>
80+
<p>Latest insights into the B2B tech stack.</p>
8581
</div>
86-
<div class="article-card">
87-
<div class="card-image-placeholder"></div>
88-
<div class="card-body">
89-
<span class="category">Business Strategy</span>
90-
<h3>The 2026 B2B Affiliate Blueprint</h3>
91-
<p>How to earn massive passive income with zero investment by targeting the high-ticket SaaS
92-
ecosystem.</p>
93-
<a href="posts/affiliate-blueprint.html" class="read-more">Read More &rarr;</a>
82+
<div class="article-grid" id="featured-posts">
83+
<!-- Posts will be injected here or hardcoded for first render -->
84+
<div class="article-card">
85+
<div class="card-image-placeholder"></div>
86+
<div class="card-body">
87+
<span class="category">Expert Guide</span>
88+
<h3>The Ultimate B2B Tech Stack 2026</h3>
89+
<p>A data-driven blueprint for choosing the software that actually scales your revenue to
90+
$10k/mo and beyond.</p>
91+
<a href="posts/tech-stack-2026.html" class="read-more">Read More &rarr;</a>
92+
</div>
9493
</div>
95-
</div>
96-
<div class="article-card">
97-
<div class="card-image-placeholder"></div>
98-
<div class="card-body">
99-
<span class="category">Comparison</span>
100-
<h3>The 2026 B2B Automation Guide: Scaling Revenue</h3>
101-
<p>How to leverage artificial intelligence and high-ticket affiliate programs to build a
102-
recurring revenue stream with zero investment.</p>
103-
<a href="posts/cornerstone-guide.html" class="read-more">Read More &rarr;</a>
94+
<div class="article-card">
95+
<div class="card-image-placeholder"></div>
96+
<div class="card-body">
97+
<span class="category">Business Strategy</span>
98+
<h3>The 2026 B2B Affiliate Blueprint</h3>
99+
<p>How to earn massive passive income with zero investment by targeting the high-ticket SaaS
100+
ecosystem.</p>
101+
<a href="posts/affiliate-blueprint.html" class="read-more">Read More &rarr;</a>
102+
</div>
103+
</div>
104+
<div class="article-card">
105+
<div class="card-image-placeholder"></div>
106+
<div class="card-body">
107+
<span class="category">Comparison</span>
108+
<h3>The 2026 B2B Automation Guide: Scaling Revenue</h3>
109+
<p>How to leverage artificial intelligence and high-ticket affiliate programs to build a
110+
recurring revenue stream with zero investment.</p>
111+
<a href="posts/cornerstone-guide.html" class="read-more">Read More &rarr;</a>
112+
</div>
104113
</div>
105114
</div>
106-
</div>
107-
</section>
115+
</section>
108116

109-
<section id="newsletter" class="container">
110-
<div class="newsletter-card">
111-
<h2>Stay Ahead of the Curve</h2>
112-
<p>Get zero-fluff B2B automation strategies delivered to your inbox.</p>
113-
<form class="newsletter-form">
114-
<input type="email" placeholder="Enter your business email" required>
115-
<button type="submit">Subscribe</button>
116-
</form>
117-
</div>
118-
</section>
117+
<section id="newsletter" class="container">
118+
<div class="newsletter-card">
119+
<h2>Stay Ahead of the Curve</h2>
120+
<p>Get zero-fluff B2B automation strategies delivered to your inbox.</p>
121+
<form class="newsletter-form">
122+
<input type="email" placeholder="Enter your business email" required>
123+
<button type="submit">Subscribe</button>
124+
</form>
125+
</div>
126+
</section>
119127
</main>
120128

121129
<footer>

‎style.css‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -356,6 +356,38 @@ nav {
356356
cursor: pointer;
357357
}
358358

359+
/* Partners Section */
360+
.partners {
361+
padding: 4rem 2rem;
362+
border-top: 1px solid var(--border-color);
363+
text-align: center;
364+
}
365+
366+
.partners p {
367+
font-size: 0.8rem;
368+
text-transform: uppercase;
369+
letter-spacing: 2px;
370+
color: rgba(255, 255, 255, 0.4);
371+
margin-bottom: 2rem;
372+
}
373+
374+
.partner-grid {
375+
display: flex;
376+
justify-content: center;
377+
align-items: center;
378+
gap: 4rem;
379+
flex-wrap: wrap;
380+
opacity: 0.6;
381+
filter: grayscale(1);
382+
}
383+
384+
.p-logo {
385+
font-size: 1.2rem;
386+
font-weight: 800;
387+
letter-spacing: 1px;
388+
color: white;
389+
}
390+
359391
/* Responsive */
360392
@media (max-width: 768px) {
361393
#hero {

0 commit comments

Comments
 (0)