Skip to content

Commit 08a3b0c

Browse files
author
TechStack Global
committed
Removed old articles & optimized mobile responsive layout
1 parent 4551372 commit 08a3b0c

15 files changed

Lines changed: 1410 additions & 840 deletions

‎about.html‎

Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>About | TechStack Global</title>
8+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
9+
rel="stylesheet">
10+
<link rel="stylesheet" href="style.css">
11+
<link rel="icon" type="image/png" href="favicon.png">
12+
</head>
13+
14+
<body class="dark-theme">
15+
<div class="ambient-grid"></div>
16+
<header class="glass-header">
17+
<nav class="container">
18+
<div class="logo"><a href="index.html">TechStack<span class="accent">Global</span></a></div>
19+
<ul class="nav-links">
20+
<li><a href="index.html">Home</a></li>
21+
<li><a href="blog.html">Software Reviews</a></li>
22+
<li><a href="about.html" class="active">About</a></li>
23+
<li><a href="contact.html">Contact</a></li>
24+
</ul>
25+
</nav>
26+
</header>
27+
28+
<main class="container section-padding" style="margin-top: 80px; max-width: 800px;">
29+
<div class="glass-panel" style="padding: 4rem;">
30+
<h1 style="font-size: 2.5rem; margin-bottom: 2rem;">About TechStack <span class="accent">Global</span></h1>
31+
<p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 1.5rem;">TechStack Global was
32+
founded to solve a critical problem for tech entrepreneurs: cutting through the noise to find the
33+
software that truly moves the needle for high-growth businesses.</p>
34+
<p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 1.5rem;">We specialize in vetting,
35+
testing, and reviewing high-ticket B2B SaaS, developer infrastructure, AI applications, and productivity
36+
systems. Our analyses dive deep into pricing models, API availability, and structural scalability so you
37+
can make confident tech architecture choices.</p>
38+
<h2 style="margin-top: 3rem; margin-bottom: 1.5rem;">Our Methodology</h2>
39+
<ul style="color: var(--text-secondary); padding-left: 20px;">
40+
<li style="margin-bottom: 1rem;"><strong>Performance:</strong> Do tools hold up at scale?</li>
41+
<li style="margin-bottom: 1rem;"><strong>Integration:</strong> How well do they play with the rest of
42+
your modern stack?</li>
43+
<li style="margin-bottom: 1rem;"><strong>Value:</strong> Is the ROI justified for a growing startup?
44+
</li>
45+
</ul>
46+
</div>
47+
</main>
48+
49+
<footer class="glass-footer" style="margin-top: 6rem;">
50+
<div class="container footer-content">
51+
<div class="footer-brand">
52+
<h3>TechStack<span class="accent">Global</span></h3>
53+
<p>The definitive guide to elite B2B tech platforms.</p>
54+
</div>
55+
<div class="footer-links">
56+
<h4>Legal</h4>
57+
<ul>
58+
<li><a href="affiliate-disclosure.html">Affiliate Disclosure</a></li>
59+
<li><a href="#">Privacy Policy</a></li>
60+
<li><a href="#">Terms of Service</a></li>
61+
</ul>
62+
</div>
63+
<div class="footer-links">
64+
<h4>Company</h4>
65+
<ul>
66+
<li><a href="about.html">About Us</a></li>
67+
<li><a href="contact.html">Contact</a></li>
68+
</ul>
69+
</div>
70+
</div>
71+
<div class="container footer-bottom">
72+
<p>&copy; <span id="year">2026</span> TechStack Global. All rights reserved.</p>
73+
</div>
74+
</footer>
75+
<script src="script.js"></script>
76+
</body>
77+
78+
</html>

