NTOG/ongoing-projects.html at main · heidihelena/NTOG · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Ongoing Research | Nordic Thoracic Oncology Group</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Current research projects by the Nordic Thoracic Oncology Group (NTOG).">
  <meta name="keywords" content="NTOG, ongoing research, lung cancer studies, oncology projects">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- Additional Resources -->
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Open+Sans&display=swap" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/tables.css">
<link rel="stylesheet" href="css/buttons.css">
<link rel="stylesheet" href="css/nav.css">
<link rel="stylesheet" href="css/hero.css">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

  <!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
  <div class="container">
    <!-- Brand -->
    <a class="navbar-brand" href="index.html">NTOG</a>
    <!-- Toggler Button -->
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
      aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <!-- Navbar Links -->
    <div class="collapse navbar-collapse" id="navbarNav">
      <ul class="navbar-nav ms-auto">
        <!-- About Dropdown -->
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-bs-toggle="dropdown"
            aria-expanded="false">
            About Us
          </a>
          <ul class="dropdown-menu" aria-labelledby="aboutDropdown">
            <li><a class="dropdown-item" href="about.html">About Us</a></li>
            <li><a class="dropdown-item" href="mission.html">Mission</a></li>
            <li><a class="dropdown-item" href="history.html">History</a></li>
            <li><a class="dropdown-item" href="steering-committee.html">Steering Committee</a></li>
          </ul>
        </li>
        <!-- Research Dropdown -->
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="researchDropdown" role="button" data-bs-toggle="dropdown"
            aria-expanded="false">
            Research
          </a>
          <ul class="dropdown-menu" aria-labelledby="researchDropdown">
            <li><a class="dropdown-item" href="research.html">Research Overview</a></li>
            <li><a class="dropdown-item" href="ongoing-projects.html">Ongoing Projects</a></li>
            <li><a class="dropdown-item" href="publications.html">Publications</a></li>
            <li><a class="dropdown-item" href="collaborations.html">Collaborations</a></li>
          </ul>
        </li>
        <!-- Events Dropdown -->
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="eventsDropdown" role="button" data-bs-toggle="dropdown"
            aria-expanded="false">
            Events
          </a>
          <ul class="dropdown-menu" aria-labelledby="eventsDropdown">
            <li><a class="dropdown-item" href="events.html">Events Overview</a></li>
            <li><a class="dropdown-item" href="upcoming-events.html">Upcoming Events</a></li>
            <li><a class="dropdown-item" href="past-events.html">Past Events</a></li>
          </ul>
        </li>
        <!-- Clinical Resources Dropdown -->
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="resourcesDropdown" role="button" data-bs-toggle="dropdown"
            aria-expanded="false">
            Clinical Resources
          </a>
          <ul class="dropdown-menu" aria-labelledby="resourcesDropdown">
            <li><a class="dropdown-item" href="guidelines.html">Clinical Guidelines</a></li>
            <li><a class="dropdown-item" href="protocols.html">Protocols</a></li>
            <li><a class="dropdown-item" href="tools.html">Tools</a></li>
          </ul>
        </li>
        <!-- Get Involved Dropdown -->
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="getInvolvedDropdown" role="button" data-bs-toggle="dropdown"
            aria-expanded="false">
            Get Involved
          </a>
          <ul class="dropdown-menu" aria-labelledby="getInvolvedDropdown">
            <li><a class="dropdown-item" href="expert.html">Expert Network</a></li>
            <li><a class="dropdown-item" href="collaboration.html">Collaboration Opportunities</a></li>
            <li><a class="dropdown-item" href="volunteer.html">Volunteer</a></li>
          </ul>
        </li>
        <!-- News -->
        <li class="nav-item">
          <a class="nav-link" href="news.html">News</a>
        </li>
      </ul>
    </div>
  </div>
</nav>

  <section class="hero mt-5 bg-dark text-white py-4">
  <div class="animated-background"></div> <!-- This is crucial for the animation to work -->
  <div class="hero-content">
    <h1>Nordic Thoracic Oncology Group</h1>
    <p>Advancing thoracic oncology research across the Nordic countries</p>
    <a href="https://cancerakademin.se/evenemang/nordic-lungcancer-symposium-2025/" class="btn btn-primary">Nordic Lung Cancer Congress 2025</a>
  </div>
</section>

<!-- Main Content -->
<main class="container my-5">
  <h1>Ongoing Research</h1>

  <!-- TRIPLEX Study -->
  <section class="container my-5">
    <div class="card">
      <div class="row g-0">
        <div class="col-md-12">
          <div class="card-body">
            <h2 class="card-title">TRIPLEX Study -recruiting</h2>
            <p class="card-text">
              A randomized phase III trial investigating the survival benefit of adding thoracic radiotherapy to durvalumab (MEDI4736) immunotherapy plus chemotherapy in extensive-stage small-cell lung cancer.
            </p>
            <p><strong>Lead Researcher:</strong> Bjørn Henning Grønberg</p>
            <p>
              <a href="https://raw.githubusercontent.com/heidihelena/images/main/NTOG_TRIPLEX.pdf" class="btn btn-outline-primary" target="_blank">Learn more about TRIPLEX</a>
            </p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ACHILES Study -->
  <section class="container my-5">
    <div class="card">
      <div class="row g-0">
        <div class="col-md-12">
          <div class="card-body">
            <h2 class="card-title">ACHILES Study</h2>
            <p class="card-text">
              A randomized phase II study comparing atezolizumab after concurrent chemoradiotherapy with chemoradiotherapy alone in limited-disease small-cell lung cancer.
            </p>
            <p><strong>Lead Researcher:</strong> Bjørn Henning Grønberg</p>
            <p>
              <a href="https://raw.githubusercontent.com/heidihelena/images/main/NTOG_ACHILES.pdf" class="btn btn-outline-primary" target="_blank">Learn more about ACHILES</a>
            </p>
          </div>
        </div>
      </div>
    </div>
  </section>
  </main>

<!-- Footer -->
<footer class="bg-dark text-white py-4 mt-5">
    <div class="container text-center">
        <p>&copy; 2024 Nordic Thoracic Oncology Group</p>
        <p>
            <a href="privacy-policy.html" class="text-white me-2">Privacy Policy</a>
            <a href="terms-of-service.html" class="text-white">Terms of Service</a>
        </p>
    </div>
</footer>

  <!-- Bootstrap JS Bundle -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" defer></script>
  <!-- Custom JS -->
<script src="js/scripts.js"></script>

</body>
</html>