-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnewCustomer1.html
116 lines (108 loc) · 5.67 KB
/
newCustomer1.html
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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Pulse Electronics</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/newCustomer.css">
<link rel="icon" type="images/png" href="images/logo.png">
</head>
<body>
<div class="header-container">
<div class="row1">
<div class="column1 left">
<div class="img-brand" style="width: 15%; text-align: center;">
<img src="images/logo.png" alt="Pulse Electronics" width="150" height="150">
</div>
</div>
<div class="column1 middle">
<div class="brand-name" style="width: 100%;text-align: center;padding-top: 25px;">
<h1>Pulse Online Store</h1>
</div>
</div>
<div class="column1 right"></div>
</div>
</div>
<div class="card container" style="margin-top: 30px; width: 70%; margin-bottom: 35px;">
<h2 style="text-align: center; margin: 30px;">Sign Up to Pulse Electronics</h2>
<form class="needs-validated" action="">
<div class="form-group">
<label for="fname">First Name<span style="color: red">*</span></label> :
<input type="text" class="form-control" name="fname" placeholder="First name" required>
<div class="invalid-feedback">The first name cannot be empty.</div>
<div class="valid-feedback"></div>
</div>
<div class="form-group">
<label for="lname">Last Name<span style="color: red">*</span></label> :
<input type="text" class="form-control" name="lname" placeholder="Last name" required>
<div class="invalid-feedback">The last name cannot be empty.</div>
<div class="valid-feedback"></div>
</div>
<div class="form-group">
<label for="mailid">Email ID<span style="color: red">*</span></label> :
<input type="email" class="form-control" name="mailid" placeholder="Email ID" required>
<div class="invalid-feedback">The Email ID cannot be empty.</div>
<div class="valid-feedback"></div>
</div>
<div class="form-group">
<label for="addressl1">Address Line 1<span style="color: red">*</span></label> :
<input type="text" class="form-control" name="addressl1"
placeholder="Address line 1 (Flat no., House No,Building,etc)" required>
<div class="invalid-feedback">The address cannot be empty.</div>
<div class="valid-feedback"></div>
</div>
<div class="form-group">
<label for="addressl2">Address Line 2<span style="color: red">*</span></label> :
<input type="text" class="form-control" name="addressl2" placeholder="Address line 2 (Locality)"
required>
<div class="invalid-feedback">The address cannot be empty.</div>
</div>
<div class="from-group">
<label for="addressl3">Address Line 3<span style="color: red">*</span></label> :
<input type="text" class="form-control" name="addressl3" placeholder="Address line 3 (city)" required>
<div class="invalid-feedback">The address cannot be empty.</div>
</div>
<div class="form-grou<a href="tnc.html"> terms and
conditions.</a>p">
<label for="state">State<span style="color: red">*</span></label> :
<input type="text" class="form-control" name="state" placeholder="State name" required>
<div class="invalid-feedback">The state name cannot be empty.</div>
</div>
<div class="form-group form-check">
<label class="form-check-label">
<input class="form-check-input" type="checkbox" name="remember" required> I agree to the <a href="tnc.html"> terms and
conditions.</a>
<div class="valid-feedback"></div>
<div class="invalid-feedback">Check this checkbox to continue.</div>
</label>
</div>
<div style="text-align: center;"><button type="submit" class="btn btn-outline-primary">Submit</button></div>
</form>
</div>
</body>
<script>
// Disable form submissions if there are invalid fields
(function () {
'use strict';
window.addEventListener('load', function () {
// Get the forms we want to add validation styles to
var forms = document.getElementsByClassName('needs-validation');
// Loop over them and prevent submission
var validation = Array.prototype.filter.call(forms, function (form) {
form.addEventListener('submit', function (event) {
if (form.checkValidity() === false) {
event.preventDefault();
event.stopPropagation();
}
form.classList.add('was-validated');
}, false);
});
}, false);
})();
</script>
</html>