resumecv/index.html at main · DrUmranAli/resumecv · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dr. Umran Ali - Home</title>
    <!-- New Font Link -->
    <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=Cormorant+Garamond:wght@400;700&display=swap" rel="stylesheet">

    <!-- Original Stylesheet Link -->
    <link rel="stylesheet" href="style.css">

    <!-- Old Font Link (can be removed) -->
    <!-- <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,700;1,400&family=Lato:wght@300;400;700&display=swap" rel="stylesheet"> -->
</head>
<body>
    <header class="site-header">
        <div class="header-container">
            <div class="site-title"><a href="index.html">Dr Umran Ali</a></div>
            <nav class="main-nav">
                <ul>
                    <li><a href="index.html" class="active">Home</a></li>
                    <li><a href="about.html">About</a></li>
                    <li><a href="research.html">Research</a></li>
                    <li><a href="leadership.html">Leadership</a></li>
                    <li><a href="qa.html">External QA</a></li>
                    <li><a href="media.html">Media</a></li>
                    <li><a href="engagement.html">Engagement</a></li>
                    <li><a href="assets/Dr Umran Ali CV_UoS_1.0.pdf" target="_blank">CV</a></li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
            </nav>
            <div class="social-links">
                <a href="https://x.com/Dr_UmranAli/" target="_blank" aria-label="Twitter"><svg viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a>
                <a href="https://www.linkedin.com/in/dr-umran-ali/" target="_blank" aria-label="LinkedIn"><svg viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg></a>
            </div>
            <div class="mobile-menu-toggle"><div class="burger-icon"><span></span><span></span><span></span></div></div>
        </div>
    </header>
    <main>
<section id="home" class="hero-section">
    <div class="content-wrapper">
        <div class="hero-title-container">
            <h1 class="main-title">
                Dr Umran Ali
                <span class="qualifications">B.Sc (Hons) M.A, PgCHE, SFHEA, Ph.D.</span>
            </h1>
            <p class="subtitle">Scholar • Creative • Consultant</p>
        </div>
    </div>
</section>
        <section>
             <div class="content-wrapper">
                <h2>Welcome</h2>
                <p>This website provides an overview of my work in education, scholarship, research, and leadership. Please use the navigation to explore detailed sections on my publications, leadership roles, external examination experience, and media contributions.</p>
             </div>
        </section>
    </main>
    <footer>
        <div class="footer-container">
            <p>Copyright © 2025 All Rights Reserved - Dr. Umran Ali</p>
        </div>
    </footer>
    <script src="script.js"></script>
</body>
</html>