A Love Letter to HTML & CSS

Ashley Kolodziej– May 2021 I see you.

In the back there, behind JavaScript and React and PHP and all those “genuine” shows languages, I see you. And I value you.

I have actually seen the YouTube videos. You have actually been condensed down to a sixty-second blip on the course to larger and much better things, a one-trick div pony at the back of the race. You’re an assistance character. Everybody understands HTML nowadays. Even if that’s not the case, it’s not tough to find out, they state.

I understand it’s not real.

You are the structure of the Web. You are the bridge in between human beings and details. When we state HTML isn’t a know-how in and of itself, when we take you for given, we leave the systems and individuals who access that details utilizing web spiders and availability innovation.

They state you’re not a genuine programs language like the others, that you’re simply markup, and technically speaking, I expect that’s. Technically speaking, JavaScript and PHP are scripting languages. I keep in mind when it wasn’t cool to understand JavaScript, when it wasn’t a “genuine” language too. In some cases, I seem like these differences are useless, like we constructed a vocabulary to hold you (and by extension, ourselves as designers) back. You, as a markup language, have your own special worth and strengths. Understanding how to deal with you finest is a real know-how, one that is frequently ignored.

Markup needs organized thinking. What structure is the very best match for this material? How can we make this material simpler to parse and find in the ideal order? What tags do we require to guarantee a screen reader will parse your info properly? I desire you to understand I understand how essential you are, and I still ask these concerns.

I consider you each time I evaluate a site in VoiceOver and find it is entirely unusable, with my keyboard’s focus leaping away to locations I can’t in fact connect with and no clear sectioning and headings to assist browse.

And to my long time pal, CSS. I desire you to understand I comprehend you are a lot more than simply a quite face. Sure, your primary task is to, well, design markup. Why should that be any less renowned than the other languages? You are the visual translation of details. What excellent is all the details on the planet if we can’t quickly comprehend it? You hold the secrets to hierarchy and contrast and design, the secrets to visual interaction.

Your language is an art. I acknowledge your value, the balance of efficiency in rendering and uniqueness and forecasting when and where other systems or designers may wish to bypass something. Sure, you design, and you design well. What the world forgets often is you are, at heart, an organizer: the cascading part of Cascading Design Sheets. Oh, to be JavaScript where you can do whatever you desire, whenever you desire, and alter markup and designs on the fly. Do not they understand inline designs are a few of the most particular designs around?

I understand, and I appreciate that. There is a time and location for uniqueness, and I value your capability to handle that. I enjoy your system of overrides, of planning ahead to what need to and should not be flexible by another designer quickly. I discover the gratitude of uniqueness and ! essential and contrast and all the gorgeous little things you succeed progressively lost in the pursuit of the most recent and shiniest structures.

I am still here for you, HTML and CSS. And I will continue to reveal everybody I can just how much you both need to provide. We would not be able to interact this details at all due to the fact that without that fundamental care and know-how. You are the languages at the core of fair info circulation, and I desire you to understand that even if you aren’t in the spotlight today, I keep in mind that.

Even if it often feels I’m the only individual out there who still does.


