|
1 | | - |
2 | 1 | <!DOCTYPE html> |
3 | 2 | <html lang="en"> |
4 | 3 | <head> |
|
17 | 16 | <header class="hero-outer"> |
18 | 17 | <div class="container hero-inner"> |
19 | 18 | <div class="logo-wrap"> |
20 | | - <img src="images/WhatsApp Image 2025-10-12 at 10.57.51 PM.jpeg" alt="SCode logo" class="hero-logo"> |
21 | | - </div> |
22 | | - <div class="hero-text"> |
23 | | - <h1 class="name">SCode</h1> |
24 | | - <p class="tagline"><span id="typed"></span></p> |
25 | | - <div class="hero-cta"> |
26 | | - <a class="btn primary" id="whatsappBtn" href="https://wa.me/233555578864" target="_blank" rel="noopener">Hire Me (WhatsApp)</a> |
27 | | - <a class="btn ghost" href="https://github.com/SCodeGit" target="_blank" rel="noopener">View GitHub</a> |
28 | | - </div> |
29 | | - </div> |
30 | | - </div> |
31 | | - <div class="hero-watermark"> |
32 | | - <img src="images/WhatsApp Image 2025-10-12 at 10.57.52 PM.jpeg" alt="watermark" /> |
33 | | - </div> |
34 | | - </header> |
35 | | - |
36 | | - <!-- About --> |
37 | | - <section class="section about" id="about"> |
38 | | - <div class="container"> |
39 | | - <h2>About</h2> |
40 | | - <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> |
41 | | - </div> |
42 | | - </section> |
43 | | - |
44 | | - <!-- Projects --> |
45 | | - <section class="section projects" id="projects"> |
46 | | - <div class="container"> |
47 | | - <h2>Selected Projects</h2> |
48 | | - <div class="projects-grid"> |
49 | | - <a class="project-card" href="https://scodegit.github.io/pacesettersfoundation.github.io/" target="_blank" rel="noopener"> |
50 | | - <img src="images/WhatsApp Image 2025-10-12 at 10.57.53 PM.jpeg" alt="Pacesetters"> |
51 | | - <div class="project-body"> |
52 | | - <h3>Pacesetters Foundation</h3> |
53 | | - <p>Multi-page NGO site: donations, programs, and team profiles.</p> |
54 | | - </div> |
55 | | - </a> |
56 | | - <div class="project-card placeholder"> |
57 | | - <div class="project-body"> |
58 | | - <h3>Project Two</h3> |
59 | | - <p>Coming soon — demo and case study will be added here.</p> |
60 | | - </div> |
61 | | - </div> |
62 | | - <div class="project-card placeholder"> |
63 | | - <div class="project-body"> |
64 | | - <h3>Project Three</h3> |
65 | | - <p>Coming soon — demo and case study will be added here.</p> |
66 | | - </div> |
67 | | - </div> |
68 | | - </div> |
69 | | - </div> |
70 | | - </section> |
71 | | - |
72 | | - <!-- Contact --> |
73 | | - <section class="section contact" id="contact"> |
74 | | - <div class="container"> |
75 | | - <h2>Contact</h2> |
76 | | - <div class="contact-grid"> |
77 | | - <div class="contact-card"> |
78 | | - <h3>Get in touch</h3> |
79 | | - <p>Email: <a href=" mailto:[email protected]" >[email protected]</a></p> |
80 | | - <p>WhatsApp: <a href="https://wa.me/233555578864" target="_blank" rel="noopener">+233 55 557 8864</a></p> |
81 | | - <p>Facebook: <a href="https://www.facebook.com/people/Atubra-Abraham/100072576882412/" target="_blank" rel="noopener">Atubra Abraham</a></p> |
82 | | - <p>GitHub: <a href="https://github.com/SCodeGit" target="_blank" rel="noopener">SCodeGit</a></p> |
83 | | - </div> |
84 | | - <div class="contact-card"> |
85 | | - <h3>Message</h3> |
86 | | - <form action=" mailto:[email protected]" method=" post" enctype=" text/plain" > |
87 | | - <input name="name" placeholder="Your name" required> |
88 | | - <input name="email" type="email" placeholder="Your email" required> |
89 | | - <textarea name="message" rows="4" placeholder="Your message" required></textarea> |
90 | | - <button class="btn primary" type="submit">Send Email</button> |
91 | | - </form> |
92 | | - </div> |
93 | | - </div> |
94 | | - </div> |
95 | | - </section> |
96 | | - |
97 | | - <!-- Footer --> |
98 | | - <footer class="footer"> |
99 | | - <div class="container footer-inner"> |
100 | | - <div class="left"> |
101 | | - <strong>SCode</strong><br> |
102 | | - <small>© 2025 All Rights Reserved — built by <a class="dev-link" href="https://scodegit.github.io/" target="_blank" rel="noopener">SCode</a></small> |
103 | | - </div> |
104 | | - <div class="right social-links"> |
105 | | - <a href="https://github.com/SCodeGit" target="_blank" rel="noopener">GitHub</a> |
106 | | - <a href="https://www.facebook.com/people/Atubra-Abraham/100072576882412/" target="_blank" rel="noopener">Facebook</a> |
107 | | - <a href="https://wa.me/233555578864" target="_blank" rel="noopener">WhatsApp</a> |
108 | | - </div> |
109 | | - </div> |
110 | | - </footer> |
111 | | - |
112 | | - <button id="topBtn" title="Back to top">↑</button> |
113 | | - |
114 | | - <script src="script.js"></script> |
115 | | -</body> |
116 | | -</html> |
| 19 | + <img src="images/WhatsApp Image 2025-10-12 at 10.57.51 PM.jpeg" alt="SCode logo" class="hero- |
0 commit comments