Freaky-Friday/contact.html at master · mkmbaran/Freaky-Friday · 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
<!DOCTYPE>
<html>
<head>
    <title>Viking Photo</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="index.css"/>
</head>
<body>
<div class="container">
    <header class="cell cell-1">
        <a href="index.html" class="cell-1">
            <h1>Viking photo</h1>
        </a>
        <p>Showcasing the natural beauty and wonder of the Scandinavian environment.</p>
    </header>
    <aside class="cell cell-2">
    </aside>

    <main class="cell cell-3">
        <h2>CONTACT US</h2>
        <p>If you have any inquires or questions, send us an email at <em>question@vikingphoto.no</em> or fill out the form below.<br>
            We will get in touch with you as soon as possible.<br>
        </p>
        <form action="action_page.php">
            <label for="fname">First Name</label>
            <input type="text" id="fname" name="firstname" placeholder="Your Name...">

            <label for="lname">Last Name</label>
            <input type="text" id="lname" name="lastname" placeholder="Your last name..">

            <label for="country">Country</label>
            <select id="country" name="country">
                <option value="norway">Norway</option>
                <option value="sweden">Sweden</option>
                <option value="denmark">Denmark</option>
                <option value="iceland">Iceland</option>
                <option value="euuk">EU & UK</option>
                <option value="usa">USA</option>
            </select>

            <label for="subject">Subject</label>
            <textarea id="subject" name="subject" placeholder="Write something.." style="height:200px"></textarea>

            <input type="submit" value="Submit">
        </form>
        <p><br>
            To return to the main page, click <a href="index.html">here</a> or on the logo in the header.
        </p>
    </main>
    <aside class="cell cell-4">
    </aside>
    <footer class="cell cell-5">
        <div class="cell"><a href=about.html>About Us</a></div>
        <div class="cell"><a href=contact.html>Contact Us</a></div>
        <div class="cell">Privacy Policy</div>
    </footer>
    </div>

</div>
</body>
</html>