Semester-Project-1/exhibition.html at main · Veronicabrun/Semester-Project-1 · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <menta name="description" content="Explore what the Nordics' largest Community science museum for children, teenagers and adults has to
    offer in terms of experiences.">
    <link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
    <script src="https://kit.fontawesome.com/b318972c4d.js" crossorigin="anonymous"></script>
    <title>Community Science Museum | Exhibition spaces</title>
    <link href="css/styles.css" rel="stylesheet">
</head>
<body>
  <header>
    <div class="header-container">
        <label for="menu-checkbox" class="hamburger-icon"><i class="fas fa-bars"></i></label>
        <input type="checkbox" id="menu-checkbox">
        <a href="index.html" class="logo">Community Science Museum</a>
     <div class="nav-bottom">
        <nav>
          <ul class="nav-ul">
            <li><a href="index.html">Home</a></li>
            <li><a href="events.html">Events</a></li>
            <li><a href="exhibition.html" class="active">Exhibition</a></li>
            <li><a href="explore.html">Explore</a></li>
            <li><a href="visit.html">Visit</a></li>
            <li><a href="contact.html">Contact</a></li>
         </ul>
        </nav>
        <input type="text" placeholder="Search here..." class="search">
        <a href="contact.html" class="cta_nav">Tickets</a>
      </div>
    </div>
  </header>
    <main>
         <h1 class="exhibition-heading">Exhibition spaces</h1>
         <hr class="line-exhibition-heading">
      <section class="exhibition-container">
          <div class="exhibition-image">
            <img class="exhibition_image" src="images/gallery-robot.jpg" alt="A white robot raising one arm up surrounded by a light blue background.">
          </div>
          <div class="exhibition-text">
            <h2>Robotics and ai</h2>
            <hr class="line-exhibition">
            <p>The information revolution is here and robotics and artificial intelligence are the science of the future. From useful home applications
              of AI to industrial uses of robotics, the future is here. You can even say hello and shake the hand of Rob the Robot.</p>
            <p>Bring the whole family with you and come try out our artificial intelligence robot. We also have VR glasses which are one of our most
               popular activities here at the museum. Among other things, you can paint while wearing VR glasses.</p>
          </div>
      </section>
          <hr class="line-exhibition-container">
      <section class="exhibition-container">
          <div class="exhibition-text">
            <h2>Cosmology</h2>
            <hr class="line-exhibition">
            <p>Explore the wonders of our cosmos. Our fantastic exhibition, The Sky Above Us, explores the night sky and what we can see and know
               about the universe around us. We'll locate the various constellations and galaxies that can be seenand learn a bit about the early
               navigators who used the stars to travel by.</p>
            <p>Follow the journey of our solar exploration: fromearly Arab traders, to Galileo's telescope,
               to the latest exploration of the planets in our solar system.</p>
          </div>
          <div class="exhibition-image">
            <img class="exhibition_image" src="images/exhibition-galaxy.jpg" alt="A galaxy in space surrounded by stars and beautiful blue tones.">
          </div>
      </section>
          <hr class="line-exhibition-container">
      <section class="exhibition-container">
          <div class="exhibition-image">
            <img class="exhibition_image" src="images/home-page-dino.jpg" alt="A close-up of the face of a dinosaur seen from the side. Surrounded
            by blue tones in the background.">
          </div>
          <div class="exhibition-text">
            <h2>Evolution</h2>
            <hr class="line-exhibition">
            <p>For centuries, philosophers and scientists have wrestled with the question of our origins. Wheredo we come from and how did we get here?
              Since Darwin proposed his theory of evolution we have had a framework for exploring and understanding our place in this world</p>
            <p>Discover the origins of life on this planet and how the species we know today have evolved our time.
              You canalso take some time to meet a few of the creatures who didn’t survive, including our Woolly Mammoth, the Dodos, and a number
              of dinosaurs too.</p>
          </div>
      </section>
          <hr class="line-exhibition-container">
      <section class="exhibition-container">
          <div class="exhibition-text">
            <h2>Ecology</h2>
            <hr class="line-exhibition">
            <p>As we learn more and more of the impact humans are having on the planet, the more important it becomes that scientists explore how
              to create a sustainable future not justfor humans but for the whole planet.</p>
            <p>In our ecology section of the museum, we unpack the dangers we currently face including global warming, extinction of species,
                and pollution. But we also focus on the positive ways we can all contribute to a brighter future. Learn more about what you can do
                for and contribute to a more environmentally friendly planet for our next generation.</p>
          </div>
          <div class="exhibition-image">
            <img class="exhibition_image" src="images/exhibition-ice.jpg" alt="Large white glacier with blue tones surrounded by water.">
          </div>
      </section>
          <div class="cta-item">
              <a href="index.html" class="cta-back">Back</a>
              <a href="contact.html" class="cta-tickets">Buy tickets</a>
          </div>
    </main>
    <footer>
      <div class="footer-container">
          <div class="help">
            <h3 class="footer-heading">Help</h3>
              <ul>
                <li><a href="contact.html">Contact</a></li>
                <li>Accessibility</li>
                <li>Get involved</li>
              </ul>
          </div>
          <div class="follow-us">
            <h3 class="footer-heading">Follow us</h3>
              <div>
                  <a href="#" class="icon"><i class="fa-brands fa-facebook"></i> Facebook</a>
              </div>
              <div>
                  <a href="#" class="icon"><i class="fa-brands fa-twitter"></i> Twitter</a>
              </div>
              <div>
                  <a href="#" class="icon"><i class="fa-brands fa-instagram"></i> Instagram</a>
              </div>
          </div>
          <div class="visit-us">
            <h3 class="footer-heading">Visit us</h3>
              <div>
                  <a href="#" class="icon"><i class="fa-solid fa-location-dot"></i>633 Washington George WTX 0598</a>
              </div>
          </div>
      </div>
      <hr class="line-footer">
  </footer>
</body>
</html>