codeca/index.html at main · codeitR/codeca · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Community Museum">
    <!-- <meta name="keywords" content="semester-project" />
    <meta name="author" content="Ramesh Ghimire" /> -->
    <title>SCSMuseum|Home page</title>
    <link rel="stylesheet" href="src/styles/designSystem.css">
    <link rel="stylesheet" href="src/styles/Home.css">
    <link rel="icon" href="src/images/open-science-735787-removebg-preview.png">
</head>

<body>
    <section class="section__hero">
        <nav class="container navbar">
            <div class="logo-text">
                <a href="index.html"><img class="project-logo" src="src/images/open-science-735787-removebg-preview.png"
                        alt="img of logo">
                </a>
                <div class="text-in-logo">SCSMuseum</div>
            </div>
            <div class="nav-items">
                <div class="options hidden">
                    <a href="index.html" class="underline">home</a>
                    <a href="about.html">about</a>
                    <a href="visit.html">visit</a>
                    <a href="contact.html">contact</a>

                </div>
                <div class="navbar__icons">
                    <i class="bi bi-list"></i>
                    <i class="bi bi-x hide"></i>
                </div>
            </div>
        </nav>

        <div class="hero_section_text">
            <p class="hero_section_description">Welcome to the</p>
            <h1 class="hero_section_title">sandvika community science museum</h1>
            <a href="explore.html" class="hero_section_button">explore more..</a>

        </div>
    </section>
    <section class="section__two container">
        <div class="section__two--left">
            <h2>Get Involved</h2>
            <hr>
            <p class="involved__block--right">
                There are several ways that you can get involved to help us keep the meseum operating. Find out how
                below.
            </p>
            <a href="undercons.html" class="button_href donate">donate</a>
            <a href="getinvolved.html" class="button_href">get involve</a>
            <a href="getinvolved.html" class="button_href">internships</a>
            <a href="getinvolved.html" class="button_href">volunteer</a>
        </div>
        <div class="section__two--right">
            <img class="responsive-image" src="./src/images/index_unsplash_1.jpg" alt="image of guy flying to space">
        </div>

    </section>

    <section class="">
        <div class="container">
            <h1>Exihibition</h1>
            <hr>
        </div>
        <img src="src/images/exhibition-lab.jpg" class="exhibition-image responsive-image" alt="lab picture">

        <div class="container">
            <div class="exhibition__block">
                <div class="exhibition__block--left">
                    <h2>Cosmology</h2>
                    <p class="date">May 16 - June 16, 2024</p>

                </div>
                <p class="exhibition__block--right">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 andgalaxies that
                    can be seen and learn a bit about the early navigators who used the stars to travel by. <br>
                    <a href="explore.html" class="read__more">Read more...</a>
                </p>
            </div>
            <hr>
            <div class="exhibition__block">
                <div class="exhibition__block--left">
                    <h2>Evolution</h2>
                    <p class="date">May 16 - June 16, 2024</p>
                </div>
                <p class="exhibition__block--right">Discover the origins of life on this planet and how the species we
                    know today have evolved our time. You can also 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>
            <hr>
            <div class="exhibition__block">
                <div class="exhibition__block--left">
                    <h1>Biology and Medicine</h1>
                    <p class="date">May 16 - June 16, 2024</p>
                </div>
                <p class="exhibition__block--right">From micro-organisms to the human body, major breakthroughs in
                    biology
                    are
                    offering us unique insights into the great
                    wonders of the tiny world.For many people their life expectancy is much longer and their quality of
                    life
                    much
                    improved,thanks to the growth of our understanding of medicine.
                </p>
            </div>
            <hr>
            <div class="exhibition__block">
                <div class="exhibition__block--left">
                    <h1>AI Robotics</h1>
                    <p class="date">May 16 - June 16, 2024</p>
                </div>
                <p class="exhibition__block--right">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>
            </div>
            <hr>
        </div>
    </section>

    <footer>
        <div class="container">
            <div class="footer__navbar">
                <div class="logo-text">
                    <img class="project-logo" src="src/images/open-science-735787-removebg-preview.png"
                        alt="logo of the website">
                    <h3>SCSMuseum</h3>
                </div>
                <div class="footer__navbar--options">
                    <a href="index.html" class="home">Home</a>
                    <a href="about.html" class="explore">About</a>
                    <a href="gallery.html" class="visit">Visit</a>
                    <a href="contact.html" class="contact">Contact</a>
                </div>
            </div>
            <address>Community Science Museum <br>
                Bjørekollen 100, Oslo<br>
                +47 9867000000
            </address>
            <hr>
            <div class="socials-copyright">
                <div class="socials">
                    <i class="bi bi-instagram"></i>
                    <i class="bi bi-twitter"></i>
                    <i class="bi bi-facebook"></i>
                </div>
                <div class="copyright">
                    © 2023. schoolProject@ramesh
                </div>
            </div>
        </div>
    </footer>

    <script src="main.js"></script>
</body>

</html>