HTML-CSS-Coursework-Week3/order.html at master · mickeyhaile2/HTML-CSS-Coursework-Week3 · 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
<fieldset id="a">
    <form class="form2">
    <div class="first_name">
      <label for="fname" class="form-label">First Name*</label>
      <input type="name" class="form-control" id="fname" required>
    </div>
  </fieldset>

  <fieldset id="b">
    <div class="last_name">
      <label for="Lname" class="form-label">Last Name*</label>
      <input type="name" class="form-control" id="lname" required>
    </div>
    </fieldset>

    <fieldset id="c">
    <div class="adress_1">
      <label for="inputAddress" class="form-label">Address 1*</label>
      <input type="text" class="form-control" id="inputAddress" required>
    </div>
    </fieldset>


    <fieldset id="c">
    <div class="adress_2">
      <label for="inputAddress2" class="form-label">Address 2</label>
      <input type="text" class="form-control" id="inputAddress2">
    </div>
    </fieldset>

    <fieldset id="d">
    <div class="post_code">
      <label for="inputPostcode">Postcode *</label>
      <input type="text" class="form-control input-text" id="inputPostcode"
          name="inputPostcode" required>

</fieldset>


</div>
<fieldset id="e">
  <div class="region">
  <label for="git">select your Region </label>
<select id="git" name="s">

<option value="North ">North</option>
<option value="west">West</option>
<option value="East">East</option>
<option value="south"> South</option>
</select>
</div>
</fieldset>


<fieldset id="radios">
  <legend>are you vegan please select</legend>
  <div class="karma_orange">
    <input id="color" type="radio" name="o" value="color" />
  <label for="color">Yes</label>

    <input id="color" type="radio" name="o" value="color" />
  <label for="color">No</label>
  </div>
</fieldset>

<fieldset id="g">
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" checked>

<label class="form-check-label" for="flexCheckDefault">
    By placing your order you agree to CAKE COPERATIONS <p style="color: #DE6E49">Terms and Conditions.*</p></label>


</div>
</fieldset>

<div>
<button class="button" id="b">place my order</button>
</div>