With love, Ashley Kolodziej< image overflow ="noticeable" width ="2732"height= "2048"xlink: href ="https://i2.wp.com/css-tricks.com/wp-content/uploads/2021/04/signature-ashley.png?resize=1000%2C750&ssl=1"change="matrix (0.3161 0 0 0.3161 0 0)">< course fill =" none" stroke ="#FFFFFF"stroke-width="8.2192"stroke-miterlimit="10"d= "M242.754,175.887c0,0-4.766,4.069,5.747,1.546"/ ></p> <hr /> <p>< course fill="none" stroke="#FFFFFF"stroke-width="8.2192"stroke-miterlimit="10"d="M255.789,163.364 c0,0,13.161,57.015,13.476,60.987"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M411.797,190.179 c0,0,9.198,2.646,6.255,45.676"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M270.226,374.523 c0,0,3.084,19.063,5.747,15.839c7.021-8.499,10.092 -71.344,13.876 -106.246"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M289.85,282.434 c0,0,25.65,101.48,39.527,128.252"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M326.293,407.182 c0,0-53.263 -44.853 -54.665 -45.834 c-1.357 -0.95 -13.741 -17.653,34.38 -21.523 c1.601-0.129,7.723,2.306,9.461,2.206"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M330.357,334.436 c0,0-13.329 -13.864 -20.745 -4.065 c-3.584,4.736 -0.893,6.542,3.908,8.04 c5.132,1.602,12.675,2.852,17.537,6.958 c9.792,8.269,0.421,16.54-2.803,15.979 c-3.224 -0.561 -11.209 -0.78 -8.266 -14.236"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M326.853,292.807 c0,0,6.868,65.317,11.213,69.662c4.345,4.345-0.28 -36.027,2.943 -38.758 c5.326-4.553,7.569,38.758,11.634,36.095 c4.065-2.663,2.943 -15.685,2.943 -15.685"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M353.064,292.174 c0,0,0.459,4.91,0.884,12.001 c0.927,15.456,2.881,41.274,7.947,49.183c2.469,1.77,2.943-4.205,2.943 -4.205"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M367.501,340.463 c0,0,13.125-8.606,7.148 -21.866 c-4.485 -9.952 -16.536,36.167 -3.925,36.407 c10.902,0.208,15.979-31.758,15.979 -31.758"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M386.704,313.551 c0,0,1.822,40.648,7.148,39.387c5.326-1.261,4.205 -30.836,6.027 -30.977"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M399.88,319.859 c0,0,25.37,38.405,22.427,79.614s-17.1,46.255 -22.427,44.993 c-5.326 -1.262 -27.764 -18.585,18.987 -91.499 c41.102-53.572,40.864 -21.93,40.864 -21.93"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M475.042,256.249 c0,0,4.31,7.047,8.554,117.993 c1.898,49.618,12.279,50.205,12.279,50.205"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M508.299,259.024 c0,0-32.38,84.618 -33.221,94.662 s13.035-32.146,23.127 -26.819 c10.092,5.326,9.358,67.56,19.45,61.883"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M516.708,317.791c0,0-6.413 -8.62 -6.938 -8.305 c-0.526,0.315,0.946,22.391,8.095,22.917 c7.148,0.526,0-13.876 -14.928 -14.402"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M521.543,272.692 c0,0,8.725,71.59,11.774,67.49 c3.049-4.1,2.208 -11.984,2.208 -11.984"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M522.805,312.64 c0,0,17.661,1.101,22.602,12.062c4.941,10.96-6.399,7.147 -7.148,4.338 c-0.841 -3.154 -1.261 -12.728,2.733 -19.562"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M561.07,306.681c0,0-6.938 -5.184 -11.984,9.744 s5.432,17.842,12.3-5.053"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M562.226,314.007c0,0,2.102-45.729,0.736 -46.57 c-4.941 -1.051,1.053,70.541,8.517,68.123"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M568.429,320.421c0,0-5.782 -6.309,5.572 -12.616 c11.353-6.307,13.876 -5.145,12.405 -1.995 c-1.472,3.151 -15.243,26.699 -11.353,28.276 s23.653-7.674,23.653 -7.674"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M594.183,290.247 c0,0,3.365,7.516,3.681,11.434"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M597.863,307.382 c0,0,0.737,20.607,4.101,23.655"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M601.333,323.258c0,0,9.146-2.102,9.987 -14.928 c0.841-12.825 -9.777,0.526 -5.572,7.464 c3.898,6.432,9.789,12.723,15.848-0.859 c1.606-3.6 -1.749 -6.28 -1.166 -7.553"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M620.781,301.048 c0,0,25.23,42.358,22.707,72.283c-2.523,29.925 -12.615,51.159 -22.707,54.102 c-10.092,2.943 -29.435 -19.235,0 -52.034 c29.435-32.799,73.166 -61.849,73.166 -61.849 s-26.071 -12.582 -37.004 -27.299"/ > < course fill="none" stroke =" #FFFFFF" stroke-width="8.2192" stroke-miterlimit="10" d="M614.262,269.855c0,0,5.257-4.469,6.045,0.262 c0.788,4.731-2.365,11.038 -5.151,10.985 c-2.786 -0.053 -1.366 -5.522,1.21 -7.625"/ > </p> <div class="blog-share text-center"><div class="is-divider medium"></div><div class="social-icons share-icons share-row relative" ><a href="whatsapp://send?text=A%20Love%20Letter%20to%20HTML%20%26amp%3B%20CSS - https://websitedesign-usa.com/a-love-letter-to-html-css/" data-action="share/whatsapp/share" class="icon button circle is-outline tooltip whatsapp show-for-medium" title="Share on WhatsApp"><i class="icon-whatsapp"></i></a><a href="https://www.facebook.com/sharer.php?u=https://websitedesign-usa.com/a-love-letter-to-html-css/" data-label="Facebook" onclick="window.open(this.href,this.title,'width=500,height=500,top=300px,left=300px'); return false;" rel="noopener noreferrer nofollow" target="_blank" class="icon button circle is-outline tooltip facebook" title="Share on Facebook"><i class="icon-facebook" ></i></a><a href="https://twitter.com/share?url=https://websitedesign-usa.com/a-love-letter-to-html-css/" onclick="window.open(this.href,this.title,'width=500,height=500,top=300px,left=300px'); return false;" rel="noopener noreferrer nofollow" target="_blank" class="icon button circle is-outline tooltip twitter" title="Share on Twitter"><i class="icon-twitter" ></i></a><a href="mailto:enteryour@addresshere.com?subject=A%20Love%20Letter%20to%20HTML%20%26amp%3B%20CSS&body=Check%20this%20out:%20https://websitedesign-usa.com/a-love-letter-to-html-css/" rel="nofollow" class="icon button circle is-outline tooltip email" title="Email to a Friend"><i class="icon-envelop" ></i></a><a href="https://pinterest.com/pin/create/button/?url=https://websitedesign-usa.com/a-love-letter-to-html-css/&media=https://websitedesign-usa.com/wp-content/uploads/2021/05/a-love-letter-to-html-css-700x368.jpg&description=A%20Love%20Letter%20to%20HTML%20%26amp%3B%20CSS" onclick="window.open(this.href,this.title,'width=500,height=500,top=300px,left=300px'); return false;" rel="noopener noreferrer nofollow" target="_blank" class="icon button circle is-outline tooltip pinterest" title="Pin on Pinterest"><i class="icon-pinterest" ></i></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https://websitedesign-usa.com/a-love-letter-to-html-css/&title=A%20Love%20Letter%20to%20HTML%20%26amp%3B%20CSS" onclick="window.open(this.href,this.title,'width=500,height=500,top=300px,left=300px'); return false;" rel="noopener noreferrer nofollow" target="_blank" class="icon button circle is-outline tooltip linkedin" title="Share on LinkedIn"><i class="icon-linkedin" ></i></a></div></div></div> <footer class="entry-meta text-center"> This entry was posted in <a href="https://websitedesign-usa.com/category/website-design/" rel="category tag">Website Design</a>, <a href="https://websitedesign-usa.com/category/website-development/" rel="category tag">Website Development</a>. Bookmark the <a href="https://websitedesign-usa.com/a-love-letter-to-html-css/" title="Permalink to A Love Letter to HTML & CSS" rel="bookmark">permalink</a>. </footer> <div class="entry-author author-box"> <div class="flex-row align-top"> <div class="flex-col mr circle"> <div class="blog-author-image"> <img alt='' src="data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2090%2090%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3C%2Fsvg%3E" data-src='https://secure.gravatar.com/avatar/26ce137576cd47ac1c1ae35caaa58a12?s=90&d=mm&r=g' srcset="" data-srcset='https://secure.gravatar.com/avatar/26ce137576cd47ac1c1ae35caaa58a12?s=180&d=mm&r=g 2x' class='lazy-load avatar avatar-90 photo' height='90' width='90' /> </div> </div> <div class="flex-col flex-grow"> <h5 class="author-name uppercase pt-half"> Site Admin </h5> <p class="author-desc small"></p> </div> </div> </div> <nav role="navigation" id="nav-below" class="navigation-post"> <div class="flex-row next-prev-nav bt bb"> <div class="flex-col flex-grow nav-prev text-left"> <div class="nav-previous"><a href="https://websitedesign-usa.com/10-best-wordpress-testimonial-plugins-free-premium/" rel="prev"><span class="hide-for-small"><i class="icon-angle-left" ></i></span> 10 Best WordPress Testimonial Plugins (Free & Premium)</a></div> </div> <div class="flex-col flex-grow nav-next text-right"> <div class="nav-next"><a href="https://websitedesign-usa.com/ux-design-doesnt-end-with-your-website/" rel="next">UX Style Does Not End With Your Site <span class="hide-for-small"><i class="icon-angle-right" ></i></span></a></div> </div> </div> </nav> </div> </article> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/a-love-letter-to-html-css/#respond" style="display:none;">Cancel reply</a></small></h3><form action="https://websitedesign-usa.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> Required fields are marked <span class="required">*</span></p><p class="comment-form-comment"><label for="comment">Comment</label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></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" maxlength="245" required='required' /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" required='required' /></p> <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></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='30900' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><!-- Anti-spam plugin wordpress.org/plugins/anti-spam/ --><div class="wantispam-required-fields"><input type="hidden" name="wantispam_t" class="wantispam-control wantispam-control-t" value="1624251440" /><div class="wantispam-group wantispam-group-q" style="clear: both;"> <label>Current ye@r <span class="required">*</span></label> <input type="hidden" name="wantispam_a" class="wantispam-control wantispam-control-a" value="2021" /> <input type="text" name="wantispam_q" class="wantispam-control wantispam-control-q" value="7.2.7" autocomplete="off" /> </div> <div class="wantispam-group wantispam-group-e" style="display: none;"> <label>Leave this field empty</label> <input type="text" name="wantispam_e_email_url_website" class="wantispam-control wantispam-control-e" value="" autocomplete="off" /> </div> </div><!--\End Anti-spam plugin --></form> </div><!-- #respond --> </div> </div> <div class="post-sidebar large-3 col"> <div id="secondary" class="widget-area " role="complementary"> <aside id="search-2" class="widget widget_search"><form method="get" class="searchform" action="https://websitedesign-usa.com/" role="search"> <div class="flex-row relative"> <div class="flex-col flex-grow"> <input type="search" class="search-field mb-0" name="s" value="" id="s" placeholder="Search…" /> </div> <div class="flex-col"> <button type="submit" class="ux-search-submit submit-button secondary button icon mb-0" aria-label="Submit"> <i class="icon-search" ></i> </button> </div> </div> <div class="live-search-results text-left z-top"></div> </form> </aside> <aside id="recent-posts-2" class="widget widget_recent_entries"> <span class="widget-title "><span>Recent Posts</span></span><div class="is-divider small"></div> <ul> <li> <a href="https://websitedesign-usa.com/how-to-create-styled-content-boxes-in-divi-for-tips-info-warnings-and-more-free-download/">How to Create Styled Content Boxes in Divi for Tips, Info, Warnings, and More (FREE Download)</a> </li> <li> <a href="https://websitedesign-usa.com/getting-to-know-the-upcoming-wordpress-5-8-template-editor/">Being familiar with the Upcoming WordPress 5.8 Design Template Editor</a> </li> <li> <a href="https://websitedesign-usa.com/using-the-outline-property-as-a-collapsable-border/">Utilizing the ‘overview’ Residential or commercial property as a Collapsable Border</a> </li> <li> <a href="https://websitedesign-usa.com/poll-is-amp-dead-and-do-we-care/">Survey: Is AMP Dead, and Do We Care?</a> </li> <li> <a href="https://websitedesign-usa.com/links-on-typography/">Hyperlinks on Typography</a> </li> </ul> </aside><aside id="categories-2" class="widget widget_categories"><span class="widget-title "><span>Categories</span></span><div class="is-divider small"></div> <ul> <li class="cat-item cat-item-5"><a href="https://websitedesign-usa.com/category/monthly-specials/">Monthly Specials</a> </li> <li class="cat-item cat-item-6"><a href="https://websitedesign-usa.com/category/search-engine-optimization/">Search Engine Optimization</a> </li> <li class="cat-item cat-item-1"><a href="https://websitedesign-usa.com/category/uncategorized/">Uncategorized</a> </li> <li class="cat-item cat-item-8"><a href="https://websitedesign-usa.com/category/website-design/">Website Design</a> </li> <li class="cat-item cat-item-9"><a href="https://websitedesign-usa.com/category/website-development/">Website Development</a> </li> <li class="cat-item cat-item-10"><a href="https://websitedesign-usa.com/category/wordpress/">WordPress</a> </li> </ul> </aside><aside id="archives-2" class="widget widget_archive"><span class="widget-title "><span>Archives</span></span><div class="is-divider small"></div> <ul> <li><a href='https://websitedesign-usa.com/2021/06/'>June 2021</a></li> <li><a href='https://websitedesign-usa.com/2021/05/'>May 2021</a></li> <li><a href='https://websitedesign-usa.com/2021/04/'>April 2021</a></li> <li><a href='https://websitedesign-usa.com/2021/03/'>March 2021</a></li> <li><a href='https://websitedesign-usa.com/2021/02/'>February 2021</a></li> <li><a href='https://websitedesign-usa.com/2021/01/'>January 2021</a></li> <li><a href='https://websitedesign-usa.com/2020/12/'>December 2020</a></li> <li><a href='https://websitedesign-usa.com/2020/11/'>November 2020</a></li> <li><a href='https://websitedesign-usa.com/2020/10/'>October 2020</a></li> <li><a href='https://websitedesign-usa.com/2020/09/'>September 2020</a></li> <li><a href='https://websitedesign-usa.com/2020/08/'>August 2020</a></li> <li><a href='https://websitedesign-usa.com/2020/07/'>July 2020</a></li> <li><a href='https://websitedesign-usa.com/2020/06/'>June 2020</a></li> <li><a href='https://websitedesign-usa.com/2020/05/'>May 2020</a></li> </ul> </aside><aside id="meta-2" class="widget widget_meta"><span class="widget-title "><span>Meta</span></span><div class="is-divider small"></div> <ul> <li><a href="https://websitedesign-usa.com/wp-login.php">Log in</a></li> <li><a href="https://websitedesign-usa.com/feed/">Entries feed</a></li> <li><a href="https://websitedesign-usa.com/comments/feed/">Comments feed</a></li> <li><a href="https://wordpress.org/">WordPress.org</a></li> </ul> </aside></div> </div> </div> </div> </main> <footer id="footer" class="footer-wrapper"> <!-- FOOTER 1 --> <!-- FOOTER 2 --> <div class="absolute-footer dark medium-text-center small-text-center"> <div class="container clearfix"> <div class="footer-secondary pull-right"> <div class="footer-text inline-block small-block"> <div align="center"><a href="https://www.veteranownedbusiness.com" target="_blank" ><img alt="Proud Veteran Owned Business Member!" border="0px" data-src="https://www.veteranownedbusiness.com/images/banner_links/VOB-Banner-Trade-Show-Border.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img src="https://www.veteranownedbusiness.com/images/banner_links/VOB-Banner-Trade-Show-Border.jpg" alt="Proud Veteran Owned Business Member!" border="0px" /></noscript></a></div> </div> </div> <div class="footer-primary pull-left"> <div class="copyright-footer"> <img width="150" height="45" alt="" data-src="https://websitedesign-usa.com/wp-content/uploads/2020/03/Footer.png" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img width="150" height="45" alt="" data-src="https://websitedesign-usa.com/wp-content/uploads/2020/03/Footer.png" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img src="https://websitedesign-usa.com/wp-content/uploads/2020/03/Footer.png" width="150" height="45" alt=""/></noscript></noscript><h5>Copyright 2021 © Website Design U.S.A. <br><img width="20" height="20" alt="" data-src="https://websitedesign-usa.com/wp-content/uploads/2019/07/Designs-By-Heath-Arsenault.png" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img src="https://websitedesign-usa.com/wp-content/uploads/2019/07/Designs-By-Heath-Arsenault.png" width="20" height="20" alt=""/></noscript><a href="https://websitedesign-usa.com/" title="Design By Heath Arsenault, Website Design U.S.A. - A Veteran Owned Company" target="_blank"> Website Design U.S.A.</a></h5> </div> </div> </div> </div> <a href="#top" class="back-to-top button icon invert plain fixed bottom z-1 is-outline circle" id="top-link"><i class="icon-angle-up" ></i></a> </footer> </div> <div id="main-menu" class="mobile-sidebar no-scrollbar mfp-hide"> <div class="sidebar-menu no-scrollbar "> <ul class="nav nav-sidebar nav-vertical nav-uppercase"> <li class="html custom html_nav_position_text_top"><div align="center"><img width="202" height="60" alt="" data-src="https://websitedesign-usa.com/wp-content/uploads/2020/03/Veteran-Owned.png" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img src="https://websitedesign-usa.com/wp-content/uploads/2020/03/Veteran-Owned.png" width="202" height="60" alt=""/></noscript></div></li><li id="menu-item-908" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-908"><a href="https://websitedesign-usa.com/">Home</a></li> <li id="menu-item-909" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-909"><a href="https://websitedesign-usa.com/design-services/">Design Services</a></li> <li id="menu-item-910" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-910"><a href="https://websitedesign-usa.com/get-a-quote/">Get A Free Quote</a></li> <li id="menu-item-912" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-912"><a href="https://websitedesign-usa.com/website-design-work-samples/">Website Design Work Samples</a></li> <li id="menu-item-911" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-911"><a href="https://websitedesign-usa.com/graphic-design-work-samples/">Graphic Design Work Samples</a></li> <li id="menu-item-1010" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1010"><a href="https://websitedesign-usa.com/about-heath-arsenault/">About Heath</a></li> <li id="menu-item-914" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-914"><a href="https://websitedesign-usa.com/client-training/">Client Training</a></li> <li id="menu-item-915" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-915"><a href="https://websitedesign-usa.com/website-design-usa-news/">News</a></li> <li id="menu-item-916" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-916"><a href="https://websitedesign-usa.com/reviews/">Reviews</a></li> <li id="menu-item-917" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-917"><a href="https://websitedesign-usa.com/contact-website-design-usa/">Contact</a></li> <li class="header-contact-wrapper"> <ul id="header-contact" class="nav nav-divided nav-uppercase header-contact"> <li class=""> <a href="mailto:heath@websitedesign-usa.com" class="tooltip" title="heath@websitedesign-usa.com"> <i class="icon-envelop" style="font-size:16px;"></i> <span> Email </span> </a> </li> <li class=""> <a class="tooltip" title="M Thru F - 7:30 - 3:30 EST "> <i class="icon-clock" style="font-size:16px;"></i> <span>M Thru F - 7:30 - 3:30 EST</span> </a> </li> <li class=""> <a href="tel:207-333-2449" class="tooltip" title="207-333-2449"> <i class="icon-phone" style="font-size:16px;"></i> <span>207-333-2449</span> </a> </li> </ul> </li><li class="html header-social-icons ml-0"> <div class="social-icons follow-icons" ><a href="https://www.facebook.com/usawebsitedesign/" target="_blank" data-label="Facebook" rel="noopener noreferrer nofollow" class="icon plain facebook tooltip" title="Follow on Facebook"><i class="icon-facebook" ></i></a><a href="https://www.instagram.com/websitedesignusa/" target="_blank" rel="noopener noreferrer nofollow" data-label="Instagram" class="icon plain instagram tooltip" title="Follow on Instagram"><i class="icon-instagram" ></i></a><a href="https://twitter.com/Web_DesignUSA" target="_blank" data-label="Twitter" rel="noopener noreferrer nofollow" class="icon plain twitter tooltip" title="Follow on Twitter"><i class="icon-twitter" ></i></a><a href="https://www.linkedin.com/in/heatharsenault" target="_blank" rel="noopener noreferrer nofollow" data-label="LinkedIn" class="icon plain linkedin tooltip" title="Follow on LinkedIn"><i class="icon-linkedin" ></i></a></div></li><li class="header-newsletter-item has-icon"> <a href="#header-newsletter-signup" class="tooltip" title=""> <i class="icon-envelop"></i> <span class="header-newsletter-title"> NEWSLETTER </span> </a> </li><li class="html header-button-1"> <div class="header-button"> <a rel="noopener noreferrer" href="https://www.paypal.com/ppcreditapply/da/us/lander?p=ppcdalpBAUNI&t=ppcdaltPPCSEM&gclid=EAIaIQobChMI5fGwkKO46AIVCJSzCh0tgwDuEAAYASAAEgJlLPD_BwE&gclsrc=aw.ds" target="_blank" class="button alert is-small" style="border-radius:99px;"> <span>Apply For Financing</span> </a> </div> </li> <li class="html custom html_top_right_text"><img width="150" height="45" alt="" data-src="https://websitedesign-usa.com/wp-content/uploads/2020/03/Footer.png" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img width="150" height="45" alt="" data-src="https://websitedesign-usa.com/wp-content/uploads/2020/03/Footer.png" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img src="https://websitedesign-usa.com/wp-content/uploads/2020/03/Footer.png" width="150" height="45" alt=""/></noscript></noscript></li> </ul> </div> </div> <script type='text/javascript' src='https://websitedesign-usa.com/wp-content/plugins/anti-spam/assets/js/anti-spam.js?ver=7.2.7' id='anti-spam-script-js'></script> <script type='text/javascript' src='https://websitedesign-usa.com/wp-content/plugins/wp-smush-pro/app/assets/js/smush-lazy-load.min.js?ver=3.8.6' id='smush-lazy-load-js'></script> <script type='text/javascript' src='https://websitedesign-usa.com/wp-content/themes/flatsome/inc/extensions/flatsome-live-search/flatsome-live-search.js?ver=3.13.3' id='flatsome-live-search-js'></script> <script type='text/javascript' src='https://websitedesign-usa.com/wp-content/plugins/official-mailerlite-sign-up-forms/assets/js/jquery.validate.min.js?ver=5.7.2' id='jquery-validation-plugin-js'></script> <script type='text/javascript' src='https://websitedesign-usa.com/wp-includes/js/hoverIntent.min.js?ver=1.8.1' id='hoverIntent-js'></script> <script type='text/javascript' id='flatsome-js-js-extra'> /* <![CDATA[ */ var flatsomeVars = {"ajaxurl":"https:\/\/websitedesign-usa.com\/wp-admin\/admin-ajax.php","rtl":"","sticky_height":"70","lightbox":{"close_markup":"<button title=\"%title%\" type=\"button\" class=\"mfp-close\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-x\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><\/button>","close_btn_inside":false},"user":{"can_edit_pages":false},"i18n":{"mainMenu":"Main Menu"},"options":{"cookie_notice_version":"1"}}; /* ]]> */ </script> <script type='text/javascript' src='https://websitedesign-usa.com/wp-content/themes/flatsome/assets/js/flatsome.js?ver=3.13.3' id='flatsome-js-js'></script> <script type='text/javascript' src='https://websitedesign-usa.com/wp-content/themes/flatsome/inc/extensions/flatsome-lazy-load/flatsome-lazy-load.js?ver=3.13.3' id='flatsome-lazy-js'></script> <script type='text/javascript' src='https://websitedesign-usa.com/wp-includes/js/comment-reply.min.js?ver=5.7.2' id='comment-reply-js'></script> <script type='text/javascript' id='site-reviews-js-before'> window.hasOwnProperty("GLSR")||(window.GLSR={});GLSR.action="glsr_action";GLSR.ajaxpagination=["#wpadminbar",".site-navigation-fixed"];GLSR.ajaxurl="https://websitedesign-usa.com/wp-admin/admin-ajax.php";GLSR.nameprefix="site-reviews";GLSR.stars={"clearable":false,"tooltip":false};GLSR.urlparameter=true;GLSR.validationconfig={field:"glsr-field",form:"glsr-form",field_error:"glsr-field-is-invalid",field_message:"glsr-field-error",field_required:"glsr-required",field_valid:"glsr-field-is-valid",form_error:"glsr-form-is-invalid",form_message:"glsr-form-message",form_message_failed:"glsr-form-failed",form_message_success:"glsr-form-success",input_error:"glsr-is-invalid",input_valid:"glsr-is-valid"};GLSR.validationstrings={accepted:"This field must be accepted.",between:"This field value must be between %s and %s.",betweenlength:"This field must have between %s and %s characters.",email:"This field requires a valid e-mail address.",errors:"Please fix the submission errors.",max:"Maximum value for this field is %s.",maxlength:"This field allows a maximum of %s characters.",min:"Minimum value for this field is %s.",minlength:"This field requires a minimum of %s characters.",number:"This field requires a number.",required:"This field is required.",unsupported:"The review could not be submitted because this browser is too old. Please try again with a modern browser."}; </script> <script type='text/javascript' src='https://websitedesign-usa.com/wp-content/plugins/site-reviews/assets/scripts/site-reviews.js?ver=5.12.2' id='site-reviews-js'></script> <script type='text/javascript' src='https://websitedesign-usa.com/wp-includes/js/wp-embed.min.js?ver=5.7.2' id='wp-embed-js'></script> <div id="glsr-modal" class="glsr-modal" aria-hidden="true"> <div class="glsr-modal__overlay" data-glsr-close tabindex="-1"> <div class="glsr-modal__dialog" aria-modal="true" data-glsr-modal role="dialog"> <button class="glsr-modal__close" aria-label="Close modal" data-glsr-close></button> <div class="glsr-modal__content"></div> </div> </div> </div> </body> </html>