TravelJoy

Regina Richard

Travel Escape & Adventure

Landing Page

<html>
  <body>
    <form-template>&#13;
	<fields>&#13;
		<field type="header" subtype="h2" label="Questions for your trip"/>&#13;
		<field type="header" subtype="h2" label="Full name"/>&#13;
		<field type="text" label="Prefix" name="prefix" subtype="text" className="form-control"/>&#13;
		<field type="text" required="true" label="First name" name="first-name" subtype="text" className="form-control"/>&#13;
		<field type="text" label="Middle name" name="middle-name" subtype="text" className="form-control"/>&#13;
		<field type="text" required="true" label="Last name" name="last-name" subtype="text" className="form-control"/>&#13;
		<field type="header" subtype="h2" label="Address"/>&#13;
		<field type="text" label="Line 1" name="address-line-1" subtype="text" className="form-control"/>&#13;
		<field type="text" label="Line 2" name="address-line-2" subtype="text" className="form-control"/>&#13;
		<field type="text" label="City" name="address-city" subtype="text" className="form-control"/>&#13;
		<field type="text" label="State" name="address-state" subtype="text" className="form-control"/>&#13;
		<field type="text" label="Zip" name="address-zip" subtype="text" className="form-control"/>&#13;
		<field type="text" label="Country" name="address-country" subtype="text" className="form-control"/>&#13;
		<field required="true"  type="text" label="Email" name="email" subtype="text" className="form-control"/>&#13;
		<field type="text" label="Phone number" name="phone-number" subtype="text" className="form-control"/>&#13;
		<field type="text" required="true" label="Where would you like to go?" description="If you&#39;re not sure  just give me a few destinations you&#39;re considering." placeholder="ex: Tahiti" name="destination" subtype="text" className="form-control"/>&#13;
		<field type="date" required="true" label="When would you like to depart?" description="This just gives me a general idea of when you like to go; it can be changed later." name="starting-at" className="form-control"/>&#13;
		<field type="date" required="true" label="When would you like to return?" description="This just gives me a general idea of when you like to return; it can be changed later." name="ending-at" className="form-control"/>&#13;
		<field type="checkbox-group" label="Are your dates flexible?" description="If you check yes, please click other to place alternate dates." name="dates-flexible" other="true">&#13;
			<option label="Yes" value="">Yes</option>&#13;
			<option label="No" value="no">No</option>&#13;
		</field>&#13;
		<field type="text" label="What is your departure city?" description="Where will you be flying from?" name="departure-city" subtype="text" className="form-control"/>&#13;
		<field type="text" required="true" label="How many travelers?" name="number-of-travelers" subtype="text" className="form-control"/>&#13;
		<field type="textarea" label="What are the ages of the children traveling?&amp;nbsp;" placeholder="(List each child 18 yrs. old and below)" name="what-are-the-ages-of-the-children-traveling-" rows="4" className="form-control"/>&#13;
		<field type="radio-group" required="true" label="What is your budget per traveler(s)? (**please note this is per person)" description="This just gives me a general starting point and can always be changed later." name="budget">&#13;
			<option label="$1,500pp to $2,500pp" value="1500pp-to-2500pp">$1,500pp to $2,500pp</option>&#13;
			<option label="$2,500pp to $4,500pp" value="2500pp-to-4500pp">$2,500pp to $4,500pp</option>&#13;
			<option label="$4,500pp to $6,500pp" value="4500pp-to-6500pp">$4,500pp to $6,500pp</option>&#13;
			<option label="$6,500pp to $8,500pp" value="6500pp-to-8500pp">$6,500pp to $8,500pp</option>&#13;
			<option label="$8,500pp to $10,000pp" value="8500pp-to-10000pp">$8,500pp to $10,000pp</option>&#13;
			<option label="$10,000+" value="10000">$10,000+</option>&#13;
		</field>&#13;
		<field type="radio-group" label="What best describes your hotel preference?" name="hotel-preference" other="true">&#13;
			<option label="Economy" value="value">Economy</option>&#13;
			<option label="Moderate" value="moderate">Moderate</option>&#13;
			<option label="Luxury" value="luxury">Luxury</option>&#13;
			<option label="Boutique" value="boutique">Boutique</option>&#13;
		</field>&#13;
		<field type="checkbox-group" label="What kind of vibe are you looking for?" description="Check all that apply." name="vibe-preference" other="true">&#13;
			<option label="Romantic" value="romantic">Romantic</option>&#13;
			<option label="Rest and relaxation" value="rest-and-relaxation">Rest and relaxation</option>&#13;
			<option label="Off the beaten path" value="off-the-beaten-path">Off the beaten path</option>&#13;
			<option label="Party" value="party">Party</option>&#13;
			<option label="Local culture" value="local-culture">Local culture</option>&#13;
			<option label="Family friendly" value="family-friendly">Family friendly</option>&#13;
			<option label="Food and wine" value="food-wine">Food and wine</option>&#13;
		</field>&#13;
		<field type="checkbox-group" label="What activities are you interested in?" description="Check all that apply" name="activity-preferences" other="true">&#13;
			<option label="Beach and water" value="beach-water">Beach and water</option>&#13;
			<option label="Gambling" value="gambling">Gambling</option>&#13;
			<option label="Scuba" value="scuba">Scuba</option>&#13;
			<option label="Adventure activities" value="adventure">Adventure activities</option>&#13;
			<option label="Golf" value="golf">Golf</option>&#13;
			<option label="Nightlife" value="nightlife">Nightlife</option>&#13;
			<option label="Arts and theater" value="art-theater">Arts and theater</option>&#13;
		</field>&#13;
		<field type="text" label="Anything you absolutely must do or see?" name="must-dos" subtype="text" className="form-control"/>&#13;
		<field type="textarea" label="What else would you like me to know?&amp;nbsp;" description="What else would you like me to know about your travelers  budget and/or travel preferences?" placeholder="(i.e., special needs, accommodations, food allergies or preferences, celebrations, birthday etc.)" name="notes" className="form-control"/>&#13;
	</fields>&#13;
</form-template>
  </body>
</html>