eva icons contactus. Added add # on register

src/components/misc/contactUs.vue

@@ -34,53 +34,73 @@
         <form action="mailto:info@univateproperties.co.za" method="post" enctype="text/plain">
           <div class="form-group row">
             <div class="col-md-6">
-              <label for="yourname"></label>
-              <input
-                id="yourname"
-                name="yourname"
-                placeholder="Your Name"
-                type="text"
-                required="required"
-                class="form-control"
-              />
+              <div class="input-group-prepend">
+                <span class="input-group-text">
+                  <eva-icon name="person" fill="#60CBEB"></eva-icon>
+                </span>
+                <label for="yourname"></label>
+                <input
+                  id="yourname"
+                  name="yourname"
+                  placeholder="Your Name"
+                  type="text"
+                  required="required"
+                  class="form-control"
+                />
+              </div>
             </div>
             <div class="col-md-6">
-              <label for="youremail"></label>
-              <input
-                id="youremail"
-                name="youremail"
-                placeholder="Your Email"
-                type="text"
-                required="required"
-                class="form-control"
-              />
+              <div class="input-group-prepend">
+                <span class="input-group-text">
+                  <eva-icon name="email" fill="#60CBEB"></eva-icon>
+                </span>
+                <label for="youremail"></label>
+                <input
+                  id="youremail"
+                  name="youremail"
+                  placeholder="Your Email"
+                  type="text"
+                  required="required"
+                  class="form-control"
+                />
+              </div>
             </div>
           </div>
           <div class="form-group row">
             <div class="col-md-12">
-              <label for="subject"></label>
-              <input
-                id="subject"
-                name="subject"
-                placeholder="Subject"
-                type="text"
-                class="form-control"
-                required="required"
-              />
+              <div class="input-group-prepend">
+                <span class="input-group-text">
+                  <eva-icon name="bookmark-outline" fill="#60CBEB"></eva-icon>
+                </span>
+                <label for="subject"></label>
+                <input
+                  id="subject"
+                  name="subject"
+                  placeholder="Subject"
+                  type="text"
+                  class="form-control"
+                  required="required"
+                />
+              </div>
             </div>
           </div>
           <div class="form-group row">
             <div class="col-md-12">
-              <label for="message"></label>
-              <textarea
-                id="message"
-                name="message"
-                placeholder="Message"
-                cols="40"
-                rows="6"
-                class="form-control"
-                required="required"
-              ></textarea>
+              <div class="input-group-prepend">
+                <span class="input-group-text">
+                  <eva-icon name="message-square-outline" fill="#60CBEB"></eva-icon>
+                </span>
+                <label for="message"></label>
+                <textarea
+                  id="message"
+                  name="message"
+                  placeholder="Message"
+                  cols="40"
+                  rows="8"
+                  class="form-control"
+                  required="required"
+                ></textarea>
+              </div>
             </div>
           </div>
           <div class="form-group row">

src/components/user/registerAgencySection.vue

@@ -107,13 +107,27 @@
                   </span>
                   <input
                     class="form-control"
-                    type="text"
+                    type="number"
                     name="cellnumber"
-                    placeholder="Contact Number"
+                    placeholder="Cellphone Number"
                     v-model="registerAgency.user.cellNumber"
                   />
                 </div>
               </div>
+              <div class="input-group mb-3">
+                <div class="input-group-prepend">
+                  <span class="input-group-text">
+                    <eva-icon name="phone-outline" fill="#60CBEB"></eva-icon>
+                  </span>
+                  <input
+                    class="form-control"
+                    type="number"
+                    name="landlinenumber"
+                    placeholder="Landline Number"
+                    v-model="registerAgency.user.telephone"
+                  />
+                </div>
+              </div>
             </div>
             <hr />
             <div class="row">

src/components/user/registerPage.vue

@@ -63,13 +63,27 @@
                   </span>
                   <input
                     class="form-control"
-                    type="text"
+                    type="number"
                     name="cellnumber"
-                    placeholder="Contact Number"
+                    placeholder="Cellphone Number"
                     v-model="registerIndividual.cellNumber"
                   />
                 </div>
               </div>
+              <div class="input-group mb-3">
+                <div class="input-group-prepend">
+                  <span class="input-group-text">
+                    <eva-icon name="phone-outline" fill="#60CBEB"></eva-icon>
+                  </span>
+                  <input
+                    class="form-control"
+                    type="number"
+                    name="landline"
+                    placeholder="Landline Number"
+                    v-model="registerIndividual.telephone"
+                  />
+                </div>
+              </div>
             </div>
           </div>
           <hr />