index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="cdn/css/style.css" />
    <link
      href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap"
      rel="stylesheet"
    />
    <title>ABM Code</title>
  </head>
  <body>
    <header>
      <nav>
        <div class="logo"><img src="cdn/images/logo.png" alt="abm logo" /></div>
        <div class="navbar">
          <div><a href="#">Home</a></div>
          <div><a href="#">Project</a></div>
          <div><a href="#">Experience</a></div>
          <div><a href="#">Contact</a></div>
        </div>
      </nav>
    </header>
    <section class="container about">
      <div class="avatar">
        <img src="cdn/images/avatar.png" alt="abm avatar" />
      </div>
      <div class="about-text">
        <h1>I do code and <br />make content <span>about it!</span></h1>
        <p>
          I am a seasoned full-stack software engineer with over 8 years of
          professional experience, specializing in backend development. My
          expertise lies in crafting robust and scalable SaaS-based
          architectures on the Amazon AWS platform.
        </p>
        <div class="about-btn">
          <button class="btn-primary">Get In Touch</button>
          <button class="btn-secondary">Get In Touch</button>
        </div>
      </div>
    </section>
    <section class="container experience-with">
      <h2>EXPERIENCE WITH</h2>
      <div class="experience-with-lang">
        <div><img src="cdn/images/html5.png" alt="html logo" /></div>
        <div><img src="cdn/images/css3.png" alt="html logo" /></div>
        <div><img src="cdn/images/nodejs.png" alt="html logo" /></div>
        <div><img src="cdn/images/reactjs.png" alt="html logo" /></div>
        <div><img src="cdn/images/javascript.png" alt="html logo" /></div>
      </div>
    </section>
    <section class="container">
      <h2 class="primary-heading heading-project">PROJECTS</h2>
      <div class="projects">
        <div class="project-item">
          <img src="cdn/images/project-1.jpeg" alt="abm-project1" />
          <div class="project-title">
            <p>CLICK HERE TO VISIT</p>
            <h3>HTML Tutorial</h3>
          </div>
        </div>
        <div class="project-item">
          <img src="cdn/images/project-2.jpeg" alt="abm-project1" />
          <div class="project-title">
            <p>CLICK HERE TO VISIT</p>
            <h3>CSS Tutorial</h3>
          </div>
        </div>
      </div>
    </section>
    <section class="container">
      <h2 class="primary-heading heading-experience">EXPERIENCE</h2>
      <div class="experiences">
        <div class="experience-item">
          <div class="experience-title-container">
            <div><img src="cdn/images/goog-logo.svg" alt="google" /></div>
            <div class="experience-title">Lead Software Engineer at Google</div>
            <div class="date">Nov 2019 - Present</div>
          </div>
          <p>
            As a Senior Software Engineer at Google, I played a pivotal role in
            developing innovative solutions for Google's core search algorithms.
            Collaborating with a dynamic team of engineers, I contributed to the
            enhancement of search accuracy and efficiency, optimizing user
            experiences for millions of users worldwide.
          </p>
        </div>
        <div class="experience-item">
          <div class="experience-title-container">
            <div><img src="cdn/images/apple-logo.svg" alt="google" /></div>
            <div class="experience-title">
              Junior Software Engineer at Apple
            </div>
            <div class="date">Jan 2016 - Dec 2017</div>
          </div>
          <p>
            During my tenure at Apple, I held the role of Software Architect,
            where I played a key role in shaping the architecture of
            mission-critical software projects. Responsible for designing
            scalable and efficient systems, I provided technical leadership to a
            cross-functional team.
          </p>
        </div>
        <div class="experience-item">
          <div class="experience-title-container">
            <div><img src="cdn/images/meta-logo.svg" alt="google" /></div>
            <div class="experience-title">Software Engineer at Meta</div>
            <div class="date">Jan 2017 - Oct 2019</div>
          </div>
          <p>
            At Meta, I served as a Software Engineer, focusing on the design and
            implementation of backend systems for the social media giant's
            dynamic platform. Working on projects that involved large-scale data
            processing and user engagement features, I leveraged my expertise to
            ensure seamless functionality and scalability.
          </p>
        </div>
      </div>
    </section>
    <footer>
      <div class="container">
        <h2>Contact</h2>
        <p>
          Seasoned Full Stack Software Engineer with over 8 years of hands-on
          experience in designing and implementing robust, scalable, and
          innovative web solutions. Adept at leveraging a comprehensive skill
          set encompassing front-end and back-end technologies
        </p>
        <div class="email-container">
          <div><img src="cdn/images/email-icon.svg" alt="email" /></div>
          <div>abmcodehub@gmail.com</div>
        </div>
        <div class="social-links">
          <div><img src="cdn/images/x.png" alt="twitter" /></div>
          <div><img src="cdn/images/instagram.svg" alt="twitter" /></div>
          <div><img src="cdn/images/youtube.png" alt="twitter" /></div>
        </div>
      </div>
    </footer>
  </body>
</html>