First-Website/contact.html at main · Doniws/First-Website · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Doni Wahyu Saputra Personal Website</title>

    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="contact.css">
    <form>
        <input class="search" type="text" placeholder="Cari..." required>
        <input class="button" type="button" value="Cari">
    </form>
</head>

<body  style="background-image:url(background.jpg) ;">
    <nav>
        <a style="color: black;" href="index.html"><img src="home.png" width="40" height="40"  /></a>
        <a style="color: black;" href="cv-name.pdf"><img src="download.png" width="40" height="40"  /></a>
        <a style="color: black;" href="about.html"><img src= "aboutme.png" width="40" height="40"/></a>
        <a style="color: black;" href="contact.html"><img src="contact.png" width="40" height="40"/></a>
        <a style="color: black;" href="news.html"><img src="news.png"  width="40" height="40"/></a>
    </nav>

    <hr />

    <div>
        <h1><i>Contact Me</i></h1>
        <form method="POST" netlify>
            <label  for="email"><strong>Email</strong></label><br />
            <input class="email"        type="email" name="email" placeholder="alamat email" />
            <br />
            <label for="message"><strong>Pesan</strong></label><br />
            <textarea class="massage" name="message" placeholder="Tulis pesan anda..." rows="5" cols="35"></textarea>
            <br />
            <br />
            <input class="submit"     type="submit"  value="Kirim" />
        </form>
    </div>

    <hr>
    <footer style="text-align: right;">
        <p>Copyright &copy;2021 Doni Wahyu Saputra.</p>
    </footer>
</body>

</html>