umarraj008.github.io/index.html at main · umarraj008/umarraj008.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
<!doctype html>
<html lang="en" data-theme="light">
  <head data-theme="dark">
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Umar Rajput | Full-Stack Developer Portfolio</title>
    <meta name="description" content="Explore the portfolio of Umar Rajput, a skilled software developer specializing in JavaScript, React, and custom web applications in the UK.">
    <meta name="keywords" content="Umar Rajput, software developer, full stack developer, web developer, Java, PHP, JavaScript, React, UK software development, Umar Rajput calendar app, Umar Rajput games, GitHub, full stack developer portfolio, Umar Rajput GitHub, JavaScript developer UK">
    <meta name="robots" content="index, follow">

    <!-- Canonical Tag -->
    <link rel="canonical" href="https://umarrajput.co.uk/">
    <link rel="canonical" href="http://umarrajput.co.uk/">
    <link rel="canonical" href="https://www.umarrajput.co.uk/">
    <link rel="canonical" href="http://www.umarrajput.co.uk/">

    <!-- Set different icon sizes for different devices -->
    <link rel="apple-touch-icon" sizes="180x180" href="icons/logo-180x180.png">
    <link rel="apple-touch-icon" sizes="152x152" href="icons/logo-152x152.png">
    <link rel="apple-touch-icon" sizes="120x120" href="icons/logo-120x120.png">

    <!-- You can also add a splash screen background color if desired -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

    <!-- Android icon (192x192 is the recommended size) -->
    <link rel="icon" sizes="192x192" href="icons/logo-192x192.png">

    <!-- Windows icon (used for pinned sites in the Start Menu) -->
    <link rel="icon" type="image/png" href="icons/logo-32x32.png">
    <link rel="icon" type="image/png" href="icons/logo-16x16.png">

    <!-- For Windows 8 and above -->
    <meta name="msapplication-TileImage" content="icons/logo-144x144.png">
    <meta name="msapplication-TileColor" content="#ffffff">

    <!-- Favicon for browsers -->
    <link rel="icon" href="icons/umarLogoV3.ico" type="image/x-icon">
    <link rel="icon" href="icons/logo-32x32.png" sizes="32x32">
    <link rel="icon" href="icons/logo-16x16.png" sizes="16x16">

    <!-- Open Graph -->
    <meta property="og:title" content="Umar Rajput | Software Developer Portfolio">
    <meta property="og:description" content="Explore the portfolio of Umar Rajput, a skilled software developer specializing in JavaScript, React, and custom web applications in the UK.">
    <meta property="og:image" content="https://umarrajput.co.uk/umarLogoV3.png">
    <meta property="og:url" content="https://umarrajput.co.uk/">

    <!-- Twiter/X -->
    <meta name="twitter:title" content="Umar Rajput | Software Developer Portfolio" />
    <meta name="twitter:description" content="Explore the portfolio of Umar Rajput, a skilled software developer specializing in JavaScript, React, and custom web applications in the UK." />
    <meta name="twitter:image" content="https://umarrajput.co.uk/umarLogoV3.png" />
    <meta name="twitter:card" content="summary_large_image" />

    <!-- Google Fonts and Icons -->
    <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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />

    <!-- Structured Data (Schema Markup) -->
    <script type="application/ld+json">
      {
        "@context": "http://schema.org",
        "@type": "Person",
        "name": "Umar Rajput",
        "url": "https://umarrajput.co.uk",
        "sameAs": [
          "https://www.linkedin.com/in/umar-rajput",
          "https://github.com/umarraj008",
          "https://twitter.com/CrustyIndian69"
        ],
        "description": "Full-Stack Developer and Software Engineer",
        "image": "https://umarrajput.co.uk/umarLogoV3.png",
        "jobTitle": "Full-Stack Developer"
      }
      </script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.jsx"></script>
  </body>
</html>