-
Notifications
You must be signed in to change notification settings - Fork 1
/
form.html
145 lines (131 loc) · 5.66 KB
/
form.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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="POSTFLY Business card creator">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>POSTFLY Business card creator</title>
<link rel="icon" href="assets/images/favicon.png" type="image/png" sizes="32x32">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/style.css" type="text/css">
<!-- Validation for EmailJS -->
<script src="https://cdn.jsdelivr.net/npm/emailjs-com@2/dist/email.min.js" defer></script>
<!-- Validation for EmailJS end -->
</head>
<body>
<!-- Navbar -->
<div class="navbar-fixed">
<nav>
<div class="nav-wrapper">
<a href="index.html"><img class="logo" src="assets/images/postfly_logo.png" alt="Postfly logo"></a>
<span class="nav-title"><strong>Business card creator</strong></span>
</div>
</nav>
</div>
<!-- Navbar end -->
<header>
<div class="row">
<div class="col s12 center-align custom-margin">
<p>
<a class="btn tooltipped btn-floating btn-large menu-spacing" data-position="left" data-tooltip="Homepage"
href="index.html">
<i class="material-icons">home</i>
</a>
<a class="btn tooltipped btn-floating btn-large" data-position="right" data-tooltip="Start designing"
href="creator.html">
<i class="material-icons">note</i>
</a>
</p>
</div>
<div class="col s12">
<h5 class="red-header flow-text">Request your free sample kit!</h5>
</div>
</div>
<div class="row">
<div class="col s12">
<h6 class="grey-header flow-text">
<strong>Please fill out the form and click the send button in order to receive a free sample kit.</strong>
</h6>
</div>
</div>
</header>
<main>
<!-- Sample kit form -->
<div class="row sample-form">
<form class="col s12" onsubmit="return sendRequestMail(this);">
<div class="row">
<div class="input-field col s12">
<input placeholder="Company Name" name="cname" id="company_name" type="text">
<label for="company_name">Company Name</label>
</div>
</div>
<div class="row">
<div class="input-field col l6 s12">
<input placeholder="First Name" name="fname" id="first_name" type="text" required="" aria-required="true">
<label for="first_name"><span>Name</span><span class="required">*</span></label>
</div>
<div class="input-field col l6 s12">
<input placeholder="Last Name" name="lname" id="last_name" type="text" required="" aria-required="true">
</div>
</div>
<div class="row">
<div class="input-field col l6 s12">
<input placeholder="Street Name + House Number" name="address01" id="address01" type="text" required="" aria-required="true">
<label for="address01"><span>Address</span><span class="required">*</span></label>
</div>
<div class="input-field col l6 s12">
<input placeholder="Zip Code" name="address02" id="address02" type="text" required="" aria-required="true">
</div>
</div>
<div class="row">
<div class="input-field col l6 s12">
<input placeholder="City" name="address03" id="address03" type="text" required="" aria-required="true">
</div>
<div class="input-field col l6 s12">
<input placeholder="Country" name="address04" id="address04" type="text" required="" aria-required="true">
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input placeholder="Phone Number" name="phone" id="phone_number" type="text">
<label for="phone_number">Phone Number</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input placeholder="Email Address" name="email" id="email" type="email" required="" aria-required="true" class="validate">
<label for="email"><span>Email Address</span><span class="required">*</span></label>
<span class="helper-text" data-error="wrong" data-success="right">Please use a valid email address</span>
</div>
</div>
<p>
<label>
<input type="checkbox" required="" aria-required="true" />
<span>I'm not a robot!</span>
</label>
</p>
<div class="input-field center-align">
<button class="waves-effect btn-large btn-custom-red btn-custom-size-small btn-spacing" type="submit" name="action">Send</button>
<a class="waves-effect btn-large btn-custom-red btn-custom-size-small btn-spacing" href="index.html">Cancel</a>
</div>
</form>
</div>
<!-- Sample kit form end -->
</main>
<!-- Footer -->
<footer>
<div class="footer-copyright">
<span>© Copyright 2021 - POSTFLY</span>
</div>
</footer>
<!-- Footer end -->
<!-- JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js" defer></script>
<script src="assets/js/sample_kit.js" defer></script>
<script src="assets/js/main.js" defer></script>
<!-- JavaScript end -->
</body>
</html>