arshad-khalid.github.io/resume.html at master · arshad-khalid/arshad-khalid.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
<!DOCTYPE html>
<html lang=en>
<head>
    <!-- so meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="HandheldFriendly" content="True">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5" />
    <meta property="og:type" content="website">
    <!--<meta name="description" content="Arshad Khalid - Tech enthusiast and a Business minded individual with a passion for making a positive impact through technology.">-->

<meta property="og:title" content="Arshad Khalid">
<meta property="og:url" content="http://arshad-khalid.github.io">
<meta property="og:site_name" content="Arshad Khalid">
<meta property="og:locale" content="en_US">
<meta property="article:author" content="Arshad Khalid">

<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Inline CSS for image styling -->

<!-- Bootstrap JS Bundle (includes Popper) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>

          <link rel="shortcut icon" href="/images/favicon.ico">

          <link rel="icon" type="image/png" href="/images/favicon-192x192.png" sizes="192x192">

          <link rel="apple-touch-icon" sizes="150x150" href="/images/apple-touch-icon.png">

    <!-- title -->
    <title>Arshad Khalid</title>
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-0QE9WFQE3Z"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-0QE9WFQE3Z');
</script>

    <!-- styles -->

<link rel="stylesheet" href="/css/style.css">

<meta name="generator" content="Hexo 7.3.0"></head>

<body class="max-width mx-auto px3 ltr">

    <div class="content index py4 h-card">

          <header id="header">
  <a class="u-url u-uid" href="/">

      <img id="logo" alt class="u-logo" src="/images/logo.png" style="width: 80px; height: auto;" />

    <div id="title">
      <Arshad class="p-name" style="font-size: 2.6rem;">Arshad Khalid</Arshad>
    </div>
  </a>
  <div id="nav">
    <ul style="font-size: 1.1rem;"> <!-- Increased size for Home, Resume, and Projects -->
        <li class="icon">
            <a href="#" aria-label="Menu"><i class="fa-solid fa-bars fa-2x"></i></a>
        </li>
        <li><a href="/">Home</a></li>
        <li><a href="/resume">Resume</a></li>
        <li><a target="_blank" rel="noopener" href="http://github.com/arshad-khalid">Projects&#8599;</a></li> <!-- Added arrow symbol for new link -->
    </ul>
</div>
</header>

        <!-- Resume Section -->
        <section id="resume" class="p-note py5">
            <h2 style="font-size: 2.35rem;">The Journey So Far</h2> <!-- Title -->
            <p>Here’s a snapshot of my professional path—degrees, skills, and the work experiences that have shaped me along the way.
                It’s been a fun ride so far, and I’m always excited for what’s next!</p> <!-- Description -->

            <!-- PDF Resume Preview (embed the PDF) -->
            <div class="resume-preview">
                <iframe src="/cv/Arshad_Khalid_CV.pdf" width="100%" height="750px" style="border: 1px solid #ddd;" title="Resume Preview"></iframe>
            </div>

            <!-- Download Link -->
            <p class="download-resume">
                <a href="/cv/Arshad_Khalid_CV.pdf" download="Arshad_Khalid_CV.pdf" class="btn btn-primary mt-4">Grab the Full Resume (PDF)</a>
            </p>
        </section>
          <!-- Empty space for scrolling -->
  <div style="height: 25px;"></div>
</section>
<br>
<br>
<br>
<br>
        <!-- Footer -->
        <div style="display: flex; justify-content: center; align-items: center; height: 1vh; text-align: center;">
            <p style="font-size: 10px;">If you like this website, feel free to fork or clone my repo on <a href="https://github.com/arshad-khalid/arshad-khalid.github.io" target="_blank" style="color: #f2687d;">GitHub</a>&#8599;</p>
          </div>
        <footer id="footer">
            <div style="font-size: 0.65rem;" class="footer-left">
                Copyright&copy 2024 Arshad Khalid
            </div>
            <div class="footer-right">
                <nav>
                    <ul style="font-size: 0.65rem;">
                        <li><a href="/" style="text-decoration: none;">Home</a></li>
                        <li><a href="/resume" style="text-decoration: none;">Resume</a></li>
                        <li><a target="_blank" rel="noopener" href="http://github.com/arshad-khalid" style="text-decoration: none;">Projects&#8599;</a></li>
                    </ul>
                </nav>
            </div>
          </footer>
    </div>

    <!-- Bootstrap JS Bundle (includes Popper) -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>