Basic-Portfolio/contact.html at master · john2893/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
<!DOCTYPE html>
<html lang="en-us">
<head>
    <meta charset="UTF-8">
    <title>Basic Portfolio</title>

    <link rel="stylesheet" type="text/css" href="assets/css/reset.css">
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">


</head>

<body>
    <div id="main">
        <header>
            <div id="nameTag">
                <h1>Sujith John</h1>
            </div>
            <div id="nav">
                <ul>
                    <li><a href="contact.html">Contact</a></li>
                    <li><a href="portfolio.html">Portfolio</a><span class="divider">|</span></li>
                    <li><a class="active" href="index.html">About</a><span class="divider">|</span></li>
                </ul>
            </div>
        </header>
        <section>
            <div id="bio">
                <h2> Contact </h2>
                <hr>
                <form class="decoration">
                    <label for="name">Name: </label><br>
                    <input type="text" id="name" name="name" placeholder="John Smith"><br>

                    <label for="email">Email:</label><br>
                    <input type="email" id="email" name="email" placeholder="example@gmail.com"><br>

                    <label for="message">Message:</label><br>
                    <textarea style="height:150px;" id="message" name="message" placeholder="Message.."></textarea>
                    <br><br>
                    <input type="submit" value="Submit">
                </form>
            </div>

        </section>
        <footer class="footer">

            <div id="grey">
                <div id="green"></div>
                <p id="center">Copyright&copy;</p>
            </div>
        </footer>
    </div>
</body>
</html>