abkaaar.github.io/index.html at main · abkaaar/abkaaar.github.io · 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
132
133
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" type="image/png" href="/Images/favicon.png" />
    <title>Abubakar Abdullahi | Software Engineer.</title>
    <meta name="description" content="Abubakar Abdullahi - Software Engineer" />
    <meta
      name="keywords"
      content="Software Engineer, Solution Architect, Data analytics, Project Management, Instructional Design, Learning & Development Expert"
    />
    <link rel="stylesheet" href="/css/styles.css" />
  </head>
  <body>
    <header class="header" role="banner" id="top">
      <div class="row">
        <nav class="nav" role="navigation">
          <ul class="nav__items">
            <li class="nav__item"><a href="/#work" class="nav__link">Projects</a></li>
            <li class="nav__item"><a href="/blog/" class="nav__link">Blog</a></li>
            <li class="nav__item"><a href="/books/" class="nav__link">Books</a></li>
            <li class="nav__item"><a href="/#about" class="nav__link">About</a></li>
          </ul>
        </nav>
      </div>
      <div class="header__text-box row">
        <div class="header__text">
          <h1 class="heading-primary"><span>Abubakar Abdullahi</span></h1>
          <p>A "Software Engineer & Architect" building modern digital products.</p>
          <p style="font-size: x-large; margin-bottom: auto;">Get in touch 📩</p>
          <a href="mailto:abkaaar2@gmail.com" class="btn">abkaaar2@gmail.com</a>
        </div>
      </div>
    </header>

    <main role="main">
      <section class="work" id="work">
        <div class="row">
          <h2>Projects</h2>
          <p>Projects I've have worked on:</p>
          <div class="work__boxes" id="projects-root">
            <p class="empty-state" id="projects-loading">Loading projects…</p>
          </div>
        </div>
      </section>

      <section class="client" id="clients">
        <div class="row">
          <h2>Technologies</h2>
          <div class="client__logos">
            <img src="/Images/js.png" class="client__logo" alt="JavaScript" />
            <img src="/Images/nextjs.png" class="client__logo" alt="Next.js" />
            <img src="/Images/java.png" class="client__logo" alt="Java" />
            <img src="/Images/react.png" class="client__logo" alt="React" />
            <img src="/Images/aws.png" class="client__logo" alt="AWS" />
            <img src="/Images/android-studio.png" class="client__logo" alt="Android Studio" />
            <img src="/Images/firebase.png" class="client__logo" alt="Firebase" />
            <img src="/Images/kotlin.png" class="client__logo" alt="Kotlin" />
            <img src="/Images/expo.png" class="client__logo" alt="Expo" />
          </div>
        </div>
      </section>

      <section class="about" id="about">
        <div class="row">
          <h2>About Me</h2>
          <div class="about__content">
            <div class="about__text">
              <p>
                Hi, my name is Abubakar Abdullahi. I am a software engineer with a strong
                background in building modern digital products at scale and a proven track
                record of leveraging technology to help teams and clients achieve their goals.
                <br /><br />
                I am currently conducting MSc research at the intersection of software
                engineering, architecture & integrity, and artificial intelligence. My present
                focus is on developing digital infrastructures for food businesses.
                <br /><br />
                I thrive on creativity, problem‑solving, and driving meaningful impact. Let’s
                connect!
              </p>
              <a href="mailto:abkaaar2@gmail.com" class="btn">abkaaar2@gmail.com</a>
            </div>
            <div class="about__photo-container">
              <img class="about__photo" src="/Images/mypic.jpg" alt="Abubakar Abdullahi" />
            </div>
          </div>
        </div>
      </section>
    </main>

    <footer role="contentinfo" class="footer">
      <div class="row">
        <ul class="footer__social-links">
          <li class="footer__social-link-item">
            <a href="https://wa.link/lfnnmf" title="Link to WhatsApp">
              <img src="/Images/whatsapp.svg" class="footer__social-image" alt="WhatsApp" />
            </a>
          </li>
          <li class="footer__social-link-item">
            <a href="https://twitter.com/abkaaar" title="Link to Twitter Profile">
              <img src="/Images/twitter.svg" class="footer__social-image" alt="Twitter" />
            </a>
          </li>
          <li class="footer__social-link-item">
            <a href="https://github.com/abkaaar/" title="Link to Github Profile">
              <img src="/Images/github.svg" class="footer__social-image" alt="Github" />
            </a>
          </li>
          <li class="footer__social-link-item">
            <a href="https://www.linkedin.com/in/abdullahi-abubakar-5a7965197/">
              <img
                src="/Images/linkedin.svg"
                title="Link to Linkedin Profile"
                class="footer__social-image"
                alt="Linkedin"
              />
            </a>
          </li>
        </ul>
      </div>
    </footer>

    <a href="#top" class="back-to-top" title="Back to Top">
      <img src="/Images/arrow-up.svg" alt="Back to Top" class="back-to-top__image" />
    </a>

    <script src="/js/config.js"></script>
    <script src="/js/api.js"></script>
    <script src="/js/main.js" defer></script>
    <script src="/js/projects.js" defer></script>
  </body>
</html>