lugaye · Thiongos · Jul 2, 2024
diff --git a/index.html b/index.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>My Portfolio</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <header>
+        <h1>Samue Thiong'o</h1>
+        <p>I'm a dedicated graphic designer with a love for all things creative. With a keen eye for detail and a passion for visual storytelling, I thrive on bringing ideas to life through thoughtful design solutions. Whether it's crafting a captivating logo, designing eye-catching marketing materials, or creating engaging digital experiences, I'm committed to delivering designs that not only look great but also effectively communicate the intended message.</p>
+        <p>Contact: <a href="[email protected]">[email protected]</a></p>
+        <p>Phone: +254 791 386 234</p>
+        <p>
+            <a href="https://www.linkedin.com/in/samuel-thiong-o-a8443a185/" target="_blank">LinkedIn</a> |
+            <a href="https://github.com/Thiongos" target="_blank">GitHub</a>
+        </p>
+    </header>
+
+    <section id="portfolio">
+        <h2>Portfolio</h2>
+        <div class="project">
+            <h3>My First Website using HTML and CSS</h3>
+            <p>Description: This is my first project where I built a personal website using basic HTML and CSS. The website includes sections for my bio, projects, skills, experience, and education. This project helped me understand the fundamental structure of HTML and how to style web pages using CSS.</p>
+            <img src="web.jpg" alt="Project Image">
+            <p><a href="https://github.com/Thiongos/My-First-Website.git" target="_blank">Repository</a></p>
+        </div>
+
+    </section>
+
+    <section id="skills">
+        <h2>Skills</h2>
+        <ul>
+            <li>Graphic Design</li>
+            <li>HTML</li>
+            <li>CSS</li>
+            <li>Git & GitHub</li>
+            <li>Team Collaboration</li>
+            <li>Content Moderator</li>
+        </ul>
+    </section>
+
+    <section id="experience">
+        <h2>Experience</h2>
+        <div class="job">
+            <h3>Ouality Analyst at Samasource Ltd</h3>
+            <p>20th October 2020 - Present</p>
+            <p>As a Quality Analyst specializing in image annotation, my primary responsibility is to ensure the accuracy and quality of annotated images used in machine learning and computer vision projects. Here are the key aspects of my role.</p>
+            <h4>Role Description:</h4>
+            <ol>
+                <li><strong>Quality Assurance:</strong> Conducting detailed reviews of annotated images to guarantee accuracy and adherence to project standards.</li>
+                <li><strong>Guideline Development:</strong> Creating and maintaining annotation guidelines to ensure uniformity across datasets.</li>
+                <li><strong>Tool Utilization:</strong> Using specialized tools for efficient and accurate image labeling, and providing feedback for tool improvement.</li>
+                <li><strong>Data Validation:</strong> Validating annotated data against gold-standard references to maintain high-quality outputs.</li>
+            </ol>
+        </div>
+        <div class="job">
+            <h3>Graphic Designer</h3>
+             <h4>Freelancer</h4>
+            <p>As a freelancer, I provide creative graphic design services for various clients. This involves creating visual content for branding, marketing materials, and digital platforms. My work includes designing logos, brochures, social media graphics, and other visual elements to meet the client's needs and objectives.</p>
+        </div>
+    </section>
+
+    <section id="education">
+        <h2>Education</h2>
+        <div class="school">
+            <h3>Sama School</h3>
+            <p>June 2019</p>
+            <p>Studied Machine learning and AI.</p>
+        </div>
+
+        <div class="school">
+            <h3>Udemy Online Courses</h3>
+            <p>January 2022</p>
+            <p>Completed courses in reference data management.</p>
+        </div>
+
+        <div class="school">
+            <h3>Shangtao Media Art College</h3>
+            <p>January 2024 - May 2024</p>
+            <p>Achieved certification in graphic design.</p>
+        </div>
+
+        <div class="school">
+            <h3>Power Learn Project (PLP)</h3>
+            <p>May 2024 - Present</p>
+            <p>Studied Software Engineering.</p>
+        </div>
+    </section>
+
+    <footer>
+        <p>&copy; 2024 Samuel Thiong'o. All rights reserved.</p>
+    </footer>
+</body>
+</html>
diff --git a/styles.css b/styles.css
@@ -0,0 +1,115 @@
+
+body {
+    font-family: Arial, sans-serif;
+    line-height: 1.6;
+    background-color: #f0f0f0;
+    margin: 0;
+    padding: 0;
+}
+
+
+header {
+    background-color: #333;
+    color: #fff;
+    padding: 20px;
+    text-align: center;
+}
+
+header h1 {
+    margin-bottom: 10px;
+}
+
+header p {
+    margin-bottom: 0;
+}
+
+header a {
+    color: #fff;
+    text-decoration: none;
+    margin: 0 5px;
+}
+
+
+section {
+    padding: 20px;
+    margin-bottom: 30px;
+    background-color: #fff;
+    border-radius: 8px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+section h2 {
+    color: #333;
+}
+
+
+.project {
+    margin-bottom: 30px;
+}
+
+.project img {
+    max-width: 100%;
+    height: auto;
+    border-radius: 8px;
+    margin-bottom: 10px;
+}
+
+.project a {
+    color: #007bff;
+    text-decoration: none;
+}
+
+.project a:hover {
+    text-decoration: underline;
+}
+
+
+.skills ul {
+    list-style-type: none;
+    padding: 0;
+}
+
+.skills li {
+    margin-bottom: 5px;
+    background-color: #f0f0f0;
+    padding: 8px;
+    border-radius: 4px;
+}
+
+
+.job {
+    margin-bottom: 30px;
+}
+
+.job h3 {
+    margin-bottom: 5px;
+}
+
+.job h4 {
+    margin-top: 0;
+    color: #555;
+}
+
+
+.school {
+    margin-bottom: 30px;
+}
+
+.school h3 {
+    margin-bottom: 5px;
+}
+
+.school p {
+    margin-bottom: 10px;
+}
+
+
+footer {
+    text-align: center;
+    padding: 10px;
+    background-color: #333;
+    color: #fff;
+    position: fixed;
+    width: 100%;
+    bottom: 0;
+}
diff --git a/web.jpg b/web.jpg