Group6-Project-HTML/custom.html at main · SharonMozes/Group6-Project-HTML · 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
<!DOCTYPE html>
<html>
<head>
    <title>Form</title>
</head>
<body>
    <div>
        <a href="home.html"><img src="home.png" alt="home" height="25px"><b>Home</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="menu.html"><img src="menu.png" alt="menu" height="25px"><b>Menu</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="about.html"><img src="about.png" alt="about" height="25px"><b>About Us</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="gallery.html"><img src="gallery.png" alt="gallery" height="25px"><b>Gallery</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="order.html"><img src="order.png" alt="order" height="30px"><b>Order Online</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="custom.html"><img src="custome.png" alt="custome" height="25px"><b>Custome Orders</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="event.html"><img src="event.png" alt="event" height="30px"><b>Events</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="blog.html"><img src="blog.png" alt="blog" height="30px"><b>Blogs</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="contact.html"><img src="contact.png" alt="contact" height="25px"><b>Contact</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </div>
    <hr>
    <center><i><h2>FAIRY FLOSS DELIGHT</h2></i><img src="pie.gif" alt="gif" height="100px"</center>
    <center><i><h1>Custom Cake Order Form</h1></i></center>
    <form>
        <label for="inputFirstName">Enter First Name:</label>
        <input type="txet" id="inputName" required="true"> <br/><br/>

        <label for="inputLastName">Enter Last Name:</label>
        <input type="txet" id="inputName" required="true"> <br/><br/>

        <label for="inputEmail">Enter Email:</label>
        <input type="email" id="inputEmail"/> <br/><br/>

        <label for="inputAddress">Enter Address:</label>
        <input type="text" id="inputAddress" required="true"> <br/><br/>

        <label for="inputNumber">Enter Phone Number:</label>
        <input type="number" id="inputNumber" required="true"/> <br/><br/>

        <lable for="inputDate">Enter Date Required:</lable>
        <input type="date" id="inputDate" required="true"> <br/><br/>

        <lable for="inputTime">Enter Time:</lable>
        <input type="time" id="inputTime"> <br/><br/>

        <lable for="inputCake">Choose a Cake:</lable>
        <select id="inputCake">
            <option>Cake</option>
            <option>Chocolate</option>
            <option>Yellow</option>
            <option>White</option>
            <option>Carrot</option>
        </select> <br/><br/>

        <label for="inputFlavors">Choose Flavors:</label>
        <select id="inputFlavors">
            <option>Flavors</option>
            <option>Vanilla</option>
            <option>Lemon</option>
            <option>Orange</option>
            <option>Cocalate</option>
            <option>Other</option>
        </select> <br/><br/>

        <lable for="inputShape">Choose the Shape:</lable>
        <select id="inputShape">
            <option>Shape</option>
            <option>Square</option>
            <option>Rectangle</option>
            <option>Circle</option>
            <option>Special</option>
            <option>Other</option>
        </select> <br/><br/>

        <label for="inputDecoration">Choose Decoration Type:</label>
        <select id="inputDecoration">
            <option>Decoration Type</option>
            <option>Bride</option>
            <option>Anniversary</option>
            <option>Other</option>
        </select> <br/><br/>

        <lable for="inputRequirement">Special Requirements:</lable>
        <input type="text" id="inputRequirement"/> <br/><br/>

        <lable for="Number">Price:</lable>
        <input type="number" id="Number" required="true"/> <br/><br/>

        <lable for="inputPickUp">Pick Up:</lable>
        <input type="checkbox" id="inputPickUp"/> <br/><br/>

        <label for="inputDelivery">Delivery:</label>
        <input type="checkbox" id="inputDelivery"/> <br/><br/>

        <input type="submit" value="Submit"/>


    </form>
</body>
</html>