‎affiliate-disclosure.html‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Affiliate Disclosure | TechStack Global</title>
8+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
9+
rel="stylesheet">
10+
<link rel="stylesheet" href="style.css">
11+
<link rel="icon" type="image/png" href="favicon.png">
12+
</head>
13+
14+
<body class="dark-theme">
15+
<div class="ambient-grid"></div>
16+
<header class="glass-header">
17+
<nav class="container">
18+
<div class="logo"><a href="index.html">TechStack<span class="accent">Global</span></a></div>
19+
<ul class="nav-links">
20+
<li><a href="index.html">Home</a></li>
21+
<li><a href="blog.html">Software Reviews</a></li>
22+
<li><a href="about.html">About</a></li>
23+
<li><a href="contact.html">Contact</a></li>
24+
</ul>
25+
</nav>
26+
</header>
27+
28+
<main class="container section-padding" style="margin-top: 80px; max-width: 800px;">
29+
<div class="glass-panel" style="padding: 4rem;">
30+
<h1 style="font-size: 2.5rem; margin-bottom: 2rem;">Affiliate <span class="accent">Disclosure</span></h1>
31+
<p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 1.5rem;">At TechStack Global, we
32+
believe in radical transparency. In compliance with the FTC guidelines, please assume the following
33+
about links and posts on this site:</p>
34+
<p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 1.5rem;">Any/all of the links on
35+
TechStack Global are affiliate links of which we receive a small commission from sales of certain items,
36+
but the price is the same for you.</p>
37+
<p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 1.5rem;"><strong>What is an
38+
affiliate link?</strong><br>When you click on an affiliate link and buy the item or service, we
39+
receive a small commission. This helps off-set the costs of running this website and conducting rigorous
40+
tech reviews.</p>
41+
<p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 1.5rem;">We only promote software
42+
and services that we have investigated and truly feel deliver value to B2B entrepreneurs, startups, and
43+
developers.</p>
44+
</div>
45+
</main>
46+
<footer class="glass-footer" style="margin-top: 6rem;">
47+
<div class="container footer-content">
48+
<div class="footer-brand">
49+
<h3>TechStack<span class="accent">Global</span></h3>
50+
<p>The definitive guide to elite B2B tech platforms.</p>
51+
</div>
52+
<div class="footer-links">
53+
<h4>Legal</h4>
54+
<ul>
55+
<li><a href="affiliate-disclosure.html">Affiliate Disclosure</a></li>
56+
<li><a href="#">Privacy Policy</a></li>
57+
<li><a href="#">Terms of Service</a></li>
58+
</ul>
59+
</div>
60+
<div class="footer-links">
61+
<h4>Company</h4>
62+
<ul>
63+
<li><a href="about.html">About Us</a></li>
64+
<li><a href="contact.html">Contact</a></li>
65+
</ul>
66+
</div>
67+
</div>
68+
<div class="container footer-bottom">
69+
<p>&copy; <span id="year">2026</span> TechStack Global. All rights reserved.</p>
70+
</div>
71+
</footer>
72+
<script src="script.js"></script>
73+
</body>
74+
75+
</html>

‎blog.html‎

Lines changed: 98 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>TechStack Global | B2B SaaS Reviews & Guides</title>
8+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
9+
rel="stylesheet">
10+
<link rel="stylesheet" href="style.css">
11+
<link rel="icon" type="image/png" href="favicon.png">
12+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
13+
</head>
14+
15+
<body class="dark-theme">
16+
<div class="ambient-grid"></div>
17+
<header class="glass-header">
18+
<nav class="container">
19+
<div class="logo"><a href="index.html">TechStack<span class="accent">Global</span></a></div>
20+
<ul class="nav-links">
21+
<li><a href="index.html">Home</a></li>
22+
<li><a href="blog.html" class="active">Software Reviews</a></li>
23+
<li><a href="about.html">About</a></li>
24+
<li><a href="contact.html">Contact</a></li>
25+
</ul>
26+
</nav>
27+
</header>
28+
29+
<main class="container section-padding" style="margin-top: 80px;">
30+
<div class="section-header">
31+
<h1>Tech Stack Reviews & Guides</h1>
32+
<p>Filter by category to find the exact tools your business needs.</p>
33+
</div>
34+
35+
<div class="category-grid" style="margin-bottom: 3rem;">
36+
<a href="blog.html?cat=saas" class="cat-card">
37+
<h3>SaaS Tools</h3>
38+
</a>
39+
<a href="blog.html?cat=hosting" class="cat-card">
40+
<h3>Web Hosting</h3>
41+
</a>
42+
<a href="blog.html?cat=ai" class="cat-card">
43+
<h3>AI Software</h3>
44+
</a>
45+
<a href="blog.html?cat=assets" class="cat-card">
46+
<h3>Digital Assets</h3>
47+
</a>
48+
<a href="blog.html?cat=productivity" class="cat-card">
49+
<h3>Productivity</h3>
50+
</a>
51+
</div>
52+
53+
<div class="blog-grid" id="blog-posts-container">
54+
<div class="blog-card glass-panel">
55+
<div class="blog-category">Web Hosting</div>
56+
<h3><a href="posts/template.html">The Ultimate Guide to Edge Computing in 2026</a></h3>
57+
<p>Why traditional web hosting is dying and how edge networks will change latency forever.</p>
58+
<a href="posts/template.html" class="read-more">Read Article &rarr;</a>
59+
</div>
60+
<div class="blog-card glass-panel">
61+
<div class="blog-category">SaaS Tools</div>
62+
<h3><a href="posts/template.html">CRM Showdown: Which Scales Best?</a></h3>
63+
<p>An in-depth comparison of the top 3 B2B CRM platforms based on API flexibility and cost.</p>
64+
<a href="posts/template.html" class="read-more">Read Article &rarr;</a>
65+
</div>
66+
</div>
67+
</main>
68+
69+
<footer class="glass-footer" style="margin-top: 6rem;">
70+
<div class="container footer-content">
71+
<div class="footer-brand">
72+
<h3>TechStack<span class="accent">Global</span></h3>
73+
<p>The definitive guide to elite B2B tech platforms.</p>
74+
</div>
75+
<div class="footer-links">
76+
<h4>Legal</h4>
77+
<ul>
78+
<li><a href="affiliate-disclosure.html">Affiliate Disclosure</a></li>
79+
<li><a href="#">Privacy Policy</a></li>
80+
<li><a href="#">Terms of Service</a></li>
81+
</ul>
82+
</div>
83+
<div class="footer-links">
84+
<h4>Company</h4>
85+
<ul>
86+
<li><a href="about.html">About Us</a></li>
87+
<li><a href="contact.html">Contact</a></li>
88+
</ul>
89+
</div>
90+
</div>
91+
<div class="container footer-bottom">
92+
<p>&copy; <span id="year">2026</span> TechStack Global. All rights reserved.</p>
93+
</div>
94+
</footer>
95+
<script src="script.js"></script>
96+
</body>
97+
98+
</html>

