Skip to content

Commit 786b414

Browse files
authored
Update index.html
1 parent e9c7d0e commit 786b414

File tree

1 file changed

+26
-124
lines changed

1 file changed

+26
-124
lines changed

index.html

Lines changed: 26 additions & 124 deletions
Original file line numberDiff line numberDiff line change
@@ -1,130 +1,32 @@
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" />
6-
<title>SCode — Developer Portfolio</title>
7-
<link rel="stylesheet" href="style.css" />
8-
<meta name="description" content="SCode — Web developer. Creative developer passionate about design, code, and user experience." />
9-
10-
<!-- Favicon -->
11-
<link rel="icon" href="https://raw.githubusercontent.com/SCodeGit/scode.git.io/main/images/scode.jpg" type="image/jpeg">
12-
<link rel="apple-touch-icon" href="https://raw.githubusercontent.com/SCodeGit/scode.git.io/main/images/scode.jpg">
13-
14-
<!-- Theme preference -->
15-
<meta name="color-scheme" content="light dark">
16-
</head>
17-
18-
<body class="dark-theme">
19-
<!-- Background overlay for particles/matrix -->
20-
<div id="backgroundParticles"></div>
21-
22-
<!-- Theme toggle -->
23-
<button class="theme-toggle" id="themeToggle" title="Toggle light/dark" aria-label="Toggle theme">🌙</button>
24-
25-
<!-- Header / Hero -->
26-
<header class="hero-outer">
27-
<div class="container hero-inner">
28-
<div class="logo-wrap">
29-
<a href="index.html">
30-
<img src="https://raw.githubusercontent.com/SCodeGit/scode.git.io/main/images/scode.jpg" alt="SCode logo" class="hero-logo neon-glow">
31-
</a>
32-
</div>
33-
<div class="hero-text">
34-
<h1 class="name glitch">SCode</h1>
35-
<p class="tagline"><span id="typed"></span></p>
36-
<div class="hero-cta">
37-
<a class="btn primary neon-btn" id="whatsappBtn" href="https://wa.me/233555578864" target="_blank" rel="noopener">Hire Me (WhatsApp)</a>
38-
<a class="btn ghost neon-btn" href="https://github.com/SCodeGit" target="_blank" rel="noopener">View GitHub</a>
39-
</div>
40-
</div>
41-
</div>
42-
<div class="hero-watermark neon-watermark">
43-
<img src="https://raw.githubusercontent.com/SCodeGit/scode.git.io/main/images/scode.jpg" alt="watermark" />
44-
</div>
45-
</header>
46-
47-
<!-- About -->
48-
<section class="section about" id="about">
49-
<div class="container">
50-
<h2 class="glitch">About</h2>
51-
<p>Hi — I’m <strong>SCode</strong>, a creative developer passionate about design, code, and user experience. I build clean, responsive websites for NGOs, startups, and businesses.</p>
52-
</div>
53-
</section>
54-
55-
<!-- Projects -->
56-
<section class="section projects" id="projects">
57-
<div class="container">
58-
<h2 class="glitch">Selected Projects</h2>
59-
<div class="projects-grid">
60-
<a class="project-card neon-glow" href="https://scodegit.github.io/pacesettersfoundation.github.io/" target="_blank" rel="noopener">
61-
<img src="https://raw.githubusercontent.com/SCodeGit/scode.git.io/main/images/scode.jpg" alt="Pacesetters">
62-
<div class="project-body">
63-
<h3>Pacesetters Foundation</h3>
64-
<p>Multi-page NGO site: donations, programs, and team profiles.</p>
65-
</div>
66-
</a>
67-
<div class="project-card placeholder neon-glow">
68-
<div class="project-body">
69-
<h3>Project Two</h3>
70-
<p>Coming soon — demo and case study will be added here.</p>
71-
</div>
1+
<section class="section projects" id="projects">
2+
<div class="container">
3+
<h2 class="glitch">Selected Projects</h2>
4+
<div class="projects-grid">
5+
<!-- Project 1 -->
6+
<a class="project-card neon-glow" href="https://scodegit.github.io/pacesettersfoundation.github.io/" target="_blank" rel="noopener">
7+
<img src="https://raw.githubusercontent.com/SCodeGit/scode.git.io/main/images/scode.jpg" alt="Pacesetters Foundation">
8+
<div class="project-body">
9+
<h3>Pacesetters Foundation</h3>
10+
<p>Multi-page NGO site: donations, programs, and team profiles.</p>
7211
</div>
73-
<div class="project-card placeholder neon-glow">
74-
<div class="project-body">
75-
<h3>Project Three</h3>
76-
<p>Coming soon — demo and case study will be added here.</p>
77-
</div>
12+
</a>
13+
14+
<!-- Project 2: Bowiri Traditional Council -->
15+
<a class="project-card neon-glow" href="https://scodegit.github.io/Bowiri-Traditional-Council/index.html" target="_blank" rel="noopener">
16+
<img src="https://raw.githubusercontent.com/SCodeGit/Bowiri-Traditional-Council/35640ee45f84a217bdedf3ca4d4b45de0cab3731/images/durbar-of-chiefs.jpg" alt="Bowiri Traditional Council">
17+
<div class="project-body">
18+
<h3>Bowiri Traditional Council</h3>
19+
<p>Official site showcasing Bowiri culture, chiefs, and heritage events.</p>
7820
</div>
79-
</div>
80-
</div>
81-
</section>
21+
</a>
8222

