Web Development

Languages Related with HTML

Languages Related with HTML is the section 17, as well as the final section of Beginner’s Guide to HTML

So here we’re at the end of the tutorial. In this section we’re going to discuss about other areas you can go after finishing this tutorial. We’re are suggesting three areas for you to look into. They are CSS, Javascript and XHTML. We’re not going to cover the whole lot in here, because there will be separate tutorials for each of them. What we are now doing is, just giving you a brief lookup. Let’s go one by one.

XHTML

XHTML is HTML written as XML or else we can say HTML defined as an XML application. It stand for EXtensible HyperText Markup Language. It also supported by all major browsers. Stricter and cleaner version of HTML and almost identical to HTML 4.01.

Why XHTML emerged?

Many web pages on the internet contain “bad” HTML. Bad in the sense, no proper standard in the code that written. It may display correctly, but the code is really not good. No closing tages, jumbled with upper and lower cases kind of stuff. 

To avoid that XML (EXtensible Markup Language) comes to help. XML is a markup language where documents must be marked up properly and must be “well-formed”. You know what the well-formed means, aren’t you? Surely it does like the well formed dress code. Today’s computer industry consists of different browser technologies. Some browsers run on computers, and some are run on mobile phones or other small devices. Smart Phones, Laptops, Tabs and Pads. Smaller devices often lack the resources or power to interpret a “bad” code. Therefore,  XHTML was developed by combining the strengths of both HTML and XML. We can say XHTML is HTML redesigned as XML.

HTML Vs XHTML

In XHTML there are several restriction. You cannot deal with it as the same like HTML. XHTML is a tough guy. Let’s look at one by one what are the restrictions in XHTML.

