HTML-Notes-CODES/Project1.html at main · SHROUDSOURAV/HTML-Notes-CODES · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CONTACT ME</title>
    <style>
        body{
            font-family:Arial, Helvetica, sans-serif;
            background-color:rgb(87, 9, 9);
            color:white;
            text-align:center;
        }
        form{
            text-align:center;
        }
    </style>
</head>
<body>
    <div style = "text-align:center;">
        <h1 style = "background-color:black;">CONTACT US</h1>
        <br>
        <br>
        <p style = "font-size:large">
            Swing by for a cup of coffee, or leave us a message.
        </p>
        <br>
    </div>

    <br>
    <div style = "
    font-size:larger;
    background-color:rgb(53, 7, 7);
    border:1px solid black;">
        <form action = "url" method = "post">
            <label for = "yname">First Name</label><br>
            <input type = "text" id = "yname" placeholder = "Your name..." size = "50"><br><br>

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

            <label>Country</label><br>
            <select>
                <option>Australia</option>
                <option>Bangladesh</option>
                <option>Cuba</option>
                <option>Denmark</option>
                <option>Europe</option>
                <option>Finland</option>
                <option>Germany</option>
                <option>Hungary</option>
                <option>India</option>
                <option>Japan</option>
            </select>
            <br><br>
            <label for = "ws">Subject</label><br>
            <textarea id = "ws" placeholder = "Write Something..." style = "width:400px ; height:200px"></textarea><br><br>

            <button type = "submit" style = "background-color:orange; color:white; width:200px; height:50px"><b>SUBMIT</b></button><br><br>
        </form>
    </div>
    <br><br>
    <img src = "./premium_photo-1675435644687-562e8042b9db.avif" alt = "coffee" width = "200" >
</body>
</html>