83-
<!-- Contact -->
84-
<section class="section contact" id="contact">
85-
<div class="container">
86-
<h2 class="glitch">Contact</h2>
87-
<div class="contact-grid">
88-
<div class="contact-card neon-glow">
89-
<h3>Get in touch</h3>
90-
<p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
91-
<p>WhatsApp: <a href="https://wa.me/233555578864" target="_blank" rel="noopener">+233 55 557 8864</a></p>
92-
<p>Facebook: <a href="https://www.facebook.com/people/Atubra-Abraham/100072576882412/" target="_blank" rel="noopener">Atubra Abraham</a></p>
93-
<p>GitHub: <a href="https://github.com/SCodeGit" target="_blank" rel="noopener">SCodeGit</a></p>
94-
</div>
95-
<div class="contact-card neon-glow">
96-
<h3>Message</h3>
97-
<form action="mailto:[email protected]" method="post" enctype="text/plain">
98-
<input name="name" placeholder="Your name" required>
99-
<input name="email" type="email" placeholder="Your email" required>
100-
<textarea name="message" rows="4" placeholder="Your message" required></textarea>
101-
<button class="btn primary neon-btn" type="submit">Send Email</button>
102-
</form>
23+
<!-- Project 3 -->
24+
<div class="project-card placeholder neon-glow">
25+
<div class="project-body">
26+
<h3>Project Three</h3>
27+
<p>Coming soon — demo and case study will be added here.</p>
10328
</div>
10429
</div>
10530
</div>
106-
</section>
107-
108-
<!-- Footer -->
109-
<footer class="footer neon-glow">
110-
<div class="container footer-inner">
111-
<div class="left">
112-
<strong>SCode</strong><br>
113-
<small>© 2025 All Rights Reserved — built by
114-
<a class="dev-link" href="index.html">SCode</a>
115-
</small>
116-
</div>
117-
<div class="right social-links">
118-
<a href="https://github.com/SCodeGit" target="_blank" rel="noopener">GitHub</a>
119-
<a href="https://www.facebook.com/people/Atubra-Abraham/100072576882412/" target="_blank" rel="noopener">Facebook</a>
120-
<a href="https://wa.me/233555578864" target="_blank" rel="noopener">WhatsApp</a>
121-
</div>
122-
</div>
123-
</footer>
124-
125-
<button id="topBtn" title="Back to top" class="neon-btn"></button>
126-
127-
<!-- Script -->
128-
<script src="script.js"></script>
129-
</body>
130-
</html>
31+
</div>
32+
</section>

0 commit comments

Comments
 (0)