godswill-portfolio/index.html at main · Goddyrob/godswill-portfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Godswill Kipkurui Robwet</title>
  <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500&display=swap" rel="stylesheet">
  <style>
    :root {
      --primary: #00ffd5;
      --bg: #121212;
      --text: #ffffff;
      --accent: #ff006a;
    }
    body {
      margin: 0;
      font-family: 'Orbitron', sans-serif;
      background-color: var(--bg);
      color: var(--text);
    }
    header, section {
      padding: 2rem;
    }
    header {
      background: linear-gradient(135deg, var(--primary), var(--accent));
      text-align: center;
    }
    header h1 {
      margin: 0;
      font-size: 2.5rem;
    }
    header p {
      font-size: 1.2rem;
      margin-top: 0.5rem;
    }
    nav {
      text-align: center;
      margin: 1rem 0;
    }
    nav a {
      color: var(--primary);
      margin: 0 1rem;
      text-decoration: none;
      font-weight: bold;
    }
    section {
      border-bottom: 1px solid #333;
    }
    .profile-img {
      display: block;
      margin: 2rem auto;
      width: 150px;
      height: 150px;
      border-radius: 50%;
      object-fit: cover;
      border: 4px solid var(--accent);
    }
    .contact, .socials {
      text-align: center;
      margin-top: 2rem;
    }
    .socials a {
      margin: 0 0.5rem;
      color: var(--accent);
      text-decoration: none;
    }
    footer {
      text-align: center;
      padding: 1rem;
      background-color: #1e1e1e;
      font-size: 0.9rem;
      color: #aaa;
    }
  </style>
</head>
<body>
  <header>
    <h1>Godswill Kipkurui Robwet</h1>
    <p>Passionate about turning ideas 💡 into code 💻 and solving real-world problems 🌍.<br>
    Always learning 📚, always building 🛠️.</p>
  </header>

  <img src="profile.jpg" alt="Godswill Robwet" class="profile-img" />

  <nav>
    <a href="#about">About</a>
    <a href="#projects">Projects</a>
    <a href="#resume">Resume</a>
    <a href="#blog">Blog</a>
    <a href="#contact">Contact</a>
  </nav>

  <section id="about">
    <h2>About Me</h2>
    <p>I’m a developer dedicated to transforming ideas into reality through clean, functional code. I thrive in team settings and solo builds, always learning and innovating.</p>
  </section>

  <section id="projects">
    <h2>Projects</h2>
    <ul>
      <li>Project 1 – [Add your project title and link here]</li>
      <li>Project 2 – [Add your project title and link here]</li>
      <li>Project 3 – [Add your project title and link here]</li>
    </ul>
  </section>

  <section id="resume">
    <h2>Resume</h2>
    <p><a href="Godswill_Robwet_CV.pdf" download style="color: var(--primary);">Download My Resume (PDF)</a></p>
  </section>

  <section id="blog">
    <h2>Blog</h2>
    <p>Coming soon! Stay tuned for posts on tech, code, and creativity.</p>
  </section>

  <section id="contact" class="contact">
    <h2>Contact Me</h2>
    <p>Phone: 0708580506<br>
    Email: <a href="mailto:goddyrob31@gmail.com" style="color: var(--primary);">goddyrob31@gmail.com</a></p>
    <div class="socials">
      <a href="https://www.linkedin.com/in/goddy-rob-069035300" target="_blank">LinkedIn</a>
      <a href="https://github.com/goddyrob" target="_blank">GitHub</a>
    </div>
  </section>

  <footer>
    &copy; 2025 Godswill Kipkurui Robwet. All rights reserved.
  </footer>
</body>
</html>