background preloader

Wereoak

Facebook Twitter

Creating a responsive two column form using Contact form 7. In my previous article I have wrote about creating a two column form in Contact form 7. Now in this tutorial we will see on how to create a responsive two column form. The form will be in two columns in bigger screens and will become one column in mobile devices. Our final form will look like the following. HTML Markup Let’s create the HTML markup for the form first. <div id="responsive-form" class="clearfix"><div class="form-row"><div class="column-half">First Name [text* first-name]</div><div class="column-half">Last Name [text* last-name]</div></div><div class="form-row"><div class="column-half">Email [email* your-email]</div><div class="column-half">Phone [text* your-phone]</div></div><div class="form-row"><div class="column-full">Subject [text* your-subject]</div></div><div class="form-row"><div class="column-full">Your message [textarea your-message]</div></div><div class="form-row"><div class="column-full">[submit "Send"]</div></div></div><!

CSS Styles Let’s style the form now.. CreativeLIVE: Free Live Video Tutorials & Online Training Courses. About Vanessa Van Edwards - Science of People. I’m Vanessa and I’m a Recovering Boring Person I used to be boring. Really uninterestingly bland. Almost offensively dull. It wasn’t for lack of trying. I just didn’t understand people. How to read them. What makes them tick. I didn’t have the confidence to be interesting. I didn’t value myself. My goal is to teach you how to be the most memorable person in the room. Have you ever walked into a party afraid what people were thinking of you? Book Vanessa as a Speaker Science Based Approach I don’t use gimmicks or tricks. Have I mentioned? The Science of AttractionHuman Lie DetectionBody Language HacksThe Psychology of JealousyThe Secrets of Persuasion For You: Specifically, I use a blend of scientifically backed academic research, expert findings and personal case studies to show you how to master your interactions.

And most importantly. Professional Bio Vanessa Van Edwards is a published author and behavioral investigator. Book Vanessa as a Speaker Unprofessional Bio: Weird Facts About Vanessa: Smashing Magazine – For Professional Web Designers and Developers. Computer Arts | Photoshop Illustrator InDesign | Serwis informacyjny - 1. Grafmag - Artykuły, tutoriale o grafice komputerowej i nie tylko! Logo ideas and logo inspiration resources for logo designers at LogoLounge.com.

Inspiracja

Tools. Resoruces. Grafika. Kolory & tła. Wideo. Www design. Prawo.