faheemabbas766.github.io/contact.html at main · faheemabbas766/faheemabbas766.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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta
      name="description"
      content="Contact Faheem Abbas for mobile application development, Flutter projects, Android and iOS work, and AI-native product delivery."
    />
    <meta name="author" content="Faheem Abbas" />
    <meta name="robots" content="index, follow" />
    <link rel="canonical" href="https://faheemabbas766.github.io/contact.html" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Contact | Faheem Abbas" />
    <meta
      property="og:description"
      content="Contact Faheem Abbas for Flutter, Android, iOS, AI-assisted delivery, and mobile product development work."
    />
    <meta
      property="og:url"
      content="https://faheemabbas766.github.io/contact.html"
    />
    <meta
      property="og:image"
      content="https://faheemabbas766.github.io/assets/profile-hero.jpg"
    />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Contact | Faheem Abbas" />
    <meta
      name="twitter:description"
      content="Reach out for mobile application builds, redesigns, AI tools, native Android, native iOS, or Flutter product delivery."
    />
    <title>Contact | Faheem Abbas</title>
    <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap"
      rel="stylesheet"
    />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css"
      rel="stylesheet"
    />
    <link href="css/styles.css" rel="stylesheet" />
  </head>
  <body data-page="contact">
    <header class="site-header">
      <div class="container nav-wrap">
        <a class="brand" href="index.html">
          <span class="brand-avatar-wrap">
            <img class="brand-avatar" src="assets/profile-hero.jpg" alt="Faheem Abbas" />
          </span>
          Faheem Abbas
        </a>
        <button class="menu-toggle" type="button" aria-label="Toggle navigation">
          <i class="bi bi-list"></i>
        </button>
        <nav class="site-nav" aria-label="Primary navigation">
          <a href="index.html">Home</a>
          <a href="projects.html">Projects</a>
          <a href="resume.html">Resume</a>
          <a href="contact.html">Contact</a>
        </nav>
      </div>
    </header>

    <main class="page-shell">
      <section class="section">
        <div class="container highlight-grid">
          <article class="spotlight-card reveal">
            <div class="eyebrow">Contact</div>
            <h1 class="section-title">Let’s build something that feels modern and ships clean.</h1>
            <p class="lead">
              If you need a mobile developer for a new product, a feature sprint, a redesign, or a
              codebase that needs stronger direction, reach out. I am interested in work that values
              product quality and good engineering judgment.
            </p>
            <div class="button-row" style="margin-top: 1.5rem;">
              <a class="button" href="mailto:faheemabbas766@gmail.com">
                <i class="bi bi-envelope"></i>
                Email me
              </a>
              <a
                class="button-secondary"
                href="https://linkedin.com/in/faheemabbas766"
                target="_blank"
                rel="noreferrer"
              >
                <i class="bi bi-linkedin"></i>
                Connect on LinkedIn
              </a>
            </div>
          </article>

          <article class="availability-card reveal reveal-delay-1">
            <div class="availability-top">
              <div class="eyebrow" style="background: rgba(255,255,255,0.08); color: #93c5fd;">Best fit</div>
              <span class="availability-note">Freelance • Contract • Remote</span>
            </div>
            <h3 class="availability-title">Best fit for teams that need polish, speed, and clean execution.</h3>
            <p class="availability-intro">
              The strongest match is product work where delivery quality matters as much as speed:
              new app builds, scoped upgrades, revenue-critical flows, and modern mobile features.
            </p>
            <div class="fit-grid">
              <article class="fit-item">
                <i class="bi bi-phone"></i>
                <div>
                  <strong>New app builds</strong>
                  <span>MVPs, fresh launches, and stronger foundations.</span>
                </div>
              </article>
              <article class="fit-item">
                <i class="bi bi-tools"></i>
                <div>
                  <strong>Feature sprints</strong>
                  <span>Focused Android or iOS delivery with product polish.</span>
                </div>
              </article>
              <article class="fit-item">
                <i class="bi bi-credit-card-2-front"></i>
                <div>
                  <strong>Monetization flows</strong>
                  <span>Subscriptions, payments, and premium upgrade journeys.</span>
                </div>
              </article>
              <article class="fit-item">
                <i class="bi bi-stars"></i>
                <div>
                  <strong>Modern product work</strong>
                  <span>Media, utilities, AI features, and UX refinement.</span>
                </div>
              </article>
            </div>
          </article>
        </div>
      </section>

      <section class="section">
        <div class="container contact-grid">
          <article class="contact-card reveal">
            <span class="icon"><i class="bi bi-envelope-paper"></i></span>
            <div>
              <h3>Email</h3>
              <p>The fastest direct route for project conversations, proposals, and product scope discussions.</p>
            </div>
            <a href="mailto:faheemabbas766@gmail.com">faheemabbas766@gmail.com</a>
          </article>

          <article class="contact-card reveal reveal-delay-1">
            <span class="icon"><i class="bi bi-linkedin"></i></span>
            <div>
              <h3>LinkedIn</h3>
              <p>Best for professional networking, partnership discussions, and profile-based context.</p>
            </div>
            <a href="https://linkedin.com/in/faheemabbas766" target="_blank" rel="noreferrer">
              linkedin.com/in/faheemabbas766
            </a>
          </article>

          <article class="contact-card reveal reveal-delay-2">
            <span class="icon"><i class="bi bi-github"></i></span>
            <div>
              <h3>GitHub</h3>
              <p>See current public repos, code direction, and the kind of mobile work I want this portfolio to reflect.</p>
            </div>
            <a href="https://github.com/faheemabbas766" target="_blank" rel="noreferrer">
              github.com/faheemabbas766
            </a>
          </article>

          <article class="contact-card reveal reveal-delay-3">
            <span class="icon"><i class="bi bi-geo-alt"></i></span>
            <div>
              <h3>Location</h3>
              <p>Based in Pakistan and open to remote product work, collaboration, and contract delivery.</p>
            </div>
            <a href="https://www.google.com/maps/place/Pakistan" target="_blank" rel="noreferrer">
              Pakistan
            </a>
          </article>
        </div>
      </section>

      <section class="section">
        <div class="container two-column">
          <article class="panel reveal">
            <div class="eyebrow">How to reach out</div>
            <h2 class="section-title" style="font-size: clamp(1.8rem, 4vw, 2.6rem);">
              A strong first message helps.
            </h2>
            <p class="section-copy">
              If you want a better response and quicker direction, share the product type, current
              stack, timeline, and what exactly is blocked.
            </p>
            <div class="stack-block">
              <h4>Helpful context</h4>
              <div class="stack-list">
                <span>New build or existing app</span>
                <span>Flutter / Android / iOS</span>
                <span>Timeline</span>
                <span>Budget range</span>
                <span>Current blockers</span>
              </div>
            </div>
          </article>

          <article class="quote-panel reveal reveal-delay-1">
            <blockquote>
              I want this portfolio to attract better product work, not just more messages.
            </blockquote>
            <p>
              If your app needs stronger architecture, cleaner execution, better UX, or modern AI-native
              delivery support, we should probably talk.
            </p>
          </article>
        </div>
      </section>
    </main>

    <footer class="footer">
      <div class="container footer-inner">
        <div>© 2026 Faheem Abbas. Contact for mobile product work and partnerships.</div>
        <div class="footer-links">
          <a href="index.html">Home</a>
          <a href="projects.html">Projects</a>
          <a href="resume.html">Resume</a>
        </div>
      </div>
    </footer>

    <script src="js/site.js"></script>
  </body>
</html>