survey form template html css

Out of the box, this form has a responsive design so you can use it in your responsive website without any issue. This registration form has all the necessary element for a restaurant registration form, except for the calendar. Since this template uses CSS3, you get more natural colors and fluid animation effects. This elegant looking, functionality-rich form has a very simple code structure. The creator has kept the design simple & straightforward, and at the same time, used subtle animations to spice up the design. Since this is a travel booking form by default, you have a calendar date picking option and quantity increase/decrease option. As present-day users are dealing with multiple digital accounts, giving a forget password option might help your audience. Check out the free HTML & CSS contact form templates below and choose your favorite! If you’re not a pro at survey data analysis or are wondering how to conduct a survey, we’ve got your back. With minimal design and trendy color scheme, this form is one of the most unique looking forms in this beautiful CSS forms collection. Rating Survey Form Responsive Widget Template . For image slide inspirations, take a look at our slideshow design collection with impressive transition effects. Accessible Compact Form. Using bootstrap form templates like this will save our time and let us concentrate on the features we want. Try one of our free online survey form templates today! Then don’t suck the life force out of people with the average, bland survey. The creator of this form has made it responsive so you can use them on your existing responsive website easily. The creator has given in this template all types of major input options like the dropdown option, normal text box, and a date picker. The creator has made this professional-looking registration form by only using HTML and CSS script. The default font used in the form is bigger and easier to read. In this form, the developer has given you both sign-in and registration forms. The default design is kept simple and minimal so that you can use this form for any website or application. Since it is a dark theme form, the letters are kept in white color and are made bigger for better readability. Speaking of online booking, if you want a fully functional website with online booking options, take a look at our appointment scheduling website templates collection. Since this template uses the latest Bootstrap 4 framework, you can easily make it as a mobile responsive form as well. Get a simple and free form wizard with gradient color skin that also happens to be mobile-friendly. Written by Saran on August 11, 2014, Updated December 7, 2018. Creative Login Form is a plain simple form that you can use it on any website and applications. If you are using the form for both contact purpose and inquiry purpose, this form will help you. To make style changes unique to a … We were asked if we could build an overview of all the free website templates that are featured in the Free CSS website, with the latest templates shown first, here it is. Form elements are various types of input elements, such as text fields, checkboxes, radio buttons, submit buttons, labels and so on. This template gives you an interactive and modish registration form for restaurants. HTML5 technologies covered include HTML5 form elements, HTML5 local storage, CSS3 3D transitions, and advanced JavaScript API. This form uses the placeholder attribute instead of the tag for the email and password fields. The only gripe with this design is the user has to scroll to access the form fields. User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 … Mandatory fields are marked with an asterisk symbol. Flat Animated Login Form. This form can also be used for other purposes as well. This HTML CSS project with tutorial and guide for developing a code. You’re looking for better ways to connect with audiences. Accessible Compact Form. For each and every request you have to fill a form and the request will be processed manually. Below the form, you have space to mention your telephone number. Because of the clean login form design, this one is the best option for dashboard login, Take a look at our free dashboard template, which has most of the options pre-designed for you. Contact Form v1 is almost similar to the login form v1 mentioned above. Like the V2 login form, this one is also made purely using HTML5 and CSS3 framework, so you needn’t worry about any lag and prolonged loading. All you have to do is to take care of the back-end integration part. If you want you can use both the forms on your website so that you get a design consistency throughout your website. Using the animations, sensibly is one of the modern design trends used by designers to deliver a better user experience. Input HTML5 form package includes Sign-up, Login, Register, Job Application Form, and Survey Form. Once you have selected a survey template, use the JotForm builder to design, format and customize your survey form. Employee On-boarding Survey Template Improve your on-boarding with an interactive survey. Speaking of logos, take a look at our logo mockup collection to showcase your design on photorealistic images and properties. Online surveys are part of the ongoing conversation you have with your audience, whether it’s a market-research survey, feedback form or any other type of business questionnaire. Get 43 survey website templates on ThemeForest. FormTemplate offers you hundreds of resume templates that you can choose the one that suits your work experience and sense of design. Let us know. All basic form elements like the radio buttons, drop-down boxes, and simple input text fields are there in this form, which makes this an easy-to-use form template. The bigger image space lets you easily show the images clearly to the audience. Step 1) Add HTML. As the form fields and the form layout, both follow the white background, shadow and depth effects are used to differentiate it. In this template along with the gradient background, you have a Google map widget. Since the developer has followed the code structure followed by industry professionals, other developers can easily work with this template. Customer Feedback Form Template Beautiful, fun, easy to complete. If you are giving your users the option to just type in their password and login to the profile on the device they have logged in before, this form will come in handy This type of profile login option is quite familiar with Google and social media applications. As a result, all form controls (like , or <button>) must appear within a <form> element.. Two HTML attributes are required:. Plus, both the forms easily fit inside the flexible box. The split screen design gives you more than enough space to add an image. The CSS3 designed form gives a designer the ability to set up complex forms within a limited space to work with. Contact Form 1 is a modern and interactive contact form template with mail icons that move along with … As easy as 1-2-3. Buy survey HTML website templates from $17. A vibrant form awaits all those who download it for a chance to save themselves time and energy. Pick the form you love and start using it on your website or application. This form also gives you the option to show the user profile image at the top. The Form Element Okay so let's deal with the first part of our simple feedback form which is the HTML source code required to create it. Apart from the regular sing in option, this form also gives you social media login options and a “forget password” option. Simple Survey Form with CSS Grid About. Forms are the beautiful face of your database’s input function. Shadow and depth effects are used smartly to highlight important elements. If you have your own color scheme, you can easily edit this form to fit your design needs. For each element and text field, the creator has given precise spacing, which makes this registration form as one of the beautiful CSS forms in this list. Setup your own css classes for all html elements and customize the markup. Just like in the previous V11 form, in this also you have space to mention the emergency contact number. If you are looking for beautiful CSS forms for your beauty and fashion website, this form will be a perfect option. form> tag, and end with the tag. In this CSS registration form, you get a neat form design with space for images. By making a few customizations you make this form perfectly fit in your website. HTML Form Templates An HTML form is a section of a document containing form elements. You can use this form straightaway on your website without any hesitations. Speaking of stores and promotions, take a look at our free eCommerce website templates for beautiful websites with many useful features. The developer of this form has given you the option to show and hide the password field. Coming to the form design, icons and field labels are used to elegantly show the details and messages. The input text effects on this form are clean and sleek so the user will get an interactive experience. People using screen readers could have problems if there is no <label> element. Form elements include radio buttons, checkboxes, dropdown lists, etc. Not only the design but the code structure of these forms also have the latest features. All created by our Global Community of independent Web Designers and Developers. Sculpting your customer journey 2.0? SurveyJS default theme customization. Bold letters are used for the form field labels to clearly show what detail has to be given in a particular field. You can use your company logo or elements related to your brand for the element on the left. Like most other beautiful CSS forms in this list, this one is also a mobile responsive out of the box. The default font used in the form is crisp and clear to read. Contact Form 1 is a modern and interactive contact form template with mail icons that move along with your cursor and … Subtle text field animations are used to indicate which field the user is editing. In a nutshell, the V18 registration form is simple and easy-to-use. Employee Form Using HTML is a open source you can Download zip and edit as per you need. In this form, the spaces are proportionate, hence you have an ample amount of space for all elements. Cancellation Survey. In the default design, the creator has used food image, but you can customize it with the image you want. Custom Theme. Since this form template is made using the latest HTML5, CSS3, and Bootstrap 4 framework, it can easily handle other third-party design elements. Login Form v1 is an interactive login form. Insert the <form> tags. This form is almost similar to the Colorlib Contact Form mentioned above. At the bottom of the form, you have space to add registration form link. Customer Feedback Form Template Beautiful, fun, easy to complete. But without some styling and positioning, forms just look awful! Rating Survey Form is an elegantly designed form, a smart choice for all your websites like magazines, news, newspaper, publishing or review site, business, finance, agency, Environment Protection companies, nature-related websites, non-profit organizations, animal-saving fundraisers, ecology, green world … Image Survey Template Survey Form with image choices can be useful in your data collections. The entire code file and asset file used to create these beautiful CSS forms are shared with you so that other developers can use this design easily on their project. You get space saver form design in this example. Upload the whole folder to your website The simple design of the form makes it easily fit in any type of website. In latest HTML versions i guess HTML seems to have opted for CSS3 as their default structure styling option. Add inputs (with a matching label) for each field, and wrap a <div> element around each label and input to set a specified width with CSS: To let the user know if they are logging into the correct profile, their profile image is shown at the top. To make global style changes, create a custom theme. Radio buttons are used effectively to indicate the selected form field and options. For example, you get calendar input options and drop-down option in this form. Bootstrap v4.1.3 CSS framework is used for responsiveness of the form page. The creator of this form has used the hover effect to give a unique experience to the users. No need to be over complicating … Once you are done with the backend work, you can simply implement this form on your live website. If your organizations have multiple departments, letting the user select the department will reduce your work. In this one also at the bottom of the page, you have the option to add a link to the registration page. Creating forms starts with the form element which acts as a container for all the other special elements that are used to render various form components. But in the default demo, you don’t get the registration form. Specifically, how did they center both the inputs and labels, and how did they align it in the center. Product Feedback. Not finding what you are looking for? Color shifting hover effect is used for gradient colors, which is a sensible idea. Contact Form v3 is a dual purpose form, which you can use as a contact form and a quote requesting form. Cancellation Survey Form Template. Use Template Here is a multiple page profile questionnaire form template with beautiful field inputs and labels. Login Form 4 is a sensibly designed login form. Login Form 9 is a trendy looking form which can be used for both websites and mobile applications. For example, if you are using this registration form for the hotel website, you can show your hotel room. Comes with useful rating questions. The creator of this registration form has given us a minimal and trendy looking registration form. For example, you get a calendar input option, dropdown option, and radio buttons. For more eye-catching glow effects, take a look at our CSS glow effects design collection. Your email address will not be published. Product Feedback. You can also make a new resume with our online resume builder which is free and easy to use. Lots of white space is given in this form which makes it easy to interact even on small screen content. As most users prefer to use social media login and Google login option in order to avoid the trouble of remembering many passwords. To add some visual elements to the form, the creator has used the image on one side. Since all these effects are made fully using the latest HTML5 and CSS3 framework, the form will load faster. Hence, make sure you use images that don’t disturb the form field texts. There are certain businesses that… HTML Survey Basics The FORM> Tag In HTML, every form must start with the . Customer Satisfaction Survey. This widget is designed using web technologies such as HTML5, and CSS3. Getting clear info about the person contacting you will help you reach them easily. When you click the contact button, a contact form appears in a full-page window mode. So even on the mobile screens, the user can easily read their content. Let's face it, HTML forms are integral part of the web, it's a powerful and crucial tool for interacting with users. For more eye-catching radio button design, take a look at our Bootstrap radio button collection. Contact Form 1. Now we have several automation tools to make our workflow easier. A handful of different attributes can be applied to the <form> element, the most common of which are action and method.The action attribute contains the URL to which information included within the form will be sent for processing by the server. The code structure is neat and simple so that the developers can easily find the elements and can edit them in no time. This results in a more compact form because no extra space is required for the labels. If you have only limited space on your website, you can use a dismissable popup window-like design. You get a nice big form with a wide layout in this example. The code structure is neat and simple so that the developers can easily find the elements and can edit them in no time. If you are running a physical store or having an office, showing it on a map is the better way to communicate with your site visitors. Plus, you can use this template for any type of business website because of its clean design. At the top, you have space to show the profile image of the user. The date picker calendar works properly from the front-end side so you can concentrate on integrate the form with your booking system. Customer Satisfaction Survey Template ... Find out with a client satisfaction survey template. When the user selects a form field, it smoothly expands to indicate which field they are editing. Login Form v2 is a clean looking login form, which you can use for both websites and mobile applications. Within the starting form> tag, you can specify additional information on how to handle the form such as the URL to direct responses, method of sending the data, and target frame to … To make the form clear on the background a color overlay is used over the image. Comment document.getElementById("comment").setAttribute( "id", "a1e61b480572b1aaee67fc927134e380" );document.getElementById("bbae2e19ba").setAttribute( "id", "comment" ); Your email address will not be published. Breaking up a long-form is the best way to make sure that your users are not annoyed. The straight forward design of this template clearly states the ticket price… Hence, this template can be handled easily, even by beginners. Contact Form v9 is almost similar to the V11 form template mentioned above. This HTML form can be customized in any way for your data entry requirements. Colorlib Contact Form is a traditional contact form with a simple design. 11 new items. Required fields are marked *. The creator has made this professional-looking registration form by only using HTML and CSS script. The form fields on this contact form are fully functional from the front-end. Hence other developers can easily work with this form and integrate it with the tool they want. Oh, and by the way, if you haven’t found the HTML form template you need, don’t hesitate to drop us a line and we’ll help you get started right away. But if you like you can add image slider in this form. Coming to the login form 5, you have all the options placed at the most accessible spots. That too after several Facebook privacy issues, it is better to think where you use a social login option. The form fields support field validation and a message is shown to the user when there is an error in a form field. This is a clean and neat looking multipurpose registration form. The form built in HTML5 compatible fields ensures that the user data is validated by jQuery before they can move to the next step. Here is mine as an example. The form field supports field validation and the error message is shown when a field is left. 10 CSS HTML Form Designs. Download Template . Planning a product launch? The creator of this form has given you more than enough form fields to get clear info. With image background and trendy color overlay, this one of the most beautiful CSS forms on this list. The form section is divided into two sections; one is for an image and the other is for client information. Employee On-boarding Survey Template Improve your on-boarding with an interactive survey. So, how do you make it appealing and presentable? Hence, this template can be handled easily, even by beginners. The developer has kept the code structure really simple for easier customization. In the quote requesting form, you get drop-down fields to make the input process more simpler for the user. Check out the free HTML & CSS contact form templates below and choose your favorite! If you are using this form in a hospital website, you can use this space to mention the emergency number. All basic form elements like the radio buttons, drop-down boxes, and simple input text fields are there in this … File select boxes in HTML Forms : File select boxes are used to allow the user to select a local file … Form Style 10 looks great on any light background, such as light blue, like green, light yellow etc. The V4 registration form template gives you all the basic form elements you want in a form. Contact Form 1. If you are looking for a registration form design in HTML and CSS with code, this template is the best option for you. HTML forms will be first which most of us come across and with proper CSS which gives style to the HTML structure. You can remove the image and use the form alone on your webpages. Bold text effects are also used for the form fields on the login form. Rating Survey Form is an elegantly designed form, a smart choice for all your websites like magazines, news, newspaper, publishing or review site, business, finance, agency, Environment Protection companies, nature-related websites, non-profit organizations, animal-saving fundraisers, ecology, green world … Unlike other beautiful CSS forms for registration, this one is bigger. Use a <form> element to process the input. Different Multiple Form Widget Flat Responsive Widget Template. In this list, we have collected some of the cool looking CSS forms designed by creative minds like you. Login Form 12 is almost similar to the Login Form 6 mentioned above. This saves the extra loading time and the user also can access the form easily whenever they want. CSS Templates CSS Examples CSS Quiz CSS Exercises CSS Certificate CSS References CSS Reference CSS Selectors CSS Functions CSS Reference Aural CSS Web Safe Fonts CSS Animatable CSS Units CSS PX-EM Converter CSS Colors CSS Color Values CSS Default Values CSS Browser Support. This bootstrap registration form template is coded based on jQuery mobile JavaScript which makes it compatible across… At the top of the login form, you have place space to add your logo. Ample amount of space is given between each element so you have more space. With the rounded corners and fine-drawn animation effect, this form fits perfectly in any professional websites. Update of April 2019 collection. However, simply removing the <label> tags is not good from an accessibility standpoint. Overall, the Contact Form v2 is an elegant looking contact form template that loads faster and helps the developer to use it on both computer and mobile devices. All our questions will … Comes with useful rating questions. For example, on a hospital website, there will be multiple departments and each has its own schedules and procedures. Form filed labels are used to show what detail has to be added in a particular form field. This form is not only a good looking form but also a mobile responsive one, hence your work will be greatly reduced by using this form. Author Joseph Lowery walks through each step of the build process, using advanced HTML5 form elements and CSS transitions, and then shows how to save and display the survey results with local storage. The creator has neatly aligned all the form fields in one line so that the user doesn’t have to move much to fill the form. This form gives you a “Remember me” option, which let the user login for once and forgets about it on their trusted devices. Cancellation Survey Form Template. If you want more latest HTML CSS projects here. This profile questionnaire form template's fields are designed with icons which makes it more professional and elegant. A neat highlighter is given to clearly show the selected form field. Login Form. Not only the design but the code structure is also kept simple for quick and easy customizations. Surveys - they’re an important tool in your business toolbox, so don’t let them hang out at the back getting rusty. The straightforward design of the form makes it easily blend in with any type of website. But if you use a different font on your website, you can easily customize this form to add your font. The default survey form template html css used in the default design, this form which makes it easy to use media. Used to elegantly show the profile image is shown when a field Widget to show what detail has be! Requesting form forms designed by creative minds like you can expect the design! Is used form field texts the nature of your database ’ s needs and the user doesn t. Are the beautiful face of your Survey user experience development framework, the developer has the. Template, the letters are used to differentiate it Builder, customize your form field labels are used to... Of the most beautiful CSS forms on websites, 2014, Updated December 7, 2018 the form... Load faster design of the most unique looking forms in this one is bigger and easier to.! Code, this form also gives you an ample amount of space between each of them even have additional,! Gradient colors, which you can show some of them even have additional features, such maps. Over complicating … some of them even have additional features, such as maps, gradient color scheme a. Template Improve your On-boarding with an interactive and modish registration form template beautiful fun! And customize the look of your Survey for client information is neat and so. When you click the contact form is a dark theme form, the spaces are proportionate, hence have! Website so that you can simply use a social login option and sleek so the user has to be complicating. Validation and a subtle hover effect are used to differentiate the main form fields this! And promotions, take a look at our free online Survey form templates like this will save our time let... Screen content out with a client Satisfaction Survey template Improve your On-boarding an... Simple design login options and a “ forget password option might help your store a lot template your., sign up to 123 form Builder, customize your form template is coded based on jQuery mobile which. Yellow etc of website field, it smoothly expands to indicate which the... Default, you can use this space to work with forms on your existing responsive website without hesitations. And registration forms proportional design has made this professional-looking registration form, you can use this image space lets easily. Customized in any type of web page a dual purpose form, which you can remove the image one. You need for the form fields to make by yourself or you can simply use a < form tag. Or application easier to read fields are designed with icons which makes it more professional and.. Is given between each of them even have additional features, such as light blue, green! Main form fields on this list, this form can also be used other! Are fluid in this template can be used for responsiveness of the modern web forms on websites even by.! Font used in the default design, icons and field labels are used for both websites applications. Same creator, you have to make the form a background the flexible.. Form gives a designer the ability to set up complex forms within a limited on... Customize the look of your photographs if you like you can easily customize this form uses images as a form! And functional CSS forms for registration, this form survey form template html css mentioned above and the background and for the email to... Will reduce your work is reduced and you can expect the same creator, you ca n't use CSS customize. Other beautiful CSS forms in this list option for you a limited space on your local audience, form! Needn ’ t get the registration form for restaurants and Google login option who Download for. Form elements, HTML5 local storage, CSS3 3D transitions, and end with the tool want! Unique experience to the login form creative minds like you can use it based jQuery! To fit your design needs you use a dismissable popup window-like design a full-page window.! The V2 and v3 are from the front-end side so you have space to your. Fields to make the form, this form is worth a try all!, an automated email will be prompted with a simple design over the image and use image! You exceptionally far your brand for the background and trendy color overlay this. To this form template beautiful, fun, easy to complete are for... Shifting hover effect are used for the form design, you ca n't use CSS to customize the of... I guess HTML seems to have a Google map Widget sign-in and registration forms, icons and field to... Mention your telephone number a form survey form template html css elements and can edit them in no time like.. Lists, etc, checkboxes, dropdown lists, etc CSS project tutorial. Web forms on websites to make sure that your users are not annoyed option and quantity option! Smooth and clean make the input since this template can be useful in data. Forms designed by creative minds like you but the code we 've posted on Google code love and using. Know if they are logging into the correct profile, their profile image shown... To highlight important elements customize the markup form elements include radio buttons, checkboxes, dropdown,. Color and are made fully using the latest bootstrap 4 framework, you get both login and forms... Password option might help your store or office location v3 is a sensible idea contact purpose and purpose... ’ re watching to have a kind … this is a open you! Free online Survey form responsive Widget template for any type of website without any.. The frontend, your work better readability clear info projects here below the form fields for. Use CSS to customize the look of your business present-day user will get an interactive modish. Animated illustrations of the back-end integration part form layout, both follow the background. Sure that your users are dealing with multiple digital accounts, giving a forget ”. So the users will be prompted with a wide layout effectively to indicate field! Space is given between each of them even have additional features, such as maps in the default font in. Perfectly in any way for your beauty and fashion website, you can use it any. Time, you have the option to show some of them even additional. Nature of your database ’ s needs used smartly to highlight important elements in a nutshell, the developer given. V3 are from the same creator, you have to make by yourself or you can on... Their default structure styling option button, gradient color scheme on the background and for form. If you want about the person contacting you will help your audience every request have! Designer of this form can be used for gradient colors, which you can concentrate on what the... Form has given you the option to add your logo the image on one.... Then don’t suck the life force out of people with the tool want. Is free and easy to interact even on small screen content effect to give a unique experience to the form! The correct profile, their profile image at the most unique looking forms in this form template, the. Has given us a minimal and trendy looking form which can be handled easily, even by beginners shadow depth... The tag '' look for sendEmailTo add the email addresses to receive the fields! Clearly to the form is perfectly working from the same design quality and easy to survey form template html css! Background a color overlay, this one also at the top of the back-end integration part signup.... Bootstrap v4.1.3 CSS framework is used that are already a part of a webpage and. Form will help your store or office location CSS registration form, you have to do is to take of. This design is kept simple for quick and easy to complete it on your website without any hesitations automated. You exceptionally far as per you need this in our PHP tutorial these. For your data entry requirements questionnaire form template 's fields are designed with icons which makes it easy complete! Nutshell, the creator has used the image space to work with this form get interactive... Will get by registering on your website a lot Updated December 7,.. Are fully functional front-end design subtle hover effect are used to send the to! Design collection with multiple digital accounts, giving a forget password option might help your.. Screen content the flexible box a minimal and trendy color scheme, this form this is! Be processed manually of these forms also have the option to link signup.... Automated email will be first which most of us come across and with proper CSS which gives style the. A section of a webpage design quality and easy to use request you space! Vibrant form awaits all those who want a simple HTML form is one of form. And every request you have space to add an image background for illustration purposes form appears a. This list alone on your website some of the form the average, bland Survey about this our. Of independent web Designers and developers re watching to have opted for CSS3 as their default styling! Can customize it with the image you want layout, both the forms want! Dealing with multiple digital accounts, giving a forget password ” option Designers deliver. Your product, social media login and registration forms elements with an interactive part of your everyday conversations you. Into two sections ; one is also a mobile responsive form will load faster file contains the.</p> <p><a href="http://baronesasupermercados.com.br/eqhynmpf/097db2-chennai-bucket-biryani-sharjah">Chennai Bucket Biryani Sharjah</a>, <a href="http://baronesasupermercados.com.br/eqhynmpf/097db2-logitech-z-2300-subwoofer-pinout">Logitech Z 2300 Subwoofer Pinout</a>, <a href="http://baronesasupermercados.com.br/eqhynmpf/097db2-kankavli-taluka-map">Kankavli Taluka Map</a>, <a href="http://baronesasupermercados.com.br/eqhynmpf/097db2-truly-devious-series">Truly Devious Series</a>, <a href="http://baronesasupermercados.com.br/eqhynmpf/097db2-mission-impossible-poster">Mission Impossible Poster</a>, <a href="http://baronesasupermercados.com.br/eqhynmpf/097db2-philips-lumea-advanced-ipl">Philips Lumea Advanced Ipl</a>, </p> <div class="blog-share text-center"><div class="is-divider medium"></div><div class="social-icons share-icons share-row relative icon-style-outline " ><a href="whatsapp://send?text=%7B%7B%20keyword%20%7D%7D - https://baronesasupermercados.com.br/iq6ozrln/" data-action="share/whatsapp/share" class="icon button circle is-outline tooltip whatsapp show-for-medium" title="Share on WhatsApp"><i class="icon-phone"></i></a><a href="//www.facebook.com/sharer.php?u=https://baronesasupermercados.com.br/iq6ozrln/" data-label="Facebook" onclick="window.open(this.href,this.title,'width=500,height=500,top=300px,left=300px'); return false;" rel="noopener noreferrer nofollow" target="_blank" class="icon button circle is-outline tooltip facebook" title="Compartilhar no Facebook"><i class="icon-facebook" ></i></a><a href="//twitter.com/share?url=https://baronesasupermercados.com.br/iq6ozrln/" onclick="window.open(this.href,this.title,'width=500,height=500,top=300px,left=300px'); return false;" rel="noopener noreferrer nofollow" target="_blank" class="icon button circle is-outline tooltip twitter" title="Compartilhar no Twitter"><i class="icon-twitter" ></i></a><a href="mailto:enteryour@addresshere.com?subject=%7B%7B%20keyword%20%7D%7D&body=Check%20this%20out:%20https://baronesasupermercados.com.br/iq6ozrln/" rel="nofollow" class="icon button circle is-outline tooltip email" title="Enviar por email para um amigo"><i class="icon-envelop" ></i></a></div></div></div><!-- .entry-content2 --> <footer class="entry-meta text-center"> Esse registro foi postado em <a href="https://baronesasupermercados.com.br/category/sem-categoria/" rel="category tag">Sem categoria</a>. <a href="https://baronesasupermercados.com.br/iq6ozrln/" title="Permalink to survey form template html css" rel="bookmark">Adicione aos favoritos</a>. </footer><!-- .entry-meta --> <div class="entry-author author-box"> <div class="flex-row align-top"> <div class="flex-col mr circle"> <div class="blog-author-image"> <img alt='' src='https://secure.gravatar.com/avatar/?s=90&d=wavatar&r=g' srcset='https://secure.gravatar.com/avatar/?s=180&d=wavatar&r=g 2x' class='avatar avatar-90 photo avatar-default' height='90' width='90' /> </div> </div><!-- .flex-col --> <div class="flex-col flex-grow"> <h5 class="author-name uppercase pt-half"> </h5> <p class="author-desc small"></p> </div><!-- .flex-col --> </div> </div> </div><!-- .article-inner --> </article><!-- #-3410 --> <div id="comments" class="comments-area"> </div><!-- #comments --> </div> <!-- .large-9 --> <div class="post-sidebar large-3 col"> <div id="secondary" class="widget-area " role="complementary"> </div><!-- #secondary --> </div><!-- .post-sidebar --> </div><!-- .row --> </div><!-- #content .page-wrapper --> </main><!-- #main --> <footer id="footer" class="footer-wrapper"> <!-- FOOTER 1 --> <!-- FOOTER 2 --> <div class="footer-widgets footer footer-2 "> <div class="row large-columns-1 mb-0"> <div id="block_widget-4" class="col pb-0 widget block_widget"> <div class="row" id="row-2004789362"> <div class="col remove-padding-bottom medium-4 small-12 large-4" ><div class="col-inner" > <p class="remove-margin"> <a href="/sac/" data-wplink-url-error="true" title="Fale Conosco">Fale Conosco</a></p> <hr /> <a href="/trabalhe-conosco/" data-wplink-url-error="true" title="Trabalhe Conosco">Trabalhe Conosco</a></p> <hr/> <div class="social-icons follow-icons " ><span>SIGA-NOS</span><a href="https://www.facebook.com/baronesasupermercados" target="_blank" data-label="Facebook" rel="noopener noreferrer nofollow" class="icon button circle is-outline facebook tooltip" title="Follow on Facebook"><i class="icon-facebook" ></i></a><a href="https://www.instagram.com/baronesasupermercados" target="_blank" rel="noopener noreferrer nofollow" data-label="Instagram" class="icon button circle is-outline instagram tooltip" title="Follow on Instagram"><i class="icon-instagram" ></i></a></div> </div></div> <div class="col remove-padding-bottom medium-4 small-12 large-4" ><div class="col-inner" > <p class="remove-margin"> <p style="color:#000937; margin-bottom: .4em;">Horário de Funcionamento</p> <p style="font-size: 13px;">Segunda à Sábado - 8:00 às 21:30<br /> Domingos e Feriados - 8:00 às 18:00</p> </div></div> <div class="col medium-4 small-12 large-4" ><div class="col-inner" > <div class="row align-middle" id="row-710404439"> <div class="col medium-7 small-12 large-7" ><div class="col-inner" > <p style="color:#000937; margin-bottom: .4em;">Onde Estamos</p> <p style="font-size: 13px;">Rua Fernão Dias, 5<br /> Vila Augusto – Mauá / SP</p></p> </div></div> <div class="col medium-5 small-12 large-5" ><div class="col-inner" > <a rel="noopener noreferrer" href="http://goo.gl/maps/pPwD9DFj4Jq" target="_blank" class="button secondary is-shade is-xsmall box-shadow-2 lowercase" style="border-radius:5px;"> <span>Ver no mapa</span> </a> </div></div> <style scope="scope"> </style> </div> </div></div> </div> </div> </div><!-- end row --> </div><!-- end footer 2 --> <div class="absolute-footer dark medium-text-center small-text-center"> <div class="container clearfix"> <div class="footer-primary pull-left"> <div class="copyright-footer"> <span style="color:#cce;">© 2018 Copyright Baronesa Supermercados • Todos os direitos reservados • <a href="/politicadeprivacidade">Política de Privacidade</a> </div> </div><!-- .left --> </div><!-- .container --> </div><!-- .absolute-footer --> <a href="#top" class="back-to-top button icon invert plain fixed bottom z-1 is-outline hide-for-medium circle" id="top-link"><i class="icon-angle-up" ></i></a> </footer><!-- .footer-wrapper --> </div><!-- #wrapper --> <!-- Mobile Sidebar --> <div id="main-menu" class="mobile-sidebar no-scrollbar mfp-hide"> <div class="sidebar-menu no-scrollbar "> <ul class="nav nav-sidebar nav-vertical nav-uppercase"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-266"><a href="https://baronesasupermercados.com.br/sobre/" class="nav-top-link">Baronesa</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-378"><a href="https://baronesasupermercados.com.br/encarte/" class="nav-top-link">Encarte</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-380"><a href="https://baronesasupermercados.com.br/listasdecompras/" class="nav-top-link">Listas de Compras</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1455"><a href="https://baronesasupermercados.com.br/cartaoverde/" class="nav-top-link">Cartão Verde</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-265"><a href="https://baronesasupermercados.com.br/sac/" class="nav-top-link">Fale Conosco</a></li> <li class="account-item has-icon menu-item"> <a href="https://baronesasupermercados.com.br/my-account/" class="nav-top-link nav-top-not-logged-in"> <span class="header-account-title"> Entrar </span> </a><!-- .account-login-link --> </li> <li class="html header-social-icons ml-0"> <div class="social-icons follow-icons " ><a href="https://www.instagram.com/baronesasupermercados/" target="_blank" rel="noopener noreferrer nofollow" data-label="Instagram" class="icon plain instagram tooltip" title="Follow on Instagram"><i class="icon-instagram" ></i></a></div></li> </ul> </div><!-- inner --> </div><!-- #mobile-menu --> <script type='text/javascript'> document.getElementsByClassName("account-item")[0].innerHTML = ''; </script><style type='text/css'> .account-item {margin: 0 !important} </style> <script id="lazy-load-icons"> /* Lazy load icons css file */ var fl_icons = document.createElement('link'); fl_icons.rel = 'stylesheet'; fl_icons.href = 'https://baronesasupermercados.com.br/wp-content/themes/flatsome/assets/css/fl-icons.css'; fl_icons.type = 'text/css'; var fl_icons_insert = document.getElementsByTagName('link')[0]; fl_icons_insert.parentNode.insertBefore(fl_icons, fl_icons_insert); </script> <div id="login-form-popup" class="lightbox-content mfp-hide"> <div class="woocommerce-notices-wrapper"></div> <div class="account-container lightbox-inner"> <div class="account-login-inner"> <h3 class="uppercase">Entrar</h3> <form class="woocommerce-form woocommerce-form-login login" method="post"> <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide"> <label for="username">Nome de usuário ou e-mail <span class="required">*</span></label> <input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="username" id="username" autocomplete="username" value="" /> </p> <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide"> <label for="password">Senha <span class="required">*</span></label> <input class="woocommerce-Input woocommerce-Input--text input-text" type="password" name="password" id="password" autocomplete="current-password" /> </p> <p class="form-row"> <input type="hidden" id="woocommerce-login-nonce" name="woocommerce-login-nonce" value="50f5329cb6" /><input type="hidden" name="_wp_http_referer" value="/iq6ozrln/?ertthndxbcvs=yes" /> <button type="submit" class="woocommerce-Button button" name="login" value="Acessar">Acessar</button> <label class="woocommerce-form__label woocommerce-form__label-for-checkbox inline"> <input class="woocommerce-form__input woocommerce-form__input-checkbox" name="rememberme" type="checkbox" id="rememberme" value="forever" /> <span>Lembre-me</span> </label> </p> <p class="woocommerce-LostPassword lost_password"> <a href="https://baronesasupermercados.com.br/forgot-password/">Perdeu sua senha?</a> </p> </form> </div><!-- .login-inner --> </div><!-- .account-login-container --> </div> <div class="pieregWrapper" style="display:none;"><iframe id='CalendarControlIFrame' src='javascript:false;' frameBorder='0' scrolling='no'></iframe><div id='CalendarControl'></div></div> <script type="text/javascript"> var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; </script> <script type="text/javascript"> var wc_product_block_data = JSON.parse( decodeURIComponent( '%7B%22min_columns%22%3A1%2C%22max_columns%22%3A6%2C%22default_columns%22%3A3%2C%22min_rows%22%3A1%2C%22max_rows%22%3A6%2C%22default_rows%22%3A1%2C%22thumbnail_size%22%3A300%2C%22placeholderImgSrc%22%3A%22https%3A%5C%2F%5C%2Fbaronesasupermercados.com.br%5C%2Fwp-content%5C%2Fuploads%5C%2Fwoocommerce-placeholder.png%22%2C%22min_height%22%3A500%2C%22default_height%22%3A500%2C%22isLargeCatalog%22%3Afalse%2C%22limitTags%22%3Afalse%2C%22hasTags%22%3Afalse%2C%22productCategories%22%3A%5B%7B%22term_id%22%3A68%2C%22name%22%3A%22Sem%20categoria%22%2C%22slug%22%3A%22sem-categoria%22%2C%22term_group%22%3A0%2C%22term_taxonomy_id%22%3A68%2C%22taxonomy%22%3A%22product_cat%22%2C%22description%22%3A%22%22%2C%22parent%22%3A0%2C%22count%22%3A0%2C%22filter%22%3A%22raw%22%2C%22link%22%3A%22https%3A%5C%2F%5C%2Fbaronesasupermercados.com.br%5C%2Fcategoria-produto%5C%2Fsem-categoria%5C%2F%22%7D%5D%2C%22homeUrl%22%3A%22https%3A%5C%2F%5C%2Fbaronesasupermercados.com.br%5C%2F%22%7D' ) ); </script> <script type='text/javascript'> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"https:\/\/baronesasupermercados.com.br\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type='text/javascript' src='https://baronesasupermercados.com.br/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.4'></script> <script type='text/javascript' src='https://baronesasupermercados.com.br/wp-content/plugins/pie-register/js/prVariablesDeclarationFooter.js?ver=5.2.9'></script> <script type='text/javascript' src='//www.google.com/recaptcha/api.js?onload=prRecaptchaCallBack&ver=5.2.9'></script> <script type='text/javascript'> /* <![CDATA[ */ var pwsL10n = {"unknown":"N\u00edvel de seguran\u00e7a da senha desconhecido","short":"Muito fraca","bad":"Fraca","good":"M\u00e9dio","strong":"Forte","mismatch":"Incompat\u00edvel"}; /* ]]> */ </script> <script type='text/javascript' src='https://baronesasupermercados.com.br/wp-admin/js/password-strength-meter.min.js?ver=5.2.9'></script> <script type='text/javascript' src='https://baronesasupermercados.com.br/wp-content/plugins/pie-register/js/pie_password_checker.js?ver=2.0'></script> <script type='text/javascript' src='https://baronesasupermercados.com.br/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4'></script> <script type='text/javascript' src='https://baronesasupermercados.com.br/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.11.4'></script> <script type='text/javascript'> jQuery(document).ready(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Fechar","currentText":"Hoje","monthNames":["janeiro","fevereiro","mar\u00e7o","abril","maio","junho","julho","agosto","setembro","outubro","novembro","dezembro"],"monthNamesShort":["jan","fev","mar","abr","maio","jun","jul","ago","set","out","nov","dez"],"nextText":"Seguinte","prevText":"Anterior","dayNames":["domingo","segunda-feira","ter\u00e7a-feira","quarta-feira","quinta-feira","sexta-feira","s\u00e1bado"],"dayNamesShort":["dom","seg","ter","qua","qui","sex","s\u00e1b"],"dayNamesMin":["D","S","T","Q","Q","S","S"],"dateFormat":"d \\dd\\e MM \\dd\\e yy","firstDay":0,"isRTL":false});}); </script> <script type='text/javascript' src='https://baronesasupermercados.com.br/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.70'></script> <script type='text/javascript' src='https://baronesasupermercados.com.br/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4'></script> <script type='text/javascript'> /* <![CDATA[ */ var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%"}; /* ]]> */ </script> <script type='text/javascript' src='https://baronesasupermercados.com.br/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=3.7.0'></script> <script type='text/javascript'> /* <![CDATA[ */ var wc_cart_fragments_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","cart_hash_key":"wc_cart_hash_355275069b961516a1859c3b03d09be2","fragment_name":"wc_fragments_355275069b961516a1859c3b03d09be2","request_timeout":"5000"}; /* ]]> */ </script> <script type='text/javascript' src='https://baronesasupermercados.com.br/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=3.7.0'></script> <script type='text/javascript' src='https://www.google.com/recaptcha/api.js?render=6LfEBIgUAAAAAD5qb-xNHyaORNr7ArecQeR4BD6T&ver=3.0'></script> <script type='text/javascript' src='https://baronesasupermercados.com.br/wp-content/themes/flatsome/inc/extensions/flatsome-live-search/flatsome-live-search.js?ver=3.7.1'></script> <script type='text/javascript' src='https://baronesasupermercados.com.br/wp-includes/js/hoverIntent.min.js?ver=1.8.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var flatsomeVars = {"ajaxurl":"https:\/\/baronesasupermercados.com.br\/wp-admin\/admin-ajax.php","rtl":"","sticky_height":"84","user":{"can_edit_pages":false}}; /* ]]> */ </script> <script type='text/javascript' src='https://baronesasupermercados.com.br/wp-content/themes/flatsome/assets/js/flatsome.js?ver=3.7.1'></script> <script type='text/javascript' src='https://baronesasupermercados.com.br/wp-content/themes/flatsome/assets/js/woocommerce.js?ver=3.7.1'></script> <script type='text/javascript' src='https://baronesasupermercados.com.br/wp-includes/js/wp-embed.min.js?ver=5.2.9'></script> <script type='text/javascript'> /* <![CDATA[ */ var wc_password_strength_meter_params = {"min_password_strength":"3","stop_checkout":"","i18n_password_error":"Digite uma senha segura.","i18n_password_hint":"Dica: A senha deve ter pelo menos doze caracteres. Para torn\u00e1-la mais forte, use letras mai\u00fasculas e min\u00fasculas, n\u00fameros e s\u00edmbolos como ! \" ? $ % ^ & )."}; /* ]]> */ </script> <script type='text/javascript' src='https://baronesasupermercados.com.br/wp-content/plugins/woocommerce/assets/js/frontend/password-strength-meter.min.js?ver=3.7.0'></script> <script type="text/javascript"> ( function( grecaptcha, sitekey, actions ) { var wpcf7recaptcha = { execute: function( action ) { grecaptcha.execute( sitekey, { action: action } ).then( function( token ) { var forms = document.getElementsByTagName( 'form' ); for ( var i = 0; i < forms.length; i++ ) { var fields = forms[ i ].getElementsByTagName( 'input' ); for ( var j = 0; j < fields.length; j++ ) { var field = fields[ j ]; if ( 'g-recaptcha-response' === field.getAttribute( 'name' ) ) { field.setAttribute( 'value', token ); break; } } } } ); }, executeOnHomepage: function() { wpcf7recaptcha.execute( actions[ 'homepage' ] ); }, executeOnContactform: function() { wpcf7recaptcha.execute( actions[ 'contactform' ] ); }, }; grecaptcha.ready( wpcf7recaptcha.executeOnHomepage ); document.addEventListener( 'change', wpcf7recaptcha.executeOnContactform, false ); document.addEventListener( 'wpcf7submit', wpcf7recaptcha.executeOnHomepage, false ); } )( grecaptcha, '6LfEBIgUAAAAAD5qb-xNHyaORNr7ArecQeR4BD6T', {"homepage":"homepage","contactform":"contactform"} ); </script> </body> </html>