CSMO/about.html at main · JohanLossius/CSMO · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="The CSMO is the most spectactular science museum of the world, and has now finally arrived on Norwegian soil for you to explore." />
    <title>About | CSMO</title>
    <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=Ranchers&display=swap" rel="stylesheet">
    <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=Arvo&family=Ranchers&display=swap" rel="stylesheet">
    <link href="styles/styles.css" rel="stylesheet" />
  </head>
  <body>
    <header>
      <div class="logo-container">
        <a href="index.html" title="Home CSMO" ><img src="images/csmo-logo-3.png" alt="CSMO Logo" class="logo-header"></a>
      </div>
      <div class="csmo-nav-and-title-container">
        <div class="csmo-title-container">
          <a href="index.html" title="Home CSMO" class="csmo-title"><span>Community Science Museum Oslo</span></a>
        </div>
        <div class="header-menu">
          <a href="index.html" title="Home CSMO" class="header-menu-item">Home</a>
          <a href="about.html" title="About" class="header-menu-item header-menu-item-current">About</a>
          <a href="special-events.html" title="Special Events" class="header-menu-item">Special Events</a>
          <a href="get-involved.html" title="Get Involved" class="header-menu-item">Get Involved</a>
          <a href="contact.html" title="Contact" class="header-menu-item">Contact</a>
          <div class="exhibit-sub-nav-div">
            <label for="bar-menu"><span class="exhibits-nav-span">Exhibits<img src="images/arrow-down-icon.svg" class="arrown-down-icon" alt="Exhibits Navigation"></span></label>
            <input type="checkbox" id="bar-menu" class="checkbox-class">
            <div class="header-menu-2 header-menu-item">
              <a href="chemistry.html" title="Chemistry" class="header-menu-item">Chemistry</a>
              <a href="outer-space.html" title="Astronomy" class="header-menu-item" >Astronomy</a>
              <a href="paleontology.html" title="Paleontology" class="header-menu-item" >Paleontology</a>
              <a href="physics.html" title="Physics" class="header-menu-item" >Physics</a>
              <a href="virtual-reality.html" title="Virtual Reality" class="header-menu-item" >VR</a>
            </div>
          </div>
        </div>
      </div>
    </header>
    <main>
      <section class="main-text-section">
        <h1>About</h1>
        <div class="main-text-section">
          <div><img src="images/csmo-museum.jpg" alt="CSMO Museum Image" class="exhibit-page-image"></div>
          <p>Come join us at the Community Science Museum Oslo where we’re committed to making science accessible to all. Over the course of human history, science has developed from our early understanding of fire, wind, water, and earth to exploring everything from galaxies far away to the very building blocks of life itself.</p>
          <p>The aim of our museum is to create a space where everyone can experience the wonders of our discoveries and perhaps even ignite a lifelong passion to continue the exploration of the world around us.</p>
          <p>We believe science should not be confined to the textbook, but brought to live through exhibits. This is why we have over 1000 different exhibits on the many varied subjects of science to explore. Many of these exhibits are designed for you to interact with and play around to see science come to life (apart from the dinosaur exhibits – they only come to life at night when everyone’s gone home).</p>
        </div>
      </section>
      <section class="main-visit-section">
        <h2 class="trigger-main" id="trigger-main-id">Ready for adventure?</h2>
        <div class="visit-us-cta-div" >
          <a href="#location-id" title="Visit Us" class="visit-us-cta"><img class="play-icon-class" src="images/play-icon.svg" alt="Pointer down icon"><span class="visit-us-span">Visit Us</span></a>
        </div>
        <div class="toggle-display-div-visit-info">
          <div>
            <h3 id="location-id">Location</h3>
            <p>Kongens gate 18, 0153 Oslo, Norway</p>
            <p>Scandinavia, Europe, Tellus, Solar System, Milkyway, Universe</p>
            <p>Travel by Foot, Train, Plane, Space Ship or Other</p>
          </div>
          <div class="container-google-maps-div">
            <iframe class="google-maps-iframe" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2000.2417889987282!2d10.741214016095892!3d59.911534481866376!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46416e881640dc49%3A0x1e109e6c1bd040ef!2sKongens%20gate%2018%2C%200153%20Oslo!5e0!3m2!1sen!2sno!4v1642941441475!5m2!1sen!2sno" title="Google maps of CSMO location" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
          </div>
          <div>
            <h3>Opening Hours:</h3>
            <p>Monday: 10:00 - 22:00</p>
            <p>Tuesday: 10:00 - 22:00</p>
            <p>Wednesday: 10:00 - 22:00</p>
            <p>Thursday: 10:00 - 22:00</p>
            <p>Friday: 10:00 - 22:00</p>
            <p>Saturday: 9:00 - 18:00</p>
            <p>Sunday: 9:00 - 18:00</p>
            <p>Closed on Norwegian Calendar Holidays</p>
          </div>
          <div>
            <h3>Admission:</h3>
            <p class="admission-paragraph">Free Entrance for All.</p>
            <p class="admission-paragraph">Bring Your Friends!</p>
            <p>There are guided tours of the museum that leave every hour. These tours are
              100 NOK per person and include a handy printed guide of the museum.
              If you would like to organise a guided tour for your group of 6 or more people,
              please contact us to arrange the tour.
            </p>
          </div>
          <div>
            <h3>Food and drink:</h3>
            <p><span class="food-span">Café:</span> There is a café attached to the museum where you can get lunches, soft drinks, coffee, snacks and more.</p>
            <p><span class="food-span">Restaurant:</span> We have our own restaurant serving traditional Norwegian dishes.</p>
          </div>
          <div>
            <h3>Accessibility:</h3>
            <p>The museum has wheelchair accessibility ramps. It also has audio guides and braille display signs for the visually impaired.</p>
          </div>
          <div>
            <h3>Shop:</h3>
            <p>Our shop offers a range of souvenirs from the museum as well as great gifts and activity packs that allow you to continue to explore science even after you've left the museum.</p>
          </div>
        </div>
        <div class="to-top-div">
          <a href="#top" Title="To Top"><img src="images/to-top-icon.svg" alt="To Top" class="to-top-icon" ></a>
        </div>
      </section>
    </main>
    <footer>
      <div class="social-media-section">
        <a href="facebook.com" title="Facebook"><img src="images/Facebook.svg" alt="Facebook" class="social-media-icon" ></a>
        <a href="pinterest.com" title="Pinterest"><img src="images/Pinterest.svg" alt="Pinterest" class="social-media-icon" ></a>
        <a href="youtube.com" title="Youtube"> <img src="images/Youtube.svg" alt="Youtube" class="social-media-icon" ></a>
        <a href="instagram.com" title="Instagram"><img src="images/Instagram.svg" alt="Instagram" class="social-media-icon" ></a>
      </div>
      <div class="footer-address">
        <span>Visit: Kongens gate 18, 0159 Oslo, Norway</span>
      </div>
      <div class="footer-copyright">
        <span>© 2022 CSMO | All rights reserved.</span>
      </div>
    </footer>
  </body>
</html>