GWAC-MPPR/header.html at main · VincentSD/GWAC-MPPR · 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
<!-- G-WAC Header Component -->
<header class="main-header">
    <div class="header-container">
        <div class="logo-section">
            <img src="../images/g-wac-logo.jpeg" alt="G-WAC Logo" class="g-wac-logo">
            <div class="title-section">
                <h1 class="main-title">G-WAC Short Course</h1>
                <p class="header-subtitle">Git, GitHub & Infectious Disease Modeling</p>
            </div>
        </div>
        <div class="course-info">
            <div class="course-badge">
                <span class="badge-icon">⏱️</span>
                <span class="badge-text">8 Hours Total</span>
            </div>
            <div class="course-badge">
                <span class="badge-icon">👥</span>
                <span class="badge-text">Interactive</span>
            </div>
            <div class="course-badge">
                <span class="badge-icon">💻</span>
                <span class="badge-text">Hands-on</span>
            </div>
        </div>
    </div>
</header>

<!-- Main Navigation -->
<nav class="main-nav" aria-label="Main navigation">
    <div class="nav-container">
        <ul class="nav-list">
            <li><a href="../index.html#course-overview" class="nav-link">Overview</a></li>
            <li><a href="../index.html#part1-section" class="nav-link">Part 1: Git & GitHub</a></li>
            <li><a href="../index.html#part2-section" class="nav-link">Part 2: Modeling</a></li>
            <li><a href="../index.html#collaboration" class="nav-link">Collaborate</a></li>
            <li><a href="../index.html#submission-portal" class="nav-link">Submissions</a></li>
            <li><a href="../index.html#resources" class="nav-link">Resources</a></li>
        </ul>
    </div>
</nav>

<!-- Lab Navigation Sidebar -->
<div id="menu">
    <p class="link-home">
        <a href="../index.html" style="color: #fff;">← Back to Course</a>
    </p>
    <nav>
        <ol>
            <li><a href="lab_00.html">Introduction</a></li>
            <li><a href="lab_01.html">Setup</a></li>
            <li><a href="lab_02.html">Create a Project</a></li>
            <li><a href="lab_03.html">Collaboration</a></li>
            <li><a href="lab_04.html">Merge Conflicts</a></li>
            <li><a href="lab_05.html">Git Commands Cheat Sheet</a></li>
            <li><a href="lab_10.html">Thank You</a></li>
        </ol>
    </nav>
</div>