Jira Code: HH-1
Need to create a contact us by Online Form. Also, we need to add the fields by Online Customer Form.
<NLFORM>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> -->
<title>Online Form</title>
<link rel="stylesheet" href="https://system.na3.netsuite.com/core/media/media.nl?id=3608&c=4149100&h=e5797114f3932b734eec&_xt=.css">
<style>
#country,
#phone,
#firstname,
#lastname,
#email
{
display: block;
width: 100% !important;
height: 34px; !important;
padding: 6px 12px;
font-size: 14px !important;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#comments
{
display: block;
width: 100% !important;
height: 100px; !important;
padding: 6px 12px;
font-size: 14px !important;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
button {
background-color:#4CAF50;
border: none;
color: white;
font-size: 16px;
font-weight: 400;
width: 25%;
height: 30px;
align-content: center;
}
.field-value {
height:40px;
}
.tiltle{
font-weight: 800;
}
.sub-title{
font-size: smaller;
}
label
{
margin-bottom: 8px;
margin-top: 50px;
font-weight: normal;
font-family: sans-serif;
}
h2{
font-size: 25px;
font-style: normal;
font-family: sans-serif;
}
td{
font-size: small;
}
</style>
</head>
<body>
<table align="center" width="50%">
<tr>
<td colspan=2>
<h1 class="form-head">General Inquireies</h1>
<h3 class="form-head"> Contact us with your questions, comments, or concerns. To receive a custom quote, send a parts-list with contact details.</h3>
<table width="100%">
<!-- Fileds in the form -->
<tr>
<td>
<label class="title">Name *
<label>
</td>
</tr>
<tr>
<td>
<nlfirstname>
</td>
<td>
<nllastname>
</td>
</tr>
<tr>
<td class="sub-title">First name</td>
<td class="sub-title">Last name </td>
</tr>
</table>
</td>
<tr>
<td><label class="title" width="50%">Email</label></td> <td><label class="title" width="50%">Phone Number</label></td>
</tr>
<tr width="50%" class="field-value">
<td width="50%">
<nlemail>
</td>
<td width="50%">
<NLPHONE>
</td>
</tr>
<tr>
<td colspan=2><label class="title" width="100%">Country</label></td>
</tr>
<tr width="100%" class="field-value">
<td colspan=2>
<NLCOUNTRY>
</td>
</tr>
<tr>
<td colspan=2><label class="title" width="100%">Comments</label></td>
</tr>
<tr width="100%" class="field-value">
<td colspan=2>
<NLCOMMENTS>
</td>
</tr>
<tr>
<td colspan=2 align="left"><button onclick="addvalue()" type="submit" class="btn btn-sm btn-primary"> SUBMIT</button></td>
</tr>
</table>
<div>
<NLSUBSIDIARY>
</div>
</form>
</body>
</html>