add icon html

ⓘ I have included a zip file with all the example source code at the start of this tutorial, so you don’t have to copy-paste everything… Or if you just want to dive straight in. Need to add some icons to your website? How To Add Icons. Just what kind of sorcery is this? You eventually want to integrate everything Facebook has to offer with your website. A sprite is a collection of images. The approaches only work in HTML or XHTML; The preferred approach associates a favicon with an HTML document, not a collection of documents (i.e., a site) The proposed profile for defining the "icon" value is not a recognized standard, which means there may be interoperability issues in practice. For example, if we want to change the width/height in the future, we only have to do it once in CSS. The Big Book of Widgets is a collection of many HTML CSS JS widgets. Thank you for reading, and we have come to the end of this guide. The output of sticky social media icons is shown in the following screenshot: JavaTpoint offers too many high quality services. There are various ways to add icons in HTML and CSS: The easiest way is to use HTML symbols, simply copy-and-paste the respective HTML entity code. Step 2: Now, we have to place the cursor just after the tag in the <head> tag of the Html document and then attach the CDN link. But take note that some symbols will not show up properly on the older browsers, you will not want to use this if backward compatibility is an issue. Step 1: Firstly, we have to type the Html code in any text editor or open the existing Html file in the text editor in which we want add the sticky icons of social media. All right, let us now get into the various methods on how to add icons in HTML. Add .glyphicon to the HTML element you want to contain an icon. This is a follow up of the above image method, but using a whole set of icons in one image. Add font awesome icons -->. Your email address will not be published. In this particular case, we add a hover effect. So, we have to type the following <link> tag in the <head> tag. For example: Instead of manually inserting the icons one at a time as an image, CSS will be used here: Some of you guys may be thinking – Why so dumb? It is easier to mass update the icons using CSS. Download over 4,613 icons of html in SVG, PSD, PNG, EPS format or as webfonts. © Copyright 2011-2018 www.javatpoint.com. Get free Add icons in iOS, Material, Windows and other design styles for web, mobile, and graphic design projects. It is advised to add in your webserver as you don't need to add this in each of your html pages (assuming no includes). To add icons in select option text we have to use the bootstrap-select plugin, which is a great plugin for customizing plain HTML select with some great customization options using bootstrap style.With this plugin, we can style the select element with only simple data attributes or initialize with Javascript. The fontawesome icon can be … Adding favicons is also considered to be good for the SEO of the websites. The favicon is the combination of favorite icon. How To Create an Icon Form Step 1) Add HTML: Use a <form> element to process the input. Add them using icon fonts - FontAwesome, Glyphicons etc. All the icons in the icon libraries below, are scalable vector icons that can be customized with CSS (size, color, shadow, etc.) If we can place images in HTML, then we can just put in all the small little icon images. In 90% of the time the icon is accompanied by a description, the example was very well built for then I also agree with the direct element to the html. … How to Add Facebook Icon in Html. < link rel = 'icon' href = 'favicon.ico' type = 'image/x-icon' / >. Let us walk through some examples in this guide – Read on to find out! The best part is that they are baked straight into native HTML, and we don’t need to load 3rd party frameworks for these to work. Click here to download the source code, I have released it under the MIT license, so feel free to build on top of it or use it in your own project. The output of above Html code is shown in the following screenshot: If we want to add the sticky social media icons in the Html document using the Internal CSS and Html code, to show the icons on the web page then we have to follow the steps which are given below. Add icon library -->. Step 1) Add HTML: Example. Flaticon, the largest database of free vector icons. Web pages now commonly feature a Facebook icon. Of course, if you somehow need even more icons, there are also paid plans on Font Awesome. Step 5: And, then we have to use the following code in the <body> tag of Html document. The usage is very simple, just define &#NUMBER; and it will “translate” into the respective HTML symbol. Add a class that specifies the icon you which to use (e.g .glyphicon-minus ) So, to prepend our email input with a Glyphicon input would require the following HTML: If you spot a bug, please feel free to comment below. How to call a JavaScript Function in Html. Step 3: Now, copy the downloaded favicon and save it to that location where the Html document is saved. This is the way I used to add icons. How to add your brand logo in the title bar of the browser. Also, these symbols are treated just like text, we can control the size using font-size, even apply font-weight and text-decoration on it. <a href="#" class="fa fa-twitter"></a>. Depending on which method you’re using to add the icons, and where you’re using them (e.g. Step 3: Now, we have to design the structure of sticky media icons using the CSS code. The above image is not suited for HiDPI devices. Duration: 1 week to 2 week. Flaticon, the largest database of free vector icons. The simplest way to add an icon to your HTML page, is with an icon library, such as Font Awesome. If we want to add social media icons in the Html document using the Internal CSS, to show them on the web page then we have to follow the steps which are given below. Mail us on hr@javatpoint.com, to get more information about given services. I try to answer questions too, but it is one person versus the entire world… If you need answers urgently, please check out my list of websites to get help with programming. There is nothing to install, so just download and unzip into a folder. To add icon inside the input element the <i> tag and <span> tag are used widely to add icons on the webpages. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">. It will help to save time and speed up development - Check it out! Also, be sure to check out new icons and popular icons. Using these simple steps, we can easily add the social media icons. The link attribute is used to add the favicon. Implement icons using WP widget. Step 3: And, then we have to use the following code between the closing and opening of <style> tag. This quick tip will show you how to add icon fonts to any element in your site safely with just CSS. Isn’t it easier to just use images? That’s all for this tutorial, and here is a small section on some extras and links that may be useful to you. Required fields are marked *. Step 1: Firstly, we have to create a favicon which we want to add in the Html document. Step 4: Now, we have to add the following code in the <body> tag. The <i> and <span> elements are widely used to add icons. Your email address will not be published. as standalone images, or as the only content of a button or similar control), there are various possible approaches. The biggest advantage is the possibility to have a nice hover effect on the image. Most of the websites adds icon or image logo in the title bar. Add icons in the form of single icons, sets, lists, buttons and more. square image you would like to add as favicon to your website 2. I will leave links to free font websites in the extras section below, just do a font search for “icons”, and there will be plenty more. AddType image/x-icon .ico .icon { background: url('your-image-url.jpg'); height: 20px; width: 20px; display: block; /* Other styles here */ } You would then need to just create an element that has that CSS class to display your icon : <span class='icon'></span> Example Images are the safest and will always work, but they add on to the loading time bloat. These free images are pixel perfect to fit your design and available in both PNG and vector. Syntax: <link rel="icon" href="icon_path" type="image/icon type"> Example: There are multiple ways to add social media icons to your website: Add icons as images in the desired format - .png, .svg or .eps. In fact, a website without one seems to be missing something. Step 1: Firstly, we have to type the Html code in any text editor or open the existing Html file in the text editor in which we want add the sticky icons of social media. A rather dirty tr… It limits the amount of http requests. Download over 10,724 icons of add in SVG, PSD, PNG, EPS format or as webfonts. You can choose the one most suitable for you or try all of them. A simple first step is to connect your website to Facebook. We are compensated for referring traffic. You might have come across many websites like Facebook, Google and many others having their logo in the title bar as shown in the image below Welcome to a beginner’s tutorial on how to add icons in HTML and CSS. User </ icon> Weezer. The examples below show the usage for each method and the resulting image style. Step 4: When we added the above code successfully, then we have to link the css file in the <head> tag. This page is going to show you how to add a Facebook icon on your web page or blog post using nothing but pure HTML code, no images or graphics whatsoever. There are various ways to add icons in HTML and CSS: But just how are these done exactly? Here are a … If you do not see the new favicon, clear the cache of … So your code should now look like this: That’s it, save your page and access it in a web-browser. Add an empty div: Add this CSS: Codepen. Firstly, here is the download link to the example code as promised. You can add icons to your desktop to create a shortcut to certain apps and folders. JavaTpoint offers college campus training on Core Java, Advance Java, .Net, Android, Hadoop, PHP, Web Technology and Python. Today we are going to learn an interesting topic on HTML, how to add an icon to the title bar of the browser. Step 2: When we get the favicon successfully, then we have to download it by clicking on the download favicon option. Add A Favicon to A Website in HTML | Learn HTML and CSS | HTML Tutorial | HTML for Beginners. As an example, here’s the shortcode we’d need for the paper airplane icon: I will leave a link to the complete reference in the extras section below. So, using the https://www.favicon.cc/ link, we can create a favicon. So, it’s good performance wise but in the case of a hover, it’s also necessary. The icon logo is also called as favicon. To create unordered list in HTML, use the tag. Access the code of your webpage and in the <HEAD> section add the following code: <link rel='icon' href='favicon.ico' type='image/x-icon'/ >. Loading fonts is an alternative, but the icons will be restricted to the set of fonts used. But with images, that will mean having to resize the images one at a time. All rights reserved. All you’ll need is to add some simple shortcode within the HTML field. If the icons are not purely decorative, make sure you provide an appropriate text alternative. Putting a linked Facebook icon on your website or … To add any icons on the webpages or in some specific area, it needs the fontawesome link inside the head tag. We also participate in affiliate programs with Bluehost, ShareASale, Clickbank, and other sites. Icons (HTML – Recommended) Use HTML to insert icons as an individual image. To insert an icon, add the name of the icon class to any inline HTML element. Step 2) Add CSS: Square Example. But most of the time what we see is: Add the name of the specified icon class to any inline HTML element (like <i> or <span> ). Code Boxx participates in the eBay Partner Network, an affiliate program designed for sites to earn commission fees by linking to ebay.com. Using these simple steps, we can easily add the sticky social media icons. Access to your website files In reality, to pull this off you need HTML & CSS but CSS is really part of HTML code. <a href="#" class="fa fa-facebook"></a>. Well, there are 2 main reasons here: Fonts usually contain alphabets, but there are some interesting ones that are sets of icons instead – All we have to do is to find these sets of icons, include them using CSS @font-face, then use it just as usual. Well, these are HTML symbols, and there are a ton of these – Everything from arrows, to symbols, to currencies, to smilies, and more. Without a sprite, the image would be loaded during the hover action, which is not recommended at all. For example, as in the case below, we can hide a text using the icon, and even then it will be readable by screen readers. Step 6: And, at last, we have to save the Html file and then run the file in the browser. list of websites to get help with programming. Step 5: And, at last, we have to save the Html file and then run the file in the browser. How To Create Icon Buttons Step 1) Add HTML: Add an icon library, such as font awesome, and append icons to HTML buttons: <link rel = "shortcut icon" href = "/favicon.ico" type = "image/x-icon" >. Step 2: Now, we have to place the cursor in the head tag just after the title tag of the Html document and then define the <style> tag as shown in the following block. Adding icons to HTML fields is the simplest option, and requires no custom CSS. Icons are added using the Font Awesome library as well as extra icons added to supplement this library. Download icons in all formats or edit them for your designs. Yep… This one should be a pretty “Captain Obvious” method. Add social media icons through WP plugin. Dow is a materials science leader committed to delivering innovative and sustainable solutions for customers in packaging, infrastructure and consumer care. The unordered list starts with the tag. Icon fonts are normally displayed by including an icon font stylesheet, then inserting an HTML element where the icon should appear, such as <span class="icon123"> or <i class="xyz">, but using the HTML method is not always possible. You can learn more about this in our PHP tutorial. To add in your apache place the favicon.ico in your root website director and add this in httpd.conf . How To Add Icons. Developed by JavaTpoint. Good luck and happy coding! For example, ★ represents... Download icons images from websites such as FlatIcon, and use them as-it … So, we have to add the code as shown in the following block just after the <link> tag in the Html document. But please do take care that not all fonts are “fully free”… Some are free for personal use, but not for commercial use. I will personally stick with using HTML symbols, as it is the most lightweight option. One single set of images loads faster than trying to load a dozen of images. So well, there is no “best” or “worst”, just whichever makes the most sense for the project. Font Awesome is a free library of icons, the usage is pretty straightforward. Step 1: Firstly, we have to type the Html code in any text editor or open the existing Html file in the text editor in which we want add the icons of social media. 1. Make the contents a little easier to navigate? Then add inputs for each field: Please mail your requirement at hr@javatpoint.com. Add the following link to your <head> section: ¶. I hope that it has helped you with your project, and if you want to share anything with this guide, please feel free to comment below. Font Awesome is also a pretty safe option but bloats the loading time as well. </p> <p><a href="https://www.diskdr.fr/f0pzam/font-awesome-c%2B%2B">Font Awesome C++</a>, <a href="https://www.diskdr.fr/f0pzam/vitesse-4g-box-bouygues">Vitesse 4g Box Bouygues</a>, <a href="https://www.diskdr.fr/f0pzam/the-corner-store-yamba">The Corner Store Yamba</a>, <a href="https://www.diskdr.fr/f0pzam/olivier-villa-et-sa-femme">Olivier Villa Et Sa Femme</a>, <a href="https://www.diskdr.fr/f0pzam/j%27ai-fait-du-baby-sitting">J'ai Fait Du Baby-sitting</a>, <a href="https://www.diskdr.fr/f0pzam/zak-storm%2C-super-pirate-saison-2">Zak Storm, Super Pirate Saison 2</a>, <a href="https://www.diskdr.fr/f0pzam/extravagance-toulon-facebook">Extravagance Toulon Facebook</a>, <a href="https://www.diskdr.fr/f0pzam/formulaire-souscription-pass-navigo">Formulaire Souscription Pass Navigo</a>, <a href="https://www.diskdr.fr/f0pzam/est-il-dangereux-d%27aller-en-thailande-en-ce-moment-2020">Est Il Dangereux D'aller En Thailande En Ce Moment 2020</a>, <a href="https://www.diskdr.fr/f0pzam/parc-om%C3%A9ga-hiver">Parc Oméga Hiver</a>, <a href="https://www.diskdr.fr/f0pzam/qu%27est-ce-qu%27une-section-rabattue">Qu'est-ce Qu'une Section Rabattue</a>, <a href="https://www.diskdr.fr/f0pzam/king-icon-png">King Icon Png</a>, </p> </div> </div> <div class="clear"></div> <div class="clear"></div> <div class="tagcloud"> <p></p> </div> <div class="clear"></div> <div class="share_post" role="main"> <div class="share_hearline"> Partagez-le : </div> <ul class="socialshare-icon"> <li> <a class="link-facebook" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.diskdr.fr%2F5n52qsab%2F&t=%7B%7B+keyword+%7D%7D"> <span class="icon-facebook4"></span> </a> </li> <li> <a class="link-twitter" target="_blank" href="https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fwww.diskdr.fr%2F5n52qsab%2F&text=%7B%7B+keyword+%7D%7D&url=http%3A%2F%2Fwww.diskdr.fr%2F5n52qsab%2F"> <span class="icon-twitter3"></span> </a> </li> <li> <a class="link-google" target="_blank" href="https://plus.google.com/share?url=http%3A%2F%2Fwww.diskdr.fr%2F5n52qsab%2F"> <span class="icon-google-plus4"></span> </a> </li> <li> <a class="link-pinterest" target="_blank" href="http://www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.diskdr.fr%2F5n52qsab%2F&media=&description="> <span class="icon-pinterest"></span> </a> </li> <li> <a class="link-email" target="_blank" href="mailto:info@diskdr.fr?subject=%7B%7B+keyword+%7D%7D&body= http%3A%2F%2Fwww.diskdr.fr%2F5n52qsab%2F"> <span class="icon-mail4 "></span> </a> </li> </ul> <div class="clear"></div> </div> <div id="admin_info" role="main"> <div class="about_author" itemtype="http://schema.org/Person" itemscope itemprop="author"> <h3 class="author_name" itemprop="name"></h3> <div class="author_link"><a href="http://www.diskdr.fr/author/">À propos de l'auteur</a></div> </div> <div class="author_info"> <div class="author_image"> <img alt='' src='http://0.gravatar.com/avatar/?s=96&d=mm&r=g' srcset='http://1.gravatar.com/avatar/?s=192&d=mm&r=g 2x' class='avatar avatar-96 photo avatar-default' height='96' width='96' loading='lazy'/> </div> <div class="author_desc"> <p></p> <div class="clear"></div> </div> </div> <div class="clear"></div> </div><!-- End Content row --> <nav id="nav-single"> <span class="nav-previous"></span> <span class="nav-next"></span> </nav><!-- #nav-single --> <div class="clear"></div> <div id="related" class="tab-post-row"> <div class="row section-header box"> <div class="section-big-wrapper"> <h3 class="section-big">Posts connexes</h3> </div> </div> <div class="related-box has-thumbnail"> <div class="tab-post-widget-img"> <a href="http://www.diskdr.fr/ceinture-lombaire-diskdr-adaptee-aux-golfeurs/"><img width="151" height="96" src="http://www.diskdr.fr/wp-content/uploads/2016/11/disk-dr-GOLF-151x96.jpg" class="attachment-post-size size-post-size wp-post-image" alt="" loading="lazy" srcset="http://www.diskdr.fr/wp-content/uploads/2016/11/disk-dr-GOLF-151x96.jpg 151w, http://www.diskdr.fr/wp-content/uploads/2016/11/disk-dr-GOLF-375x241.jpg 375w, http://www.diskdr.fr/wp-content/uploads/2016/11/disk-dr-GOLF-875x563.jpg 875w" sizes="(max-width: 151px) 100vw, 151px" /></a> </div> <div class="tab-post-widget-content"> <h4> <a href="http://www.diskdr.fr/ceinture-lombaire-diskdr-adaptee-aux-golfeurs/">La ceinture lombaire DiskDr adaptée aux golfeurs</a> </h4> La ceinture lombaire Disk Dr est parfaitement adaptée aux golfeurs ayant des problèmes lombaire ... </div> <div class="clear"></div> </div> <div class="related-box has-thumbnail"> <div class="tab-post-widget-img"> <a href="http://www.diskdr.fr/ceinture-lombaire-artisans-btp/"><img width="151" height="96" src="http://www.diskdr.fr/wp-content/uploads/2016/06/ceinture-lombaire-pour-artisan-et-BTP-151x96.jpg" class="attachment-post-size size-post-size wp-post-image" alt="" loading="lazy" srcset="http://www.diskdr.fr/wp-content/uploads/2016/06/ceinture-lombaire-pour-artisan-et-BTP-151x96.jpg 151w, http://www.diskdr.fr/wp-content/uploads/2016/06/ceinture-lombaire-pour-artisan-et-BTP-375x241.jpg 375w, http://www.diskdr.fr/wp-content/uploads/2016/06/ceinture-lombaire-pour-artisan-et-BTP-875x563.jpg 875w" sizes="(max-width: 151px) 100vw, 151px" /></a> </div> <div class="tab-post-widget-content"> <h4> <a href="http://www.diskdr.fr/ceinture-lombaire-artisans-btp/">Ceinture lombaire pour les artisans et BTP</a> </h4> Les lombalgies sont très fréquentes dans certaines situations de travail: vibrations,  secousse ... </div> <div class="clear"></div> </div> <div class="related-box has-thumbnail"> <div class="tab-post-widget-img"> <a href="http://www.diskdr.fr/ceinture-lombaire-a-traction-verticale-adaptee-tennis/"><img width="151" height="96" src="http://www.diskdr.fr/wp-content/uploads/2016/06/DISK-DR-tennis-ceinture-lombaire-151x96.jpg" class="attachment-post-size size-post-size wp-post-image" alt="" loading="lazy" srcset="http://www.diskdr.fr/wp-content/uploads/2016/06/DISK-DR-tennis-ceinture-lombaire-151x96.jpg 151w, http://www.diskdr.fr/wp-content/uploads/2016/06/DISK-DR-tennis-ceinture-lombaire-375x241.jpg 375w, http://www.diskdr.fr/wp-content/uploads/2016/06/DISK-DR-tennis-ceinture-lombaire-875x563.jpg 875w" sizes="(max-width: 151px) 100vw, 151px" /></a> </div> <div class="tab-post-widget-content"> <h4> <a href="http://www.diskdr.fr/ceinture-lombaire-a-traction-verticale-adaptee-tennis/">La ceinture lombaire à traction verticale adaptée au tennis</a> </h4> Le mal de dos oblige parfois à cesser le tennis. Les hernies discales en sont souvent la cause. ... </div> <div class="clear"></div> </div> <div class="related-box has-thumbnail"> <div class="tab-post-widget-img"> <a href="http://www.diskdr.fr/comment-faire-du-sport-quand-on-a-mal-au-dos/"><img width="151" height="96" src="http://www.diskdr.fr/wp-content/uploads/2016/06/disk-dr-france-ceinture-lombaire-fitness-151x96.jpg" class="attachment-post-size size-post-size wp-post-image" alt="" loading="lazy" srcset="http://www.diskdr.fr/wp-content/uploads/2016/06/disk-dr-france-ceinture-lombaire-fitness-151x96.jpg 151w, http://www.diskdr.fr/wp-content/uploads/2016/06/disk-dr-france-ceinture-lombaire-fitness-375x241.jpg 375w, http://www.diskdr.fr/wp-content/uploads/2016/06/disk-dr-france-ceinture-lombaire-fitness-875x563.jpg 875w" sizes="(max-width: 151px) 100vw, 151px" /></a> </div> <div class="tab-post-widget-content"> <h4> <a href="http://www.diskdr.fr/comment-faire-du-sport-quand-on-a-mal-au-dos/">Comment faire du sport quand on a mal au dos ?</a> </h4> On ne pourra jamais remplacer la bonne hygiène de vie et les nombreux exercices à faire pour li ... </div> <div class="clear"></div> </div> <div class="related-box has-thumbnail"> <div class="tab-post-widget-img"> <a href="http://www.diskdr.fr/disk-dr-des-produits-testes-et-recompenses/"><img width="151" height="96" src="http://www.diskdr.fr/wp-content/uploads/2014/12/Ceinture-diskdr-e1475621442947-151x96.jpg" class="attachment-post-size size-post-size wp-post-image" alt="" loading="lazy" /></a> </div> <div class="tab-post-widget-content"> <h4> <a href="http://www.diskdr.fr/disk-dr-des-produits-testes-et-recompenses/">Disk Dr. : des produits testés et récompensés</a> </h4> Plusieurs études cliniques sur les effets des produits Disk Dr. ont été menées en Corée du Sud ... </div> <div class="clear"></div> </div> <div class="related-box has-thumbnail"> <div class="tab-post-widget-img"> <a href="http://www.diskdr.fr/mode-demploi-ceinture-lombaire/"><img width="151" height="96" src="http://www.diskdr.fr/wp-content/uploads/2014/12/Disk-Dr-WG30-WG50-151x96.jpg" class="attachment-post-size size-post-size wp-post-image" alt="" loading="lazy" srcset="http://www.diskdr.fr/wp-content/uploads/2014/12/Disk-Dr-WG30-WG50-151x96.jpg 151w, http://www.diskdr.fr/wp-content/uploads/2014/12/Disk-Dr-WG30-WG50-375x241.jpg 375w" sizes="(max-width: 151px) 100vw, 151px" /></a> </div> <div class="tab-post-widget-content"> <h4> <a href="http://www.diskdr.fr/mode-demploi-ceinture-lombaire/">Mode d’emploi Ceinture lombaire</a> </h4> Ne pas suivre les instructions suivantes expose l’utilisateur aux désavantages d’un ... </div> <div class="clear"></div> </div> <div class="clear"></div> </div> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Répondre <small><a rel="nofollow" id="cancel-comment-reply-link" href="/5n52qsab/?ertthndxbcvs=yes#respond" style="display:none;">Annuler la réponse</a></small></h3><form action="http://www.diskdr.fr/wp-comments-post.php" method="post" id="commentform" class="comment-form"><div class="comment-twothird"> <p> <label for="comment">Commentaire</label> <textarea name="comment" class="" id="comment" tabindex="4" placeholder="Comment"></textarea> </p></div><div class="comment-onethird"> <p> <label for="author">Nom(requis)</label> <input type="text" class="five" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' placeholder="Name"> </p> <p> <label for="email">Courriel(requis)</label> <input type="text" class="five" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' placeholder="youremail@yourdomain.com"> </p> <p> <label for="url">Site web</label> <input type="text" class="five" name="url" id="url" value="" size="22" tabindex="3" placeholder="www.website.com"> </p> <p style="display:none" > <label for="question">1+1=(requis)</label> <input type="text" class="five" name="question" id="question" value="" size="22" tabindex="4" aria-required='true' placeholder="answer" > </p> </div> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Soumettre un commentaire" /> <input type='hidden' name='comment_post_ID' value='3426' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </article> </div><!-- End Content row --> </div> </div><!-- End Main row --> <footer id="footer" class="" role="contentinfo"> <div class="row-fullwidth"> <div class="fullwidth-block row footer-content"> <div class="col-lg-3 footer-widget-area"> <article id="text-7" class="widget widget_text"><div class="row section-header box"><div class="section-big-wrapper"><h3 class="section-big">Contactez Disk Dr.</h3></div></div> <div class="textwidget"><p>Vous avez une question ? contactez nous !</p> <p>Phone: <a href="skype:+624392205?call">+33(0)6 50 94 32 86</a><br /> Email: <a href="mailto:info@diskdr.frSubject=Disk Dr.">info@diskdr.fr</a></p> </div> </article></div> <div class="col-lg-3 footer-widget-area"> <article id="text-8" class="widget widget_text"><div class="row section-header box"><div class="section-big-wrapper"><h3 class="section-big">Paiement et envoi sécurisé</h3></div></div> <div class="textwidget"><ul class="jaw_list bullet"> <li class=""><i class="icon-checkmark"></i><a href='#'>Paiement sécurisé</a></li> <li class=""><i class="icon-checkmark"></i><a href='#'>Acheter facilement</a></li> <li class=""><i class="icon-checkmark"></i><a href='#'>Paypal accepté</a></li> </ul> <p><a href="http://www.diskdr.fr/" target="_blank" rel="noopener noreferrer"> <img style="border: 0 none;" src="http://www.diskdr.fr/wp-content/uploads/2014/12/paypal-visa-e1418210014487.jpg" alt="" /></a></p> </div> </article> </div> <div class="col-lg-3 footer-widget-area"> <article id="recent-posts-3" class="widget widget_recent_entries"> <div class="row section-header box"><div class="section-big-wrapper"><h3 class="section-big">Les infos Disk Dr</h3></div></div> <ul> <li> <a href="http://www.diskdr.fr/5n52qsab/" aria-current="page">add icon html</a> </li> <li> <a href="http://www.diskdr.fr/ceinture-lombaire-diskdr-adaptee-aux-golfeurs/">La ceinture lombaire DiskDr adaptée aux golfeurs</a> </li> <li> <a href="http://www.diskdr.fr/ceinture-lombaire-artisans-btp/">Ceinture lombaire pour les artisans et BTP</a> </li> <li> <a href="http://www.diskdr.fr/ceinture-lombaire-a-traction-verticale-adaptee-tennis/">La ceinture lombaire à traction verticale adaptée au tennis</a> </li> </ul> </article> </div> <div class="col-lg-3 footer-widget-area"> <article id="text-11" class="widget widget_text"><div class="row section-header box"><div class="section-big-wrapper"><h3 class="section-big">Disk Dr. : La décompression</h3></div></div> <div class="textwidget">Les produits Disk Dr. sont tous brevetés et ont remporté de nombreux prix médicaux. Ils se basent sur la décompression vertébrale de la zone douloureuse. </div> </article> </div> </div> <div id="copyright" class="fullwidth-block row footer-content"> <div class="col-lg-6"> Copyright 2016 © by <a href='http://diskdr.fr/'>Disk Docteur France</a>,produit par Disk Dr. </div> <div class="col-lg-6 copyright-menu"> <div class="menu-footer-menu-container"><ul id="menu-footer-menu" class="template-footer-menu"><li id="menu-item-2830" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2830"><a href="http://www.diskdr.fr/qui-sommes-nous/">Qui sommes nous ?</a></li> <li id="menu-item-2831" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2831"><a href="http://www.diskdr.fr/contact/">Contact</a></li> <li id="menu-item-2738" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2738"><a href="http://www.diskdr.fr/faq/">FAQ</a></li> </ul></div> </div> </div> </div> </footer> </div><!-- End the template box --> </div><!-- Container End --> <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6. chromium.org/developers/how-tos/chrome-frame-getting-started --> <!--[if lt IE 7]> <script defer src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script> <script defer>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script> <![endif]--> <script type="text/javascript" charset="utf-8"> var site_url = "http://www.diskdr.fr"; var rtl = "0"; var wWidth = jQuery(window).width(); jQuery(document).ready(function() { // open pinterrest in new tab jQuery(".social_button").find('a').attr('target', '_blank'); //COOKIES for modal }); </script> <script type="text/javascript" charset="utf-8"> /* twitter share (min)*/ !function(a, b, c) { var d, e = a.getElementsByTagName(b)[0]; a.getElementById(c) || (d = a.createElement(b), d.id = c, d.src = "//platform.twitter.com/widgets.js", e.parentNode.insertBefore(d, e)) }(document, "script", "twitter-wjs"); /*google+ share (min)*/ window.___gcfg = {lang: "en_FR"}, function() { var a = document.createElement("script"); a.type = "text/javascript", a.async = !0, a.src = "https://apis.google.com/js/plusone.js"; var b = document.getElementsByTagName("script")[0]; b.parentNode.insertBefore(a, b) }(); </script> <!-- Linkedin share --> <!--<script src="//platform.linkedin.com/in.js" type="text/javascript" async></script>--> <!--Vine share--> <!--<script async src="//platform.vine.co/static/scripts/embed.js" charset="utf-8"></script>--> </div> <script type="text/javascript"> (function() { jQuery(document).ready(function(){ jQuery('#nav-icon3').click(function(){ jQuery(this).toggleClass('open'); jQuery('.main-menu, .big-menu .mobile-menu-selectbox').toggleClass('hamburger-open'); }); }); }()); </script> <script type='text/javascript' src='http://www.diskdr.fr/wp-content/themes/goodstore/js/all.js' id='all-js'></script> <script type='text/javascript' id='app-min-js-extra'> /* <![CDATA[ */ var jaw_use_prettyphoto = "1"; var use_selectric = "1"; var isotope_grid = "masonry"; /* ]]> */ </script> <script type='text/javascript' src='http://www.diskdr.fr/wp-content/themes/goodstore/js/app.min.js' id='app-min-js'></script> <script type='text/javascript' src='http://www.diskdr.fr/wp-includes/js/comment-reply.min.js?ver=5.5.3' id='comment-reply-js'></script> <script type='text/javascript' src='http://www.diskdr.fr/wp-includes/js/wp-embed.min.js?ver=5.5.3' id='wp-embed-js'></script> </body> </html>