Displaying contact form is very important for website. In Kalni you can show your contact form with very attractive way.

After installing all required plugin(including contact form 7) and importing all demo data, you will get a menu named contact in your admin dashboard menu. There you can change/add/modify input boxes.

From sub menu Contact Form, make a form and give it a title, copy and past this code for make a contact form like our demo.

<div class="main-contact-form"> <p>How can we help you?</p>[ttradio radio-313 "icon!Value1!flaticon-design-tool!Branding" "icon!Value2!flaticon-responsive-1!Web Design" "icon!Value3!flaticon-testing!UX Design" "icon!Value4!flaticon-programming!Development" ]<br><p>What is your budget?</p>[ttradio radio-314 "text!Value5!3k!Less Than" "text!Value6!6k!Less Than" "text!Value7!12k!Less Than" "text!Value8!?!Will talk later" ]<br><label>Your Project Details*[textarea your-message]</label><hr><label>Your Name*[text* your-name]</label> <label>Your Email*[email* your-email]</label> <label>Subject[text your-subject]</label> [submit "Get a quote"] </div>

Add Contact Form 7 shortcode at any section of your page and select the form you have made in contact menu area.

Add Google Map shortcode at any section of your page and put your embeded code in input box.