Skip to content

Commit e258fb3

Browse files
futurestackintelfuturestackintel
authored
Add files via upload
1 parent e0747f5 commit e258fb3

1 file changed

Lines changed: 166 additions & 0 deletions

File tree

‎courses.html‎

Lines changed: 166 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,166 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
6+
<title>FutureStack Intelligence — Courses & Certifications</title>
7+
<link rel="stylesheet" href="shared.css">
8+
<style>
9+
.courses-wrap {
10+
position:relative;z-index:1;
11+
min-height:calc(100vh - 68px);
12+
display:flex;flex-direction:column;
13+
align-items:center;justify-content:center;
14+
padding:60px 20px 100px;
15+
text-align:center;
16+
background:linear-gradient(160deg,#050816 0%,#08062a 50%,#050816 100%);
17+
}
18+
19+
.academy-badge {
20+
display:inline-flex;align-items:center;gap:8px;
21+
background:rgba(123,47,247,0.12);
22+
border:1px solid rgba(123,47,247,0.35);
23+
color:#b57bff;
24+
font-family:var(--font-head);font-size:9px;letter-spacing:3px;text-transform:uppercase;
25+
padding:8px 18px;border-radius:100px;margin-bottom:28px;
26+
animation:pulseBorder 3s ease infinite;
27+
}
28+
29+
@keyframes pulseBorder {
30+
0%,100%{box-shadow:0 0 0 0 rgba(123,47,247,0);}
31+
50%{box-shadow:0 0 0 6px rgba(123,47,247,0.08);}
32+
}
33+
34+
.coming-title {
35+
font-family:var(--font-head);
36+
font-size:clamp(28px,5vw,52px);
37+
font-weight:900;color:white;
38+
line-height:1.1;margin-bottom:20px;
39+
}
40+
41+
.coming-title span {
42+
background:linear-gradient(135deg,var(--purple),#a78bff);
43+
-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
44+
}
45+
46+
.coming-sub {
47+
font-size:clamp(14px,2vw,17px);
48+
color:var(--muted);max-width:540px;
49+
margin:0 auto 40px;line-height:1.8;font-weight:300;
50+
}
51+
52+
.topics-grid {
53+
display:flex;flex-wrap:wrap;gap:10px;
54+
justify-content:center;max-width:680px;
55+
margin:0 auto 44px;
56+
}
57+
58+
.topic-chip {
59+
background:var(--glass);border:1px solid var(--glass-border);
60+
color:var(--muted);
61+
font-family:var(--font-head);font-size:9px;letter-spacing:1.5px;
62+
text-transform:uppercase;padding:8px 16px;border-radius:100px;
63+
transition:all 0.3s;
64+
}
65+
66+
.topic-chip:hover {
67+
color:var(--cyan);border-color:rgba(0,234,255,0.3);
68+
background:rgba(0,234,255,0.06);
69+
}
70+
71+
.waitlist-box {
72+
background:var(--glass);border:1px solid var(--glass-border);
73+
border-radius:8px;padding:36px 40px;
74+
max-width:480px;width:100%;margin:0 auto;
75+
}
76+
77+
.waitlist-box h3 {
78+
font-family:var(--font-head);font-size:14px;color:white;
79+
margin-bottom:10px;letter-spacing:1px;
80+
}
81+
82+
.waitlist-box p { font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:24px; }
83+
84+
@media(max-width:768px) {
85+
.courses-wrap { padding:48px 20px 100px; }
86+
.waitlist-box { padding:24px 20px; }
87+
}
88+
</style>
89+
</head>
90+
<body>
91+
92+
<nav class="navbar">
93+
<a href="index.html" class="nav-logo">
94+
<img src="logo.png" alt="FutureStack">
95+
<div class="nav-brand-text">FutureStack<span>Intelligence</span></div>
96+
</a>
97+
<ul class="nav-links">
98+
<li><a href="index.html">Home</a></li>
99+
<li><a href="services.html">Services</a></li>
100+
<li><a href="ebooks.html">Ebooks</a></li>
101+
<li><a href="courses.html" class="active">Courses</a></li>
102+
<li><a href="contact.html" class="nav-cta">Work With Us</a></li>
103+
</ul>
104+
<div class="hamburger" id="ham"><span></span><span></span><span></span></div>
105+
</nav>
106+
107+
<div class="mobile-menu" id="mobileMenu">
108+
<a href="index.html">Home</a>
109+
<a href="services.html">Services</a>
110+
<a href="ebooks.html">Ebooks</a>
111+
<a href="courses.html" class="active">Courses</a>
112+
<a href="contact.html" class="m-cta">Work With Us</a>
113+
</div>
114+
115+
<div class="page-wrap">
116+
<div class="courses-wrap">
117+
<div class="academy-badge">⏳ Coming Soon</div>
118+
<h1 class="coming-title">FutureStack <span>Academy</span></h1>
119+
<p class="coming-sub">Certified courses on AI Automation, Cybersecurity, Cloud Security and more — taught with real-world projects, assessments and verifiable certifications. Join the waitlist to be first in.</p>
120+
121+
<div class="topics-grid">
122+
<div class="topic-chip">AI Automation</div>
123+
<div class="topic-chip">Make.com & n8n</div>
124+
<div class="topic-chip">Shopify Systems</div>
125+
<div class="topic-chip">Cybersecurity</div>
126+
<div class="topic-chip">Ethical Hacking</div>
127+
<div class="topic-chip">Cloud Computing</div>
128+
<div class="topic-chip">Cloud Security</div>
129+
<div class="topic-chip">Digital Marketing</div>
130+
<div class="topic-chip">Bug Bounty Hunting</div>
131+
<div class="topic-chip">Networking Basics</div>
132+
</div>
133+
134+
<div class="waitlist-box">
135+
<h3>Join The Waitlist</h3>
136+
<p>Be the first to know when FutureStack Academy launches. Early members get exclusive discounts and priority access.</p>
137+
<a href="https://forms.gle/28B1ozhh3nRfvY5P6" target="_blank" class="btn btn-cyan" style="width:100%;justify-content:center;">Join Waitlist →</a>
138+
</div>
139+
</div>
140+
</div>
141+
142+
<footer class="footer">
143+
<div class="footer-inner">
144+
<div class="footer-brand"><img src="logo.png" alt="FutureStack"><div class="footer-brand-name">FutureStack Intelligence<span>© 2026 All Rights Reserved</span></div></div>
145+
<div class="footer-links">
146+
<a href="index.html">Home</a><a href="services.html">Services</a><a href="ebooks.html">Ebooks</a>
147+
<a href="courses.html">Courses</a><a href="contact.html">Contact</a>
148+
<a href="https://x.com/FUTURESTACK001" target="_blank">X / Twitter</a>
149+
<a href="https://www.linkedin.com/in/futurestackintelligence" target="_blank">LinkedIn</a>
150+
</div>
151+
<div class="footer-copy">Built with precision. Delivered globally.</div>
152+
</div>
153+
</footer>
154+
155+
<div class="bottom-nav">
156+
<div class="bottom-nav-inner">
157+
<a href="index.html" class="bnav-item"><span class="bnav-icon">🏠</span><span class="bnav-label">Home</span></a>
158+
<a href="services.html" class="bnav-item"><span class="bnav-icon">⚡</span><span class="bnav-label">Services</span></a>
159+
<a href="ebooks.html" class="bnav-item"><span class="bnav-icon">📚</span><span class="bnav-label">Ebooks</span></a>
160+
<a href="contact.html" class="bnav-item"><span class="bnav-icon">✉️</span><span class="bnav-label">Contact</span></a>
161+
</div>
162+
</div>
163+
164+
<script src="shared.js"></script>
165+
</body>
166+
</html>

0 commit comments

Comments
 (0)