Document Structure

  • XHTML DOCTYPE is mandatory
    • If you can remember I said, in HTML it is really not necessary to include in the Writing Your HTML Code section. Go back to that section and see how the doctype need to be written on a XHTML document. You can open a HTML file in a browser without the doctype tag, but cannot open a XHTML file without it.
  • The xmlns attribute in is mandatory
    • What the heck is this xmls attribute? To learn about that you have to look into our xml tutorial. For your information, I just say it means the xml name space for the document.
  • , , , and <body> <div id='wpfc-rb-loading' style='background-color:#fefefe;bottom:0;height:100%;left:0;overflow:hidden !important;position:fixed;right:0;top:0;width:100%;z-index:99999;'><style>#wpfc-rb-spinner-6{margin:0 auto;top:50%;width:40px;height:40px;position:relative;text-align:center;-webkit-animation:sk-rotate 2.0s infinite linear;animation:sk-rotate 2.0s infinite linear;} .dot1,.dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#f49b1e;border-radius:100%;-webkit-animation:sk-bounce 2.0s infinite ease-in-out;animation:sk-bounce 2.0s infinite ease-in-out;} .dot2{top:auto;bottom:0;-webkit-animation-delay:-1.0s;animation-delay:-1.0s;} @-webkit-keyframes sk-rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes sk-rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0.0)} 50%{-webkit-transform:scale(1.0)}}@keyframes sk-bounce{0%,100%{transform:scale(0.0);-webkit-transform:scale(0.0);} 50%{transform:scale(1.0);-webkit-transform:scale(1.0);}}</style> <div id="wpfc-rb-spinner-6"> <div class="dot1"></div><div class="dot2"></div></div></div>are mandatory <ul> <li style="text-align: justify;">Browsers need the <html> element in the document to process the content as HTML. So does XHTML.</li> </ul> </li> </ul> <p style="color: #000000;"><strong>XHTML Elements</strong></p> <ul style="color: #404040;"> <li>Must be properly<b> </b>nested <ul> <li>In the <a title="Writing Your HTML Code" href="http://www.letsdnd.com/writing-your-html-code/">Writing Your HTML Code</a>, we disscussed about nested elements. See the following example. [code language=”html”] <br /> <b><br /> <i><br /> This text is bold and italic. Opps!!<br /> </b></i><br /> <br /> <b><br /> <i><br /> This text is bold and italic<br /> </i><br /> </b></p> [/code] </li> </ul> </li> <li>Must always be closed <ul> <li>Not only the pair elements but also the empty element. But for the HTML it doesn’t matter as we said in the <a title="Writing Your HTML Code" href="http://www.letsdnd.com/writing-your-html-code/">Writing Your HTML Code</a> section. [code language=”html”] </p> <p>My paragraph</p> <p>Oops!! Your paragraph<br /> </p> <p></p> <p>My paragraph</p> <p>Your paragraph</p> <p> [/code] </li> </ul> </li> <li>Must be in lowercase</li> <li>Must have one<b> </b>root<b> </b>element</li> </ul> <p style="color: #000000;"><strong>XHTML Attributes</strong></p> <ul style="color: #404040;"> <li style="text-align: justify;">Attribute names must be in lower case</li> <li style="text-align: justify;">Attribute values must be quoted</li> <li style="text-align: justify;">Attribute minimization is forbidden <ul> <li>When creating the drop down list using the <select> element at the HTML Form section can you remember we use the selected attribute to show up a list item  as <strong><option selected="selected">1990</option></strong>. Attribute minimization means you can write this in HTML as the  <strong><option selected>1990</option></strong>.  So in XHTML you cannot use minimization.</li> </ul> </li> </ul> <p style="text-align: justify;">If you want to check your HTML file is XHTML compatible, follow this URL. <a title="Online Validator" href="http://validator.w3.org/" target="_blank">http://validator.w3.org</a> You can validate your HTML document online. Keep in mind, the above points are mandatory and must in XHTML.</p> <p> </p> <h1>JavaScript</h1> <p style="text-align: justify;"><span style="color: #404040;">JavaScripts is a clinet side scripting language which makes HTML pages more dynamic and interactive. Common uses for JavaScript are image manipulation, form validation, and dynamic changes of content. In the <a title="HTML Head" href="http://www.letsdnd.com/html-head/" target="_blank">HTML Head</a> section we get into the <br /> [/code] <p><strong>JavaScript can change HTML styles</strong></p> <p style="text-align: justify;">This script below added/change the attribute style in the paragraph element 'demo'. The added inline style is the font size of the paragraph with the size of 25 pixels.</p> [code language="html"] <p id="demo">This is a Paragraph</p> <p><br /> [/code] <p><strong>JavaScript can change HTML attributes</strong></p> <p>The following script changes the image me.gif into picture.gif.</p> [code language="html"] <img id="image" src="me.gif"/></p> <p><br /> [/code] <p> </p> <h1></h1> <h1>CSS - <span style="color: #404040;">Cascading Style Sheets</span></h1> <p style="text-align: justify;">CSS or HTML styles <span style="color: #404040;">used to style HTML elements. CSS was introduced together with HTML 4, to provide a better way to style HTML elements.  CSS can be added to HTML in the following ways:</span></p> <ul style="color: #404040; text-align: justify;"> <li>Inline - using the style<strong> attribute</strong> in HTML elements</li> <li>Internal - using the<br /> <div data-form-layout="cp-form-layout-1" class="cp-modal-popup-container cp_id_50580 cp-jugaad-container cp-inline-modal-container"> <div class="cp-modal-inline smile-bounceInLeft content-58b087de509bf global_modal_container do_not_close" data-placeholder-font="" data-class="content-58b087de509bf" style="background:rgba( 255,255,255,0 );" data-closed-cookie-time="0" data-conversion-cookie-time="0" data-modal-id="cp_id_50580" data-modal-style="cp_id_50580" data-option="smile_modal_styles" data-custom-class="cp-cp_id_50580 cp-open" data-load-on-refresh="enabled" data-scheduled="false" data-timezone="5.5" data-timezonename="system" data-placeholder-color="" data-image-position="" data-hide-img-on-mobile=768 data-affiliate_setting ="0" data-overlay-animation ="smile-bounceInLeft" data-tz-offset="5.5"> <div class="cp-modal cp-modal-custom-size" style="width:100%;height:auto;max-width:700px;"> <div class="cp-animate-container" data-overlay-animation ="smile-bounceInLeft" data-exit-animation="smile-bounceOutDown"> <div class="cp-modal-content" style="border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-style: none;border-color: rgb(255,255, 255);border-width: px;border-width:0px;;"> <div class="cp-modal-body cp-jugaad"> <div class="cp-modal-body-overlay cp_cs_overlay" style="background-color: ;;"></div><div class="cp-row cp-block img_left_form_bottom"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 cp-content-section cp-columns-equalized"> <div class="cp-content-section-overlay" style="background-color:#F6F7F1;"></div><div class="cp-image-container col-md-4 col-sm-12 col-xs-12 col-lg-4 cp-column-equalized-center"> <img style="left:0px;top:0px;max-width:150px;" src="//i0.wp.com/letsdnd.com/wp-content/plugins/convertplug/modules/modal/functions/config/img/newsletter-icon.png" class="cp-image"></div><div class="cp-jugaad-text-container col-md-8 col-sm-12 col-xs-12 col-lg-8 cp-column-equalized-center"> <div class="cp-title-container"> <h2 class="cp-title cp_responsive" style="color: #333333;">Join Our Newsletter Today</h2></div><div class="cp-desc-container"> <div class="cp-description cp_responsive" style="color: #333333;">Stay updated with all latest updates.<br /> Give it a try, you can unsubscribe anytime.</div></div><div class="modal-note-container-2"> <div class="cp-modal-note-2 cp_responsive"><super>*</super>Terms and conditions apply.</div></div></div></div><div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 cp-form-section form-pos-bottom"> <div class="cp-form-section-overlay" style="background-color:#25394A;"></div><div class="cp-short-title-container"> <div class="cp-short-title cp_responsive">Subscribe</div></div><div class="cp-form-container"> <div class="form-main cp-form-layout-1"> <form id="smile-optin-form" class="cp-form "> <input type="hidden" name="param[user_id]" value="cp-uid-1487964126" /> <input type="hidden" name="param[date]" value="24-2-2017" /> <input type="hidden" name="list_parent_index" value="0" /> <input type="hidden" name="option" value="cp_mymail_newsletter_mymail" /> <input type="hidden" name="action" value="mymail_add_subscriber" /> <input type="hidden" name="list_id" value="1" /> <input type="hidden" name="style_id" value="cp_id_50580" /> <input type="hidden" name="msg_wrong_email" value="Please enter correct email address." /> <input type="hidden" name="message" value="Thank you." /> <div class="cp-all-inputs-wrap col-xs-12"> <div class="cp-form-field col-md-12 col-lg-12 col-sm-12 col-xs-12 odd-field-fallback"><label>Email</label><div> <input class="cp-input cp-email" type="email" name="param[email]" placeholder="Enter Your Email Address" required /></div></div></div><div class="cp-submit-wrap cp-submit-wrap-full col-md-12 col-lg-12 col-sm-12 col-xs-12"> <div class="cp-submit btn-subscribe cp_responsive cp-btn-flat"> SUBSCRIBE NOW</div></div></form></div></div><div class="modal-note-container"> <div class="cp-modal-note cp_responsive">We respect your privacy.</div></div></div><div class="cp-form-separator triangle img_left_form_bottom part-of-content cp-fs-horizontal cp-fs-horizontal-content downward" data-form-sep-part="part-of-content" data-form-sep-pos="horizontal" data-form-sep-direction="downward" data-form-sep="triangle"></div></div></div></div><div class="cp-form-processing-wrap" style="border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px;-webkit-border-radius: 0px 0px 0px 0px;box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.71) inset;;"> <div class="cp-form-after-submit"> <div class ="cp-form-processing"> <div class="smile-absolute-loader" style="visibility: visible;"> <div class="smile-loader"> <div class="smile-loading-bar"></div><div class="smile-loading-bar"></div><div class="smile-loading-bar"></div><div class="smile-loading-bar"></div></div></div></div><div class ="cp-msg-on-submit"></div></div></div></div><span class="cp-modal-inline-end" data-style="cp_id_50580"></span></div></div></div><div class="wpInsert wpInsertInPostAd wpInsertBelow" style="margin: 5px auto 5px auto; padding: 0px;text-align:center;"> <ins class="adsbygoogle below-in-post" style="display:block" data-ad-client="ca-pub-3316316126386276" data-ad-slot="3794426943"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div><div class="essb_break_scroll"></div></div></article> <nav class="prev-next-nav"> <div class="vce-prev-link"> <a href="http://www.letsdnd.com/urls-in-html/" rel="prev"><span class="img-wrp"><img src="//i0.wp.com/letsdnd.com/wp-content/uploads/2015/01/letsdnd-logo-e1420455769399.jpg"/><span class="vce-pn-ico"><i class="fa fa fa-chevron-left"></i></span></span><span class="vce-prev-next-link">URL in HTML</span></a></div><div class="vce-next-link"> <a href="http://www.letsdnd.com/beginners-guide-to-css/" rel="next"><span class="img-wrp"><img width="375" height="187" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2014/08/CSS-Tutorial-Background-1024x511.jpg" class="attachment-vce-lay-b size-vce-lay-b wp-post-image" alt="" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2014/08/CSS-Tutorial-Background-1024x511.jpg 1024w, //i0.wp.com/letsdnd.com/wp-content/uploads/2014/08/CSS-Tutorial-Background-1024x511-300x150.jpg 300w, //i0.wp.com/letsdnd.com/wp-content/uploads/2014/08/CSS-Tutorial-Background-1024x511-768x383.jpg 768w, //i0.wp.com/letsdnd.com/wp-content/uploads/2014/08/CSS-Tutorial-Background-1024x511-842x420.jpg 842w" sizes="(max-width: 375px) 100vw, 375px"/><span class="vce-pn-ico"><i class="fa fa fa-chevron-right"></i></span></span><span class="vce-prev-next-link">Beginner’s Guide to CSS</span></a></div></nav> </main> <section class="main-box mbt-border-top author-box"> <h3 class="main-box-title">About the author</h3> <div class="main-box-inside"> <div class="data-image"> <img src="http://0.gravatar.com/avatar/6fa6bff64764874dca8494ac9efc7b4a?s=112&d=mm&r=g" width="112" height="112" alt="" class="avatar avatar-112 wp-user-avatar wp-user-avatar-112 photo avatar-default"/></div><div class="data-content"> <h4 class="author-title">Sandeep Likhar</h4> <div class="data-entry-content"> <p>Sandeep Likhar from Indore India, Blogger, eBook Designer and Founder of LetsDnD. Having five years of experience in industry as a Digital Publishing Expert and eBook Converter providing services to Authors, Publishers and distributors worldwide. Proficient in converting books into various formats HTML, epub, mobi, word, PDF including all major online platforms iTunes, Kobo, Kindle, Createspace, B&N, Smashwords and more.</p></div></div></div><div class="vce-content-outside"> <div class="data-links"> <a href="http://www.letsdnd.com/author/admin/" class="vce-author-link vce-button">View all posts</a></div><div class="vce-author-links"> <a href="http://www.sandeeplikhar.com" target="_blank" class="fa fa-link vce-author-website"></a> <a href="https://www.facebook.com/SandeepLikhar" target="_blank" class="fa fa-facebook"></a> <a href="https://www.linkedin.com/in/sandeeplikhar" target="_blank" class="fa fa-linkedin"></a> <a href="https://twitter.com/sandeeplikhar" target="_blank" class="fa fa-twitter"></a></div></div></section> <div class="main-box vce-related-box"> <h3 class="main-box-title">You may also like</h3> <div class="main-box-inside"> <article class="vce-post vce-lay-d post-9222 post type-post status-publish format-standard has-post-thumbnail hentry category-app-development tag-ecommerce tag-mobile tag-mobile-commerce"> <div class="meta-image"> <a href="http://www.letsdnd.com/6-astounding-mobile-app-development-trends-2017/" title="6 Astounding Mobile App Development Trends for 2017"> <img width="145" height="100" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/02/VR-apps-145x100.jpg" class="attachment-vce-lay-d size-vce-lay-d wp-post-image" alt="" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/02/VR-apps-145x100.jpg 145w, //i0.wp.com/letsdnd.com/wp-content/uploads/2017/02/VR-apps-380x260.jpg 380w" sizes="(max-width: 145px) 100vw, 145px"/> </a></div><header class="entry-header"> <span class="meta-category"><a href="http://www.letsdnd.com/app-development/" class="category-164">App Development</a></span> <h2 class="entry-title"><a href="http://www.letsdnd.com/6-astounding-mobile-app-development-trends-2017/" title="6 Astounding Mobile App Development Trends for 2017">6 Astounding Mobile App Development Trends for 2017</a></h2> </header> </article> <article class="vce-post vce-lay-d post-9347 post type-post status-publish format-standard has-post-thumbnail hentry category-blogging tag-article-writing-service"> <div class="meta-image"> <a href="http://www.letsdnd.com/need-article-writing-services-business/" title="Need Of Article Writing Services For Your Business"> <img width="145" height="100" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/02/article-writing-145x100.png" class="attachment-vce-lay-d size-vce-lay-d wp-post-image" alt=""/> </a></div><header class="entry-header"> <span class="meta-category"><a href="http://www.letsdnd.com/blogging/" class="category-170">Blogging</a></span> <h2 class="entry-title"><a href="http://www.letsdnd.com/need-article-writing-services-business/" title="Need Of Article Writing Services For Your Business">Need Of Article Writing Services For Your Business</a></h2> </header> </article> <article class="vce-post vce-lay-d post-9319 post type-post status-publish format-standard has-post-thumbnail hentry category-social-media-marketing tag-social-media tag-social-media-planning"> <div class="meta-image"> <a href="http://www.letsdnd.com/social-media-planning-can-help/" title="Social Media Planning And How Can It Help You"> <img width="145" height="100" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/02/social-media-1-145x100.jpg" class="attachment-vce-lay-d size-vce-lay-d wp-post-image" alt="" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/02/social-media-1-145x100.jpg 145w, //i0.wp.com/letsdnd.com/wp-content/uploads/2017/02/social-media-1-380x260.jpg 380w" sizes="(max-width: 145px) 100vw, 145px"/> </a></div><header class="entry-header"> <span class="meta-category"><a href="http://www.letsdnd.com/social-media-marketing/" class="category-177">Social Media & Marketing</a></span> <h2 class="entry-title"><a href="http://www.letsdnd.com/social-media-planning-can-help/" title="Social Media Planning And How Can It Help You">Social Media Planning And How Can It Help You</a></h2> </header> </article> <article class="vce-post vce-lay-d post-9334 post type-post status-publish format-standard has-post-thumbnail hentry category-app-development"> <div class="meta-image"> <a href="http://www.letsdnd.com/current-state-html5-mobile-app-development/" title="What is the current state of HTML5 mobile app development?"> <img width="145" height="100" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/02/HTML5-mobile-app-development1-145x100.jpg" class="attachment-vce-lay-d size-vce-lay-d wp-post-image" alt="" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/02/HTML5-mobile-app-development1-145x100.jpg 145w, //i0.wp.com/letsdnd.com/wp-content/uploads/2017/02/HTML5-mobile-app-development1-380x260.jpg 380w" sizes="(max-width: 145px) 100vw, 145px"/> </a></div><header class="entry-header"> <span class="meta-category"><a href="http://www.letsdnd.com/app-development/" class="category-164">App Development</a></span> <h2 class="entry-title"><a href="http://www.letsdnd.com/current-state-html5-mobile-app-development/" title="What is the current state of HTML5 mobile app development?">What is the current state of HTML5 mobile app...</a></h2> </header> </article></div></div><div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Comment <small><a rel="nofollow" id="cancel-comment-reply-link" href="/languages-related-with-html/#respond" style="display:none;">X</a></small></h3> <form action="http://www.letsdnd.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate> <p class="comment-form-comment"><label for="comment">Comment</label><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p><p class="comment-form-author"><label for="author">Name<span class="required"> *</span></label> <input id="author" name="author" type="text" value="" size="30" aria-required='true' /></p> <p class="comment-form-email"><label for="email">Email<span class="required"> *</span></label> <input id="email" name="email" type="text" value="" size="30" aria-required='true' /></p> <p class="comment-form-url"><label for="url">Website</label><input id="url" name="url" type="text" value="" size="30" /></p> <p class="cptch_block"><span class="cptch_wrap cptch_ajax_wrap" data-cptch-form="wp_comments" data-cptch-input="cptch_number" data-cptch-class="cptch_wp_comments"> <noscript>In order to pass the CAPTCHA please enable JavaScript</noscript> </span></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='1964' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="515a1869a0" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="36"/></p> </form></div><div id="comments" class="comments-main"> <div class="comments-holder main-box"> <h3 class="comment-title main-box-title">4 Comments</h3> <div class="main-box-inside content-inside"> <ul class="comment-list"> <li id="comment-4259" class="comment even thread-even depth-1"> <article id="div-comment-4259" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img src="http://1.gravatar.com/avatar/13a5fd4fcdc7ff2894f36e30a45c9788?s=75&d=mm&r=g" width="75" height="75" alt="" class="avatar avatar-75wp-user-avatar wp-user-avatar-75 alignnone photo avatar-default"/> <b class="fn">Keenan</b> <span class="says">says:</span></div><div class="comment-metadata"> <a href="http://www.letsdnd.com/languages-related-with-html/#comment-4259"> <time datetime="2015-05-21T13:52:46+00:00"> May 21, 2015 at 1:52 pm </time> </a></div></footer> <div class="comment-content"> <p>Thanks for sharing your thoughts on free web tutorials.<br /> Regards</p></div><div class="reply"><a rel='nofollow' class='comment-reply-link' href='http://www.letsdnd.com/languages-related-with-html/?replytocom=4259#respond' onclick='return addComment.moveForm("div-comment-4259","4259","respond","1964" )' aria-label='Reply to Keenan'>Reply</a></div></article> </li> <li id="comment-1940" class="comment odd alt thread-odd thread-alt depth-1"> <article id="div-comment-1940" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img src="http://1.gravatar.com/avatar/7b0f2b5fe9ad0f432eae319e83956b95?s=75&d=mm&r=g" width="75" height="75" alt="" class="avatar avatar-75wp-user-avatar wp-user-avatar-75 alignnone photo avatar-default"/> <b class="fn">Rashad Altamirano</b> <span class="says">says:</span></div><div class="comment-metadata"> <a href="http://www.letsdnd.com/languages-related-with-html/#comment-1940"> <time datetime="2014-10-30T04:25:39+00:00"> October 30, 2014 at 4:25 am </time> </a></div></footer> <div class="comment-content"> <p>Woah! I’m really loving the template/theme of this<br /> website. It’s simple, yet effective. A lot of times it’s very hard to get that “perfect balance” between superb usability<br /> and visual appearance. I must say you’ve one a excellent job with this.<br /> In addition, the blog loads super fast for me on Chrome.<br /> Excellent Blog!</p></div><div class="reply"><a rel='nofollow' class='comment-reply-link' href='http://www.letsdnd.com/languages-related-with-html/?replytocom=1940#respond' onclick='return addComment.moveForm("div-comment-1940","1940","respond","1964" )' aria-label='Reply to Rashad Altamirano'>Reply</a></div></article> </li> <li id="comment-1930" class="comment even thread-even depth-1"> <article id="div-comment-1930" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img src="http://1.gravatar.com/avatar/db96bd7cd37fcb29603381985e0d8006?s=75&d=mm&r=g" width="75" height="75" alt="" class="avatar avatar-75wp-user-avatar wp-user-avatar-75 alignnone photo avatar-default"/> <b class="fn"><a href='http://www.gamingbasement.com/' rel='external nofollow' class='url'>Shannon Shoemaker</a></b> <span class="says">says:</span></div><div class="comment-metadata"> <a href="http://www.letsdnd.com/languages-related-with-html/#comment-1930"> <time datetime="2014-10-29T13:19:56+00:00"> October 29, 2014 at 1:19 pm </time> </a></div></footer> <div class="comment-content"> <p>Excellent post. Keep posting such kind of information on your page.<br /> Im really impressed by your site.<br /> Hey there, You’ve performed a fantastic job. I will definitely digg it and for my part suggest to my friends.<br /> I am confident they’ll be benefited from this website.</p></div><div class="reply"><a rel='nofollow' class='comment-reply-link' href='http://www.letsdnd.com/languages-related-with-html/?replytocom=1930#respond' onclick='return addComment.moveForm("div-comment-1930","1930","respond","1964" )' aria-label='Reply to Shannon Shoemaker'>Reply</a></div></article> </li> <li id="comment-1183" class="comment odd alt thread-odd thread-alt depth-1"> <article id="div-comment-1183" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img src="http://2.gravatar.com/avatar/bb40da49f498450a7822f2a4097bfe85?s=75&d=mm&r=g" width="75" height="75" alt="" class="avatar avatar-75wp-user-avatar wp-user-avatar-75 alignnone photo avatar-default"/> <b class="fn">Gavin Courtney</b> <span class="says">says:</span></div><div class="comment-metadata"> <a href="http://www.letsdnd.com/languages-related-with-html/#comment-1183"> <time datetime="2014-09-29T11:11:58+00:00"> September 29, 2014 at 11:11 am </time> </a></div></footer> <div class="comment-content"> <p>Your stgyle is sso unique in comparison to other folks I have read sthff<br /> from. Many thanks for posting when you’ve got the opportunity, Guess I’ll<br /> just book mark this site.</p></div><div class="reply"><a rel='nofollow' class='comment-reply-link' href='http://www.letsdnd.com/languages-related-with-html/?replytocom=1183#respond' onclick='return addComment.moveForm("div-comment-1183","1183","respond","1964" )' aria-label='Reply to Gavin Courtney'>Reply</a></div></article> </li> </ul></div></div></div></div><aside id="sidebar" class="sidebar right"> <div id="essbsocialfollowerscounterwidget-2" class="widget widget_essbsocialfollowerscounterwidget"><h4 class="widget-title">Join Social Followers</h4><div class="essbfc-container essbfc-col-3 essbfc-template-modern"><ul><li class="essbfc-facebook"><a href="https://www.facebook.com/LetsDnD" target="_blank" rel="nofollow"><div class="essbfc-network"><i class="essbfc-icon essbfc-icon-facebook"></i><span class="essbfc-followers-count">10.8k</span><span class="essbfc-followers-text">Fans</span></div></a></li><li class="essbfc-twitter"><a href="https://www.twitter.com/LetsDnD" target="_blank" rel="nofollow"><div class="essbfc-network"><i class="essbfc-icon essbfc-icon-twitter"></i><span class="essbfc-followers-count">5.3k</span><span class="essbfc-followers-text">Followers</span></div></a></li><li class="essbfc-google"><a href="https://plus.google.com/+LetsDnDTuts" target="_blank" rel="nofollow"><div class="essbfc-network"><i class="essbfc-icon essbfc-icon-google"></i><span class="essbfc-followers-count">964</span><span class="essbfc-followers-text">Followers</span></div></a></li><li class="essbfc-pinterest"><a href="https://www.pinterest.com/LetsDnD" target="_blank" rel="nofollow"><div class="essbfc-network"><i class="essbfc-icon essbfc-icon-pinterest"></i><span class="essbfc-followers-count">1.6k</span><span class="essbfc-followers-text">Followers</span></div></a></li><li class="essbfc-rss"><a href="http://feeds.feedburner.com/letsdnd" target="_blank" rel="nofollow"><div class="essbfc-network"><i class="essbfc-icon essbfc-icon-rss"></i><span class="essbfc-followers-count">29</span><span class="essbfc-followers-text">Subscribers</span></div></a></li><li class="essbfc-total"><div class="essbfc-network"><i class="essbfc-icon essbfc-icon-total"></i><span class="essbfc-followers-count">18.7k</span><span class="essbfc-followers-text">Total fans</span></div></li></ul></div></div><div id="vce_adsense_widget-5" class="widget vce_adsense_widget vce_adsense_expand"><h4 class="widget-title">Advertisement</h4> <div class="vce_adsense_wrapper"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-3316316126386276" data-ad-slot="6100561741"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script> <h3><a target="_blank" href="http://www.runappsonpc.com/">Run Apps on PC</a></h3> <a href="http://affiliates.hostgator.in/affiliate.php?id=7496_0_1_60" target="_blank"><img style="border:0px" src="http://resources.hostgator.in/affiliate/generic_300x250.gif" width="300" height="250" alt=""></a></div></div><div id="vce_posts_widget-2" class="widget vce_posts_widget"><h4 class="widget-title">Popular Posts</h4> <ul class="vce-post-big"> <li> <a href="http://www.letsdnd.com/download-free-signup-and-registration-forms/" class="featured_image_sidebar" title="15 Free Signup and Registration forms"><span class="vce-post-img"><img width="380" height="242" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2014/12/Sign-Up-Form.jpg" class="attachment-vce-fa-grid size-vce-fa-grid wp-post-image" alt="Signup anad Registration forms" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2014/12/Sign-Up-Form.jpg 500w, //i0.wp.com/letsdnd.com/wp-content/uploads/2014/12/Sign-Up-Form-300x191.jpg 300w" sizes="(max-width: 380px) 100vw, 380px"/></span></a> <div class="vce-posts-wrap"> <a href="http://www.letsdnd.com/download-free-signup-and-registration-forms/" title="15 Free Signup and Registration forms" class="vce-post-link">15 Free Signup and Registration forms</a></div></li> <li> <a href="http://www.letsdnd.com/download-free-responsive-menus-tutorials/" class="featured_image_sidebar" title="Download Free Responsive Menus Tutorials"><span class="vce-post-img"><img width="380" height="206" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2014/11/ResponsiveRetinaFriendlyMenu.jpg" class="attachment-vce-fa-grid size-vce-fa-grid wp-post-image" alt="Responsive Retina Friendly Menu" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2014/11/ResponsiveRetinaFriendlyMenu.jpg 580w, //i0.wp.com/letsdnd.com/wp-content/uploads/2014/11/ResponsiveRetinaFriendlyMenu-300x163.jpg 300w" sizes="(max-width: 380px) 100vw, 380px"/></span></a> <div class="vce-posts-wrap"> <a href="http://www.letsdnd.com/download-free-responsive-menus-tutorials/" title="Download Free Responsive Menus Tutorials" class="vce-post-link">Download Free Responsive Menus Tutorials</a></div></li> <li> <a href="http://www.letsdnd.com/13-web-design-predictions-2016-2017/" class="featured_image_sidebar" title="13 Web Design Predictions for 2016 – 2017"><span class="vce-post-img"><img width="380" height="228" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2016/05/web-design-predictions-2016-2017.jpg" class="attachment-vce-fa-grid size-vce-fa-grid wp-post-image" alt="web design predictions 2016 - 2017" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2016/05/web-design-predictions-2016-2017.jpg 600w, //i0.wp.com/letsdnd.com/wp-content/uploads/2016/05/web-design-predictions-2016-2017-150x90.jpg 150w, //i0.wp.com/letsdnd.com/wp-content/uploads/2016/05/web-design-predictions-2016-2017-300x180.jpg 300w, //i0.wp.com/letsdnd.com/wp-content/uploads/2016/05/web-design-predictions-2016-2017-440x264.jpg 440w" sizes="(max-width: 380px) 100vw, 380px"/></span></a> <div class="vce-posts-wrap"> <a href="http://www.letsdnd.com/13-web-design-predictions-2016-2017/" title="13 Web Design Predictions for 2016 – 2017" class="vce-post-link">13 Web Design Predictions for 2016 – 2017</a></div></li> <li> <a href="http://www.letsdnd.com/trust-top-website-development-company/" class="featured_image_sidebar" title="Why Trust Only a Top Website Development company?"><span class="vce-post-img"><img width="380" height="260" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2016/10/Trust-WordPress-For-Your-Web-Projects-380x260.jpg" class="attachment-vce-fa-grid size-vce-fa-grid wp-post-image" alt="Why Trust Only a Top Website Development company?" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2016/10/Trust-WordPress-For-Your-Web-Projects-380x260.jpg 380w, //i0.wp.com/letsdnd.com/wp-content/uploads/2016/10/Trust-WordPress-For-Your-Web-Projects-145x100.jpg 145w" sizes="(max-width: 380px) 100vw, 380px"/></span></a> <div class="vce-posts-wrap"> <a href="http://www.letsdnd.com/trust-top-website-development-company/" title="Why Trust Only a Top Website Development company?" class="vce-post-link">Why Trust Only a Top Website Development company?</a></div></li> <li> <a href="http://www.letsdnd.com/highly-productive-php-tools-testing-debugging/" class="featured_image_sidebar" title="Highly Productive PHP Tools for Testing and Debugging"><span class="vce-post-img"><img width="380" height="260" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2016/08/testing-and-debugging-tools-in-php-applications-380x260.jpg" class="attachment-vce-fa-grid size-vce-fa-grid wp-post-image" alt="Highly Productive PHP Tools for Testing and Debugging" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2016/08/testing-and-debugging-tools-in-php-applications-380x260.jpg 380w, //i0.wp.com/letsdnd.com/wp-content/uploads/2016/08/testing-and-debugging-tools-in-php-applications-145x100.jpg 145w" sizes="(max-width: 380px) 100vw, 380px"/></span></a> <div class="vce-posts-wrap"> <a href="http://www.letsdnd.com/highly-productive-php-tools-testing-debugging/" title="Highly Productive PHP Tools for Testing and Debugging" class="vce-post-link">Highly Productive PHP Tools for Testing and Debugging</a></div></li> </ul></div><div id="vce_adsense_widget-6" class="widget vce_adsense_widget vce_adsense_expand"><h4 class="widget-title">Advertisement</h4> <div class="vce_adsense_wrapper"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-3316316126386276" data-ad-slot="8218284549"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></div><div class="vce-sticky"><div id="categories-6" class="widget widget_categories"><h4 class="widget-title">Categories</h4> <ul> <li class="cat-item cat-item-164"><a href="http://www.letsdnd.com/app-development/"><span class="category-text">App Development</span><span class="count"><span class="count-hidden">26</span></span></a> </li> <li class="cat-item cat-item-170"><a href="http://www.letsdnd.com/blogging/"><span class="category-text">Blogging</span><span class="count"><span class="count-hidden">28</span></span></a> </li> <li class="cat-item cat-item-172"><a href="http://www.letsdnd.com/entrepreneurship-startup/"><span class="category-text">Entrepreneurship & Startup</span><span class="count"><span class="count-hidden">32</span></span></a> </li> <li class="cat-item cat-item-28"><a href="http://www.letsdnd.com/freebies/"><span class="category-text">Freebies</span><span class="count"><span class="count-hidden">17</span></span></a> </li> <li class="cat-item cat-item-53"><a href="http://www.letsdnd.com/how-to/" title="Tips, Tricks and Tutorials on technology, computing, software, internet and gadgets. This category consists of articles published on Tweak, Tips and Tricks related to internet, wordpress, windows, how tos and many more."><span class="category-text">How To</span><span class="count"><span class="count-hidden">72</span></span></a> </li> <li class="cat-item cat-item-173"><a href="http://www.letsdnd.com/life-hacks/"><span class="category-text">Life Hacks</span><span class="count"><span class="count-hidden">10</span></span></a> </li> <li class="cat-item cat-item-174"><a href="http://www.letsdnd.com/make-money-online/"><span class="category-text">Make Money online</span><span class="count"><span class="count-hidden">9</span></span></a> </li> <li class="cat-item cat-item-1"><a href="http://www.letsdnd.com/marketing/"><span class="category-text">Marketing</span><span class="count"><span class="count-hidden">19</span></span></a> </li> <li class="cat-item cat-item-437"><a href="http://www.letsdnd.com/seo/"><span class="category-text">SEO</span><span class="count"><span class="count-hidden">9</span></span></a> </li> <li class="cat-item cat-item-177"><a href="http://www.letsdnd.com/social-media-marketing/"><span class="category-text">Social Media & Marketing</span><span class="count"><span class="count-hidden">24</span></span></a> </li> <li class="cat-item cat-item-75"><a href="http://www.letsdnd.com/technology/"><span class="category-text">Technology</span><span class="count"><span class="count-hidden">104</span></span></a> </li> <li class="cat-item cat-item-408"><a href="http://www.letsdnd.com/tools/"><span class="category-text">Tools</span><span class="count"><span class="count-hidden">4</span></span></a> </li> <li class="cat-item cat-item-23"><a href="http://www.letsdnd.com/web-design/"><span class="category-text">Web Design</span><span class="count"><span class="count-hidden">37</span></span></a> </li> <li class="cat-item cat-item-167"><a href="http://www.letsdnd.com/web-development/"><span class="category-text">Web Development</span><span class="count"><span class="count-hidden">152</span></span></a> </li> </ul></div></div></aside></div><footer id="footer" class="site-footer"> <div class="container"> <div class="container-fix"> <div class="bit-2"> <div id="mks_author_widget-2" class="widget mks_author_widget"><h4 class="widget-title">The Man Behind LetsDnD</h4> <img src="http://0.gravatar.com/avatar/6fa6bff64764874dca8494ac9efc7b4a?s=70&d=mm&r=g" width="70" height="70" alt="" class="avatar avatar-70 wp-user-avatar wp-user-avatar-70 photo avatar-default"/> <h3>Sandeep Likhar</h3> <div class="vce-author-links"><a href="http://www.sandeeplikhar.com" target="_blank" class="fa fa-link"></a><a href="https://www.facebook.com/SandeepLikhar" target="_blank" class="fa fa-facebook"></a><a href="https://www.linkedin.com/in/sandeeplikhar" target="_blank" class="fa fa-linkedin"></a><a href="https://twitter.com/sandeeplikhar" target="_blank" class="fa fa-twitter"></a></div><p>Sandeep Likhar from Indore India, Blogger, eBook Designer and Founder of LetsDnD. Having five years of experience in industry as a Digital Publishing Expert and eBook Converter providing services to Authors, Publishers and distributors worldwide. Proficient in converting books into various formats HTML, epub, mobi, word, PDF including all major online platforms iTunes, Kobo, Kindle, Createspace, B&N, Smashwords and more.</p></div></div><div class="bit-2"> <div id="mymail_signup-2" class="widget widget_mymail_signup"><h4 class="widget-title">Subscribe To Newsletter</h4><div class="mymail-widget-text mymail-widget-text-before">Be the first to get latest updates and exclusive content straight to your email inbox.</div><form action="http://www.letsdnd.com/mymail/subscribe" method="post" class="mymail-form-1 mymail-form mymail-form-submit mymail-ajax-form mymail-in-widget"><input name="_referer" type="hidden" value="http://www.letsdnd.com/languages-related-with-html/"> <input name="formid" type="hidden" value="1"> <div class="mymail-form-fields"> <div class="mymail-wrapper mymail-firstname-wrapper"><label for="mymail-firstname-1">Name (Optional)</label><input id="mymail-firstname-1" name="firstname" type="text" value="" class="input mymail-firstname" aria-required="false" aria-label="Name (Optional)"></div><label style="position:absolute;top:-99999px;left:-99999px;z-index:-99;"><input name="n_74777e72ed_email" type="email" tabindex="-1" autocomplete="off"></label> <div class="mymail-wrapper mymail-email-wrapper"><label for="mymail-email-1">Email <span class="mymail-required">*</span></label><input id="mymail-email-1" name="email" type="email" value="" class="input mymail-email mymail-required" aria-required="true" aria-label="Email" spellcheck="false"></div><div class="mymail-wrapper mymail-submit-wrapper form-submit"><input name="submit" type="submit" value="Subscribe" class="submit-button button" aria-label="Subscribe"></div></div></form> <div class="mymail-widget-text mymail-widget-text-after">Give it a try, you can unsubscribe any time.</div></div></div></div></div><div class="container-full site-info"> <div class="container"> <div class="vce-wrap-left"> <p>© Copyright 2017 - Lets Design n Develop</p></div><div class="vce-wrap-right"> <ul id="vce_footer_menu" class="bottom-nav-menu"><li id="menu-item-27" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-27"><a href="http://www.letsdnd.com/">Home</a></li> <li id="menu-item-1593" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1593"><a href="http://www.letsdnd.com/about-us/">About Us</a></li> <li id="menu-item-5190" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5190"><a href="http://www.letsdnd.com/privacy-policy/">Privacy Policy</a></li> <li id="menu-item-5189" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5189"><a href="http://www.letsdnd.com/terms-and-conditions/">Terms and Conditions</a></li> <li id="menu-item-5188" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5188"><a href="http://www.letsdnd.com/copyright/">Copyright</a></li> <li id="menu-item-6631" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6631"><a href="http://www.letsdnd.com/sitemap/">Sitemap</a></li> <li id="menu-item-1592" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1592"><a href="http://www.letsdnd.com/contact-us/">Contact Us</a></li> </ul></div></div></div></footer></div></div><a href="javascript:void(0)" id="back-top"><i class="fa fa-angle-up"></i></a> <div data-class-id="content-58b087de7c256" data-referrer-domain="" data-referrer-check="hide" data-after-content-value="50" class="cp-onload overlay-show cp-cp_id_f1083 cp-modal-global" data-overlay-class="overlay-zoomin" data-onload-delay="20" data-onscroll-value="75" data-exit-intent="enabled" data-closed-cookie-time="1" data-conversion-cookie-time="30" data-modal-id="cp_id_f1083" data-modal-style="cp_id_f1083" data-option="smile_modal_styles" data-custom-class="cp-cp_id_f1083 cp-modal-global" data-load-on-refresh="enabled" data-dev-mode="disabled" data-inactive-time="60" data-hide-on-devices="mobile"></div><div data-form-layout="cp-form-layout-3" class="cp-modal-popup-container cp_id_f1083 cp-modal-every-design-container"> <div class="cp-overlay smile-3DSign content-58b087de7c256 global_modal_container" data-placeholder-font="" data-class="content-58b087de7c256" style="background:rgba(0,0,0,0.53)" data-closed-cookie-time="1" data-conversion-cookie-time="30" data-modal-id="cp_id_f1083" data-modal-style="cp_id_f1083" data-option="smile_modal_styles" data-custom-class="cp-cp_id_f1083 cp-modal-global" data-load-on-refresh="enabled" data-scheduled="false" data-timezone="5.5" data-timezonename="system" data-placeholder-color="" data-image-position="" data-affiliate_setting ="0" data-overlay-animation ="smile-3DSign" data-disable-animationwidth="768" data-tz-offset="5.5"> <div class="cp-modal cp-modal-custom-size" style="width:100%;height:auto;max-width:670px;"> <div class="cp-animate-container" data-overlay-animation ="smile-3DSign" data-disable-animationwidth="768" data-exit-animation="smile-bounceOutDown"> <div class="cp-modal-content" style="box-shadow:0px 0px 5px 0px rgba(86,86,131,0.6);-webkit-box-shadow:0px 0px 5px 0px rgba(86,86,131,0.6);-moz-box-shadow:0px 0px 5px 0px rgba(86,86,131,0.6);border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-style: none;border-color: rgb(0, 0, 0);border-width: px;border-width:3px;;"> <div class="cp-modal-body cp-modal-every-design" style="background-color:#f9f9f9;"> <div class="cp-modal-body-overlay cp_cs_overlay" style="background-color: #f9f9f9;;"></div><div class="cp-row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 cp-text-container"> <div class="cp-short-desc-container"> <div class="cp-short-description cp-desc cp_responsive"><span style="color:#CE4229;">DON’T MISS OUT!</span></div></div><div class="cp-title-container"> <div class="cp-title cp_responsive">Subscribe To Newsletter</div></div><div class="cp-desc-container"> <div class="cp-description cp_responsive"><span style="font-style:italic">Be the first to get latest updates and exclusive content straight to your email inbox.</span></div></div><div class="cp-form-container"> <div class="form-main cp-form-layout-3"> <form id="smile-optin-form" class="cp-form enable_input_shadow"> <input type="hidden" name="param[user_id]" value="cp-uid-1487964126" /> <input type="hidden" name="param[date]" value="24-2-2017" /> <input type="hidden" name="list_parent_index" value="0" /> <input type="hidden" name="option" value="cp_mymail_newsletter_mymail" /> <input type="hidden" name="action" value="mymail_add_subscriber" /> <input type="hidden" name="list_id" value="1" /> <input type="hidden" name="style_id" value="cp_id_f1083" /> <input type="hidden" name="msg_wrong_email" value="Please enter correct email address." /> <input type="hidden" name="message" value="Thank you." /> <div class="cp-all-inputs-wrap col-xs-12 col-xs-12 col-sm-8 col-md-8 col-lg-8"> <div class="cp-form-field col-md-12 col-lg-12 col-sm-12 col-xs-12"><label>Email</label><div> <input class="cp-input cp-email" type="email" name="param[email]" placeholder="Enter Your Email Address" required /></div></div></div><div class="cp-submit-wrap cp-submit-wrap-full col-xs-12 col-sm-4 col-md-4 col-lg-4"> <div class="cp-submit btn-subscribe cp_responsive cp-btn-flat"> Stay Updated</div></div></form></div></div><div class="cp-info-container cp_responsive"> Give it a try, you can unsubscribe anytime.</div></div></div></div></div><div class="cp-form-processing-wrap" style="border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;box-shadow: 0 0 3px 1px rgba(0,0,0,0.53) inset;;"> <div class="cp-form-after-submit"> <div class ="cp-form-processing"> <div class="smile-absolute-loader" style="visibility: visible;"> <div class="smile-loader"> <div class="smile-loading-bar"></div><div class="smile-loading-bar"></div><div class="smile-loading-bar"></div><div class="smile-loading-bar"></div></div></div></div><div class ="cp-msg-on-submit"></div></div></div><div class="cp-overlay-close cp-image-close cp-adjacent-close" style="width: 32px"> <img class="cp-default-close" src="//i0.wp.com/letsdnd.com/wp-content/plugins/convertplug/modules/modal/functions/config/img/cross.png"/></div></div></div></div></div><div data-class-id="content-58b087de7d0ab" data-referrer-domain="" data-referrer-check="hide" data-after-content-value="50" class="cp-onload overlay-show cp-cp_id_50580 cp-modal-global" data-overlay-class="overlay-zoomin" data-onload-delay="" data-onscroll-value="" data-exit-intent="disabled" data-closed-cookie-time="0" data-conversion-cookie-time="0" data-modal-id="cp_id_50580" data-modal-style="cp_id_50580" data-option="smile_modal_styles" data-custom-class="cp-cp_id_50580 cp-modal-global" data-load-on-refresh="enabled" data-dev-mode="enabled" data-hide-on-devices="mobile"></div><div data-form-layout="cp-form-layout-1" class="cp-modal-popup-container cp_id_50580 cp-jugaad-container"> <div class="cp-overlay smile-bounceInLeft content-58b087de7d0ab global_modal_container" data-placeholder-font="" data-class="content-58b087de7d0ab" style="background:rgba(0, 0, 0, 0.71)" data-closed-cookie-time="0" data-conversion-cookie-time="0" data-modal-id="cp_id_50580" data-modal-style="cp_id_50580" data-option="smile_modal_styles" data-custom-class="cp-cp_id_50580 cp-modal-global" data-load-on-refresh="enabled" data-scheduled="false" data-timezone="5.5" data-timezonename="system" data-placeholder-color="" data-image-position="" data-hide-img-on-mobile=768 data-affiliate_setting ="0" data-overlay-animation ="smile-bounceInLeft" data-tz-offset="5.5"> <div class="cp-modal cp-modal-custom-size" style="width:100%;height:auto;max-width:700px;"> <div class="cp-animate-container" data-overlay-animation ="smile-bounceInLeft" data-exit-animation="smile-bounceOutDown"> <div class="cp-modal-content" style="border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-style: none;border-color: rgb(255,255, 255);border-width: px;border-width:0px;;"> <div class="cp-modal-body cp-jugaad"> <div class="cp-modal-body-overlay cp_cs_overlay" style="background-color: ;;"></div><div class="cp-row cp-block img_left_form_bottom"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 cp-content-section cp-columns-equalized"> <div class="cp-content-section-overlay" style="background-color:#F6F7F1;"></div><div class="cp-image-container col-md-4 col-sm-12 col-xs-12 col-lg-4 cp-column-equalized-center"> <img style="left:0px;top:0px;max-width:150px;" src="//i0.wp.com/letsdnd.com/wp-content/plugins/convertplug/modules/modal/functions/config/img/newsletter-icon.png" class="cp-image"></div><div class="cp-jugaad-text-container col-md-8 col-sm-12 col-xs-12 col-lg-8 cp-column-equalized-center"> <div class="cp-title-container"> <h2 class="cp-title cp_responsive" style="color: #333333;">Join Our Newsletter Today</h2></div><div class="cp-desc-container"> <div class="cp-description cp_responsive" style="color: #333333;">Stay updated with all latest updates.<br /> Give it a try, you can unsubscribe anytime.</div></div><div class="modal-note-container-2"> <div class="cp-modal-note-2 cp_responsive"><super>*</super>Terms and conditions apply.</div></div></div></div><div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 cp-form-section form-pos-bottom"> <div class="cp-form-section-overlay" style="background-color:#25394A;"></div><div class="cp-short-title-container"> <div class="cp-short-title cp_responsive">Subscribe</div></div><div class="cp-form-container"> <div class="form-main cp-form-layout-1"> <form id="smile-optin-form" class="cp-form "> <input type="hidden" name="param[user_id]" value="cp-uid-1487964126" /> <input type="hidden" name="param[date]" value="24-2-2017" /> <input type="hidden" name="list_parent_index" value="0" /> <input type="hidden" name="option" value="cp_mymail_newsletter_mymail" /> <input type="hidden" name="action" value="mymail_add_subscriber" /> <input type="hidden" name="list_id" value="1" /> <input type="hidden" name="style_id" value="cp_id_50580" /> <input type="hidden" name="msg_wrong_email" value="Please enter correct email address." /> <input type="hidden" name="message" value="Thank you." /> <div class="cp-all-inputs-wrap col-xs-12"> <div class="cp-form-field col-md-12 col-lg-12 col-sm-12 col-xs-12 odd-field-fallback"><label>Email</label><div> <input class="cp-input cp-email" type="email" name="param[email]" placeholder="Enter Your Email Address" required /></div></div></div><div class="cp-submit-wrap cp-submit-wrap-full col-md-12 col-lg-12 col-sm-12 col-xs-12"> <div class="cp-submit btn-subscribe cp_responsive cp-btn-flat"> SUBSCRIBE NOW</div></div></form></div></div><div class="modal-note-container"> <div class="cp-modal-note cp_responsive">We respect your privacy.</div></div></div><div class="cp-form-separator triangle img_left_form_bottom part-of-content cp-fs-horizontal cp-fs-horizontal-content downward" data-form-sep-part="part-of-content" data-form-sep-pos="horizontal" data-form-sep-direction="downward" data-form-sep="triangle"></div></div></div></div><div class="cp-form-processing-wrap" style="border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px;-webkit-border-radius: 0px 0px 0px 0px;box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.71) inset;;"> <div class="cp-form-after-submit"> <div class ="cp-form-processing"> <div class="smile-absolute-loader" style="visibility: visible;"> <div class="smile-loader"> <div class="smile-loading-bar"></div><div class="smile-loading-bar"></div><div class="smile-loading-bar"></div><div class="smile-loading-bar"></div></div></div></div><div class ="cp-msg-on-submit"></div></div></div><div class="cp-overlay-close cp-image-close cp-adjacent-close" style="width: 32px"> <img class="cp-default-close" src="//i0.wp.com/letsdnd.com/wp-content/plugins/convertplug/modules/modal/functions/config/img/cross.png"/></div></div></div></div></div><div class="essb-mobile-sharepoint" onclick="essb_mobile_sharebar_open();"><div class="essb-mobile-sharepoint-icon"></div></div><div class="essb-mobile-sharebar-window"><div class="essb-mobile-sharebar-window-close-title" onclick="essb_mobile_sharebar_close(); return false;"><a href="#" class="essb-mobile-sharebar-window-close"></a></div><div class="essb-mobile-sharebar-window-content"><div class="essb_links essb_counters essb_displayed_sharepoint essb_share essb_template_metro-retina essb_536177546 essb_width_columns_1 print-no" id="essb_displayed_sharepoint_536177546" data-essb-postid="1964" data-essb-position="sharepoint" data-essb-button-style="button" data-essb-template="metro-retina" data-essb-counter-pos="insidename" data-essb-url="http://www.letsdnd.com/languages-related-with-html/" data-essb-twitter-url="http://www.letsdnd.com/languages-related-with-html/" data-essb-instance="536177546"><ul class="essb_links_list"><li class="essb_item essb_totalcount_item essb_totalcount_item_before" data-counter-pos="insidename"><span class="essb_totalcount essb_t_before" title=""><span class="essb_t_nb"></span> shares</span></li><li class="essb_item essb_link_facebook nolightbox"> <a href="http://www.facebook.com/sharer/sharer.php?u=http://www.letsdnd.com/languages-related-with-html/&t=Languages+Related+with+HTML" title="" onclick="essb_window('http://www.facebook.com/sharer/sharer.php?u=http://www.letsdnd.com/languages-related-with-html/&t=Languages+Related+with+HTML','facebook','536177546'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">Facebook</span></a></li><li class="essb_item essb_link_twitter nolightbox"> <a href="#" title="" onclick="essb_window('https://twitter.com/intent/tweet?text=Languages+Related+with+HTML&url=http://bit.ly/28QT1I4&counturl=http://www.letsdnd.com/languages-related-with-html/&related=LetsDnD&via=LetsDnD&hashtags=html','twitter','536177546'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">Twitter</span></a></li><li class="essb_item essb_link_google nolightbox"> <a href="https://plus.google.com/share?url=http://www.letsdnd.com/languages-related-with-html/" title="" onclick="essb_window('https://plus.google.com/share?url=http://www.letsdnd.com/languages-related-with-html/','google','536177546'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">Google+</span></a></li><li class="essb_item essb_link_flipboard nolightbox"> <a href="https://share.flipboard.com/bookmarklet/popout?url=http://www.letsdnd.com/languages-related-with-html/&title=Languages+Related+with+HTML" title="" onclick="essb_window('https://share.flipboard.com/bookmarklet/popout?url=http://www.letsdnd.com/languages-related-with-html/&title=Languages+Related+with+HTML','flipboard','536177546'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">Flipboard</span></a></li><li class="essb_item essb_link_linkedin nolightbox"> <a href="http://www.linkedin.com/shareArticle?mini=true&ro=true&trk=EasySocialShareButtons&title=Languages+Related+with+HTML&url=http://www.letsdnd.com/languages-related-with-html/" title="" onclick="essb_window('http://www.linkedin.com/shareArticle?mini=true&ro=true&trk=EasySocialShareButtons&title=Languages+Related+with+HTML&url=http://www.letsdnd.com/languages-related-with-html/','linkedin','536177546'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">LinkedIn</span></a></li><li class="essb_item essb_link_stumbleupon nolightbox"> <a href="http://www.stumbleupon.com/badge/?url=http://www.letsdnd.com/languages-related-with-html/" title="" onclick="essb_window('http://www.stumbleupon.com/badge/?url=http://www.letsdnd.com/languages-related-with-html/','stumbleupon','536177546'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">StumbleUpon</span></a></li><li class="essb_item essb_link_pinterest nolightbox"> <a href="#" title="" onclick="essb_pinterest_picker('536177546'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">Pinterest</span></a></li><li class="essb_item essb_link_tumblr nolightbox"> <a href="http://tumblr.com/share?s=&v=3&t=Languages+Related+with+HTML&u=http%3A%2F%2Fwww.letsdnd.com%2Flanguages-related-with-html%2F" title="" onclick="essb_window('http://tumblr.com/share?s=&v=3&t=Languages+Related+with+HTML&u=http%3A%2F%2Fwww.letsdnd.com%2Flanguages-related-with-html%2F','tumblr','536177546'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">Tumblr</span></a></li><li class="essb_item essb_link_reddit nolightbox"> <a href="http://reddit.com/submit?url=http://www.letsdnd.com/languages-related-with-html/&title=Languages+Related+with+HTML" title="" onclick="essb_window('http://reddit.com/submit?url=http://www.letsdnd.com/languages-related-with-html/&title=Languages+Related+with+HTML','reddit','536177546'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">Reddit</span></a></li><li class="essb_item essb_link_buffer nolightbox"> <a href="https://bufferapp.com/add?url=http://www.letsdnd.com/languages-related-with-html/&text=Languages+Related+with+HTML&via=LetsDnD&picture=&count=horizontal&source=button" title="" onclick="essb_window('https://bufferapp.com/add?url=http://www.letsdnd.com/languages-related-with-html/&text=Languages+Related+with+HTML&via=LetsDnD&picture=&count=horizontal&source=button','buffer','536177546'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">Buffer</span></a></li><li class="essb_item essb_link_pocket nolightbox"> <a href="https://getpocket.com/save?title=Languages+Related+with+HTML&url=http%3A%2F%2Fwww.letsdnd.com%2Flanguages-related-with-html%2F" title="" onclick="essb_window('https://getpocket.com/save?title=Languages+Related+with+HTML&url=http%3A%2F%2Fwww.letsdnd.com%2Flanguages-related-with-html%2F','pocket','536177546'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">Pocket</span></a></li><li class="essb_item essb_link_mail nolightbox"> <a href="#" title="" onclick="essb_mailform_536177546('536177546'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">Email</span></a></li></ul></div></div></div><div class="essb-mobile-sharebar-window-shadow"></div><style>img.wp-smiley, img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-0.1em !important;background:none !important;padding:0 !important;}</style> <link rel='stylesheet' id='cptch_stylesheet-css' href='http://www.letsdnd.com/wp-content/plugins/captcha/css/front_end_style.css?ver=4.2.8' type='text/css' media='all'/> <link rel='stylesheet' id='dashicons-css' href='http://www.letsdnd.com/wp-includes/css/dashicons.min.css?ver=4.7.2' type='text/css' media='all'/> <link rel='stylesheet' id='cptch_desktop_style-css' href='http://www.letsdnd.com/wp-content/plugins/captcha/css/desktop_style.css?ver=4.2.8' type='text/css' media='all'/> <link rel='stylesheet' id='contact-form-7-css' href='http://www.letsdnd.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.6.1' type='text/css' media='all'/> <link rel="stylesheet" type="text/css" href="//www.letsdnd.com/wp-content/cache/wpfc-minified/2dbe93c570dc8b49d173f9569aad8a18/1487948109index.css" media="screen"/> <link rel="stylesheet" type="text/css" href="//www.letsdnd.com/wp-content/cache/wpfc-minified/4eb397976011b47578407a465d1dd3fd/1487948109index.css" media="all"/> <link rel="stylesheet" type="text/css" href="//www.letsdnd.com/wp-content/cache/wpfc-minified/3e8312b534213218cf098c86ac4a2725/1487948109index.css" media="screen, print"/> <style id='vce_style-inline-css'>body{background-color:#f0f0f0;} body,.mks_author_widget h3,.site-description,.meta-category a,textarea{font-family:'Open Sans';font-weight:400;} h1,h2,h3,h4,h5,h6,blockquote,.vce-post-link,.site-title,.site-title a,.main-box-title,.comment-reply-title,.entry-title a,.vce-single .entry-headline p,.vce-prev-next-link,.author-title,.mks_pullquote,.widget_rss ul li .rsswidget,#bbpress-forums .bbp-forum-title,#bbpress-forums .bbp-topic-permalink{font-family:'Merienda';font-weight:400;} .main-navigation a,.sidr a{font-family:'Roboto Slab';font-weight:400;} .vce-single .entry-content,.vce-single .entry-headline,.vce-single .entry-footer{width:760px;} .vce-lay-a .lay-a-content{width:760px;max-width:760px;} .vce-page .entry-content,.vce-page .entry-title-page{width:760px;} .vce-sid-none .vce-single .entry-content,.vce-sid-none .vce-single .entry-headline,.vce-sid-none .vce-single .entry-footer{width:1090px;} .vce-sid-none .vce-page .entry-content,.vce-sid-none .vce-page .entry-title-page,.error404 .entry-content{width:1090px;max-width:1090px;} body, button, input, select, textarea{color:#1c1c1c;} h1,h2,h3,h4,h5,h6,.entry-title a,.prev-next-nav a,#bbpress-forums .bbp-forum-title, #bbpress-forums .bbp-topic-permalink,.woocommerce ul.products li.product .price .amount{color:#232323;} a,.entry-title a:hover,.vce-prev-next-link:hover,.vce-author-links a:hover,.required,.error404 h4,.prev-next-nav a:hover,#bbpress-forums .bbp-forum-title:hover, #bbpress-forums .bbp-topic-permalink:hover,.woocommerce ul.products li.product h3:hover,.woocommerce ul.products li.product h3:hover mark,.main-box-title a:hover{color:#1e73be;} .vce-square,.vce-main-content .mejs-controls .mejs-time-rail .mejs-time-current,button,input[type="button"],input[type="reset"],input[type="submit"],.vce-button,.pagination-wapper a,#vce-pagination .next.page-numbers,#vce-pagination .prev.page-numbers,#vce-pagination .page-numbers,#vce-pagination .page-numbers.current,.vce-link-pages a,#vce-pagination a,.vce-load-more a,.vce-slider-pagination .owl-nav > div,.vce-mega-menu-posts-wrap .owl-nav > div,.comment-reply-link:hover,.vce-featured-section a,.vce-lay-g .vce-featured-info .meta-category a,.vce-404-menu a,.vce-post.sticky .meta-image:before,#vce-pagination .page-numbers:hover,#bbpress-forums .bbp-pagination .current,#bbpress-forums .bbp-pagination a:hover,.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce ul.products li.product .added_to_cart,.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce ul.products li.product .added_to_cart:hover,.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.woocommerce span.onsale,.woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,.comments-holder .navigation .page-numbers.current,.vce-lay-a .vce-read-more:hover,.vce-lay-c .vce-read-more:hover{background-color:#1e73be;} #vce-pagination .page-numbers,.comments-holder .navigation .page-numbers{background:transparent;color:#1e73be;border:1px solid #1e73be;} .comments-holder .navigation .page-numbers:hover{background:#1e73be;border:1px solid #1e73be;} .bbp-pagination-links a{background:transparent;color:#1e73be;border:1px solid #1e73be !important;} #vce-pagination .page-numbers.current,.bbp-pagination-links span.current,.comments-holder .navigation .page-numbers.current{border:1px solid #1e73be;} .widget_categories .cat-item:before,.widget_categories .cat-item .count{background:#1e73be;} .comment-reply-link,.vce-lay-a .vce-read-more,.vce-lay-c .vce-read-more{border:1px solid #1e73be;} .entry-meta div,.entry-meta div a,.comment-metadata a,.meta-category span,.meta-author-wrapped,.wp-caption .wp-caption-text,.widget_rss .rss-date,.sidebar cite,.site-footer cite,.sidebar .vce-post-list .entry-meta div,.sidebar .vce-post-list .entry-meta div a,.sidebar .vce-post-list .fn,.sidebar .vce-post-list .fn a,.site-footer .vce-post-list .entry-meta div,.site-footer .vce-post-list .entry-meta div a,.site-footer .vce-post-list .fn,.site-footer .vce-post-list .fn a,#bbpress-forums .bbp-topic-started-by,#bbpress-forums .bbp-topic-started-in,#bbpress-forums .bbp-forum-info .bbp-forum-content,#bbpress-forums p.bbp-topic-meta,span.bbp-admin-links a,.bbp-reply-post-date,#bbpress-forums li.bbp-header,#bbpress-forums li.bbp-footer,.woocommerce .woocommerce-result-count,.woocommerce .product_meta{color:#5e5e5e;} .main-box-title, .comment-reply-title, .main-box-head{background:#ffffff;color:#232323;} .main-box-title a{color:#232323;} .sidebar .widget .widget-title a{color:#232323;} .main-box,.comment-respond,.prev-next-nav{background:#f9f9f9;} .vce-post,ul.comment-list > li.comment,.main-box-single,.ie8 .vce-single,#disqus_thread,.vce-author-card,.vce-author-card .vce-content-outside,.mks-bredcrumbs-container,ul.comment-list > li.pingback{background:#ffffff;} .mks_tabs.horizontal .mks_tab_nav_item.active{border-bottom:1px solid #ffffff;} .mks_tabs.horizontal .mks_tab_item,.mks_tabs.vertical .mks_tab_nav_item.active,.mks_tabs.horizontal .mks_tab_nav_item.active{background:#ffffff;} .mks_tabs.vertical .mks_tab_nav_item.active{border-right:1px solid #ffffff;} #vce-pagination,.vce-slider-pagination .owl-controls,.vce-content-outside,.comments-holder .navigation{background:#f3f3f3;} .sidebar .widget-title{background:#ffffff;color:#232323;} .sidebar .widget{background:#f9f9f9;} .sidebar .widget,.sidebar .widget li a,.sidebar .mks_author_widget h3 a,.sidebar .mks_author_widget h3,.sidebar .vce-search-form .vce-search-input,.sidebar .vce-search-form .vce-search-input:focus{color:#161616;} .sidebar .widget li a:hover,.sidebar .widget a,.widget_nav_menu li.menu-item-has-children:hover:after,.widget_pages li.page_item_has_children:hover:after{color:#1e73be;} .sidebar .tagcloud a{border:1px solid #1e73be;} .sidebar .mks_author_link,.sidebar .tagcloud a:hover,.sidebar .mks_themeforest_widget .more,.sidebar button,.sidebar input[type="button"],.sidebar input[type="reset"],.sidebar input[type="submit"],.sidebar .vce-button,.sidebar .bbp_widget_login .button{background-color:#1e73be;} .sidebar .mks_author_widget .mks_autor_link_wrap,.sidebar .mks_themeforest_widget .mks_read_more{background:#f3f3f3;} .sidebar #wp-calendar caption,.sidebar .recentcomments,.sidebar .post-date,.sidebar #wp-calendar tbody{color:rgba(22,22,22,0.7);} .site-footer{background:#373941;} .site-footer .widget-title{color:#ffffff;} .site-footer,.site-footer .widget,.site-footer .widget li a,.site-footer .mks_author_widget h3 a,.site-footer .mks_author_widget h3,.site-footer .vce-search-form .vce-search-input,.site-footer .vce-search-form .vce-search-input:focus{color:#f9f9f9;} .site-footer .widget li a:hover,.site-footer .widget a,.site-info a{color:#1e73be;} .site-footer .tagcloud a{border:1px solid #1e73be;} .site-footer .mks_author_link,.site-footer .mks_themeforest_widget .more,.site-footer button,.site-footer input[type="button"],.site-footer input[type="reset"],.site-footer input[type="submit"],.site-footer .vce-button,.site-footer .tagcloud a:hover{background-color:#1e73be;} .site-footer #wp-calendar caption,.site-footer .recentcomments,.site-footer .post-date,.site-footer #wp-calendar tbody,.site-footer .site-info{color:rgba(249,249,249,0.7);} .top-header,.top-nav-menu li .sub-menu{background:#3a3a3a;} .top-header,.top-header a{color:#ffffff;} .top-header .vce-search-form .vce-search-input,.top-header .vce-search-input:focus,.top-header .vce-search-submit{color:#ffffff;} .top-header .vce-search-form .vce-search-input::-webkit-input-placeholder{color:#ffffff;} .top-header .vce-search-form .vce-search-input:-moz-placeholder{color:#ffffff;} .top-header .vce-search-form .vce-search-input::-moz-placeholder{color:#ffffff;} .top-header .vce-search-form .vce-search-input:-ms-input-placeholder{color:#ffffff;} .header-1-wrapper{height:90px;padding-top:15px;} .header-2-wrapper,.header-3-wrapper{height:90px;} .header-2-wrapper .site-branding,.header-3-wrapper .site-branding{top:15px;left:0px;} .site-title a, .site-title a:hover{color:#232323;} .site-description{color:#aaaaaa;} .main-header{background-color:#ffffff;} .header-bottom-wrapper{background:#fcfcfc;} .vce-header-ads{margin:0px 0;} .header-3-wrapper .nav-menu > li > a{padding:35px 15px;} .header-sticky,.sidr{background:rgba(252,252,252,0.95);} .ie8 .header-sticky{background:#ffffff;} .main-navigation a,.nav-menu .vce-mega-menu > .sub-menu > li > a,.sidr li a,.vce-menu-parent{color:#4a4a4a;} .nav-menu > li:hover > a,.nav-menu > .current_page_item > a,.nav-menu > .current-menu-item > a,.nav-menu > .current-menu-ancestor > a,.main-navigation a.vce-item-selected,.main-navigation ul ul li:hover > a,.nav-menu ul .current-menu-item a,.nav-menu ul .current_page_item a,.vce-menu-parent:hover,.sidr li a:hover,.main-navigation li.current-menu-item.fa:before{color:#3d82bf;} .nav-menu > li:hover > a,.nav-menu > .current_page_item > a,.nav-menu > .current-menu-item > a,.nav-menu > .current-menu-ancestor > a,.main-navigation a.vce-item-selected,.main-navigation ul ul,.header-sticky .nav-menu > .current_page_item:hover > a,.header-sticky .nav-menu > .current-menu-item:hover > a,.header-sticky .nav-menu > .current-menu-ancestor:hover > a,.header-sticky .main-navigation a.vce-item-selected:hover{background-color:#ffffff;} .search-header-wrap ul{border-top:2px solid #3d82bf;} .vce-border-top .main-box-title{border-top:2px solid #1e73be;} .tagcloud a:hover,.sidebar .widget .mks_author_link,.sidebar .widget.mks_themeforest_widget .more,.site-footer .widget .mks_author_link,.site-footer .widget.mks_themeforest_widget .more,.vce-lay-g .entry-meta div,.vce-lay-g .fn,.vce-lay-g .fn a{color:#FFF;} .vce-featured-header .vce-featured-header-background{opacity:0.5} .vce-featured-grid .vce-featured-header-background,.vce-post-big .vce-post-img:after,.vce-post-slider .vce-post-img:after{opacity:0.5} .vce-featured-grid .owl-item:hover .vce-grid-text .vce-featured-header-background,.vce-post-big li:hover .vce-post-img:after,.vce-post-slider li:hover .vce-post-img:after{opacity:0.8} #back-top{background:#323232} .meta-image:hover a img,.vce-lay-h .img-wrap:hover .meta-image > img,.img-wrp:hover img,.vce-gallery-big:hover img,.vce-gallery .gallery-item:hover img,.vce_posts_widget .vce-post-big li:hover img,.vce-featured-grid .owl-item:hover img,.vce-post-img:hover img,.mega-menu-img:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} a.category-164, .sidebar .widget .vce-post-list a.category-164{color:#245fff;} body.category-164 .main-box-title, .main-box-title.cat-164{border-top:2px solid #245fff;} .widget_categories li.cat-item-164 .count{background:#245fff;} .widget_categories li.cat-item-164:before{background:#245fff;} .vce-featured-section .category-164, .vce-post-big .meta-category a.category-164, .vce-post-slider .meta-category a.category-164{background-color:#245fff;} .vce-lay-g .vce-featured-info .meta-category a.category-164{background-color:#245fff;} .vce-lay-h header .meta-category a.category-164{background-color:#245fff;} .main-navigation li.vce-cat-164 a:hover{color:#245fff;} a.category-170, .sidebar .widget .vce-post-list a.category-170{color:#fd4d1e;} body.category-170 .main-box-title, .main-box-title.cat-170{border-top:2px solid #fd4d1e;} .widget_categories li.cat-item-170 .count{background:#fd4d1e;} .widget_categories li.cat-item-170:before{background:#fd4d1e;} .vce-featured-section .category-170, .vce-post-big .meta-category a.category-170, .vce-post-slider .meta-category a.category-170{background-color:#fd4d1e;} .vce-lay-g .vce-featured-info .meta-category a.category-170{background-color:#fd4d1e;} .vce-lay-h header .meta-category a.category-170{background-color:#fd4d1e;} .main-navigation li.vce-cat-170 a:hover{color:#fd4d1e;} a.category-171, .sidebar .widget .vce-post-list a.category-171{color:#eb135c;} body.category-171 .main-box-title, .main-box-title.cat-171{border-top:2px solid #eb135c;} .widget_categories li.cat-item-171 .count{background:#eb135c;} .widget_categories li.cat-item-171:before{background:#eb135c;} .vce-featured-section .category-171, .vce-post-big .meta-category a.category-171, .vce-post-slider .meta-category a.category-171{background-color:#eb135c;} .vce-lay-g .vce-featured-info .meta-category a.category-171{background-color:#eb135c;} .vce-lay-h header .meta-category a.category-171{background-color:#eb135c;} .main-navigation li.vce-cat-171 a:hover{color:#eb135c;} a.category-172, .sidebar .widget .vce-post-list a.category-172{color:#0040a0;} body.category-172 .main-box-title, .main-box-title.cat-172{border-top:2px solid #0040a0;} .widget_categories li.cat-item-172 .count{background:#0040a0;} .widget_categories li.cat-item-172:before{background:#0040a0;} .vce-featured-section .category-172, .vce-post-big .meta-category a.category-172, .vce-post-slider .meta-category a.category-172{background-color:#0040a0;} .vce-lay-g .vce-featured-info .meta-category a.category-172{background-color:#0040a0;} .vce-lay-h header .meta-category a.category-172{background-color:#0040a0;} .main-navigation li.vce-cat-172 a:hover{color:#0040a0;} a.category-28, .sidebar .widget .vce-post-list a.category-28{color:#00fb8a;} body.category-28 .main-box-title, .main-box-title.cat-28{border-top:2px solid #00fb8a;} .widget_categories li.cat-item-28 .count{background:#00fb8a;} .widget_categories li.cat-item-28:before{background:#00fb8a;} .vce-featured-section .category-28, .vce-post-big .meta-category a.category-28, .vce-post-slider .meta-category a.category-28{background-color:#00fb8a;} .vce-lay-g .vce-featured-info .meta-category a.category-28{background-color:#00fb8a;} .vce-lay-h header .meta-category a.category-28{background-color:#00fb8a;} .main-navigation li.vce-cat-28 a:hover{color:#00fb8a;} a.category-53, .sidebar .widget .vce-post-list a.category-53{color:#66001b;} body.category-53 .main-box-title, .main-box-title.cat-53{border-top:2px solid #66001b;} .widget_categories li.cat-item-53 .count{background:#66001b;} .widget_categories li.cat-item-53:before{background:#66001b;} .vce-featured-section .category-53, .vce-post-big .meta-category a.category-53, .vce-post-slider .meta-category a.category-53{background-color:#66001b;} .vce-lay-g .vce-featured-info .meta-category a.category-53{background-color:#66001b;} .vce-lay-h header .meta-category a.category-53{background-color:#66001b;} .main-navigation li.vce-cat-53 a:hover{color:#66001b;} a.category-173, .sidebar .widget .vce-post-list a.category-173{color:#5061d3;} body.category-173 .main-box-title, .main-box-title.cat-173{border-top:2px solid #5061d3;} .widget_categories li.cat-item-173 .count{background:#5061d3;} .widget_categories li.cat-item-173:before{background:#5061d3;} .vce-featured-section .category-173, .vce-post-big .meta-category a.category-173, .vce-post-slider .meta-category a.category-173{background-color:#5061d3;} .vce-lay-g .vce-featured-info .meta-category a.category-173{background-color:#5061d3;} .vce-lay-h header .meta-category a.category-173{background-color:#5061d3;} .main-navigation li.vce-cat-173 a:hover{color:#5061d3;} a.category-174, .sidebar .widget .vce-post-list a.category-174{color:#376001;} body.category-174 .main-box-title, .main-box-title.cat-174{border-top:2px solid #376001;} .widget_categories li.cat-item-174 .count{background:#376001;} .widget_categories li.cat-item-174:before{background:#376001;} .vce-featured-section .category-174, .vce-post-big .meta-category a.category-174, .vce-post-slider .meta-category a.category-174{background-color:#376001;} .vce-lay-g .vce-featured-info .meta-category a.category-174{background-color:#376001;} .vce-lay-h header .meta-category a.category-174{background-color:#376001;} .main-navigation li.vce-cat-174 a:hover{color:#376001;} a.category-177, .sidebar .widget .vce-post-list a.category-177{color:#ab1d2b;} body.category-177 .main-box-title, .main-box-title.cat-177{border-top:2px solid #ab1d2b;} .widget_categories li.cat-item-177 .count{background:#ab1d2b;} .widget_categories li.cat-item-177:before{background:#ab1d2b;} .vce-featured-section .category-177, .vce-post-big .meta-category a.category-177, .vce-post-slider .meta-category a.category-177{background-color:#ab1d2b;} .vce-lay-g .vce-featured-info .meta-category a.category-177{background-color:#ab1d2b;} .vce-lay-h header .meta-category a.category-177{background-color:#ab1d2b;} .main-navigation li.vce-cat-177 a:hover{color:#ab1d2b;} a.category-75, .sidebar .widget .vce-post-list a.category-75{color:#3a6d82;} body.category-75 .main-box-title, .main-box-title.cat-75{border-top:2px solid #3a6d82;} .widget_categories li.cat-item-75 .count{background:#3a6d82;} .widget_categories li.cat-item-75:before{background:#3a6d82;} .vce-featured-section .category-75, .vce-post-big .meta-category a.category-75, .vce-post-slider .meta-category a.category-75{background-color:#3a6d82;} .vce-lay-g .vce-featured-info .meta-category a.category-75{background-color:#3a6d82;} .vce-lay-h header .meta-category a.category-75{background-color:#3a6d82;} .main-navigation li.vce-cat-75 a:hover{color:#3a6d82;} a.category-167, .sidebar .widget .vce-post-list a.category-167{color:#dd2e2e;} body.category-167 .main-box-title, .main-box-title.cat-167{border-top:2px solid #dd2e2e;} .widget_categories li.cat-item-167 .count{background:#dd2e2e;} .widget_categories li.cat-item-167:before{background:#dd2e2e;} .vce-featured-section .category-167, .vce-post-big .meta-category a.category-167, .vce-post-slider .meta-category a.category-167{background-color:#dd2e2e;} .vce-lay-g .vce-featured-info .meta-category a.category-167{background-color:#dd2e2e;} .vce-lay-h header .meta-category a.category-167{background-color:#dd2e2e;} .main-navigation li.vce-cat-167 a:hover{color:#dd2e2e;} a.category-25, .sidebar .widget .vce-post-list a.category-25{color:#702aa3;} body.category-25 .main-box-title, .main-box-title.cat-25{border-top:2px solid #702aa3;} .widget_categories li.cat-item-25 .count{background:#702aa3;} .widget_categories li.cat-item-25:before{background:#702aa3;} .vce-featured-section .category-25, .vce-post-big .meta-category a.category-25, .vce-post-slider .meta-category a.category-25{background-color:#702aa3;} .vce-lay-g .vce-featured-info .meta-category a.category-25{background-color:#702aa3;} .vce-lay-h header .meta-category a.category-25{background-color:#702aa3;} .main-navigation li.vce-cat-25 a:hover{color:#702aa3;} a.category-23, .sidebar .widget .vce-post-list a.category-23{color:#bc00bf;} body.category-23 .main-box-title, .main-box-title.cat-23{border-top:2px solid #bc00bf;} .widget_categories li.cat-item-23 .count{background:#bc00bf;} .widget_categories li.cat-item-23:before{background:#bc00bf;} .vce-featured-section .category-23, .vce-post-big .meta-category a.category-23, .vce-post-slider .meta-category a.category-23{background-color:#bc00bf;} .vce-lay-g .vce-featured-info .meta-category a.category-23{background-color:#bc00bf;} .vce-lay-h header .meta-category a.category-23{background-color:#bc00bf;} .main-navigation li.vce-cat-23 a:hover{color:#bc00bf;} a.category-1, .sidebar .widget .vce-post-list a.category-1{color:#ff2b2b;} body.category-1 .main-box-title, .main-box-title.cat-1{border-top:2px solid #ff2b2b;} .widget_categories li.cat-item-1 .count{background:#ff2b2b;} .widget_categories li.cat-item-1:before{background:#ff2b2b;} .vce-featured-section .category-1, .vce-post-big .meta-category a.category-1, .vce-post-slider .meta-category a.category-1{background-color:#ff2b2b;} .vce-lay-g .vce-featured-info .meta-category a.category-1{background-color:#ff2b2b;} .vce-lay-h header .meta-category a.category-1{background-color:#ff2b2b;} .main-navigation li.vce-cat-1 a:hover{color:#ff2b2b;}</style> <link rel="stylesheet" type="text/css" href="//www.letsdnd.com/wp-content/cache/wpfc-minified/f7b35f77d35b170218cd836f13e60feb/1487948109index.css" media="all"/> <style>.essb-mobile-sharebar, .essb-mobile-sharepoint, .essb-mobile-sharebottom{display:none;} .essb_links_list li.essb_totalcount_item .essb_t_l_big .essb_t_nb:after, .essb_links_list li.essb_totalcount_item .essb_t_r_big .essb_t_nb:after{color:#777777;content:"shares";display:block;font-size:11px;font-weight:normal;text-align:center;text-transform:uppercase;margin-top:-5px;} .essb_links_list li.essb_totalcount_item .essb_t_l_big, .essb_links_list li.essb_totalcount_item .essb_t_r_big{text-align:center;} .essb_displayed_sidebar .essb_links_list li.essb_totalcount_item .essb_t_l_big .essb_t_nb:after, .essb_displayed_sidebar .essb_links_list li.essb_totalcount_item .essb_t_r_big .essb_t_nb:after{margin-top:0px;} .essb_displayed_sidebar_right .essb_links_list li.essb_totalcount_item .essb_t_l_big .essb_t_nb:after, .essb_displayed_sidebar_right .essb_links_list li.essb_totalcount_item .essb_t_r_big .essb_t_nb:after{margin-top:0px;} .essb_totalcount_item_before, .essb_totalcount_item_after{display:block !important;} .essb_totalcount_item_before .essb_totalcount, .essb_totalcount_item_after .essb_totalcount{border:0px !important;} .essb_counter_insidebeforename{margin-right:5px;font-weight:bold;} .essb_width_columns_1 li{width:100%;} .essb_width_columns_1 li a{width:92%;} .essb_width_columns_2 li{width:49%;} .essb_width_columns_2 li a{width:86%;} .essb_width_columns_3 li{width:32%;} .essb_width_columns_3 li a{width:80%;} .essb_width_columns_4 li{width:24%;} .essb_width_columns_4 li a{width:70%;} .essb_width_columns_5 li{width:19.5%;} .essb_width_columns_5 li a{width:60%;} .essb_width_columns_6 li{width:16%;} .essb_width_columns_6 li a{width:55%;} .essb_links li.essb_totalcount_item_before, .essb_width_columns_1 li.essb_totalcount_item_after{width:100%;text-align:left;} .essb_network_align_center a{text-align:center;} .essb_network_align_right .essb_network_name{float:right;}</style> <style>.et_monarch .et_social_networks{margin-top:7px;} body { line-height: 30px; font-size: 18px; } p{margin-bottom:20px;} .essb_links.essb_template_metro-retina{margin:0;} .vce-ad-container{margin:15px auto;} .vce-page .entry-content, .vce-single .entry-content{margin:0 auto 30px;} @media only screen and (max-width: 670px) and (min-width: 200px) { body{line-height:30px;font-size:18px;} }</style> <style><strong> element</strong> in the <head> section</li> <li>External - using an external CSS<strong> file</strong></li> </ul> <p style="text-align: justify;"><span style="color: #404040;">The preferred way to add CSS to HTML, is to put CSS syntax in separate CSS files.</span></p> <p style="text-align: justify;"><strong>Inline Styles</strong></p> <p style="text-align: justify;">An inline style can be used if a unique style is to be applied to one single occurrence of an element.  To use inline styles, use the style attribute in the tag. The style attribute can contain any CSS property. Look at the following examples. There are several attributes and elements become obsolete due to the emergence of styles that can do the same thing. For example attributes like bgcolor, color and <font>, <center>, <strike> tags now become obsoleted. <span style="color: #404040;">These tags are not supported in newer versions of HTML. So try to avoid them.</span></p> [code language="html"] <p style="margin-left:20px;">This is my margined paragraph.</p> <p style="background-color:aqua;">This is my aqua paragraph.</p> <p style="font-family:arial;color:red;font-size:20px;">This is my font changed paragraph.</p> <p style="text-align:center;">This is my aligned paragraph.</p> [/code] <table> <tbody> <tr> <td> <p style="margin-left: 20px;">This is my margined paragraph.</p> </td> </tr> <tr> <td> <p style="background-color: aqua;">This is my aquaparagraph.</p> </td> </tr> <tr> <td> <p style="font-family: arial; color: red; font-size: 20px;">This is my font changed paragraph.</p> </td> </tr> <tr> <td> <p style="text-align: center;">This is my aligned paragraph.</p> </td> </tr> </tbody> </table> <p><strong>Internal Style Sheet</strong></p> <p style="text-align: justify;"><span style="color: #404040;">An internal style sheet can be used if one single document has a unique style. Internal styles are defined in the <head> section of an HTML page, by using the </p> <style> tag. We did it in the <a title="HTML Head" href="http://www.letsdnd.com/html-head/" target="_blank">HTML Head</a> section, remember?</span></p> <p><strong>External Style Sheet</strong></p> <p style="color: #000000; text-align: justify;"><span style="color: #404040;">An external style sheet is ideal when the style is applied to many pages. With an external style sheet, you can change the look of an entire web site by changing one file. Each page must link to the style sheet using the <link> tag. The <link> tag goes inside the <head> section. We did it in the <a title="HTML Head" href="http://www.letsdnd.com/html-head/" target="_blank">HTML Head</a> section, remember?</span></p> <div style="text-align: justify;" align="center"> <hr /></div><p style="text-align: justify;">So here we are at the end of the tutorial. Did you choose which way to go? In this section we introduced three paths that you can go. Let's meet again with those tutorials so you can learn much about them.</p> <p> </p> <h3 style="color: #2a2a2a; text-align: justify;">HOPE YOU ENJOYED THIS TUTORIAL. PLEASE DON’T FORGET TO SUBSCRIBE FOR NEW UPDATES.</h3> <span class="cp-load-after-post"></span><style></style> <style class="cp-form-css">.content-58b087de509bf .cp-form-container label{display:none;} .content-58b087de509bf .cp-form-container label{color:rgb(153, 153, 153);font-size:15px;font-family:;text-align:left;} .content-58b087de509bf .cp-form-container .cp-form-field select{text-align-last:left;direction:ltr;} .content-58b087de509bf .cp-form-container .cp-form-field button, .content-58b087de509bf .cp-form-container .cp-form-field input, .content-58b087de509bf .cp-form-container .cp-form-field select, .content-58b087de509bf .cp-form-container .cp-form-field textarea{text-align:left;font-size:15px;font-family:;color:rgb(153, 153, 153);background-color:rgb(255, 255, 255);border-color:rgb(191, 190, 190);padding-top:10px;padding-bottom:10px;padding-left:15px;padding-right:15px;} .content-58b087de509bf .cp-form-container .cp-submit{padding-top:5px;padding-bottom:5px;padding-left:15px;padding-right:15px;} .content-58b087de509bf .cp-form-container .cp-submit.cp-btn-flat{background:#ce4229!important;border-radius:3px;} .content-58b087de509bf .cp-form-container .cp-submit.cp-btn-flat:hover{background:#c1351c!important;}</style> <style>.below-in-post{width:300px;height:250px;margin:auto;} @media(min-width: 800px) { .below-in-post{width:550px;height:250px;margin:auto;} }</style> <style id='mymail-form-default'>.mymail-emebed-form body{background:0;padding:0;margin:0} .mymail-emebed-form .mymail-form-body{padding:5px !important;margin:auto !important} .mymail-form-wrap{max-width:100%;max-height:95%;min-width:100px;-webkit-overflow-scrolling:touch} .mymail-form{margin-bottom:20px;position:relative} .mymail-form:before{content:"";position:absolute;display:block;height:100%;width:100%;z-index:1;background-repeat:no-repeat;background-position:center center;background-size:20px 20px;background-image:url('//i0.wp.com/letsdnd.com/wp-content/plugins/myMail/assets/css/../img/loading.gif');visibility:hidden;opacity:0;-webkit-transition:opacity .15s ease-in-out;-moz-transition:opacity .15s ease-in-out;-ms-transition:opacity .15s ease-in-out;-o-transition:opacity .15s ease-in-out;transition:opacity .15s ease-in-out} .mymail-form.loading:before{opacity:1;visibility:visible} @media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi){.mymail-form:before{background-image:url('//i0.wp.com/letsdnd.com/wp-content/plugins/myMail/assets/css/../img/loading_2x.gif')}}.mymail-form:after,.mymail-form-fields:after{content:".";visibility:hidden;display:block;height:0;clear:both} .mymail-form,.mymail-form .input,.mymail-form .mymail-form-info{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .mymail-emebed-form .mymail-form{margin-bottom:3px} .mymail-form .mymail-wrapper{position:relative;margin-bottom:2px;-webkit-transition:opacity .15s ease-in-out;-moz-transition:opacity .15s ease-in-out;-ms-transition:opacity .15s ease-in-out;-o-transition:opacity .15s ease-in-out;transition:opacity .15s ease-in-out} .mymail-form.loading .mymail-wrapper{opacity:.2} .mymail-form textarea.input{resize:vertical;height:150px} .mymail-form li{list-style:none !important;margin-left:0;padding-left:0} span.mymail-required{font-size:120%;font-weight:700;color:#bf4d4d} .mymail-lists-wrapper ul{list-style:none;margin-left:0;padding-left:0} .mymail-lists-wrapper ul li{margin-left:0} .mymail-list-description{color:inherit;display:block;margin-left:25px;font-size:.8em} .mymail-form-info{height:0;border-radius:2px;padding:5px;margin-bottom:4px;color:#fff;padding:9px 16px;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)} .mymail-form.loading .mymail-form-info{opacity:0} .mymail-form-info a{color:#fff} .mymail-form-info.success,.mymail-form-info.error{display:block;height:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .mymail-form .error input,.mymail-form .error select,.mymail-form .error textarea{outline:2px solid #bf4d4d;outline-offset:0} .mymail-form-info.error{background:#bf4d4d} .mymail-form-info.success{background-color:#6fbf4d;text-align:center} .mymail-form-info ul,.mymail-form .mymail-form-info p{margin:0;padding:0} .mymail-form-info ul li{color:inherit;margin-left:0} .mymail-submit-wrapper{margin-top:6px} .mymail-form .submit-button{cursor:pointer} .mymail-form .submit-button:focus{outline:0}</style> <style></style> <style class="cp-form-css">.content-58b087de7c256 .cp-form-container label{display:none;} .content-58b087de7c256 .cp-form-container label{color:rgb(153, 153, 153);font-size:15px;font-family:;text-align:left;} .content-58b087de7c256 .cp-form-container .cp-form-field select{text-align-last:left;direction:ltr;} .content-58b087de7c256 .cp-form-container .cp-form-field button, .content-58b087de7c256 .cp-form-container .cp-form-field input, .content-58b087de7c256 .cp-form-container .cp-form-field select, .content-58b087de7c256 .cp-form-container .cp-form-field textarea{text-align:left;font-size:15px;font-family:;color:rgb(153, 153, 153);background-color:rgb(255, 255, 255);border-color:rgb(191, 190, 190);padding-top:10px;padding-bottom:10px;padding-left:15px;padding-right:15px;} .content-58b087de7c256 .cp-form-container .cp-submit{padding-top:10px;padding-bottom:10px;padding-left:15px;padding-right:15px;} .content-58b087de7c256 .cp-form-container .cp-submit.cp-btn-flat{background:#ce4229!important;border-radius:4px;} .content-58b087de7c256 .cp-form-container .cp-submit.cp-btn-flat:hover{background:#c1351c!important;}</style> <style></style> <style class="cp-form-css">.content-58b087de7d0ab .cp-form-container label{display:none;} .content-58b087de7d0ab .cp-form-container label{color:rgb(153, 153, 153);font-size:15px;font-family:;text-align:left;} .content-58b087de7d0ab .cp-form-container .cp-form-field select{text-align-last:left;direction:ltr;} .content-58b087de7d0ab .cp-form-container .cp-form-field button, .content-58b087de7d0ab .cp-form-container .cp-form-field input, .content-58b087de7d0ab .cp-form-container .cp-form-field select, .content-58b087de7d0ab .cp-form-container .cp-form-field textarea{text-align:left;font-size:15px;font-family:;color:rgb(153, 153, 153);background-color:rgb(255, 255, 255);border-color:rgb(191, 190, 190);padding-top:10px;padding-bottom:10px;padding-left:15px;padding-right:15px;} .content-58b087de7d0ab .cp-form-container .cp-submit{padding-top:5px;padding-bottom:5px;padding-left:15px;padding-right:15px;} .content-58b087de7d0ab .cp-form-container .cp-submit.cp-btn-flat{background:#ce4229!important;border-radius:3px;} .content-58b087de7d0ab .cp-form-container .cp-submit.cp-btn-flat:hover{background:#c1351c!important;}</style> <link rel="stylesheet" type="text/css" href="//www.letsdnd.com/wp-content/cache/wpfc-minified/6658bf5a2c5832b0c1e5758cd89877e3/1487948126index.css" media="all"/> <style>.essb_morepopup_shadow{position:fixed;_position:absolute; height:100%;width:100%;top:0;left:0;background:rgba(33, 33, 33, 0.85);z-index:1100;display:none;} .essb_morepopup{background-color:#ffffff;z-index:1101;-webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.3);-ms-box-shadow:0 0 20px rgba(0, 0, 0, 0.3);-o-box-shadow:0 0 20px rgba(0, 0, 0, 0.3);box-shadow:0 0 20px rgba(0, 0, 0, 0.3);display:none;color:#111;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .essb_morepopup_content{padding:15px;margin:0;text-align:center;} .essb_morepopup_content .essb_links a{text-align:left;} .essb_morepopup_close{width:12px;height:12px;display:inline-block;position:absolute;top:10px;right:10px;-webkit-transition:all ease 0.50s;transition:all ease 0.75s;font-weight:bold;text-decoration:none;color:#111;line-height:160%;font-size:24px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNDEuNzU2cHgiIGhlaWdodD0iNDEuNzU2cHgiIHZpZXdCb3g9IjAgMCA0MS43NTYgNDEuNzU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MS43NTYgNDEuNzU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTI3Ljk0OCwyMC44NzhMNDAuMjkxLDguNTM2YzEuOTUzLTEuOTUzLDEuOTUzLTUuMTE5LDAtNy4wNzFjLTEuOTUxLTEuOTUyLTUuMTE5LTEuOTUyLTcuMDcsMEwyMC44NzgsMTMuODA5TDguNTM1LDEuNDY1Yy0xLjk1MS0xLjk1Mi01LjExOS0xLjk1Mi03LjA3LDBjLTEuOTUzLDEuOTUzLTEuOTUzLDUuMTE5LDAsNy4wNzFsMTIuMzQyLDEyLjM0MkwxLjQ2NSwzMy4yMmMtMS45NTMsMS45NTMtMS45NTMsNS4xMTksMCw3LjA3MUMyLjQ0LDQxLjI2OCwzLjcyMSw0MS43NTUsNSw0MS43NTVjMS4yNzgsMCwyLjU2LTAuNDg3LDMuNTM1LTEuNDY0bDEyLjM0My0xMi4zNDJsMTIuMzQzLDEyLjM0M2MwLjk3NiwwLjk3NywyLjI1NiwxLjQ2NCwzLjUzNSwxLjQ2NHMyLjU2LTAuNDg3LDMuNTM1LTEuNDY0YzEuOTUzLTEuOTUzLDEuOTUzLTUuMTE5LDAtNy4wNzFMMjcuOTQ4LDIwLjg3OHoiLz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+);background-size:12px;z-index:1001;}</style> <!--[if lt IE 9]><script src="http://www.letsdnd.com/wp-content/themes/voice/js/html5.js"></script><![endif]--> <script>window._wpemojiSettings={"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.2.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.2.1\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.letsdnd.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.7.2"}}; !function(a,b,c){function d(a){var b,c,d,e,f=String.fromCharCode;if(!k||!k.fillText)return!1;switch(k.clearRect(0,0,j.width,j.height),k.textBaseline="top",k.font="600 32px Arial",a){case"flag":return k.fillText(f(55356,56826,55356,56819),0,0),!(j.toDataURL().length<3e3)&&(k.clearRect(0,0,j.width,j.height),k.fillText(f(55356,57331,65039,8205,55356,57096),0,0),b=j.toDataURL(),k.clearRect(0,0,j.width,j.height),k.fillText(f(55356,57331,55356,57096),0,0),c=j.toDataURL(),b!==c);case"emoji4":return k.fillText(f(55357,56425,55356,57341,8205,55357,56507),0,0),d=j.toDataURL(),k.clearRect(0,0,j.width,j.height),k.fillText(f(55357,56425,55356,57341,55357,56507),0,0),e=j.toDataURL(),d!==e}return!1}function e(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g,h,i,j=b.createElement("canvas"),k=j.getContext&&j.getContext("2d");for(i=Array("flag","emoji4"),c.supports={everything:!0,everythingExceptFlag:!0},h=0;h<i.length;h++)c.supports[i[h]]=d(i[h]),c.supports.everything=c.supports.everything&&c.supports[i[h]],"flag"!==i[h]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[i[h]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings);</script> <script> var smile_ajax={"url":"http:\/\/www.letsdnd.com\/wp-admin\/admin-ajax.php"}; </script> <script src='http://www.letsdnd.com/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script> <script src='http://www.letsdnd.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script> <script src='//www.letsdnd.com/wp-content/cache/wpfc-minified/085cbe18669e9c4b3894da486b72e171/1487948110index.js'></script> <script>var essb_settings={"ajax_url":"http:\/\/www.letsdnd.com\/wp-admin\/admin-ajax.php","essb3_nonce":"9613c836d3","essb3_plugin_url":"http:\/\/www.letsdnd.com\/wp-content\/plugins\/easy-social-share-buttons3","essb3_facebook_total":true,"essb3_admin_ajax":true,"essb3_internal_counter":true,"essb3_stats":true,"essb3_ga":true,"essb3_ga_mode":"simple","essb3_counter_button_min":0,"essb3_counter_total_min":0,"blog_url":"http:\/\/www.letsdnd.com\/","ajax_type":"wp","essb3_postfloat_stay":false,"essb3_no_counter_mailprint":false,"essb3_single_ajax":false,"twitter_counter":"self","post_id":1964};</script> <script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-44971147-1', 'auto'); ga('send', 'pageview');</script> <script> tag if you can remember. </span>The <script> element either contains scripting statements or it points to an external script file through the src attribute.</p> <p style="text-align: justify;"><strong>JavaScript can change HTML content</strong></p> <p style="text-align: justify;"><span style="color: #404040;">The script below writes 'Hi! How are you?' into an HTML paragraph element with id="demo" by replacing the already existed text 'This is a Paragraph'.</span></p> [code language="html"] <p id="demo">This is a Paragraph</p> <p><script>document.getElementById("demo").innerHTML="Hi! How are you?";</script> <script>document.getElementById("demo").style.fontSize="25px";</script> <script>document.getElementById("image").src="picture.gif";</script> <script id="modal">jQuery(window).load(function(){ startclock(); }); function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning=false; document.cookie="time=0"; } function showtime (){ var now=new Date(); var my=now.getTime() ; now=new Date(my-diffms) ; document.cookie="time="+now.toLocaleString(); timerID=setTimeout('showtime()',10000); timerRunning=true; } function startclock (){ stopclock(); showtime(); } var timerID=null; var timerRunning=false; var x=new Date() ; var now=x.getTime() ; var gmt=1487964126 * 1000 ; var diffms=(now - gmt) ;</script> <script>var gaJsHost=(("https:"==document.location.protocol) ? "https://ssl.":"http://www.");document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js'%3E%3C/script%3E"));</script> <script>var pageTracker=_gat._getTracker("UA-44971147-1");pageTracker._trackPageview();</script> <script> jQuery(document).ready(function(){ jQuery.post("http://www.letsdnd.com/wp-admin/admin-ajax.php", { action:"entry_views", _ajax_nonce:"d0413c590d", post_id:1964 }); }); </script> <script src='//www.letsdnd.com/wp-content/cache/wpfc-minified/714845497b105c0e13f93cc6121c6fd8/1487948126index.js'></script> <script> var _wpcf7={"recaptcha":{"messages":{"empty":"Please verify that you are not a robot."}}}; </script> <script src='//www.letsdnd.com/wp-content/cache/wpfc-minified/dfe7c5e3e67ff0e6da9b994d792485ac/1487948110index.js'></script> <script> var vce_js_settings={"sticky_header":"1","sticky_header_offset":"500","sticky_header_logo":"","logo_retina":"http:\/\/www.letsdnd.com\/wp-content\/uploads\/2016\/07\/lets-design-n-develop.png","logo_mobile":"","rtl_mode":"0","ajax_url":"http:\/\/www.letsdnd.com\/wp-admin\/admin-ajax.php","ajax_mega_menu":"","mega_menu_slider":"","mega_menu_subcats":"","lay_fa_grid_center":"","full_slider_autoplay":"","grid_slider_autoplay":"","fa_big_opacity":{"1":"0.5","2":"0.7"}}; </script> <script src='//www.letsdnd.com/wp-content/cache/wpfc-minified/14b433a6b0b04e798c902f654a3feeca/1487948126index.js'></script> <script src='http://www.letsdnd.com/wp-includes/js/comment-reply.min.js?ver=4.7.2'></script> <script src='//www.letsdnd.com/wp-content/cache/wpfc-minified/5434c527f83ad1e0e35054725eeb1163/1487948126index.js'></script> <script src='http://www.letsdnd.com/wp-includes/js/wp-embed.min.js?ver=4.7.2'></script> <script src='//www.letsdnd.com/wp-content/cache/wpfc-minified/ba07dfc7b08438ee4a53b69f7727a2aa/1487948126index.js'></script> <script> var cptch_vars={"nonce":"6e6e8f8389","ajaxurl":"http:\/\/www.letsdnd.com\/wp-admin\/admin-ajax.php","enlarge":""}; </script> <script src='//www.letsdnd.com/wp-content/cache/wpfc-minified/ee52cebf5dc7514465d3d69636698baa/1487948126index.js'></script> <script>var essb_handle_stats=function(oService, oPostID, oInstance){ var element=jQuery('.essb_'+oInstance); var instance_postion=jQuery(element).attr("data-essb-position")||""; var instance_template=jQuery(element).attr("data-essb-template")||""; var instance_button=jQuery(element).attr("data-essb-button-style")||""; var instance_counters=jQuery(element).hasClass("essb_counters") ? true:false; var instance_nostats=jQuery(element).hasClass("essb_nostats") ? true:false; if(instance_nostats){ return; } var instance_mobile=false; if((/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i).test(navigator.userAgent)){ instance_mobile=true; } if(typeof(essb_settings)!="undefined"){ jQuery.post(essb_settings.ajax_url, { 'action': 'essb_stat_log', 'post_id': oPostID, 'service': oService, 'template': instance_template, 'mobile': instance_mobile, 'position': instance_postion, 'button': instance_button, 'counter': instance_counters, 'nonce': essb_settings.essb3_nonce }, function (data){ if(data){ }},'json'); }};var essb_clicked_lovethis=false; var essb_love_you_message_thanks="Thank you for loving this."; var essb_love_you_message_loved="You already love this today."; var essb_lovethis=function(oInstance){ if(essb_clicked_lovethis){ alert(essb_love_you_message_loved); return; } var element=jQuery('.essb_'+oInstance); if(!element.length){ return; } var instance_post_id=jQuery(element).attr("data-essb-postid")||""; var cookie_set=essb_get_lovecookie("essb_love_"+instance_post_id); if(cookie_set){ alert(essb_love_you_message_loved); return; } if(typeof(essb_settings)!="undefined"){ jQuery.post(essb_settings.ajax_url, { 'action': 'essb_love_action', 'post_id': instance_post_id, 'service': 'love', 'nonce': essb_settings.essb3_nonce }, function (data){ if(data){ alert(essb_love_you_message_thanks); }},'json'); } essb_tracking_only('', 'love', oInstance, true); }; var essb_get_lovecookie=function(name){ var value="; " + document.cookie; var parts=value.split("; " + name + "="); if(parts.length==2) return parts.pop().split(";").shift(); };var essb_window=function(oUrl, oService, oInstance){ var element=jQuery('.essb_'+oInstance); var instance_post_id=jQuery(element).attr("data-essb-postid")||""; var instance_position=jQuery(element).attr("data-essb-position")||""; var wnd; var w=800 ; var h=500; if(oService=="twitter"){ w=500; h=300; } var left=(screen.width/2)-(w/2); var top=(screen.height/2)-(h/2); if(oService=="twitter"){ wnd=window.open(oUrl, "essb_share_window", "height=300,width=500,resizable=1,scrollbars=yes,top="+top+",left="+left); }else{ wnd=window.open(oUrl, "essb_share_window", "height=500,width=800,resizable=1,scrollbars=yes,top="+top+",left="+left); } if(typeof(essb_settings)!="undefined"){ if(essb_settings.essb3_stats){ if(typeof(essb_handle_stats)!="undefined"){ essb_handle_stats(oService, instance_post_id, oInstance); }} if(essb_settings.essb3_ga){ essb_ga_tracking(oService, oUrl, instance_position); }} essb_self_postcount(oService, instance_post_id); var pollTimer=window.setInterval(function(){ if(wnd.closed!==false){ window.clearInterval(pollTimer); essb_smart_onclose_events(oService, instance_post_id); }}, 200); }; var essb_self_postcount=function(oService, oCountID){ if(typeof(essb_settings)!="undefined"){ oCountID=String(oCountID); jQuery.post(essb_settings.ajax_url, { 'action': 'essb_self_postcount', 'post_id': oCountID, 'service': oService, 'nonce': essb_settings.essb3_nonce }, function (data){ if(data){ }},'json'); }}; var essb_smart_onclose_events=function(oService, oPostID){ if(typeof (essbasc_popup_show)=='function'){ essbasc_popup_show(); } if(typeof essb_acs_code=='function'){ essb_acs_code(oService, oPostID); }}; var essb_tracking_only=function(oUrl, oService, oInstance, oAfterShare){ var element=jQuery('.essb_'+oInstance); if(oUrl==""){ oUrl=document.URL; } var instance_post_id=jQuery(element).attr("data-essb-postid")||""; var instance_position=jQuery(element).attr("data-essb-position")||""; if(typeof(essb_settings)!="undefined"){ if(essb_settings.essb3_stats){ if(typeof(essb_handle_stats)!="undefined"){ essb_handle_stats(oService, instance_post_id, oInstance); }} if(essb_settings.essb3_ga){ essb_ga_tracking(oService, oUrl, instance_position); }} essb_self_postcount(oService, instance_post_id); if(oAfterShare){ essb_smart_onclose_events(oService, instance_post_id); }}; var essb_pinterest_picker=function(oInstance){ essb_tracking_only('', 'pinterest', oInstance); var e=document.createElement('script'); e.setAttribute('type','text/javascript'); e.setAttribute('charset','UTF-8'); e.setAttribute('src','//assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e); };var essb_ga_tracking=function(oService, oPosition, oURL){ var essb_ga_type=essb_settings.essb3_ga_mode; if('ga' in window&&window.ga!==undefined&&typeof window.ga==='function'){ if(essb_ga_type=="extended"){ ga('send', 'event', 'social', oService + ' ' + oPosition, oURL); }else{ ga('send', 'event', 'social', oService, oURL); }} };function essb_mailer(oTitle, oMessage, oSiteTitle, oUrl, oImage, oPermalink){ vex.defaultOptions.className='vex-theme-os'; vex.dialog.open({ message: 'Share this with a friend', input: '' + '<div class="vex-custom-field-wrapper"><strong>Your Email</strong></div>'+ '<input name="emailfrom" type="text" placeholder="Your Email" required />' + '<div class="vex-custom-field-wrapper"><strong>Recipient Email</strong></div>'+ '<input name="emailto" type="text" placeholder="Recipient Email" required />' + '<div class="vex-custom-field-wrapper" style="border-bottom: 1px solid #aaa !important; margin-top: 10px;"><h3></h3></div>'+ '<div class="vex-custom-field-wrapper" style="margin-top: 10px;"><strong>Subject</strong></div>'+ '<input name="emailsubject" type="text" placeholder="Subject" required value="'+oTitle+'" />' + '<div class="vex-custom-field-wrapper" style="margin-top: 10px;"><strong>Message</strong></div>'+ '<textarea name="emailmessage" placeholder="Message" required" rows="6" >'+oMessage+'</textarea>' + '', buttons: [ jQuery.extend({}, vex.dialog.buttons.YES, { text: 'Send' }), jQuery.extend({}, vex.dialog.buttons.NO, { text: 'Cancel' }) ], callback: function (data){ if(data.emailfrom&&typeof(data.emailfrom)!="undefined"){ var c=typeof(data.captchacode)!="undefined" ? data.captchacode:""; essb_sendmail_ajax1065168340(data.emailfrom, data.emailto, data.emailsubject, data.emailmessage, c, oSiteTitle, oUrl, oImage, oPermalink); }} });}; function essb_sendmail_ajax1065168340(emailfrom, emailto, emailsub, emailmessage, c, oSiteTitle, oUrl, oImage, oPermalink){ jQuery.post('http://www.letsdnd.com/wp-content/plugins/easy-social-share-buttons3/public/essb-mail.php', { 'from': emailfrom, 'to': emailto, 'sub': emailsub, 'message': emailmessage, 't': oSiteTitle, 'u': oUrl, 'img': oImage, 'p': oPermalink, 'c': c, 'salt': '962445767' }, function (data){ console.log(data); if(data){ alert(data.message); }},'json'); };function essb_mailform_78427465(){ essb_tracking_only('', 'mail', '78427465'); essb_mailer('Visit this site http://www.letsdnd.com', 'Hi, this may be interesting you: Languages Related with HTML! This is the link: http://www.letsdnd.com/languages-related-with-html/', 'Languages Related with HTML', 'http://www.letsdnd.com', '', 'http://www.letsdnd.com/languages-related-with-html/', 'top'); };var essb_morepopup_opened=false;function essb_toggle_more_popup(unique_id){ jQuery.fn.extend({ center: function (){ return this.each(function(){ var top=(jQuery(window).height() - jQuery(this).outerHeight()) / 2; var left=(jQuery(window).width() - jQuery(this).outerWidth()) / 2; jQuery(this).css({position:'fixed', margin:0, top: (top > 0 ? top:0)+'px', left: (left > 0 ? left:0)+'px'});});}});if(essb_morepopup_opened){ essb_toggle_less_popup(unique_id); return; } var is_from_mobilebutton=false; var height_of_mobile_bar=0; if(jQuery(".essb-mobile-sharebottom").length){ is_from_mobilebutton=true; height_of_mobile_bar=jQuery(".essb-mobile-sharebottom").outerHeight(); } var win_width=jQuery(window).width(); var win_height=jQuery(window).height(); var doc_height=jQuery('document').height(); var base_width=550; if(!is_from_mobilebutton){ base_width=660; } if(win_width < base_width){ base_width=win_width - 30; } var instance_mobile=false; var element_class=".essb_morepopup_"+unique_id; var element_class_shadow=".essb_morepopup_shadow_"+unique_id; jQuery(element_class).css({ width: base_width+'px'});jQuery(element_class).fadeIn(400); jQuery(element_class).center(); if(is_from_mobilebutton){ jQuery(element_class).css({ top: '5px'});jQuery(element_class).css({ height: (win_height - height_of_mobile_bar - 10)+'px'});var element_content_class=".essb_morepopup_content_"+unique_id; jQuery(element_content_class).css({ height: (win_height - height_of_mobile_bar - 40)+'px', "overflowY" :"auto"});jQuery(element_class_shadow).css({ height: (win_height - height_of_mobile_bar)+'px'});} jQuery(element_class_shadow).fadeIn(200); essb_morepopup_opened=true; }; function essb_toggle_less_popup(unique_id){ var element_class=".essb_morepopup_"+unique_id; var element_class_shadow=".essb_morepopup_shadow_"+unique_id; jQuery(element_class).fadeOut(200); jQuery(element_class_shadow).fadeOut(200); essb_morepopup_opened=false; };function essb_mailform_700146347(){ essb_tracking_only('', 'mail', '700146347'); essb_mailer('Visit this site http://www.letsdnd.com', 'Hi, this may be interesting you: Languages Related with HTML! This is the link: http://www.letsdnd.com/languages-related-with-html/', 'Languages Related with HTML', 'http://www.letsdnd.com', '', 'http://www.letsdnd.com/languages-related-with-html/', 'top'); };function essb_mailform_536177546(){ essb_tracking_only('', 'mail', '536177546'); essb_mailer('Visit this site http://www.letsdnd.com', 'Hi, this may be interesting you: Languages Related with HTML! This is the link: http://www.letsdnd.com/languages-related-with-html/', 'Languages Related with HTML', 'http://www.letsdnd.com', '', 'http://www.letsdnd.com/languages-related-with-html/', 'sharepoint'); };</script> <link rel='stylesheet' id='vce_font_0-css' href='http://fonts.googleapis.com/css?family=Open+Sans%3A400&subset=latin&ver=2.0.1' type='text/css' media='screen'/> <link rel='stylesheet' id='vce_font_1-css' href='http://fonts.googleapis.com/css?family=Merienda%3A400&subset=latin&ver=2.0.1' type='text/css' media='screen'/> <link rel='stylesheet' id='vce_font_2-css' href='http://fonts.googleapis.com/css?family=Roboto+Slab%3A400&subset=latin%2Clatin-ext&ver=2.0.1' type='text/css' media='screen'/> <link rel='stylesheet' id='cp-google-fonts-css' href='https://fonts.googleapis.com/css?family=Bitter|Lato|Libre+Baskerville|Montserrat|Neuton|Open+Sans|Pacifico|Raleway|Roboto|Sacramento|Varela+Round|' type='text/css' media='all'/> <script>setTimeout(function(){document.getElementById("wpfc-rb-loading").style.visibility="hidden";},1000);</script> <noscript><style>#wpfc-rb-loading{display:none !important;}</style></noscript> </body> </html><!-- WP Fastest Cache file was created in 1.70892095566 seconds, on 25-02-17 0:52:07 --><!-- need to refresh to see cached version -->