Basic-Portfolio/contact.html at master · stellie82/Basic-Portfolio · 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
<!DOCTYPE html>

<html lang="en">
    <head>
        <title>Contact Me</title>
        <link rel="stylesheet" href="assets/css/style.css">
        <link rel="shortcut icon" href="assets/images/laugh.jpg" type="image/x-icon"/>
    </head>

    <body>
        <!-- header section of page -->
        <header>
            <div class="container">
                <div class="clearfix">
                    <div id="myname">
                        <h1>Stella Kim</h1>
                    </div>
                    <nav class="nav">
                        <ul>
                            <li><a href="index.html">About</a></li>
                            <li><a href="portfolio.html">Portfolio</a></li>
                            <li><a href="contact.html">Contact</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </header>

        <!-- main portion of page content -->
        <main>
            <div class="clearfix">
                <h1>Contact</h1>

                <div id="divider"></div>

                <div class="section">
                    <form>
                        <label>Name</label>
                        <input type="text" id="box" placeholder="John Smith"><br>

                        <label>Email</label>
                        <input type="text" id="box" placeholder="example@gmail.com"><br>

                        <label>Message</label>
                        <textarea></textarea>

                        <input type="submit" value="Submit">
                    </form>
                </div>
            </div>
        </main>

        <!-- inserted an invisible block here to be able to see content behind the footer -->
        <div id="invisible"></div>

        <!-- footer section of page -->
        <footer>
            <h6>Copyright &copy</h6>
        </footer>

    </body>
</html>