index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description"
    content="Personal Portfolio Page of Brian Obot, featuring his Services, Projects, and Open-source software contributions">
  <meta name="keywords"
    content="Brian Obot, Software Developer, Software Development, Programming, Python Developer, Python Tutor, Python Expert, Django Developer">

  <!-- Open Graph tags -->
  <meta property="og:title" content="Brian Obot (Software Developer)">
  <meta property="og:url" content="https://brianobot.github.io/">
  <meta property="og:description"
    content="Personal Portfolio Page of Brian Obot, featuring his Services, Projects, and Open-source software contributions">
  <meta property="og:image" content="https://i.ibb.co/7nzKhsw/Coding-vs-programming.jpg">
  <meta property="og:image:secure_url" content="https://i.ibb.co/7nzKhsw/Coding-vs-programming.jpg">
  <meta property="og:type" content="portfolio website">
  <meta property="og:locale" content="en_GB">

  <!-- Styling Links -->
  <link rel="preload stylesheet" as="style" href="bootstrap/bootstrap-icons/bootstrap-icons.css">
  <link rel="preload stylesheet" as="style" href="bootstrap/css/bootstrap.min.css">
  <link rel="preload stylesheet" as="style" href="fontawesome-free/css/all.min.css">
  <link rel="preload stylesheet" as="style" href="css/style.min.css">

  <!-- Animation on scroll css cdn link -->
  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

  <!-- Favicon Links -->
  <link rel="apple-touch-icon" sizes="180x180" href="favicon_io/apple-touch-icon.png">
  <link rel="icon" type="image\png" sizes="32x32" href="favicon_io/favicon-32x32.png">
  <link rel="icon" type="image\png" sizes="16x16" href="favicon_io/favicon-16x16.png">
  <link rel="manifest" type="image\png" href="favicon_io/site.webmanifest">

  <!-- Structured data for website -->
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Article",
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://brianobot.github.io/"
      },
      "headline": "Brian Obot (Software Developer)",
      "description": "Personal Portfolio of Brian Obot",
      "image": "https://i.ibb.co/7nzKhsw/Coding-vs-programming.jpg",  
      "author": {
        "@type": "Person",
        "name": "Brian Obot",
        "url": "https://brianobot.github.io/about.html"
      },  
      "publisher": {
        "@type": "Organization",
        "name": "",
        "logo": {
          "@type": "ImageObject",
          "url": ""
        }
      },
      "datePublished": "2023-01-15",
      "dateModified": "2023-03-22" 
    }
    </script>

  <link rel="canonical" href="https://brianobot.github.io/">

  <title>Brian Obot (Software Developer)</title>
  <style>
    #hero-specialty {
      color: rgb(175, 173, 173) !important;
      font-size: 1.3rem;
    }
  </style>
</head>

