Skip to content

Commit 6f752dd

Browse files
SCodeGitSCodeGit
authored
Update index.html
1 parent 0c219e8 commit 6f752dd

File tree

1 file changed

+133
-26
lines changed

1 file changed

+133
-26
lines changed

‎index.html‎

Lines changed: 133 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,139 @@
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>
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+
61+
<!-- Project 1 -->
62+
<a class="project-card neon-glow" href="https://scodegit.github.io/pacesettersfoundation.github.io/" target="_blank" rel="noopener">
63+
<img src="https://raw.githubusercontent.com/SCodeGit/scode.git.io/main/images/scode.jpg" alt="Pacesetters Foundation">
64+
<div class="project-body">
65+
<h3>Pacesetters Foundation</h3>
66+
<p>Multi-page NGO site with donation and community sections.</p>
67+
</div>
68+
</a>
69+
70+
<!-- Project 2 (Added Bowiri) -->
71+
<a class="project-card neon-glow" href="https://scodegit.github.io/Bowiri-Traditional-Council/index.html" target="_blank" rel="noopener">
72+
<img src="https://raw.githubusercontent.com/SCodeGit/Bowiri-Traditional-Council/main/images/maxresdefault.jpg" alt="Bowiri Traditional Council">
73+
<div class="project-body">
74+
<h3>Bowiri Traditional Council</h3>
75+
<p>Elegant traditional council website highlighting culture, leadership, and heritage.</p>
76+
</div>
77+
</a>
78+
79+
<!-- Project 3 placeholder -->
80+
<div class="project-card placeholder neon-glow">
81+
<div class="project-body">
82+
<h3>Project Three</h3>
83+
<p>Coming soon — demo and case study will be added here.</p>
84+
</div>
1185
</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>
86+
87+
</div>
88+
</div>
89+
</section>
90+
91+
<!-- Contact -->
92+
<section class="section contact" id="contact">
93+
<div class="container">
94+
<h2 class="glitch">Contact</h2>
95+
<div class="contact-grid">
96+
<div class="contact-card neon-glow">
97+
<h3>Get in touch</h3>
98+
<p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
99+
<p>WhatsApp: <a href="https://wa.me/233555578864" target="_blank" rel="noopener">+233 55 557 8864</a></p>
100+
<p>Facebook: <a href="https://www.facebook.com/people/Atubra-Abraham/100072576882412/" target="_blank" rel="noopener">Atubra Abraham</a></p>
101+
<p>GitHub: <a href="https://github.com/SCodeGit" target="_blank" rel="noopener">SCodeGit</a></p>
20102
</div>
21-
</a>
22103

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>
104+
<div class="contact-card neon-glow">
105+
<h3>Message</h3>
106+
<form action="mailto:[email protected]" method="post" enctype="text/plain">
107+
<input name="name" placeholder="Your name" required>
108+
<input name="email" type="email" placeholder="Your email" required>
109+
<textarea name="message" rows="4" placeholder="Your message" required></textarea>
110+
<button class="btn primary neon-btn" type="submit">Send Email</button>
111+
</form>
28112
</div>
29113
</div>
30114
</div>
31-
</div>
32-
</section>
115+
</section>
116+
117+
<!-- Footer -->
118+
<footer class="footer neon-glow">
119+
<div class="container footer-inner">
120+
<div class="left">
121+
<strong>SCode</strong><br>
122+
<small>© 2025 All Rights Reserved — built by
123+
<a class="dev-link" href="index.html">SCode</a>
124+
</small>
125+
</div>
126+
<div class="right social-links">
127+
<a href="https://github.com/SCodeGit" target="_blank" rel="noopener">GitHub</a>
128+
<a href="https://www.facebook.com/people/Atubra-Abraham/100072576882412/" target="_blank" rel="noopener">Facebook</a>
129+
<a href="https://wa.me/233555578864" target="_blank" rel="noopener">WhatsApp</a>
130+
</div>
131+
</div>
132+
</footer>
133+
134+
<button id="topBtn" title="Back to top" class="neon-btn">↑</button>
135+
136+
<!-- Script -->
137+
<script src="script.js"></script>
138+
</body>
139+
</html>

0 commit comments

Comments
 (0)