wap.github.io/workshopReg.html at master · abenti/wap.github.io · 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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Workshop Registration</title>
    <link rel="stylesheet" href="workshop.css" type="text/css" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor"
      crossorigin="anonymous"
    />
  </head>

  <body>
    <div id="header">
      <header class="wReg">Workshop Regstration</header>
      <select name="More actions" id="dropdownList">
        <option value="moreactions">More Actions</option>
        <option value="login">Login</option>
        <option value="aboutus">About Us</option>
        <option value="signout">Sign Out</option>
      </select>
    </div>

    <div class="regText">Register now while seats are available!</div>

    <div>
      <form action="fName" method="post" id="names">
        <label id="fName">First Name: </label>
        <input id="fText" type="text" />
        <u id="lunch">Lunch</u>
      </form>
    </div>
    <div>
      <label id="lName">Last Name: </label>
      <input id="lText" type="text" />
      <label id="meal">Meal Preference</label>
      <select name="list" id="mealList">
        <option value="Select">Select</option>
        <option value="veg">Vegeterian</option>
        <option value="meat">Non-Vegetarian</option>
      </select>
    </div>
    <div>
      <label id="comp1">Company/Institution: </label>
      <input id="comp" type="text" />
      <u id="pay">Payment Details</u>
    </div>
    <div>
      <label id="pDetails">Payment Mode</label>
      <input id="checkbox1" type="checkbox" /> Cash
      <div><input id="checkbox2" type="checkbox" /> Cheque</div>
      <input id="checkbox3" type="checkbox" /> Demand Draft
    </div>
    <div>
      <label id="address">Address: </label>
      <textarea name="address" id="tAdd" cols="22" rows="3"></textarea>
    </div>
    <div>
      <label id="ddCheck1">DD/Cheque No.: </label>
      <input id="ddText" type="text" />
    </div>
    <div>
      <label id="city">City: </label>
      <input id="cID" type="text" />
    </div>
    <div>
      <label id="ddCheck">Drawn on (Bank Name):</label>
      <input id="bText" type="text" />
    </div>
    <div>
      <label id="state">State/Province/Region: </label>
      <select name="list" id="stateList">
        <option value="Select">Select</option>
        <option value="CO">CO</option>
        <option value="MD">MD</option>
        <option value="NC">NC</option>
      </select>
    </div>
    <div>
      <label id="ddCheck2">Payable at: </label>
      <input id="payaText" type="text" />
    </div>
    <div>
      <label id="country">Country: </label>
      <select name="list" id="countryList">
        <option value="Select">Select</option>
        <option value="US">US</option>
        <option value="Ethiopia">Ethiopia</option>
        <option value="Russia">Russia</option>
        <option value="China">China</option>
        <option value="Ukraine">Ukraine</option>
      </select>
    </div>

    <div>
      <label id="email">Email: </label>
      <input id="eText" type="text" />
    </div>

    <div>
      <label id="PhoneNumber">Phone Number: </label>
      <input id="pText" type="text" />
    </div>

    <div class="subButtons">
      <button id="b1">Submit</button>
      <button id="b2">Reset</button>
    </div>
    <div>
      <a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Fabenti.github.io%2Fwap.github.io%2FworkshopReg.html">
        <img src="images.jpeg" alt="checker" width="50">
      </a>

      <a
        href="https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fabenti.github.io%2Fwap.github.io%2Fworkshop.css&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en">
        <img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
          alt="Valid CSS!" />
      </a>
    </div>
  </body>

</html>