<body oncontextmenu="return true;">
  <header id="header" class="fixed-top">
    <div class="container d-flex aligh-items-center">

      <h1 class="logo me-auto pt-2">
        <a href="index.html">Brian's Portfolio</a>
      </h1>

      <nav id="navbar" class="navbar">
        <ul>
          <li><a href="index.html" class="nav-link active"> Home</a></li>
          <li><a href="about.html" class="nav-link">About</a></li>
          <!-- <li><a href="blogs/index.html" class="nav-link">Blog</a></li> -->
          <li><a href="about.html#projects" class="nav-link">Projects</a></li>
          <li><a href="about.html#social-section" class="nav-link mb-2 mb-md-0">Contact</a></li>
          <li><a href="https://docs.google.com/document/d/1q8O224GCpInFMhEHbFgVfyDXQu5dJ0cZZC5wYpwSQvE/edit?usp=sharing"
              target="_blank" class="btn resume-btn justify-content-center mx-2 pe-3 ps-2" download><i
                class="bi bi-download mx-2"></i>
              Get my
              Resume</a></li>
        </ul>
        <i class="d-none bi bi-moon theme-switch mx-3" id="theme-switch" onclick="toggleTheme()"></i>
        <i class="bi mobile-nav-toggle bi-list"></i>
      </nav>
    </div>
  </header>

  <!-- Start of hero section -->
  <section id="hero" style="margin-top: 4.10rem;">
    <div class="container">
      <div class="row">
        <!-- First column for my name and others  -->
        <div class="col-md-12 pt-5 mb-5">
          <h2 class="greetings">Hello there 👋🏾! <span class="loading-after">I am</span> <br>
            <hr>
            <span class="my-name" data-aos="fade-up" data-aos-duration="500">Brian Obot</span>
            <p class="typewrite pt-lg-2 pt-sm-1" id="hero-specialty" data-period="2000"
              data-type='["💻 Software Engineer.", "📡 Electronic Engineer.", "🐍 Python Expert.", "🦀 Rust Enthusiat."]'>
              <span class="wrap"></span>
            </p>
          </h2>

          <!-- Short skills/interest introduction -->
          <p class="intro-speech pt-2" data-aos="fade-up" data-aos-duration="1000">A Techie with keen interest in Backend and
            Infrastructure Engineering, Cloud Computing, Data-Engineering and Distributed System. A Skilled Backend
            Engineer with a focus on Developing Scalable, Dynamic and Efficient Systems</p>

          <h3>
            <div data-aos="fade-up" data-aos-duration="1500">
              <a href="about.html" class="btn btn-primary px-4 py-2 mt-1 rounded-pill">About me</a>
              <a href="about.html#social-section"
                class="btn btn-outline-primary px-4 py-2 mt-1 ms-2 rounded-pill border border-primary border-2"><i
                  class="bi bi-person-plus"></i> Contact me</a>
            </div>
          </h3>

        </div>
      </div>
    </div>
  </section>
  <!-- End of Hero Section -->

  <!-- Start of service section -->
  <section id="services" class="pt-4">
    <div class="container">
      <h3 class="subtitle h2 text-dark text-center fw-bolder"><a href="#services" class="text-dark">Top Services</a>
      </h3>
      <div class="services-list">
        <!-- Services card -->
        <div data-aos="fade-up" id="backend-engineering">
          <i class="fa fa-solid fa-code"></i>
          <h4 class="h3">Backend Engineering</h4>
          <p>
            Skilled and disciplined in the production and maintenance of robust backend infrastructures, I specialize in
            building and scaling RESTful APIs, integrating third-party services, and ensuring seamless data flow across
            systems. With a strong focus on clean architecture and performance.
          </p>
          <a href="https://en.wikipedia.org/wiki/Back_end" class="text-white fw-bold" target="_blank">🌍 Learn
            more...</a>
        </div>
        <!-- Services card -->
        <div data-aos="fade-up" id="software-dev">
          <i class="fab fa-app-store"></i>
          <h4 class="h3">Software Development</h4>
          <p>Conceiving, specifying, designing, programming, documenting, testing, and bug fixing
            involved in creating and maintaining applications, frameworks, or other software components...</p>
          <a href="https://en.wikipedia.org/wiki/Software_development" class="text-white fw-bold" target="_blank">🌍
            Learn more...</a>
        </div>
        <!-- Services card -->
        <div data-aos="fade-up" id="solana-smart-contract-development">
          <i class="fa fa-sharp fa-solid fa-crop"></i>
          <h4 class="h3">Solana Smart Contract Development</h4>
          <p>Design and Implement fast, secure, and scalable Solana smart contracts, optimized for performance and
            reliability. From DeFi to NFTs, I leverage Solana’s architecture to deliver efficient on-chain solutions.
          </p>
          <a href="https://en.wikipedia.org/wiki/Solana_(blockchain_platform)" class="text-white fw-bold" target="_blank">🌍
            Learn more...</a>
        </div>
        <!-- Services card -->
        <div class="d-lg-none" data-aos="fade-up" id="technical-writing">
          <i class="fa fa-sharp fa-solid fa-pen"></i>
          <h4 class="h3">Technical Writing and Documentation</h4>
          <p>Technical writing is writing or drafting technical communication used in technical and occupational
            fields, such as computer hardware and software, architecture, engineering...</p>
          <a href="https://en.wikipedia.org/wiki/Technical_writing" class="text-white fw-bold" target="_blank">🌍 Learn
            more...</a>
        </div>
      </div>

      <div class="w-100 mt-5 text-center d-none">
        <a href="#" class="btn btn-outline-dark p-3 px-4 disabled">See More Services</a>
      </div>
    </div>
  </section>
  <!-- End of service section -->

  <hr>

  <!-- Frequently asked question section -->
  <section id="faq" class="text-center container">
    <h4 class="h1 mb-4">Frequently Asked Questions</h4>
    <div class="row">
      <div class="col-md-6">
        <div class="faq-card">
          <div class="faq-question"><i class="bi bi-question-circle me-2"></i> Who is Brian Obot?</div>
          <div class="faq-answer">
            <p>Brian Obot is a Software Developer based in Port Harcort, Nigeria, with a passion for building backend infrastructures, smart contracts on Solana, and meaningful digital experiences. <a href="about.html#about-me" title="Read About Brian">Read More...</a></p>
          </div>
        </div>
        <hr class="hr-line">
      </div>
    
      <div class="col-md-6">
        <div class="faq-card">
          <div class="faq-question"><i class="bi bi-question-circle me-2"></i> What does Brian actually build?</div>
          <div class="faq-answer">
            <p>From secure RESTful APIs and third-party integrations to Solana smart contracts and scalable backend systems, Brian builds tools that power real-world applications—from fintech dashboards to Telegram bots. <a href="about.html#projects" title="See Projects">Explore Projects...</a></p>
          </div>
        </div>
        <hr class="hr-line">
      </div>
    
      <div class="col-md-6">
        <div class="faq-card">
          <div class="faq-question"><i class="bi bi-question-circle me-2"></i> What approach does Brian take when integrating third-party APIs?</div>
          <div class="faq-answer">
            <p>Brian follows a systematic approach to API integration, focusing on scalability, security, and maintainability. He ensures that every integration is thoroughly tested, adheres to best practices for error handling, and provides clear documentation for seamless future updates. <a href="about.html#social-section" title="Get in Touch">Contact for API Solutions</a></p>
          </div>
        </div>
        <hr class="hr-line">
      </div>
    
      <div class="col-md-6">
        <div class="faq-card">
          <div class="faq-question"><i class="bi bi-question-circle me-2"></i> Why Solana, though?</div>
          <div class="faq-answer">
            <p>Because speed matters. Solana’s high throughput and low fees make it ideal for building real-time, user-facing dApps—especially in DeFi and NFTs. Also, who doesn’t like a challenge? <a href="https://en.wikipedia.org/wiki/Solana_(blockchain_platform)" title="Learn More About Solana">Read More...</a></p>
          </div>
        </div>
        <hr class="hr-line">
      </div>
    
      <div class="col-md-6">
        <div class="faq-card">
          <div class="faq-question"><i class="bi bi-question-circle me-2"></i> Can Brian cook jollof rice as well as he writes code?</div>
          <div class="faq-answer">
            <p>That's classified. But rumor has it his code is spicy and well-seasoned—with just the right amount of recursion. 😉 <a href="about.html#about-me" title="Find Out More Fun Stuff">Read More...</a></p>
          </div>
        </div>
        <hr class="hr-line">
      </div>
    
      <div class="col-md-6">
        <div class="faq-card">
          <div class="faq-question"><i class="bi bi-question-circle me-2"></i> How does Brian keep learning?</div>
          <div class="faq-answer">
            <p>By being relentlessly curious. He reads docs like novels, breaks things (responsibly), learns from mistakes, follows GitHub trails, and hangs around smart, tech-obsessed humans. <a href="about.html#skill-stack" title="Learn with Brian">Learn Along...</a></p>
          </div>
        </div>
        <hr class="hr-line">
      </div>
    
      <div class="col-md-6">
        <div class="faq-card">
          <div class="faq-question"><i class="bi bi-question-circle me-2"></i> What does Brian do when he's not coding?</div>
          <div class="faq-answer">
            <p>When he's not coding, Brian enjoys exploring new technologies, playing chess, and diving into sci-fi books and movies. He also has a passion for skydiving—though he’s still yet to jump! <a href="about.html#social-section" title="Talk About Hobbies">Let's Chat</a></p>
          </div>
        </div>
        <hr class="hr-line">
      </div>
    
      <div class="col-md-6">
        <div class="faq-card">
          <div class="faq-question"><i class="bi bi-question-circle me-2"></i> Is Brian accepting projects or collaborations?</div>
          <div class="faq-answer">
            <p>Absolutely! If you have a brilliant idea, a broken system, or just need a tech mind on your side, Brian’s open to working together. <a href="http://github.com/brianobot" title="Work With Brian">Visit My Github...</a></p>
          </div>
        </div>
        <hr class="hr-line">
      </div>

      <div class="col-md-6">
        <div class="faq-card">
          <div class="faq-question"><i class="bi bi-question-circle me-2">
            </i>What’s Brian’s go-to tech stack?
          </div>
          <div class="faq-answer">
            <p>Depends on the mission, but Python (Django/DRF) definitely comes as a natural default. <a href="about.html#stack" title="See Tech Stack">See Stack</a></p>
          </div>
        </div>
        <hr class="hr-line">
      </div>
      
      <div class="col-md-6">
        <div class="faq-card">
          <div class="faq-question"><i class="bi bi-question-circle me-2">
            </i>Is it true Brian hasn’t skydived but loves it?
          </div>
          <div class="faq-answer">
            <p>Absolutely true. Skydiving lives rent-free in his imagination — until he can afford gravity-defying joy IRL. <a href="about.html#fun-facts" title="Fun Facts About Brian">Read More...</a></p>
          </div>
        </div>
        <hr class="hr-line">
      </div>
    </div>

  </section>

  <!-- schedule consulation call section -->
  <section id="consultation-call" class="consultation-call">
    <div class="container-fluid px-0">
      <div class="cta-banner">
        <div class="cta-container">
          <h5 class="call-h2 cta-h2"><span class="text-span">Need Advice?<br></span>Why not schedule a consultation
            call.</h5>
          <div class="cta-button-wrap"><a href="https://calendly.com/brianobot/consultation-call"
              class="button-start w-button">Schedule Consultation</a></div>
        </div>
      </div>
    </div>
    <div class="fixed-background"></div>
  </section>

  <footer class="text-white text-start text-lg-start bg-dark">
    <!-- Grid container -->
    <div class="container p-4">
      <!--Grid row-->
      <div class="row mt-4">
        <!--Grid column-->
        <div class="col-lg-5 col-md-12 mb-4 mb-md-0 pe-5">
          <h6 class="text-uppercase mb-4">Get In Touch</h6>

          <p>
            If you're interested in my work, my services or looking forward to connect better with me, please do not
            hesitate to call me.
            I am open to new collaborations and job offers.
          </p>

          <p>
            I am actively learning new technologies and involved in contributing to open-source materials.
          </p>

          <div class="mt-4 mb-3 footer-social-icons">
            <!-- Github -->
            <a href="https://github.com/brianobot/" target="_blank" type="button" title="github profile link"
              class="btn btn-floating btn-light btn-lg"><i class="bi bi-github"></i></a>
            <!-- Linkedin -->
            <a href="https://www.linkedin.com/in/brian-obot-924b49216/" target="_blank" type="button"
              title="linkedin profile line" class="btn btn-floating btn-light btn-lg"><i class="bi bi-linkedin"></i></a>
            <!-- Twitter -->
            <a href="https://twitter.com/i_am_brian_obot" target="_blank" type="button" title="twitter profile link"
              class="btn btn-floating btn-light btn-lg"><i class="bi bi-twitter"></i></a>
            <!-- Facebook -->
            <a href="https://web.facebook.com/profile.php?id=100068591380321" target="_blank" type="button"
              title="facebook profile link" class="btn btn-floating btn-light btn-lg"><i class="bi bi-facebook"></i></a>
          </div>
        </div>
        <!--Grid column-->

        <!--Grid column-->
        <div class="col-lg-4 col-md-6 mb-4 mb-md-0">
          <h6 class="text-uppercase mb-4 pb-1">Contacts</h6>

          <ul class="fa-ul" style="margin-left: 1.65em;">
            <li class="mb-3">
              <span class="fa-li"><i class="bi bi-map"></i></span><span class="ms-2"><a
                  href="https://goo.gl/maps/N5pVbkPcuww2JaSPA" target="_blank" class="text-white">Somewhere on
                  Earth</a></span>
            </li>
            <li class="mb-3">
              <span class="fa-li"><i class="bi bi-envelope"></i></span><a href="mailto:brianobot9@gmail.com"
                class="ms-2 text-white">brianobot9@gmail.com</a>
            </li>
            <li class="mb-3">
              <span class="fa-li"><i class="bi bi-telephone"></i></span><a href="tel:+2347018977031"
                class="ms-2 text-white">+234
                8073487154</a>
            </li>
          </ul>
        </div>
        <!--Grid column-->

        <!--Grid column-->
        <div class="col-lg-3 col-md-6 mb-4 mb-md-0">
          <h6 class="text-uppercase mb-4">Quick Links</h6>

          <ul class="quick-links">
            <li><a href="about.html#about-section">About Me</a></li>
            <li><a href="about.html#contact">Contact</a></li>
            <li><a href="about.html#projects">Projects</a></li>
            <li><a href="support.html" title="Click here to support me and this site">Support Me</a></li>
          </ul>

          <div class="text-center">
            <a href="https://calendly.com/brianobot/consultation-call" target="_blank"
              class="btn btn-primary mt-3 rounded-pill pe-3"><img loading="lazy" src="images/zoom_img.png" width="30px"
                height="28.5px" alt="Zoom Meeting icon"> Schedule a Call Session</a>
          </div>

        </div>

        <!--Grid column-->
      </div>
      <!--Grid row-->
    </div>
    <!-- Grid container -->

    <!-- Copyright -->
    <div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
      ©
      <script>document.write(new Date().getFullYear())</script> Copyright:
      <a class="text-white" href="https://brianobot.github.io/">Brian Obot</a><br>
      <small id="designed-by-link"><a href="https://github.com/brianobot/brianobot.github.io">Designed & Built by Brian
          Obot</a></small><br>
    </div>
    <!-- End of Copyright -->
  </footer>


  <script async defer src="bootstrap/js/bootstrap.min.js"></script>
  <script async defer src="js/main.min.js"></script>

  <!-- animation on scroll js cdn -->
  <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
  <script>
    AOS.init();
  </script>

  <!--Start Google tag (gtag.js) -->
  <script async defer src="https://www.googletagmanager.com/gtag/js?id=G-0D5MV7MDPD"></script>
  <script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
      dataLayer.push(arguments);
    }
    gtag('js', new Date());

    gtag('config', 'G-0D5MV7MDPD');
  </script>
  <!--End Google tag (gtag.js) -->
</body>

</html>