codeca/contact.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
<!DOCTYPE html>
<html lang="en">

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

</head>
<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="image of the 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>

</section>
<section class="section__two container">

    <div class="section__two--right">
        <img class="responsive-image getinvolved_img" src="./src/images/contact_2.jpg" alt="ulspash image ">
    </div>
    <div class="section__two--left">
        <h2>Contact Us</h2>
        <hr>
        <p class="involved__block--right">
            Whether you have a question, need assistance, want to provide feedback, or simply want to say hello, we're
            here to
            listen. Your communication is important to us, and we are committed to responding to your inquiries
            promptly.
        </p>
        <hr>
        <a href="#contactForm" class="button_href">e-mail us..</a>
        <a href="#talkToUs" class="button_href">talk to us..</a>

    </div>

</section>

<section class="contact__container container">
    <h2 class="contact-text" id="contactForm">Contact Form:</h2>
    <div class="contact__grid">
        <div class="contact__grid--left">
            <form class="contact_us_form" action="sent_message.html">
                <div class="input_field">
                    <label>E-mail</label>
                    <input type="email" placeholder="ola.norman@gmail.com" id="email_input" required />
                </div>
                <div class="input_field"><label>First Name</label>
                    <input type="text" placeholder="Ola" required />
                </div>
                <div class="input_field">
                    <label>Last Name</label>
                    <input type="text" placeholder="Norman" required />
                </div>
                <div class="input_field">
                    <label>Message</label>
                    <textarea required placeholder="Message" cols="30" rows="6"></textarea>
                </div>
                <button class="green-button">Submit</button>
            </form>
        </div>

    </div>

</section>
<section class="contact_bottom" id="talkToUs">
    <h3>General Questions</h3>
    <p>scsm@sanvikacommunity.no
        <br>
        (+47) 21 98 20 00
        <br>
        Pb. 7014 St. Olavs plassN–0130 Oslo
    </p>

</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>Art & 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. Written by Ramesh.
            </div>
        </div>
    </div>
</footer>
<script src="main.js"></script>
</body>

</html>