webtech-2021/feedback.html at main · Tattersson/webtech-2021 · 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
<!DOCTYPE HTML>
<html>

<head>
    <link rel="stylesheet" href="main.css">
    <link rel="stylesheet" href="navigation.css">
    <title>WebDev 2021 - Paski</title>
</head>

<body>
    <div class="sidenavigation">
        <a href="index.html">Home</a>
        <a href="projects.html">Projects</a>
        <a href="#">About Me</a>
        <a href="#">Links</a>
        <a href="feedback.html">Feedback * </a>
        <a href="flexbox.html">Flexbox * </a>
    </div>
    <div class="main">
        <h1>WebDev 2021</h1>
        <h3>Tatu-Topias Paski</h3>
        <p>Student at LAB University of Applied Sciences - LITAD19</p>
    </div>


    <div class="form">
        <form>
            <table class="form-style">
                <tr>
                    <td>
                        <fieldset>
                            <legend>Contact Information:</legend>
                            <table>
                                <tr>
                                    <td><label>First Name:</label></td>
                                    <td><input class="name-text" type="text" id="fname" name ="fname"></td>
                                    <td><p>Preferred contact method</p></td>
                                </tr>
                                <tr>
                                    <td><label>Last Name:</label></td>
                                    <td><input class="name-text" type="text" id="fname" name ="fname"></td>
                                    <td><input type="checkbox" id="sms" name="sms">SMS</td>

                                </tr>
                                <tr>
                                    <td><label>Email:</label></td>
                                    <td><input class="name-text" type="text" id="fname" name ="fname"></td>
                                    <td><input type="checkbox" id="mail" name="mail">Email</td>

                                </tr>
                                <tr>
                                    <td><label>Telephone:</label></td>
                                    <td><input type="text" id="telephone" name="telephone"></td>
                                </tr>
                            </table>
                        </fieldset>
                    </td>
                </tr>

                <tr>
                    <td>
                        <fieldset>
                            <legend>Feedback:</legend>

                            <table>
                                <tr>
                                    <td><label>Subject:</label></td>
                                    <td><input class="subject-text" type="text" id="subject" name ="subject"></td>
                                </tr>
                                <tr>
                                    <td>
                                        <textarea class="textarea" name="textarea" cols="80" rows="10">
                                        </textarea>
                                    </td>
                                </tr>
                                <tr>
                                    <td><label>Attach a file:</label></td>
                                    <td><input type="file" id="file" name="file"></td>
                                </tr>
                                <tr>
                                    <td><input type="submit" name="submit"></td>
                                </tr>
                            </table>

                        </fieldset>
                    </td>
                </tr>
            </table>
        </form>
    </div>
    <div class="main">
        <h3>Note this!</h3>
        <p> By sending me a feedback it may take a few days for me to read.</p>
    </div>
</body>

</html>