NTOG/model 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Nordic Thoracic Oncology Group</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Meta Tags for SEO -->
  <meta name="description" content="Nordic Thoracic Oncology Group (NTOG): Collaborating across Nordic countries to improve lung cancer research and care.">
  <meta name="keywords" content="lung cancer, oncology, thoracic, research, Nordic countries, NTOG, lung cancer guidelines, nordic lung cancer symposium, lung cancer symposium">
  <meta name="msvalidate.01" content="F887DD5018BA9A9629A7F4D2F04A2891" />

  <!-- Open Graph Meta Tags for Social Sharing -->
  <meta property="og:title" content="Nordic Thoracic Oncology Group (NTOG)">
  <meta property="og:description" content="Uniting Nordic expertise to advance thoracic oncology and enhance patient outcomes across Denmark, Finland, Iceland, Norway, and Sweden.">
  <meta property="og:image" content="https://raw.githubusercontent.com/heidihelena/NTOG/main/gothenburg.jpg">
  <meta property="og:url" content="https://ntog.org">
  <meta property="og:type" content="website">

  <!-- Twitter Card Meta Tags -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Nordic Thoracic Oncology Group (NTOG)">
  <meta name="twitter:description" content="Collaborating across Nordic countries to improve lung cancer research and care.">
  <meta name="twitter:image" content="https://raw.githubusercontent.com/heidihelena/NTOG/main/gothenburg.jpg">

  <!-- Additional Resources -->
  <!-- Bootstrap CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  <!-- 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">
</head>
<body>

  <!-- Navigation -->
  <nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #333;">
    <div class="container-fluid">
      <!-- Brand -->
      <a class="navbar-brand" href="index.html">NTOG</a>
      <!-- Toggler/collapsible 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>
          <!-- News -->
          <li class="nav-item">
            <a class="nav-link" href="news.html">News</a>
          </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>
        </ul>
      </div>
    </div>
  </nav>

  <!-- Main Content Placeholder -->
  <main class="container my-5">
    <!-- Your content goes here -->
  </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"></script>
  <!-- Custom JS -->
  <script src="js/scripts.js"></script>

</body>
</html>