‎contact.html‎

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Contact | TechStack Global</title>
8+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
9+
rel="stylesheet">
10+
<link rel="stylesheet" href="style.css">
11+
<link rel="icon" type="image/png" href="favicon.png">
12+
</head>
13+
14+
<body class="dark-theme">
15+
<div class="ambient-grid"></div>
16+
<header class="glass-header">
17+
<nav class="container">
18+
<div class="logo"><a href="index.html">TechStack<span class="accent">Global</span></a></div>
19+
<ul class="nav-links">
20+
<li><a href="index.html">Home</a></li>
21+
<li><a href="blog.html">Software Reviews</a></li>
22+
<li><a href="about.html">About</a></li>
23+
<li><a href="contact.html" class="active">Contact</a></li>
24+
</ul>
25+
</nav>
26+
</header>
27+
28+
<main class="container section-padding" style="margin-top: 80px; max-width: 600px;">
29+
<div class="glass-panel" style="padding: 4rem;">
30+
<h1 style="font-size: 2.5rem; margin-bottom: 2rem;">Get in <span class="accent">Touch</span></h1>
31+
<form action="https://formsubmit.co/your-email@example.com" method="POST"
32+
style="display: flex; flex-direction: column; gap: 1.5rem;">
33+
<input type="text" name="name" placeholder="Your Name" required
34+
style="padding: 1rem; border-radius: 8px; border: 1px solid var(--border-glass); background: rgba(0,0,0,0.3); color: white; width: 100%; font-family: inherit;">
35+
<input type="email" name="email" placeholder="Your Email" required
36+
style="padding: 1rem; border-radius: 8px; border: 1px solid var(--border-glass); background: rgba(0,0,0,0.3); color: white; width: 100%; font-family: inherit;">
37+
<textarea name="message" placeholder="Your Message" rows="5" required
38+
style="padding: 1rem; border-radius: 8px; border: 1px solid var(--border-glass); background: rgba(0,0,0,0.3); color: white; width: 100%; font-family: inherit; resize: vertical;"></textarea>
39+
<input type="hidden" name="_next" value="https://techstackglobal.github.io/b2b_blog/">
40+
<button type="submit" class="btn-primary" style="font-size: 1.1rem;">Send Message</button>
41+
</form>
42+
</div>
43+
</main>
44+
<footer class="glass-footer" style="margin-top: 6rem;">
45+
<div class="container footer-content">
46+
<div class="footer-brand">
47+
<h3>TechStack<span class="accent">Global</span></h3>
48+
<p>The definitive guide to elite B2B tech platforms.</p>
49+
</div>
50+
<div class="footer-links">
51+
<h4>Legal</h4>
52+
<ul>
53+
<li><a href="affiliate-disclosure.html">Affiliate Disclosure</a></li>
54+
<li><a href="#">Privacy Policy</a></li>
55+
<li><a href="#">Terms of Service</a></li>
56+
</ul>
57+
</div>
58+
<div class="footer-links">
59+
<h4>Company</h4>
60+
<ul>
61+
<li><a href="about.html">About Us</a></li>
62+
<li><a href="contact.html">Contact</a></li>
63+
</ul>
64+
</div>
65+
</div>
66+
<div class="container footer-bottom">
67+
<p>&copy; <span id="year">2026</span> TechStack Global. All rights reserved.</p>
68+
</div>
69+
</footer>
70+
<script src="script.js"></script>
71+
</body>
72+
73+
</html>

0 commit comments

Comments
 (0)