Customize with Contact Form 7

Click Here to Get the Code

<label> Your name
<input type=”text” name=”your-name” style=”border-radius: 10px;” autocomplete=”name”>

<label> Your email
<input type=”email” name=”your-email” style=”border-radius: 10px;” autocomplete=”email”></label>

<label> Phone Number
<input type=”text” name=”your-phone” style=”border-radius: 10px;”>

<label> Country
<input type=”text” name=”your-country” style=”border-radius: 10px;”>

<label> Arrival Date
<input type=”date” name=”Date” style=”border-radius: 10px;”>

<label> Number of adults:
<input type=”number” name=”num-adults” default value = “2” min=”0″ value=”0″ style=”border-radius: 10px;”>

<label> Number of children:
<input type=”number” name=”num-children” min=”0″ value=”0″ style=”border-radius: 10px;”>
<label> Package:
<select name=”package” style=”border-radius: 10px;”>
<option value=”Package 1″>Mirissa Marvelous Whale Watching</option>
<option value=”Package 2″>Island Fishing Safari – Deep Sea Package</option>
<option value=”Package 3″>Island Fishing Safari – Shallow Sea Package</option>
<option value=”Package 4″>Sri Lankan Sea Breeze Celebration – Boat Parties</option>
<option value=”Package 5″>Private Boat Tours in Mirissa</option>

<label> Your message (optional)
<textarea name=”your-message” style=”border-radius: 10px;”></textarea> </label>

<label>[submit “Book Now !”]</label>

input[type=”submit”] {
background-color: #00FFFF;
color: #FFFFFF;
padding: 0rem 1rem;
border-radius: 8px;
border: none;
cursor: pointer;

input[type=”submit”]:hover {
background-color: #fc951e;

Set Mail Message Body

Customer Name : [your-name]

Email : [your-email]

Phone : [your-phone]

Country : [your-country]

Arrival Date : [Date]

Adults : [num-adults]

Children : [num-children]

Duration : [num-days]

Package: [package]

Special Request :[your-message]

This e-mail was sent from a contact form on [_site_title] ([_site_url])

Leave a Reply

Your email address will not be published. Required fields are marked *