It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://www.thewebguys.com/Blog/syndication.axd

  1. <!doctype html>
  2. <html class="no-js" lang="en-US">
  3. <head>
  4.  
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <title>The Web Guys | Working harder for your business</title>
  8. <meta name="keywords" content="" />
  9. <meta name="description" content="Custom website design, hosting, and custom programming solutions tailored to grow your business online. Friendly service, expert results.">
  10. <meta name="author" content="The Web Guys">
  11. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  12. <link rel="stylesheet" type="text/css" href="/css/style.css?v=9/16/2025 2:54:53 AM"/>
  13. <link rel="stylesheet" type="text/css" href="css/all.min.css"/>
  14. </head>
  15. <body class="homepage fixed-header">
  16. <header class="fixed-top">
  17. <div class="nav-contain">
  18. <div class="container">
  19. <nav class="navbar is-spaced" aria-label="main navigation">
  20. <div class="navbar-brand">
  21. <a class="navbar-item" href="/"><img src="/img/twg-slim.webp" class="logo" alt="The Web Guys" /></a>
  22. <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="mainNav">
  23. <span aria-hidden="true"></span>
  24. <span aria-hidden="true"></span>
  25. <span aria-hidden="true"></span>
  26. </a>
  27. </div>
  28. <div id="mainNav" class="navbar-menu">
  29. <div class="navbar-start is-size-5">
  30. <a href="/about-us" class="navbar-item">About <span class="is-hidden-desktop-only">&nbsp;Us</span></a>
  31. <div class="navbar-item has-dropdown is-hoverable">
  32. <a href="#" class="navbar-link">Our Services</a>
  33. <div class="navbar-dropdown is-size-6">
  34. <a href="/website-design" class="navbar-item">Website Design</a>
  35. <a href="/website-redesign" class="navbar-item">Website Redesign</a>
  36. <a href="/website-add-ons" class="navbar-item">Website Add-Ons</a>
  37. <a href="/professional-email-services" class="navbar-item">Professional Email Services</a>
  38. <a href="/website-hosting-services" class="navbar-item">Website Hosting Services</a>
  39. <a href="/custom-programming" class="navbar-item">Custom Programming</a>
  40. <a href="/logo-design" class="navbar-item">Logo Design</a>
  41. <a href="/business-listing-creation" class="navbar-item">Business Listing Creation</a>
  42. <a href="/e-commerce-online-store-design" class="navbar-item">E-Commerce Online Store Design</a>
  43. <a href="/search-engine-optimization-seo" class="navbar-item">Search Engine Optimization (SEO)</a>
  44. </div>
  45. </div>
  46. <a href="/our-work" class="navbar-item">Our Work</a>
  47. <a href="/contact" class="navbar-item">Contact <span class="is-hidden-desktop-only">&nbsp;Us</span></a>
  48. <a href="/quote-request" class="button is-primary is-hidden-homepage is-hidden-widescreen is-medium hover-zoom is-uppercase" style="width:100%;"><span class="is-size-6">Start Your Project</span>&nbsp;<i class="fas fa-angle-right"></i></a>
  49. </div>
  50. </div>
  51. <div class="buttons">
  52. <a href="/quote-request" class="button is-primary is-medium hover-zoom">
  53. <span class="is-uppercase is-size-6">Start Your Project</span>
  54. <span class="icon">
  55. <i class="fas fa-angle-right"></i>
  56. </span>
  57. </a>
  58. </div>
  59. </nav>
  60. </div>
  61. </div>
  62. </header>
  63. <main>
  64. <section class="blue-gradient has-interior-padding">
  65. <div class="container">
  66. <div class="columns animation-section e-in">
  67. <div class="tile is-parent is-6">
  68. <div class="tile is-child is-flexed">
  69. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 420" class="computer-animation">
  70.  
  71.    <defs>
  72.        <filter id="f1" x="0" y="0" width="200%" height="200%">
  73.            <feGaussianBlur stdDeviation="7"></feGaussianBlur>
  74.        </filter>
  75.    </defs>
  76.  
  77.    <!-- <g id="shadow" filter="url(#f1)">
  78.        <path fill="#151618" d="m14,318l149,86l235,-136l-150,-87l-234,137z"></path>
  79.    </g> -->
  80.    <g id="computer">
  81.        <g id="screen">
  82.            <g id="corner-top-right">
  83.                <defs>
  84.                    <path id="SVGID_1_" d="M240.8,9.2l4.5,2.6c-1-0.6-2.4-0.5-3.9,0.4l-4.5-2.6 C238.4,8.7,239.8,8.6,240.8,9.2z"></path>
  85.                </defs>
  86.                <clipPath id="SVGID_2_">
  87.                    <use xlink:href="#SVGID_1_" overflow="visible"></use>
  88.                </clipPath>
  89.                <g clip-path="url(#SVGID_2_)">
  90.                    <path fill="#C7C8CA" d="M241.4,12.2l-4.5-2.6c0.3-0.1,0.5-0.3,0.8-0.4l4.5,2.6C241.9,11.9,241.7,12,241.4,12.2"></path>
  91.                    <path fill="#C3C4C6" d="M242.2,11.8l-4.5-2.6c0.2-0.1,0.4-0.2,0.6-0.2l4.5,2.6C242.6,11.6,242.4,11.7,242.2,11.8"></path>
  92.                    <path fill="#BFC0C2" d="M242.8,11.6l-4.5-2.6c0.2,0,0.3-0.1,0.5-0.1l4.5,2.6C243.1,11.5,243,11.5,242.8,11.6"></path>
  93.                    <path fill="#BBBCBE" d="M243.3,11.5l-4.5-2.6c0.1,0,0.3,0,0.4,0l4.5,2.6C243.6,11.4,243.4,11.4,243.3,11.5"></path>
  94.                    <path fill="#B7B9BA" d="M243.7,11.4l-4.5-2.6c0.1,0,0.2,0,0.4,0l4.5,2.6C243.9,11.4,243.8,11.4,243.7,11.4"></path>
  95.                    <path fill="#B3B5B6" d="M244.1,11.4l-4.5-2.6c0.1,0,0.2,0,0.3,0l4.5,2.6C244.3,11.4,244.2,11.4,244.1,11.4"></path>
  96.                    <path fill="#AFB1B3" d="M244.4,11.5l-4.5-2.6c0.1,0,0.2,0,0.3,0.1l4.5,2.6C244.6,11.5,244.5,11.5,244.4,11.5"></path>
  97.                    <path fill="#ABADAF" d="M244.7,11.5l-4.5-2.6c0.1,0,0.2,0.1,0.3,0.1l4.5,2.6C244.9,11.6,244.8,11.6,244.7,11.5"></path>
  98.                    <path fill="#A7A9AB" d="M245,11.6L240.5,9c0.1,0,0.2,0.1,0.3,0.1l4.5,2.6C245.2,11.7,245.1,11.7,245,11.6"></path>
  99.                    <path fill="#A3A5A7" d="M245.3,11.8l-4.5-2.6c0,0,0,0,0,0L245.3,11.8C245.3,11.8,245.3,11.8,245.3,11.8"></path>
  100.                </g>
  101.            </g>
  102.            <g id="corner-bottom-left">
  103.                <defs>
  104.                    <path id="SVGID_3_" d="M16.3,315.7l-4.5-2.6c-1-0.6-1.6-1.8-1.6-3.5l4.5,2.6
  105.                    C14.7,313.9,15.4,315.1,16.3,315.7z"></path>
  106.                </defs>
  107.                <clipPath id="SVGID_4_">
  108.                    <use xlink:href="#SVGID_3_" overflow="visible"></use>
  109.                </clipPath>
  110.                <g clip-path="url(#SVGID_4_)">
  111.                    <path fill="#909294" d="M16.3,315.7l-4.5-2.6c-1-0.6-1.6-1.8-1.6-3.5l4.5,2.6C14.7,313.9,15.4,315.1,16.3,315.7"></path>
  112.                </g>
  113.            </g>
  114.            <polygon id="border-left" fill="#939497" points="14.7,312.2 10.2,309.5 9.8,147 14.3,149.6"></polygon>
  115.            <polygon id="border-top" fill="#D3D4D5" points="19.8,140.1 15.2,137.5 236.9,9.5 241.4,12.2"></polygon>
  116.            <path id="frame" fill="#606161" d="M241.4,12.2c3-1.7,5.5-0.3,5.5,3.1l0.5,162.5c0,3.5-2.5,7.7-5.5,9.5l-221.6,128c-3,1.7-5.5,0.3-5.5-3.1
  117.                l-0.5-162.5c0-3.5,2.5-7.7,5.5-9.5L241.4,12.2z"></path>
  118.            <g id="corner-top-left">
  119.                <defs>
  120.                    <path id="SVGID_5_" d="M14.3,149.6L9.8,147c0-3.5,2.5-7.7,5.5-9.5l4.5,2.6
  121.                    C16.7,141.9,14.3,146.2,14.3,149.6z"></path>
  122.                </defs>
  123.                <clipPath id="SVGID_6_">
  124.                    <use xlink:href="#SVGID_5_" overflow="visible"></use>
  125.                </clipPath>
  126.                <g clip-path="url(#SVGID_6_)">
  127.                    <path fill="#909294" d="M14.3,149.6L9.8,147c0-0.3,0-0.7,0.1-1.1l4.5,2.6C14.3,148.9,14.3,149.3,14.3,149.6"></path>
  128.                    <path fill="#949598" d="M14.3,148.6l-4.5-2.6c0-0.3,0.1-0.5,0.1-0.8l4.5,2.6C14.4,148.1,14.4,148.3,14.3,148.6"></path>
  129.                    <path fill="#98999C" d="M14.5,147.8l-4.5-2.6c0-0.2,0.1-0.4,0.2-0.6l4.5,2.6C14.6,147.4,14.5,147.6,14.5,147.8"></path>
  130.                    <path fill="#9B9D9F" d="M14.6,147.2l-4.5-2.6c0.1-0.2,0.1-0.4,0.2-0.6l4.5,2.6C14.7,146.8,14.7,147,14.6,147.2"></path>
  131.                    <path fill="#9FA1A3" d="M14.8,146.6l-4.5-2.6c0.1-0.2,0.1-0.3,0.2-0.5l4.5,2.6C14.9,146.3,14.9,146.4,14.8,146.6"></path>
  132.                    <path fill="#A3A5A7" d="M15,146.1l-4.5-2.6c0.1-0.2,0.1-0.3,0.2-0.5l4.5,2.6C15.1,145.8,15.1,145.9,15,146.1"></path>
  133.                    <path fill="#A7A9AB" d="M15.2,145.6l-4.5-2.6c0.1-0.2,0.1-0.3,0.2-0.5l4.5,2.6C15.3,145.3,15.3,145.4,15.2,145.6"></path>
  134.                    <path fill="#ABADAF" d="M15.4,145.1l-4.5-2.6c0.1-0.2,0.2-0.3,0.2-0.5l4.5,2.6C15.6,144.8,15.5,145,15.4,145.1"></path>
  135.                    <path fill="#AFB1B3" d="M15.7,144.6l-4.5-2.6c0.1-0.2,0.2-0.3,0.3-0.5l4.5,2.6C15.8,144.3,15.7,144.5,15.7,144.6"></path>
  136.                    <path fill="#B3B5B6" d="M15.9,144.2l-4.5-2.6c0.1-0.2,0.2-0.3,0.3-0.5l4.5,2.6C16.1,143.9,16,144,15.9,144.2"></path>
  137.                    <path fill="#B7B9BA" d="M16.2,143.7l-4.5-2.6c0.1-0.2,0.2-0.3,0.3-0.5l4.5,2.6C16.4,143.4,16.3,143.6,16.2,143.7"></path>
  138.                    <path fill="#BBBCBE" d="M16.5,143.2l-4.5-2.6c0.1-0.2,0.2-0.3,0.4-0.5l4.5,2.6C16.8,142.9,16.6,143.1,16.5,143.2"></path>
  139.                    <path fill="#BFC0C2" d="M16.9,142.7l-4.5-2.6c0.1-0.2,0.3-0.4,0.4-0.5l4.5,2.6C17.2,142.4,17,142.5,16.9,142.7"></path>
  140.                    <path fill="#C3C4C6" d="M17.3,142.2l-4.5-2.6c0.2-0.2,0.4-0.4,0.6-0.6l4.5,2.6C17.7,141.8,17.5,142,17.3,142.2"></path>
  141.                    <path fill="#C7C8CA" d="M17.9,141.6l-4.5-2.6c0.6-0.6,1.2-1,1.8-1.4l4.5,2.6C19.1,140.5,18.5,141,17.9,141.6"></path>
  142.                </g>
  143.            </g>
  144.  
  145.            <polygon id="code-blue-bg" fill="#8ED4DC" points="238.5,22.8 239,174 23.3,298.5 22.9,147.3"></polygon>
  146.            <path class="screen" fill="#11191A" d="M239.6,23.2c0-2.3-0.4-2.3-1.7-1.6c-0.5,0.3-1.2,0.7-2,1.2l-211.3,122c-0.8,0.5-1.3,0.7-1.7,0.9 c-0.8,0.5-0.5,0.6-0.5,2.9L22.9,302c0,2.2-0.3,2.7,0.5,2.3c0.3-0.2,0.9-0.6,1.7-1l212-122.4c0.8-0.5,1.4-0.8,1.8-1 c1-0.6,1.1-1,1.1-3.2L239.6,23.2z"></path>
  147.  
  148.            <g>
  149.                <defs>
  150.                    <path id="code-cover-screen-1" d="m26.5,210l209.5,-118.5l2,89l-213,123l1.5,-93.5z" ></path>
  151.                </defs>
  152.                <clipPath id="clip-path-screen-2">
  153.                    <use xlink:href="#code-cover-screen-1" overflow="hidden"></use>
  154.                </clipPath>
  155.                <g clip-path="url(#clip-path-screen-2">
  156.                    <g id="scrolling-code">
  157.                        <polygon class="code line-1" fill="#7D7E7E" points="93.9,176.3 93.9,182.2 56.6,203.8 56.5,197.9"></polygon>
  158.                        <polygon class="code line-1" fill="#3B963D" points="47.6,203 47.7,208.9 34.6,216.4 34.6,210.5"></polygon>
  159.                        <polygon class="code line-1" fill="#7D7E7E" points="144.7,147 144.7,152.9 98.2,179.7 98.2,173.8"></polygon>
  160.                        <polygon class="code line-1" fill="#7D7E7E" points="187.7,122.1 187.7,128 149,150.4 149,144.5"></polygon>
  161.  
  162.                        <polygon class="code line-2" fill="#3A4488" points="51.9,211.8 51.9,217.7 29.2,230.8 29.2,224.9"></polygon>
  163.                        <polygon class="code line-2" fill="#7D7E7E" points="179.5,138.1 179.5,144 140.8,166.3 140.8,160.4"></polygon>
  164.                        <polygon class="code line-2" fill="#7D7E7E" points="136.2,163.1 136.2,169 98.2,191 98.2,185.1"></polygon>
  165.                        <polygon class="code line-2" fill="#7D7E7E" points="88.5,190.6 88.5,196.5 56.6,215 56.6,209.1"></polygon>
  166.  
  167.                        <polygon class="code line-3" fill="#CA9733" points="47.7,224.8 47.7,230.7 34.7,238.3 34.7,232.4"></polygon>
  168.                        <polygon class="code line-3" fill="#7D7E7E" points="151.4,165 151.4,170.9 126,185.6 126,179.7"></polygon>
  169.                        <polygon class="code line-3" fill="#7D7E7E" points="121.2,182.4 121.2,188.3 98.2,201.6 98.2,195.7"></polygon>
  170.                        <polygon class="code line-3" fill="#7D7E7E" points="183.9,146.2 183.9,152.1 158.5,166.8 158.5,160.9"></polygon>
  171.                        <polygon class="code line-3" fill="#7D7E7E" points="93.9,198.2 93.9,204.1 56.6,225.6 56.6,219.7"></polygon>
  172.  
  173.                        <polygon class="code line-4" fill="#3A4488" points="52,231.8 52,237.7 29.3,250.8 29.3,244.9"></polygon>
  174.                        <polygon class="code line-4" fill="#7D7E7E" points="169.8,163.8 169.8,169.7 131.1,192 131.1,186.1"></polygon>
  175.                        <polygon class="code line-4" fill="#7D7E7E" points="126.9,188.6 126.9,194.5 98.3,211 98.2,205.1"></polygon>
  176.                        <polygon class="code line-4" fill="#7D7E7E" points="89.3,210.3 89.3,216.2 56.7,235.1 56.6,229.1"></polygon>
  177.  
  178.                        <polygon class="code line-5" fill="#3B963D" points="47.8,246.1 47.8,252 34.7,259.5 34.7,253.6"></polygon>
  179.                        <polygon class="code line-5" fill="#7D7E7E" points="186.3,166.1 186.4,172 167.8,182.7 167.8,176.8"></polygon>
  180.                        <polygon class="code line-5" fill="#7D7E7E" points="163.1,179.5 163.1,185.4 135.4,201.4 135.4,195.5"></polygon>
  181.                        <polygon class="code line-5" fill="#7D7E7E" points="93.3,219.8 93.3,225.7 56.7,246.9 56.7,241"></polygon>
  182.                        <polygon class="code line-5" fill="#7D7E7E" points="130.7,198.2 130.7,204.1 98.3,222.8 98.3,216.9"></polygon>
  183.  
  184.                        <polygon class="code line-6" fill="#3B963D" points="47.8,256.7 47.8,262.6 34.8,270.2 34.8,264.2"></polygon>
  185.                        <polygon class="code line-6" fill="#7D7E7E" points="182.1,178.6 182.1,184.5 158.6,198.1 158.6,192.2"></polygon>
  186.                        <polygon class="code line-6" fill="#7D7E7E" points="131.2,208.6 131.2,214.5 98.3,233.5 98.3,227.6"></polygon>
  187.                        <polygon class="code line-6" fill="#7D7E7E" points="154.1,195.3 154.2,201.2 135.4,212.1 135.4,206.1"></polygon>
  188.                        <polygon class="code line-6" fill="#7D7E7E" points="94,230 94,235.9 56.7,257.5 56.7,251.6"></polygon>
  189.  
  190.                        <polygon class="code line-7" fill="#7D7E7E" points="163.1,200.2 163.1,206.1 131.2,224.5 131.2,218.6"></polygon>
  191.                        <polygon class="code line-7" fill="#7D7E7E" points="186.4,186.8 186.4,192.7 167.9,203.4 167.9,197.5"></polygon>
  192.                        <polygon class="code line-7" fill="#7D7E7E" points="127,221.1 127,227 98.4,243.5 98.3,237.6"></polygon>
  193.  
  194.                        <polygon class="code line-8" fill="#7D7E7E" points="121.3,235.6 121.4,241.5 98.4,254.7 98.4,248.8"></polygon>
  195.                        <polygon class="code line-8" fill="#7D7E7E" points="184.1,199.3 184.1,205.2 158.7,219.9 158.6,214"></polygon>
  196.                        <polygon class="code line-8" fill="#7D7E7E" points="151.5,218.1 126.1,232.8 126.1,238.7 151.6,224"></polygon>
  197.                    </g>
  198.                </g>
  199.  
  200.                <g clip-path="url(#clip-path-screen-2">
  201.                    <g id="scrolling-code-2">
  202.                        <polygon class="code line-1" fill="#7D7E7E" points="93.9,176.3 93.9,182.2 56.6,203.8 56.5,197.9"></polygon>
  203.                        <polygon class="code line-1" fill="#3B963D" points="47.6,203 47.7,208.9 34.6,216.4 34.6,210.5"></polygon>
  204.                        <polygon class="code line-1" fill="#7D7E7E" points="144.7,147 144.7,152.9 98.2,179.7 98.2,173.8"></polygon>
  205.                        <polygon class="code line-1" fill="#7D7E7E" points="187.7,122.1 187.7,128 149,150.4 149,144.5"></polygon>
  206.  
  207.                        <polygon class="code line-2" fill="#3A4488" points="51.9,211.8 51.9,217.7 29.2,230.8 29.2,224.9"></polygon>
  208.                        <polygon class="code line-2" fill="#7D7E7E" points="179.5,138.1 179.5,144 140.8,166.3 140.8,160.4"></polygon>
  209.                        <polygon class="code line-2" fill="#7D7E7E" points="136.2,163.1 136.2,169 98.2,191 98.2,185.1"></polygon>
  210.                        <polygon class="code line-2" fill="#7D7E7E" points="88.5,190.6 88.5,196.5 56.6,215 56.6,209.1"></polygon>
  211.  
  212.                        <polygon class="code line-3" fill="#CA9733" points="47.7,224.8 47.7,230.7 34.7,238.3 34.7,232.4"></polygon>
  213.                        <polygon class="code line-3" fill="#7D7E7E" points="151.4,165 151.4,170.9 126,185.6 126,179.7"></polygon>
  214.                        <polygon class="code line-3" fill="#7D7E7E" points="121.2,182.4 121.2,188.3 98.2,201.6 98.2,195.7"></polygon>
  215.                        <polygon class="code line-3" fill="#7D7E7E" points="183.9,146.2 183.9,152.1 158.5,166.8 158.5,160.9"></polygon>
  216.                        <polygon class="code line-3" fill="#7D7E7E" points="93.9,198.2 93.9,204.1 56.6,225.6 56.6,219.7"></polygon>
  217.  
  218.                        <polygon class="code line-4" fill="#3A4488" points="52,231.8 52,237.7 29.3,250.8 29.3,244.9"></polygon>
  219.                        <polygon class="code line-4" fill="#7D7E7E" points="169.8,163.8 169.8,169.7 131.1,192 131.1,186.1"></polygon>
  220.                        <polygon class="code line-4" fill="#7D7E7E" points="126.9,188.6 126.9,194.5 98.3,211 98.2,205.1"></polygon>
  221.                        <polygon class="code line-4" fill="#7D7E7E" points="89.3,210.3 89.3,216.2 56.7,235.1 56.6,229.1"></polygon>
  222.  
  223.                        <polygon class="code line-5" fill="#3B963D" points="47.8,246.1 47.8,252 34.7,259.5 34.7,253.6"></polygon>
  224.                        <polygon class="code line-5" fill="#7D7E7E" points="186.3,166.1 186.4,172 167.8,182.7 167.8,176.8"></polygon>
  225.                        <polygon class="code line-5" fill="#7D7E7E" points="163.1,179.5 163.1,185.4 135.4,201.4 135.4,195.5"></polygon>
  226.                        <polygon class="code line-5" fill="#7D7E7E" points="93.3,219.8 93.3,225.7 56.7,246.9 56.7,241"></polygon>
  227.                        <polygon class="code line-5" fill="#7D7E7E" points="130.7,198.2 130.7,204.1 98.3,222.8 98.3,216.9"></polygon>
  228.  
  229.                        <polygon class="code line-6" fill="#3B963D" points="47.8,256.7 47.8,262.6 34.8,270.2 34.8,264.2"></polygon>
  230.                        <polygon class="code line-6" fill="#7D7E7E" points="182.1,178.6 182.1,184.5 158.6,198.1 158.6,192.2"></polygon>
  231.                        <polygon class="code line-6" fill="#7D7E7E" points="131.2,208.6 131.2,214.5 98.3,233.5 98.3,227.6"></polygon>
  232.                        <polygon class="code line-6" fill="#7D7E7E" points="154.1,195.3 154.2,201.2 135.4,212.1 135.4,206.1"></polygon>
  233.                        <polygon class="code line-6" fill="#7D7E7E" points="94,230 94,235.9 56.7,257.5 56.7,251.6"></polygon>
  234.  
  235.                        <polygon class="code line-7" fill="#7D7E7E" points="163.1,200.2 163.1,206.1 131.2,224.5 131.2,218.6"></polygon>
  236.                        <polygon class="code line-7" fill="#7D7E7E" points="186.4,186.8 186.4,192.7 167.9,203.4 167.9,197.5"></polygon>
  237.                        <polygon class="code line-7" fill="#7D7E7E" points="127,221.1 127,227 98.4,243.5 98.3,237.6"></polygon>
  238.  
  239.                        <polygon class="code line-8" fill="#7D7E7E" points="121.3,235.6 121.4,241.5 98.4,254.7 98.4,248.8"></polygon>
  240.                        <polygon class="code line-8" fill="#7D7E7E" points="184.1,199.3 184.1,205.2 158.7,219.9 158.6,214"></polygon>
  241.                        <polygon class="code line-8" fill="#7D7E7E" points="151.5,218.1 126.1,232.8 126.1,238.7 151.6,224"></polygon>
  242.                    </g>
  243.                </g>
  244.            </g>
  245.  
  246.            <polygon class="code line-0" fill="#A2A75C" points="33.7,158.5 33.7,164.4 29.1,167.1 29,161.2"></polygon>
  247.            <polygon class="code line-0" fill="#7D7E7E" points="114.3,111.9 114.3,117.9 101.3,125.4 101.3,119.5"></polygon>
  248.            <polygon class="code line-0" fill="#7D7E7E" points="156.9,87.3 156.9,93.2 119.6,114.8 119.6,108.9"></polygon>
  249.            <polygon class="code line-0" fill="#7D7E7E" points="97.1,121.9 97.1,127.8 73.8,141.3 73.7,135.4"></polygon>
  250.            <polygon class="code line-0" fill="#C1426F" points="69,138.1 69,144 37,162.5 36.9,156.6"></polygon>
  251.  
  252.            <polygon class="code core" fill="#047eb2" points="58.12141964584589,172.31004333496094 58.12141964584589,175.31004333496094 55.221418119966984,177.11004638671875 55.221418119966984,174.11004638671875 " id="svg_110"></polygon>
  253.    <polygon class="code core" fill="#047eb2" points="96.18111228942871,149.7313289642334 96.18111228942871,152.7313289642334 93.18111228942871,154.5313320159912 93.18111228942871,151.5313320159912 " id="svg_112"></polygon>
  254.    <polygon class="code core" fill="#047eb2" points="94.8811092376709,142.43134117126465 94.8811092376709,145.43134117126465 85.48110771179199,150.83133506774902 85.3811092376709,147.83133506774902 " id="svg_113"></polygon>
  255.    <polygon class="code core" fill="#047eb2" points="65.81584143638611,163.9160199612379 65.81584143638611,166.9160199612379 62.81584143638611,168.6160169094801 62.81584143638611,165.6160169094801 " id="svg_114"></polygon>
  256.    <polygon class="code core" fill="#047eb2" points="92.31740522384644,151.98685216903687 92.31740522384644,154.98685216903687 89.31740522384644,156.68686437606812 89.31740522384644,153.68686437606812 " id="svg_117"></polygon>
  257.    <polygon class="code core" fill="#047eb2" points="96.18111228942871,153.83133506774902 96.18111228942871,156.83133506774902 93.18111228942871,158.5313320159912 93.18111228942871,155.5313320159912 " id="svg_121"></polygon>
  258.    <polygon class="code core" fill="#047eb2" points="86.98110771179199,159.13133811950684 86.98110771179199,162.13133811950684 84.08111381530762,163.83133506774902 84.08111381530762,160.83133506774902 " id="svg_122"></polygon>
  259.    <polygon class="code core" fill="#047eb2" points="94.8811092376709,158.7313289642334 94.8811092376709,161.7313289642334 85.48110771179199,167.13133811950684 85.48110771179199,164.13133811950684 " id="svg_124"></polygon>
  260.    <polygon class="code core" fill="#047eb2" points="86.98110771179199,155.0313320159912 86.98110771179199,158.0313320159912 84.08111381530762,159.7313289642334 83.98110771179199,156.7313289642334 " id="svg_125"></polygon>
  261.    <polygon class="code core" fill="#047eb2" points="86.98110771179199,150.93134117126465 86.98110771179199,153.93134117126465 83.98110771179199,155.7313289642334 83.98110771179199,152.7313289642334 " id="svg_128"></polygon>
  262.    <polygon class="code core" fill="#047eb2" points="62.46273968368769,177.66513061523438 62.46273968368769,180.66513061523438 59.46273968368769,182.4651336669922 59.46273968368769,179.4651336669922 " id="svg_133"></polygon>
  263.    <polygon class="code core" fill="#047eb2" points="64.79625485092402,172.64378356933594 64.79625485092402,175.64378356933594 61.796254850924015,177.34378051757812 61.796254850924015,174.34378051757812 " id="svg_134"></polygon>
  264.    <polygon class="code core" fill="#047eb2" points="60.0349595323205,175.2290496826172 60.0349595323205,178.2290496826172 57.0349595323205,179.92904663085938 57.0349595323205,176.92904663085938 " id="svg_136"></polygon>
  265.    <polygon class="code core" fill="#047eb2" points="65.44786617904902,168.47598266601562 65.44786617904902,171.47598266601562 62.44786999374628,173.1759796142578 62.44786999374628,170.1759796142578 " id="svg_138"></polygon>
  266.    <polygon class="code core" fill="#047eb2" points="56.160627104341984,169.09434509277344 56.160627104341984,172.09434509277344 53.26062557846308,173.79434204101562 53.160627104341984,170.79434204101562 " id="svg_140"></polygon>
  267.    <polygon class="code core" fill="#047eb2" points="101.86951298883378,162.9623157160986 101.95299425464509,164.13106617588164 35,202.6999969482422 35,201.61472138505815 " id="svg_141"></polygon>
  268.    <polygon class="code core" fill="#047eb2" points="54.59199307113886,165.38648986816406 54.59199307113886,168.38648986816406 51.59199307113886,170.0865020751953 51.59199307113886,167.0865020751953 " id="svg_142"></polygon>
  269.    <polygon class="code core" fill="#047eb2" points="47.29803870618343,182.44322204589844 47.29803870618343,185.44322204589844 44.39803718030453,187.2432098388672 44.29803870618343,184.2432098388672 " id="svg_145"></polygon>
  270.    <polygon class="code core" fill="#047eb2" points="46.90585708618164,174.14714835584164 46.90585708618164,177.14714835584164 43.90585708618164,178.84714530408382 43.90585708618164,175.84714530408382 " id="svg_146"></polygon>
  271.    <polygon class="code core" fill="#047eb2" points="50,168 50,171 40.6,176.4 40.6,173.4" id="svg_147"></polygon>
  272.    <polygon class="code core" fill="#047eb2" points="97.80530084534848,135.877496556795 97.80530084534848,136.97521838815283 35,173.1999969482422 35,172.10228109898708 " id="svg_148"></polygon>
  273.    <polygon class="code core" fill="#047eb2" points="47.10194778442383,178.44321464002132 47.10194778442383,181.44321464002132 44.10194778442383,183.1432115882635 44.10194778442383,180.1432115882635 " id="svg_151"></polygon>
  274.    <polygon class="code core" fill="#047eb2" points="47.88626502454281,186.36473083496094 47.88626502454281,189.36473083496094 44.9862634986639,191.1647186279297 44.88626502454281,188.1647186279297 " id="svg_316"></polygon>
  275.    <polygon class="code core" fill="#047eb2" points="66.367800116539,159.1323757171631 66.367800116539,162.1323757171631 63.367800116539,163.83237266540527 63.367800116539,160.83237266540527 " id="svg_111"></polygon>
  276.    <polygon class="code core" fill="#047eb2" points="70.81645971536636,165.04260247945786 70.81645971536636,168.04260247945786 67.91645818948746,169.84260553121567 67.91645818948746,166.84260553121567 " id="svg_115"></polygon>
  277.    <polygon class="code core" fill="#047eb2" points="78.51088720560074,156.64857476949692 78.51088720560074,159.64857476949692 75.51088720560074,161.3485717177391 75.51088720560074,158.3485717177391 " id="svg_116"></polygon>
  278.    <polygon class="code core" fill="#047eb2" points="75.15778356790543,170.3976897597313 75.15778356790543,173.3976897597313 72.15778356790543,175.1976928114891 72.15778356790543,172.1976928114891 " id="svg_127"></polygon>
  279.    <polygon class="code core" fill="#047eb2" points="77.49130254983902,165.37634271383286 77.49130254983902,168.37634271383286 74.49129492044449,170.07633966207504 74.49129492044449,167.07633966207504 " id="svg_129"></polygon>
  280.    <polygon class="code core" fill="#047eb2" points="72.73000341653824,167.9616088271141 72.73000341653824,170.9616088271141 69.73000341653824,172.6616057753563 69.73000341653824,169.6616057753563 " id="svg_130"></polygon>
  281.    <polygon class="code core" fill="#047eb2" points="78.14291387796402,161.20854181051254 78.14291387796402,164.20854181051254 75.14291387796402,165.90853875875473 75.14291387796402,162.90853875875473 " id="svg_131"></polygon>
  282.    <polygon class="code core" fill="#047eb2" points="69.22363805770874,162.01089715957642 69.22363805770874,165.01089715957642 66.32363653182983,166.7108941078186 66.22363805770874,163.7108941078186 " id="svg_132"></polygon>
  283.    <polygon class="code core" fill="#047eb2" points="66.2751111984253,159.1309609413147 66.2751111984253,162.1309609413147 63.27511119842529,163.83097314834595 63.27511119842529,160.83097314834595 " id="svg_135"></polygon>
  284.    <polygon class="code core" fill="#047eb2" points="79.06284338235855,151.8649291396141 79.06284338235855,154.8649291396141 76.06284338235855,156.5649260878563 76.06284338235855,153.5649260878563 " id="svg_137"></polygon>
  285.  
  286.            <g class="code-cover-section">
  287.                <defs>
  288.                    <path id="code-cover-screen-0" d="M239.6,23.2c0-2.3-0.4-2.3-1.7-1.6c-0.5,0.3-1.2,0.7-2,1.2l-211.3,122c-0.8,0.5-1.3,0.7-1.7,0.9 c-0.8,0.5-0.5,0.6-0.5,2.9L22.9,302c0,2.2-0.3,2.7,0.5,2.3c0.3-0.2,0.9-0.6,1.7-1l212-122.4c0.8-0.5,1.4-0.8,1.8-1 c1-0.6,1.1-1,1.1-3.2L239.6,23.2z"></path>
  289.                </defs>
  290.                <clipPath id="clip-path-screen">
  291.                    <use xlink:href="#code-cover-screen-0" overflow="hidden"></use>
  292.                </clipPath>
  293.                <g clip-path="url(#clip-path-screen)">
  294.                    <path id="code-cover-screen" fill="#11191A" d="M239.6,23.2c0-2.3-0.4-2.3-1.7-1.6c-0.5,0.3-1.2,0.7-2,1.2l-211.3,122c-0.8,0.5-1.3,0.7-1.7,0.9 c-0.8,0.5-0.5,0.6-0.5,2.9L22.9,302c0,2.2-0.3,2.7,0.5,2.3c0.3-0.2,0.9-0.6,1.7-1l212-122.4c0.8-0.5,1.4-0.8,1.8-1 c1-0.6,1.1-1,1.1-3.2L239.6,23.2z"></path>
  295.                </g>
  296.            </g>
  297.  
  298.            <path class="control red" fill="#C24C4B" d="M31.8,145.3c1.4-0.8,2.6-0.2,2.6,1.5c0,1.6-1.1,3.6-2.6,4.5c-1.4,0.8-2.6,0.2-2.6-1.5
  299.          C29.3,148.2,30.4,146.2,31.8,145.3z"></path>
  300.            <path class="control yellow" fill="#CA9733" d="M40.5,140.4c1.4-0.8,2.6-0.2,2.6,1.5c0,1.6-1.1,3.6-2.6,4.5c-1.4,0.8-2.6,0.2-2.6-1.5 C37.9,143.2,39,141.2,40.5,140.4z"></path>
  301.            <path class="control green" fill="#3B963D" d="M49.1,135.4c1.4-0.8,2.6-0.2,2.6,1.5s-1.1,3.6-2.6,4.5c-1.4,0.8-2.6,0.2-2.6-1.5S47.7,136.2,49.1,135.4z"></path>
  302.            <polygon class="control title" fill="#646565" points="142,81.7 142.1,87.6 118.7,101.1 118.7,95.2"></polygon>
  303.  
  304.            <path id="reflex" opacity="0.27" fill="#A9A8A8" d="M237,14.7l-85.7,49.5L147,74.8l-22.7,152.2l31.7-25.3l-13.4,27.8l96.7-55.4l-0.8-151.2 C238.5,22.9,247,7.6,237,14.7z"></path>
  305.        </g>
  306.  
  307.        <g id="bottom">
  308.            <g>
  309.                <defs>
  310.                    <path id="SVGID_7_" d="M397.2,268.3l0,7.3c0,1.2-0.8,2.3-2.3,3.2l0-7.3 C396.4,270.6,397.2,269.4,397.2,268.3z"></path>
  311.                </defs>
  312.                <clipPath id="SVGID_8_">
  313.                    <use xlink:href="#SVGID_7_" overflow="visible"></use>
  314.                </clipPath>
  315.                <g clip-path="url(#SVGID_8_)">
  316.                    <path fill="#9B9D9F" d="M397.2,268.3l0,7.3c0,0,0,0,0,0.1L397.2,268.3C397.2,268.3,397.2,268.3,397.2,268.3"></path>
  317.                    <path fill="#9FA1A3" d="M397.2,268.3l0,7.3c0,0.2,0,0.3-0.1,0.5l0-7.3C397.2,268.6,397.2,268.5,397.2,268.3"></path>
  318.                    <path fill="#A3A5A7" d="M397.1,268.8l0,7.3c0,0.1-0.1,0.3-0.1,0.4l0-7.3C397.1,269.1,397.1,268.9,397.1,268.8"></path>
  319.                    <path fill="#A7A9AB" d="M397,269.2l0,7.3c-0.1,0.2-0.1,0.3-0.2,0.4l0-7.3C396.9,269.5,396.9,269.4,397,269.2"></path>
  320.                    <path fill="#ABADAF" d="M396.8,269.7l0,7.3c-0.1,0.2-0.2,0.3-0.3,0.5l0-7.3C396.6,270,396.7,269.8,396.8,269.7"></path>
  321.                    <path fill="#AFB1B3" d="M396.5,270.1l0,7.3c-0.1,0.2-0.3,0.4-0.5,0.5l0-7.3C396.2,270.5,396.3,270.3,396.5,270.1"></path>
  322.                    <path fill="#B3B5B6" d="M396,270.7l0,7.3c-0.3,0.3-0.6,0.5-1,0.7l0-7.3C395.4,271.2,395.7,270.9,396,270.7"></path>
  323.                    <path fill="#B7B9BA" d="M395,271.4l0,7.3c0,0-0.1,0-0.1,0.1L395,271.4C394.9,271.4,395,271.4,395,271.4"></path>
  324.                </g>
  325.            </g>
  326.            <g>
  327.                <defs>
  328.                    <path id="SVGID_9_" d="M14.4,325.2l0-7.3c0,1.2,0.8,2.3,2.3,3.2l0,7.3 C15.2,327.5,14.4,326.3,14.4,325.2z"></path>
  329.                </defs>
  330.                <clipPath id="SVGID_10_">
  331.                    <use xlink:href="#SVGID_9_" overflow="visible"></use>
  332.                </clipPath>
  333.                <g clip-path="url(#SVGID_10_)">
  334.                    <path fill="#909294" d="M16.8,321.1l0,7.3c-1.5-0.9-2.3-2.1-2.3-3.2l0-7.3C14.5,319,15.2,320.2,16.8,321.1"></path>
  335.                </g>
  336.            </g>
  337.            <polygon fill="#C1C3C4" points="394.9,271.4 394.9,278.8 169.1,410 169.2,402.6"></polygon>
  338.            <polygon fill="#939597" points="158.1,402.6 158.1,410 16.7,328.4 16.8,321.1                 "></polygon>
  339.            <path fill="#D3D4D5" d="M394.9,265c3.1,1.8,3.1,4.7,0,6.4L169.2,402.6c-3,1.8-8,1.8-11.1,0L16.8,321.1c-3.1-1.8-3.1-4.7,0-6.4 l225.8-131.2c3-1.8,8-1.8,11.1,0L394.9,265z"></path>
  340.            <g>
  341.                <defs>
  342.                    <path id="SVGID_11_" d="M169.2,402.6l0,7.3c-3,1.8-8,1.8-11.1,0l0-7.3 C161.1,404.4,166.1,404.4,169.2,402.6z"></path>
  343.                </defs>
  344.                <clipPath id="SVGID_12_">
  345.                    <use xlink:href="#SVGID_11_" overflow="visible"></use>
  346.                </clipPath>
  347.                <g clip-path="url(#SVGID_12_)">
  348.                    <path fill="#B7B9BA" d="M169.2,402.6l0,7.3c-0.5,0.3-1.1,0.6-1.7,0.7l0-7.3C168.1,403.2,168.6,402.9,169.2,402.6"></path>
  349.                    <path fill="#B3B5B6" d="M167.5,403.4l0,7.3c-0.5,0.2-1,0.3-1.5,0.4l0-7.3C166.5,403.7,167,403.5,167.5,403.4"></path>
  350.                    <path fill="#AFB1B3" d="M166,403.8l0,7.3c-0.3,0.1-0.7,0.1-1,0.1l0-7.3C165.3,403.9,165.6,403.8,166,403.8"></path>
  351.                    <path fill="#ABADAF" d="M165,403.9l0,7.3c-0.3,0-0.6,0-0.9,0.1l0-7.3C164.4,403.9,164.7,403.9,165,403.9"></path>
  352.                    <path fill="#A7A9AB" d="M164.1,404l0,7.3c-0.3,0-0.5,0-0.8,0l0-7.3C163.5,404,163.8,404,164.1,404"></path>
  353.                    <path fill="#A3A5A7" d="M163.3,404l0,7.3c-0.3,0-0.5,0-0.8,0l0-7.3C162.8,403.9,163,404,163.3,404"></path>
  354.                    <path fill="#9FA1A3" d="M162.5,403.9l0,7.3c-0.3,0-0.5,0-0.8-0.1l0-7.3C162,403.9,162.2,403.9,162.5,403.9"></path>
  355.                    <path fill="#9B9D9F" d="M161.7,403.8l0,7.3c-0.3,0-0.5-0.1-0.8-0.1l0-7.3C161.2,403.8,161.5,403.8,161.7,403.8"></path>
  356.                    <path fill="#98999C" d="M161,403.7l0,7.3c-0.3-0.1-0.6-0.1-0.8-0.2l0-7.3C160.4,403.6,160.7,403.6,161,403.7"></path>
  357.                    <path fill="#949598" d="M160.1,403.5l0,7.3c-0.3-0.1-0.6-0.2-0.9-0.3l0-7.3C159.5,403.3,159.8,403.4,160.1,403.5"></path>
  358.                    <path fill="#909294" d="M159.2,403.2l0,7.3c-0.4-0.2-0.8-0.3-1.1-0.5l0-7.3C158.4,402.8,158.8,403,159.2,403.2"></path>
  359.                </g>
  360.            </g>
  361.            <polygon fill="#595959" points="223.2,205.3 71.8,293.3 60.3,286.7 211.8,198.7"></polygon>
  362.            <polygon fill="#545454" points="223.2,205.3 223.2,206.1 71.8,294.1 71.8,293.3"></polygon>
  363.            <polygon fill="#464848" points="71.8,293.3 71.8,294.1 60.3,287.5 60.3,286.7"></polygon>
  364.            <g>
  365.                <defs>
  366.                    <path id="SVGID_13_" d="M306.5,310.4l0,0.8c0,0.2-0.2,0.5-0.5,0.6l0-0.8 C306.3,310.9,306.5,310.7,306.5,310.4z"></path>
  367.                </defs>
  368.                <clipPath id="SVGID_14_">
  369.                    <use xlink:href="#SVGID_13_" overflow="visible"></use>
  370.                </clipPath>
  371.                <g clip-path="url(#SVGID_14_)">
  372.                    <polyline fill="#6E6F6F" points="306.5,310.4 306.5,311.3 306.5,311.3 306.5,310.4 306.5,310.4"></polyline>
  373.                    <path fill="#707172" d="M306.5,310.4l0,0.8c0,0,0,0.1,0,0.1L306.5,310.4C306.5,310.5,306.5,310.5,306.5,310.4"></path>
  374.                    <path fill="#737475" d="M306.5,310.5l0,0.8c0,0,0,0.1,0,0.1L306.5,310.5C306.5,310.6,306.5,310.6,306.5,310.5"></path>
  375.                    <path fill="#767777" d="M306.5,310.6l0,0.8c0,0,0,0.1,0,0.1L306.5,310.6C306.4,310.7,306.4,310.7,306.5,310.6"></path>
  376.                    <path fill="#797A7A" d="M306.4,310.7l0,0.8c0,0,0,0.1-0.1,0.1L306.4,310.7C306.4,310.8,306.4,310.8,306.4,310.7"></path>
  377.                    <path fill="#7C7D7D" d="M306.3,310.8l0,0.8c0,0-0.1,0.1-0.1,0.1l0-0.8C306.3,310.9,306.3,310.9,306.3,310.8"></path>
  378.                    <path fill="#7F7F80" d="M306.3,310.9l0,0.8c-0.1,0.1-0.1,0.1-0.2,0.1l0-0.8C306.1,311,306.2,311,306.3,310.9"></path>
  379.                    <path fill="#828283" d="M306,311.1l0,0.8c0,0,0,0,0,0L306,311.1C306,311.1,306,311.1,306,311.1"></path>
  380.                </g>
  381.            </g>
  382.            <g>
  383.                <defs>
  384.                    <path id="SVGID_15_" d="M193.3,323.5l0-0.8c0,0.2,0.2,0.5,0.5,0.7l0,0.8 C193.4,324,193.3,323.7,193.3,323.5z"></path>
  385.                </defs>
  386.                <clipPath id="SVGID_16_">
  387.                    <use xlink:href="#SVGID_15_" overflow="visible"></use>
  388.                </clipPath>
  389.                <g clip-path="url(#SVGID_16_)">
  390.                    <path fill="#656667" d="M193.8,323.3l0,0.8c-0.3-0.2-0.5-0.4-0.5-0.7l0-0.8C193.3,322.9,193.4,323.2,193.8,323.3"></path>
  391.                </g>
  392.            </g>
  393.            <polygon fill="#898989" points="306,311.1 306,311.9 240.6,349.9 240.6,349.1"></polygon>
  394.            <polygon fill="#686969" points="238.4,349.1 238.4,349.9 193.7,324.2 193.8,323.3"></polygon>
  395.            <path fill="#959595" d="M306,309.8c0.6,0.4,0.6,0.9,0,1.3l-65.4,38c-0.6,0.4-1.6,0.4-2.3,0l-44.6-25.8c-0.6-0.4-0.6-0.9,0-1.3 l65.4-38c0.6-0.4,1.6-0.4,2.3,0L306,309.8z"></path>
  396.            <g>
  397.                <defs>
  398.                    <path id="SVGID_17_" d="M240.6,349.1l0,0.8c-0.6,0.4-1.6,0.4-2.3,0l0-0.8 C239,349.5,240,349.5,240.6,349.1z"></path>
  399.                </defs>
  400.                <clipPath id="SVGID_18_">
  401.                    <use xlink:href="#SVGID_17_" overflow="visible"></use>
  402.                </clipPath>
  403.                <g clip-path="url(#SVGID_18_)">
  404.                    <path fill="#828283" d="M240.6,349.1l0,0.8c-0.1,0.1-0.2,0.1-0.4,0.2l0-0.8C240.4,349.2,240.5,349.2,240.6,349.1"></path>
  405.                    <path fill="#7F7F80" d="M240.3,349.2l0,0.8c-0.1,0-0.2,0.1-0.3,0.1l0-0.8C240.1,349.3,240.2,349.3,240.3,349.2"></path>
  406.                    <path fill="#7C7D7D" d="M240,349.3l0,0.8c-0.1,0-0.1,0-0.2,0l0-0.8C239.8,349.3,239.9,349.3,240,349.3"></path>
  407.                    <path fill="#797A7A" d="M239.8,349.3l0,0.8c-0.1,0-0.1,0-0.2,0l0-0.8C239.6,349.4,239.7,349.4,239.8,349.3"></path>
  408.                    <path fill="#767777" d="M239.6,349.4l0,0.8c-0.1,0-0.1,0-0.2,0l0-0.8C239.5,349.4,239.5,349.4,239.6,349.4"></path>
  409.                    <path fill="#737475" d="M239.4,349.4l0,0.8c-0.1,0-0.1,0-0.2,0l0-0.8C239.3,349.4,239.4,349.4,239.4,349.4"></path>
  410.                    <path fill="#707172" d="M239.3,349.4l0,0.8c-0.1,0-0.1,0-0.2,0l0-0.8C239.2,349.3,239.2,349.3,239.3,349.4"></path>
  411.                    <path fill="#6E6F6F" d="M239.1,349.3l0,0.8c-0.1,0-0.1,0-0.2,0l0-0.8C239,349.3,239.1,349.3,239.1,349.3"></path>
  412.                    <path fill="#6B6C6C" d="M239,349.3l0,0.8c-0.1,0-0.1,0-0.2,0l0-0.8C238.8,349.3,238.9,349.3,239,349.3"></path>
  413.                    <path fill="#68696A" d="M238.8,349.3l0,0.8c-0.1,0-0.1,0-0.2-0.1l0-0.8C238.7,349.2,238.7,349.2,238.8,349.3"></path>
  414.                    <path fill="#656667" d="M238.6,349.2l0,0.8c-0.1,0-0.2-0.1-0.2-0.1l0-0.8C238.4,349.1,238.5,349.2,238.6,349.2"></path>
  415.                </g>
  416.            </g>
  417.            <g>
  418.                <defs>
  419.                    <path id="SVGID_19_" d="M261.1,344.6l0-1.6c0-0.4,0.3-0.8,0.8-1.1l0,1.6 C261.4,343.8,261.1,344.2,261.1,344.6z"></path>
  420.                </defs>
  421.                <clipPath id="SVGID_20_">
  422.                    <use xlink:href="#SVGID_19_" overflow="visible"></use>
  423.                </clipPath>
  424.                <g clip-path="url(#SVGID_20_)">
  425.                    <path fill="#909294" d="M261.1,344.6l0-1.6c0-0.3,0.2-0.6,0.5-0.9l0,1.6C261.3,344,261.1,344.3,261.1,344.6"></path>
  426.                    <path fill="#949598" d="M261.6,343.7l0-1.6c0,0,0.1-0.1,0.1-0.1l0,1.6C261.7,343.6,261.6,343.7,261.6,343.7"></path>
  427.                    <path fill="#98999C" d="M261.7,343.6l0-1.6c0,0,0.1-0.1,0.1-0.1l0,1.6C261.8,343.5,261.8,343.6,261.7,343.6"></path>
  428.                    <polyline fill="#9B9D9F" points="261.9,343.5 261.9,341.9 261.9,341.9 261.9,343.5 261.9,343.5"></polyline>
  429.                </g>
  430.            </g>
  431.            <polygon fill="#A4A5A7" points="261.9,343.5 261.9,341.9 293.7,323.4 293.7,325"></polygon>
  432.            <g>
  433.                <defs>
  434.                    <path id="SVGID_21_" d="M298.3,324.5l0,1.6c0-0.4-0.3-0.8-0.8-1.1l0-1.6 C298,323.7,298.3,324.1,298.3,324.5z"></path>
  435.                </defs>
  436.                <clipPath id="SVGID_22_">
  437.                    <use xlink:href="#SVGID_21_"  overflow="visible"></use>
  438.                </clipPath>
  439.                <g clip-path="url(#SVGID_22_)">
  440.                    <path fill="#DFDFE0" d="M297.5,325l0-1.6c0,0,0.1,0,0.1,0L297.5,325C297.5,325,297.5,325,297.5,325"></path>
  441.                    <path fill="#DBDBDC" d="M297.5,325.1l0-1.6c0,0,0.1,0,0.1,0.1L297.5,325.1C297.6,325.1,297.6,325.1,297.5,325.1"></path>
  442.                    <path fill="#D7D8D9" d="M297.6,325.1l0-1.6c0,0,0.1,0,0.1,0.1L297.6,325.1C297.7,325.2,297.7,325.1,297.6,325.1"></path>
  443.                    <path fill="#D3D4D5" d="M297.7,325.2l0-1.6c0,0,0,0,0.1,0.1L297.7,325.2C297.8,325.2,297.7,325.2,297.7,325.2"></path>
  444.                    <path fill="#CFD0D1" d="M297.8,325.2l0-1.6c0,0,0,0,0.1,0.1L297.8,325.2C297.8,325.3,297.8,325.3,297.8,325.2"></path>
  445.                    <path fill="#CBCCCD" d="M297.9,325.3l0-1.6c0,0,0,0,0.1,0.1L297.9,325.3C297.9,325.3,297.9,325.3,297.9,325.3"></path>
  446.                    <path fill="#C7C8CA" d="M297.9,325.4l0-1.6c0,0,0,0,0.1,0.1L297.9,325.4C298,325.4,297.9,325.4,297.9,325.4"></path>
  447.                    <path fill="#C3C4C6" d="M298,325.4l0-1.6c0,0,0,0,0,0.1L298,325.4C298,325.5,298,325.4,298,325.4"></path>
  448.                    <path fill="#BFC0C2" d="M298,325.5l0-1.6c0,0,0,0,0,0.1L298,325.5C298,325.5,298,325.5,298,325.5"></path>
  449.                    <path fill="#BBBCBE" d="M298.1,325.5l0-1.6c0,0,0,0,0,0.1L298.1,325.5C298.1,325.6,298.1,325.6,298.1,325.5"></path>
  450.                    <path fill="#B7B9BA" d="M298.1,325.6l0-1.6c0,0,0,0,0,0.1L298.1,325.6C298.1,325.6,298.1,325.6,298.1,325.6"></path>
  451.                    <path fill="#B3B5B6" d="M298.1,325.7l0-1.6c0,0,0,0,0,0.1L298.1,325.7C298.2,325.7,298.1,325.7,298.1,325.7"></path>
  452.                    <path fill="#AFB1B3" d="M298.2,325.7l0-1.6c0,0,0,0,0,0.1L298.2,325.7C298.2,325.8,298.2,325.7,298.2,325.7"></path>
  453.                    <path fill="#ABADAF" d="M298.2,325.8l0-1.6c0,0,0,0,0,0.1L298.2,325.8C298.2,325.8,298.2,325.8,298.2,325.8"></path>
  454.                    <path fill="#A7A9AB" d="M298.2,325.9l0-1.6c0,0,0,0,0,0.1L298.2,325.9C298.2,325.9,298.2,325.9,298.2,325.9"></path>
  455.                    <path fill="#A3A5A7" d="M298.2,325.9l0-1.6c0,0,0,0.1,0,0.1L298.2,325.9C298.2,326,298.2,326,298.2,325.9"></path>
  456.                    <path fill="#9FA1A3" d="M298.2,326l0-1.6c0,0,0,0.1,0,0.1L298.2,326C298.2,326.1,298.2,326,298.2,326"></path>
  457.                    <polyline fill="#9B9D9F" points="298.2,326.1 298.3,324.5 298.3,324.5 298.2,326.1 298.2,326.1"></polyline>
  458.                </g>
  459.            </g>
  460.            <path fill="#9B9C9F" d="M297.5,325c1,0.6,1,1.6,0,2.2l-31.8,18.5c-1,0.6-2.7,0.6-3.8,0c-1-0.6-1-1.6,0-2.2l31.8-18.5 C294.7,324.4,296.4,324.4,297.5,325z"></path>
  461.            <g>
  462.                <defs>
  463.                    <path id="SVGID_23_" d="M293.7,325l0-1.6c1-0.6,2.7-0.6,3.8,0l0,1.6 C296.4,324.4,294.7,324.4,293.7,325z"></path>
  464.                </defs>
  465.                <clipPath id="SVGID_24_">
  466.                    <use xlink:href="#SVGID_23_" overflow="visible"></use>
  467.                </clipPath>
  468.                <g clip-path="url(#SVGID_24_)">
  469.                    <path fill="#9B9D9F" d="M293.7,325l0-1.6c0,0,0.1,0,0.1-0.1l0,1.6C293.8,325,293.7,325,293.7,325"></path>
  470.                    <path fill="#9FA1A3" d="M293.8,325l0-1.6c0,0,0.1,0,0.1-0.1l0,1.6C293.9,324.9,293.8,324.9,293.8,325"></path>
  471.                    <path fill="#A3A5A7" d="M293.9,324.9l0-1.6c0,0,0.1,0,0.1,0l0,1.6C294,324.9,293.9,324.9,293.9,324.9"></path>
  472.                    <path fill="#A7A9AB" d="M294,324.9l0-1.6c0,0,0.1,0,0.1,0l0,1.6C294.1,324.8,294,324.8,294,324.9"></path>
  473.                    <path fill="#ABADAF" d="M294.1,324.8l0-1.6c0,0,0.1,0,0.1,0l0,1.6C294.2,324.8,294.2,324.8,294.1,324.8"></path>
  474.                    <path fill="#AFB1B3" d="M294.2,324.8l0-1.6c0,0,0.1,0,0.1,0l0,1.6C294.3,324.8,294.3,324.8,294.2,324.8"></path>
  475.                    <path fill="#B3B5B6" d="M294.3,324.7l0-1.6c0,0,0.1,0,0.1,0l0,1.6C294.4,324.7,294.4,324.7,294.3,324.7"></path>
  476.                    <path fill="#B7B9BA" d="M294.4,324.7l0-1.6c0,0,0.1,0,0.1,0l0,1.6C294.5,324.7,294.5,324.7,294.4,324.7"></path>
  477.                    <path fill="#BBBCBE" d="M294.5,324.7l0-1.6c0,0,0.1,0,0.1,0l0,1.6C294.6,324.7,294.6,324.7,294.5,324.7"></path>
  478.                    <path fill="#BFC0C2" d="M294.6,324.7l0-1.6c0,0,0.1,0,0.1,0l0,1.6C294.7,324.6,294.7,324.7,294.6,324.7"></path>
  479.                    <path fill="#C3C4C6" d="M294.7,324.6l0-1.6c0,0,0.1,0,0.1,0l0,1.6C294.8,324.6,294.8,324.6,294.7,324.6"></path>
  480.                    <path fill="#C7C8CA" d="M294.8,324.6l0-1.6c0,0,0.1,0,0.1,0l0,1.6C294.9,324.6,294.9,324.6,294.8,324.6"></path>
  481.                    <path fill="#CBCCCD" d="M295,324.6l0-1.6c0,0,0.1,0,0.1,0l0,1.6C295,324.6,295,324.6,295,324.6"></path>
  482.                    <path fill="#CFD0D1" d="M295.1,324.6l0-1.6c0,0,0.1,0,0.1,0l0,1.6C295.1,324.6,295.1,324.6,295.1,324.6"></path>
  483.                    <path fill="#D3D4D5" d="M295.2,324.6l0-1.6c0,0,0.1,0,0.1,0l0,1.6C295.2,324.6,295.2,324.6,295.2,324.6"></path>
  484.                    <path fill="#D7D8D9" d="M295.3,324.6l0-1.6c0,0,0.1,0,0.1,0l0,1.6C295.4,324.6,295.3,324.6,295.3,324.6"></path>
  485.                    <path fill="#DBDBDC" d="M295.4,324.6l0-1.6c0,0,0.1,0,0.1,0l0,1.6C295.5,324.6,295.4,324.6,295.4,324.6"></path>
  486.                    <path fill="#DFDFE0" d="M295.5,324.6l0-1.6c0,0,0.1,0,0.1,0l0,1.6C295.6,324.6,295.5,324.6,295.5,324.6"></path>
  487.                    <path fill="#E3E3E4" d="M295.6,324.6l0-1.6c0,0,0.1,0,0.1,0l0,1.6C295.7,324.6,295.7,324.6,295.6,324.6"></path>
  488.                    <path fill="#E7E7E7" d="M295.7,324.6l0-1.6c0,0,0.1,0,0.1,0l0,1.6C295.8,324.6,295.8,324.6,295.7,324.6"></path>
  489.                    <path fill="#EBEBEB" d="M295.9,324.6l0-1.6c0.1,0,0.1,0,0.2,0l0,1.6C296,324.6,295.9,324.6,295.9,324.6"></path>
  490.                    <path fill="#F2F2F2" d="M296,324.6l0-1.6c0.1,0,0.2,0,0.3,0l0,1.6C296.2,324.6,296.1,324.6,296,324.6"></path>
  491.                    <path fill="#F3F3F3" d="M296.3,324.6l0-1.6c0.1,0,0.2,0,0.3,0.1l0,1.6C296.5,324.7,296.4,324.6,296.3,324.6"></path>
  492.                    <path fill="#F2F2F2" d="M296.6,324.7l0-1.6c0.1,0,0.2,0.1,0.3,0.1l0,1.6C296.8,324.7,296.7,324.7,296.6,324.7"></path>
  493.                    <path fill="#EBEBEB" d="M296.9,324.8l0-1.6c0.1,0,0.1,0.1,0.2,0.1l0,1.6C297.1,324.8,297,324.8,296.9,324.8"></path>
  494.                    <path fill="#E7E7E7" d="M297.1,324.8l0-1.6c0.1,0,0.1,0,0.2,0.1l0,1.6C297.2,324.9,297.2,324.9,297.1,324.8"></path>
  495.                    <path fill="#E3E3E4" d="M297.3,324.9l0-1.6c0,0,0.1,0,0.1,0.1l0,1.6C297.4,325,297.3,324.9,297.3,324.9"></path>
  496.                    <path fill="#DFDFE0" d="M297.4,325l0-1.6c0,0,0,0,0,0L297.4,325C297.5,325,297.4,325,297.4,325"></path>
  497.                </g>
  498.            </g>
  499.            <g>
  500.                <defs>
  501.                    <path id="SVGID_25_" d="M315.3,243.2l0,0.8c0,0.5-0.3,1-0.9,1.3l0-0.8 C315,244.2,315.3,243.7,315.3,243.2z"></path>
  502.                </defs>
  503.                <clipPath id="SVGID_26_">
  504.                    <use xlink:href="#SVGID_25_" overflow="visible"></use>
  505.                </clipPath>
  506.                <g clip-path="url(#SVGID_26_)">
  507.                    <path fill="#494A4A" d="M315.3,243.2l0,0.8c0,0,0,0,0,0L315.3,243.2C315.3,243.2,315.3,243.2,315.3,243.2"></path>
  508.                    <path fill="#4A4B4B" d="M315.3,243.3l0,0.8c0,0.1,0,0.1,0,0.2l0-0.8C315.3,243.4,315.3,243.3,315.3,243.3"></path>
  509.                    <path fill="#4B4C4C" d="M315.3,243.4l0,0.8c0,0.1,0,0.1-0.1,0.2l0-0.8C315.2,243.6,315.2,243.5,315.3,243.4"></path>
  510.                    <path fill="#4C4D4D" d="M315.2,243.6l0,0.8c0,0.1-0.1,0.1-0.1,0.2l0-0.8C315.2,243.8,315.2,243.7,315.2,243.6"></path>
  511.                    <path fill="#4D4E4E" d="M315.1,243.8l0,0.8c0,0.1-0.1,0.1-0.1,0.2l0-0.8C315,243.9,315.1,243.9,315.1,243.8"></path>
  512.                    <path fill="#4E4F4F" d="M315,244l0,0.8c-0.1,0.1-0.1,0.1-0.2,0.2l0-0.8C314.9,244.2,314.9,244.1,315,244"></path>
  513.                    <path fill="#505050" d="M314.8,244.2l0,0.8c-0.1,0.1-0.3,0.2-0.4,0.3l0-0.8C314.5,244.4,314.7,244.3,314.8,244.2"></path>
  514.                    <path fill="#515152" d="M314.4,244.5l0,0.8c0,0,0,0,0,0L314.4,244.5C314.3,244.5,314.4,244.5,314.4,244.5"></path>
  515.                </g>
  516.            </g>
  517.            <g>
  518.                <defs>
  519.                    <path id="SVGID_27_" d="M61.7,310.8l0-0.8c0,0.5,0.3,1,1,1.3l0,0.8 C62,311.8,61.7,311.3,61.7,310.8z"></path>
  520.                </defs>
  521.                <clipPath id="SVGID_28_">
  522.                    <use xlink:href="#SVGID_27_" overflow="visible"></use>
  523.                </clipPath>
  524.                <g clip-path="url(#SVGID_28_)">
  525.                    <path fill="#464747" d="M62.7,311.3l0,0.8c-0.6-0.4-1-0.9-1-1.3l0-0.8C61.7,310.5,62,311,62.7,311.3"></path>
  526.                </g>
  527.            </g>
  528.            <polygon fill="#545454" points="314.3,244.6 314.3,245.4 133.6,350.4 133.6,349.6"></polygon>
  529.            <polygon fill="#464848" points="129,349.6 129,350.4 62.6,312.1 62.7,311.3"></polygon>
  530.            <path fill="#595959" d="M314.3,241.9c1.3,0.7,1.3,1.9,0,2.7L133.6,349.6c-1.3,0.7-3.3,0.7-4.6,0l-66.3-38.3 c-1.3-0.7-1.3-1.9,0-2.7l180.8-105.1c1.3-0.7,3.3-0.7,4.6,0L314.3,241.9z"></path>
  531.            <g>
  532.                <defs>
  533.                    <path id="SVGID_29_" d="M133.6,349.6l0,0.8c-1.3,0.7-3.3,0.7-4.6,0l0-0.8 C130.2,350.3,132.3,350.3,133.6,349.6z"></path>
  534.                </defs>
  535.                <clipPath id="SVGID_30_">
  536.                    <use xlink:href="#SVGID_29_" overflow="visible"></use>
  537.                </clipPath>
  538.                <g clip-path="url(#SVGID_30_)">
  539.                    <path fill="#515152" d="M133.6,349.6l0,0.8c-0.2,0.1-0.5,0.2-0.7,0.3l0-0.8C133.1,349.8,133.3,349.7,133.6,349.6"></path>
  540.                    <path fill="#505050" d="M132.8,349.9l0,0.8c-0.2,0.1-0.4,0.1-0.6,0.2l0-0.8C132.4,350,132.7,350,132.8,349.9"></path>
  541.                    <path fill="#4E4F4F" d="M132.2,350.1l0,0.8c-0.1,0-0.3,0-0.4,0.1l0-0.8C132,350.1,132.1,350.1,132.2,350.1"></path>
  542.                    <path fill="#4D4E4E" d="M131.8,350.1l0,0.8c-0.1,0-0.2,0-0.4,0l0-0.8C131.6,350.2,131.7,350.1,131.8,350.1"></path>
  543.                    <path fill="#4C4D4D" d="M131.5,350.2l0,0.8c-0.1,0-0.2,0-0.3,0l0-0.8C131.2,350.2,131.3,350.2,131.5,350.2"></path>
  544.                    <path fill="#4B4C4C" d="M131.1,350.2l0,0.8c-0.1,0-0.2,0-0.3,0l0-0.8C130.9,350.2,131,350.2,131.1,350.2"></path>
  545.                    <path fill="#4A4B4B" d="M130.8,350.1l0,0.8c-0.1,0-0.2,0-0.3,0l0-0.8C130.6,350.1,130.7,350.1,130.8,350.1"></path>
  546.                    <path fill="#494A4A" d="M130.5,350.1l0,0.8c-0.1,0-0.2,0-0.3-0.1l0-0.8C130.3,350.1,130.4,350.1,130.5,350.1"></path>
  547.                    <path fill="#484949" d="M130.2,350.1l0,0.8c-0.1,0-0.2-0.1-0.3-0.1l0-0.8C129.9,350,130,350,130.2,350.1"></path>
  548.                    <path fill="#474848" d="M129.8,350l0,0.8c-0.1,0-0.3-0.1-0.4-0.1l0-0.8C129.6,349.9,129.7,349.9,129.8,350"></path>
  549.                    <path fill="#464747" d="M129.4,349.8l0,0.8c-0.2-0.1-0.3-0.1-0.5-0.2l0-0.8C129.1,349.7,129.3,349.8,129.4,349.8"></path>
  550.                </g>
  551.            </g>
  552.        </g>
  553.    </g>
  554. </svg>
  555. </div>
  556. </div>
  557. <div class="tile is-parent is-6">
  558. <div class="tile is-child is-spaced is-flexed">
  559. <p class="is-size-5 delay-1 is-uppercase has-text-weight-bold">Building Websites for over 25 years</p>
  560. <h1 class="is-size-1-fullhd is-size-3-touch is-size-2 has-text-weight-bold delay-2">Working harder for your business</h1>
  561. <p class="is-size-4-widescreen is-size-5 delay-3">The Web Guys are here to help your business succeed in the digital age.</p>
  562. <p class="delay-4 has-text-grey-dark mb2em">
  563. <a href="/about-us" class="button is-primary-darker is-large is-outlined hover-zoom full-width is-hidden-desktop-only is-hidden-touch">
  564. <span class="is-size-6 is-uppercase">Read More About TWG</span>
  565. <span class="icon">
  566. <i class="fas fa-angle-right"></i>
  567. </span>
  568. </a>
  569. <a href="/quote-request" class="button is-primary-darker is-large is-outlined hover-zoom full-width is-hidden-widescreen">
  570. <span class="is-size-6 is-uppercase">Start Your Project</span>
  571. <span class="icon">
  572. <i class="fas fa-angle-right"></i>
  573. </span>
  574. </a>
  575. </p>
  576. </div>
  577. </div>
  578. </div>
  579. </div>
  580. </section>
  581. <section class="has-background-white-ter animation-section e-in has-interior-padding has-overflow-hidden web-parent">
  582. <div class="container">
  583.    <div class="tile is-ancestor">
  584.        <div class="tile is-parent is-8">
  585.            <div class="tile is-child align-center ie-width-fix">
  586.                <div class="content">
  587.                    <h2 class="is-size-3-widescreen is-size-4-mobile delay-1">Welcome to our web</h2>
  588.                    <p class="is-size-4-widescreen is-size-5 is-size-6-mobile delay-2">We specialize in creating user-friendly websites that elevate your online presence. Our services include custom website design, reliable website hosting, as well as custom database and programming solutions. Whether you need a sleek new website, robust hosting solutions, or bespoke database and backend development, we are here to meet all your digital needs.</p>
  589.                </div>
  590.            </div>
  591.        </div>
  592.        <div class="tile is-parent is-4 is-hidden-mobile">
  593.            <div class="tile is-child spaced-images">
  594.                <div class="spider-wrap">
  595. <div class="full-wrap">
  596. <img src="/img/spider-logo-flipped.webp" alt="TWG Spider" class="spider" />
  597. </div>
  598. <img src="/img/web.webp" alt="Spider Web" class="shake web-image" />
  599. </div>
  600.            </div>
  601.        </div>
  602.    </div>
  603. </div>
  604. </section>
  605. <section class="has-background-primary-gradient">
  606. <div class="container our-work has-interior-padding">
  607. <div class="has-text-centered-desktop has-text-centered-widescreen has-text-centered-fullhd animation-section e-in">
  608. <div class="inner-text-container">
  609. <h2 class="is-size-3-widescreen is-size-4 delay-1 is-hidden-secondary">Our Work</h2><br class="is-hidden-secondary is-hidden-touch" />
  610. <p class="is-size-4 is-size-6-mobile delay-2 mb1em">The Web Guys are eager to assist you with your creative needs to help your business grow. Over the years, we've crafted hundreds of websites, delivering customized solutions that delight our clients.</p><br class="is-hidden-secondary is-hidden-touch" />
  611. <h3 class="is-size-4 is-size-6-mobile delay-3">Check out a few of our recent launches&nbsp;<i class="fas fa-arrow-down"></i></a></h3><br class="is-hidden-secondary is-hidden-mobile" />
  612. </div>
  613. </div>
  614. <!-- <div class="columns">
  615. <div class="column is-12">
  616. <div class="curved-container hover-zoom mb1em">
  617. <a href="https://www.communicare.org/" target="_blank" rel="nofollow noopener" class="has-text-white">
  618. <div class="columns is-multiline has-text-left is-vcentered animation-section e-in mobile-order-swap">
  619. <div class="column is-6-desktop is-12-touch">
  620. <img src="/img/communicare-2024.webp" alt="" class="delay-1 shadow-image" />
  621. </div>
  622. <div class="column is-6-desktop is-12-touch">
  623. <h4 class="is-uppercase delay-2 is-hidden-mobile">Custom Design</h4>
  624. <h3 class="is-size-3-widescreen is-size-5-desktop is-size-5-touch delay-3">Communicare, Inc.</h3>
  625. <p class="is-size-5-widescreen has-text-white-ter delay-4">We worked closely with Communicare to design a fully custom, user friendly website from scratch.</p>
  626. <div class="btn-container delay-5 pt1em">
  627. <span class="button is-info is-medium full-width has-text-white">Launch Site&nbsp;<i class="fas fa-external-link-alt"></i></span>
  628. </div>
  629. </div>
  630. </div>
  631. </a>
  632. </div>
  633. </div>
  634. </div> -->
  635. <div class="columns is-mobile is-multiline">
  636. <div class="column is-6-tablet is-12-mobile has-text-left mb1em animation-section e-in">
  637. <div class="curved-container hover-zoom">
  638. <a href="https://socialonmainky.com/" target="_blank" rel="nofollow noopener" class="has-text-white">
  639. <h4 class=" is-uppercase delay-1 is-hidden-mobile">Custom Design</h4>
  640. <h3 class="is-size-4-widescreen is-size-5-desktop is-size-5-touch delay-2">Social on Main</h3>
  641. <p class="is-size-5-widescreen has-text-white-ter delay-3">Social needed a clean, easy-to-use custom website—so we worked closely with them to bring their vision to life.</p>
  642. <div class="btn-container delay-4 pt1em">
  643. <span class="button is-info is-medium full-width has-text-white">Launch Site&nbsp;<i class="fas fa-external-link-alt"></i></span>
  644. </div>
  645. <div class="pt1em">
  646. <img src="/img/social-on-main-2025.webp" alt="" class="delay-5 shadow-image" />
  647. </div>
  648. </a>
  649. </div>
  650. </div>
  651.  
  652. <div class="column is-6-tablet is-12-mobile has-text-left mb1em animation-section e-in">
  653. <div class="curved-container hover-zoom">
  654. <a href="https://soudalusa.com/" target="_blank" rel="nofollow noopener" class="has-text-white">
  655. <h4 class="is-uppercase delay-1 is-hidden-mobile">Custom Design, Custom Programming</h4>
  656. <h3 class="is-size-4-widescreen is-size-5-desktop is-size-5-touch delay-2">Soudal USA</h3>
  657. <p class="is-size-6-desktop is-size-5-widescreen has-text-white-ter delay-3">We worked closely with Soudal to create a custom website that showcases their products.</p>
  658. <div class="btn-container delay-4 pt1em">
  659. <span class="button is-info is-medium full-width has-text-white">Launch Site&nbsp;<i class="fas fa-external-link-alt"></i></span>
  660. </div>
  661. <div class="pt1em">
  662. <img src="/img/soudal-2025.webp" alt="" class="delay-5 shadow-image" />
  663. </div>
  664. </a>
  665. </div>
  666. </div>
  667. </div>
  668. <div class="columns is-multiline is-mobile column-width-change is-hidden-touch-homepage">
  669. <div class="column is-4-fullhd is-6-desktop is-6-tablet is-12-mobile has-text-left mb1em animation-section e-in">
  670. <div class="curved-container hover-zoom">
  671. <a href="https://hinkle-cs.com/" target="_blank" rel="nofollow noopener" class="has-text-white">
  672. <h4 class="is-uppercase delay-1 is-hidden-mobile">Custom Design, Custom Programming</h4>
  673. <h3 class="is-size-4-widescreen is-size-5-desktop is-size-5-touch delay-2">Hinkle Construction Services</h3>
  674. <p class="is-size-6-desktop is-size-5-widescreen has-text-white-ter delay-3">Hinkle Construction was in need of a custom website that focused on employment.</p>
  675. <div class="btn-container delay-4 pt1em">
  676. <span class="button is-info is-medium full-width has-text-white">Launch Site&nbsp;<i class="fas fa-external-link-alt"></i></span>
  677. </div>
  678. <div class="pt1em">
  679. <img src="/img/hinkle-cs-2024.webp" alt="" class="delay-5 shadow-image" />
  680. </div>
  681. </a>
  682. </div>
  683. </div>
  684. <div class="column is-4-fullhd is-6-desktop is-6-tablet is-12-mobile has-text-left mb1em animation-section e-in">
  685. <div class="curved-container hover-zoom">
  686. <a href="https://www.communicare.org/" target="_blank" rel="nofollow noopener" class="has-text-white">
  687. <h4 class="is-uppercase delay-1 is-hidden-mobile">Custom Design</h4>
  688. <h3 class="is-size-4-widescreen is-size-5-desktop is-size-5-touch delay-2">Communicare, Inc.</h3>
  689. <p class="is-size-5-widescreen has-text-white-ter delay-3">We worked closely with Communicare to design a fully custom, user friendly website from scratch.</p>
  690. <div class="btn-container delay-4 pt1em">
  691. <span class="button is-info is-medium full-width has-text-white">Launch Site&nbsp;<i class="fas fa-external-link-alt"></i></span>
  692. </div>
  693. <div class="pt1em">
  694. <img src="/img/communicare-2024.webp" alt="" class="delay-5 shadow-image" />
  695. </div>
  696. </a>
  697. </div>
  698. </div>
  699. <div class="column is-4-fullhd is-12-desktop is-12-touch has-text-left mb1em is-hidden-desktop-only is-hidden-widescreen-only is-hidden-tablet-only animation-section e-in">
  700. <div class="curved-container hover-zoom">
  701. <a href="https://platinumplusrealtyky.com/" target="_blank" rel="nofollow noopener" class="has-text-white">
  702. <h4 class="is-uppercase delay-1 is-hidden-mobile">Custom Design, Custom Programming</h4>
  703. <h3 class="is-size-4-widescreen is-size-5-desktop is-size-5-touch delay-2">Platinum Plus Realty</h3>
  704. <p class="is-size-6-desktop is-size-5-widescreen has-text-white-ter delay-3">We designed and programmed a custom real estate site for Platinum Plus Realty.</p>
  705. <div class="btn-container delay-4 pt1em">
  706. <span class="button is-info is-medium full-width has-text-white">Launch Site&nbsp;<i class="fas fa-external-link-alt"></i></span>
  707. </div>
  708. <div class="pt1em">
  709. <img src="/img/platinum-2024.webp" alt="" class="delay-5 shadow-image" />
  710. </div>
  711. </a>
  712. </div>
  713. </div>
  714. </div>
  715. <div class="columns is-mobile is-multiline">
  716. <div class="column is-6-tablet is-12-mobile has-text-left mb1em animation-section e-in">
  717. <div class="curved-container hover-zoom">
  718. <a href="https://garrardlibrary.org/" target="_blank" rel="nofollow noopener" class="has-text-white">
  719. <h4 class="is-uppercase delay-1 is-hidden-mobile">Custom Design</h4>
  720. <h3 class="is-size-4-widescreen is-size-5-desktop is-size-5-touch delay-2">Garrard County Public Library</h3>
  721. <p class="is-size-5-widescreen has-text-white-ter delay-3">We worked with GCPL to redesign their website to be mobile friendly from the ground up.</p>
  722. <div class="btn-container delay-4 pt1em">
  723. <span class="button is-info is-medium full-width has-text-white">Launch Site&nbsp;<i class="fas fa-external-link-alt"></i></span>
  724. </div>
  725. <div class="pt1em">
  726. <img src="/img/gcpl-2024.webp" alt="" class="delay-5 shadow-image" />
  727. </div>
  728. </a>
  729. </div>
  730. </div>
  731. <div class="column is-6-tablet is-12-mobile has-text-left mb1em animation-section e-in">
  732. <div class="curved-container hover-zoom">
  733. <a href="https://dewstershomemadeicecream.com/" target="_blank" rel="nofollow noopener" class="has-text-white">
  734. <h4 class=" is-uppercase delay-1 is-hidden-mobile">Custom Design</h4>
  735. <h3 class="is-size-4-widescreen is-size-5-desktop is-size-5-touch delay-2">Dewsters Homemade Ice Cream &amp; Bakery</h3>
  736. <p class="is-size-5-widescreen has-text-white-ter delay-3">Dewsters was looking for a clean, easy to use custom website, we worked with them to get it just right.</p>
  737. <div class="btn-container delay-4 pt1em">
  738. <span class="button is-info is-medium full-width has-text-white">Launch Site&nbsp;<i class="fas fa-external-link-alt"></i></span>
  739. </div>
  740. <div class="pt1em">
  741. <img src="/img/dewsters-2024.webp" alt="" class="delay-5 shadow-image" />
  742. </div>
  743. </a>
  744. </div>
  745. </div>
  746. </div>
  747. <div class="btn-container delay-4 mb1em has-text-centered is-hidden-homepage">
  748. <a href="/quote-request" class="button is-primary-darker is-primary-darker-button has-text-white is-large is-outlined hover-zoom full-width">
  749. <span class="is-size-6 is-uppercase">Start your project today</span>
  750. <span class="icon">
  751. <i class="fas fa-angle-right"></i>
  752. </span>
  753. </a>
  754. </div>
  755. </div>
  756. </section>
  757. <section class="has-background-white-ter animation-section e-in has-interior-padding">
  758. <div class="container">
  759. <div class="tile is-ancestor">
  760. <div class="tile is-parent is-6-desktop is-12-touch">
  761. <div class="tile is-child align-center ie-width-fix">
  762. <div class="content">
  763. <h3 class="is-size-3-widescreen is-size-4 delay-1">Does your website need a redesign?</h3>
  764. <ul class="ul-delay is-size-5 is-size-6-mobile" style="margin-left:1em;">
  765. <li>Does your website immediately grab your user's attention?</li>
  766. <li>Does your website show the most up-to-date information about your products and services?</li>
  767. <li>Is your website easy to use?</li>
  768. <li>Do users keep coming back to your website?</li>
  769. </ul>
  770. <p class="is-size-5 is-size-6-mobile delay-3">If you answered no to any of these questions, then it's time for your website to have a fresh look.</p>
  771. <p class="delay-3">
  772. <a href="/quote-request" class="button is-uppercase is-medium is-primary hover-zoom full-width">
  773. <span class="is-size-6">Start your redesign</span>
  774. <span class="icon">
  775. <i class="fas fa-angle-right"></i>
  776. </span>
  777. </a>
  778. </p>
  779. </div>
  780. </div>
  781. </div>
  782. <div class="tile is-parent is-6 is-hidden-touch">
  783. <div class="tile is-child inner-full-image delay-4">
  784. <div class="container-slider delay-1">
  785. <div class="img background-img"></div>
  786. <div class="img foreground-img"></div>
  787. <input type="range" min="1" max="100" value="50" class="slider" name="slider" id="slider-range" aria-label="Before and After Slider" />
  788. <div class="slider-button"></div>
  789. </div>
  790. </div>
  791. </div>
  792. </div>
  793. </div>
  794. </section>
  795. <section class="has-background-primary-gradient">
  796. <div class="container">
  797. <div class="tile is-ancestor our-process">
  798. <div class="tile is-parent is-12">
  799. <div class="has-text-centered-desktop animation-section e-in">
  800. <br><h3 class="is-size-3-widescreen is-size-4 delay-1">Our Process</h3>
  801. <p class="is-size-5-desktop is-size-6-touch delay-1">We keep things simple, efficient, and collaborative. Here's how we bring your project to life:</p><br>
  802. <div class="columns is-mobile is-size-5-desktop is-size-6-touch has-text-white is-multiline">
  803. <div class="column is-one-fifth-desktop is-12-mobile is-6-tablet delay-2">
  804. <p><strong class="is-size-4-desktop is-size-5-mobile"><i class="fas fa-search is-size-3-desktop is-size-4-touch"></i>&nbsp;<br class="is-hidden-touch" />Discover</strong><br>We learn about your business goals and users.</p>
  805. </div>
  806. <div class="column is-one-fifth-desktop is-12-mobile is-6-tablet delay-3">
  807. <p><strong class="is-size-4-desktop is-size-5-mobile"><i class="fas fa-pencil-alt is-size-3-desktop is-size-4-touch"></i>&nbsp;<br class="is-hidden-touch" />Design</strong><br>We craft a modern, user-focused design tailored to your brand.</p>
  808. </div>
  809. <div class="column is-one-fifth-desktop is-12-mobile is-6-tablet delay-4">
  810. <p><strong class="is-size-4-desktop is-size-5-mobile"><i class="fas fa-laptop-code is-size-3-desktop is-size-4-touch"></i>&nbsp;<br class="is-hidden-touch" />Develop</strong><br>We build a fast, secure site using clean, responsive code.</p>
  811. </div>
  812. <div class="column is-one-fifth-desktop is-12-mobile is-6-tablet delay-5">
  813. <p><strong class="is-size-4-desktop is-size-5-mobile"><i class="fas fa-rocket is-size-3-desktop is-size-4-touch"></i>&nbsp;<br class="is-hidden-touch" />Deploy</strong><br>We handle all the technical details for a smooth launch.</p>
  814. </div>
  815. <div class="column is-one-fifth-desktop is-12-mobile is-12-tablet delay-6">
  816. <p><strong class="is-size-4-desktop is-size-5-mobile"><i class="fas fa-tools is-size-3-desktop is-size-4-touch"></i>&nbsp;<br class="is-hidden-touch" />Support</strong><br>We're here to provide ongoing support long after your site goes live.</p>
  817. </div>
  818. </div>
  819. <div class="btn-container delay-7 mb1em has-text-centered">
  820. <a href="/quote-request" class="button is-primary-darker is-primary-darker-button is-large is-outlined hover-zoom full-width">
  821. <span class="is-size-6 is-uppercase">Start Your Project Today</span>
  822. <span class="icon">
  823. <i class="fas fa-angle-right"></i>
  824. </span>
  825. </a>
  826. </div><br>
  827. </div>
  828. </div>
  829. </div>
  830. </div>
  831. </section>
  832. <section class="has-background-white-ter animation-section e-in has-interior-padding">
  833. <div class="container">
  834. <div class="columns is-multiline">
  835. <div class="column is-5-desktop is-12-touch">
  836. <div class="content has-text-centered-touch">
  837. <h3 class="is-size-4-widescreen delay-1">Our social web</h3>
  838. <p class="is-size-5-widescreen delay-1">You can find us on these social platforms</p>
  839. <ul class="ul-delay is-size-5-widescreen left-to-right social-icons">
  840. <li><a href="https://www.facebook.com/TheWebGuysInc" target="_blank" rel="nofollow noopener" title="Facebook"><i class="fab fa-facebook-f hover-zoom" title="Facebook"></i></a></li>
  841. <li><a href="https://twitter.com/thewebguys" target="_blank" rel="nofollow noopener" title="X/Twitter"><i class="fa-brands fa-x-twitter hover-zoom" title="X-Twitter"></i></a></li>
  842. <li><a href="https://www.instagram.com/thewebguysusa/" target="_blank" rel="nofollow noopener" title="Instagram"><i class="fab fa-instagram hover-zoom" title="Instagram"></i></a></li>
  843. <li><a href="https://www.linkedin.com/company/the-web-guys/" target="_blank" rel="nofollow noopener" title="LinkedIn"><i class="fab fa-linkedin-in hover-zoom" title="LinkedIn"></i></a></li>
  844. </ul>
  845. <p class="is-size-5-widescreen delay-3 is-hidden-touch">Won't you join us?</p>
  846. </div>
  847. </div>
  848. <div class="column is-7-desktop is-12-touch inner-full-image">
  849. <p class="is-size-5-widescreen delay-3 mb1em has-text-centered-touch">For more information about any of our web services, simply fill out the form below, and we will contact you shortly.</p>
  850. <form name="contact" id="contact" method="post" action="/contact" class="delay-4 email-form">
  851. <div class="field is-horizontal">
  852. <div class="field-label is-normal">
  853. <label for="fullName" class="label">Name</label>
  854. </div>
  855. <div class="field-body">
  856. <div class="field">
  857. <p class="control is-expanded has-icons-left">
  858. <input class="input" type="text" placeholder="Full Name" name="fullName" id="fullName" required="required" autocomplete="name" />
  859. <span class="icon is-small is-left">
  860. <i class="fas fa-user"></i>
  861. </span>
  862. </p>
  863. </div>
  864. </div>
  865. </div>
  866. <div class="field is-horizontal">
  867. <div class="field-label is-normal">
  868. <label for="email" class="label">Email</label>
  869. </div>
  870. <div class="field-body">
  871. <div class="field">
  872. <p class="control is-expanded has-icons-left">
  873. <input class="input" type="email" name="email" id="email" placeholder="name@email.com" pattern="[^ @]*@[^ @]*" required="required" autocomplete="email" />
  874. <span class="icon is-small is-left">
  875. <i class="fas fa-envelope"></i>
  876. </span>
  877. </p>
  878. </div>
  879. </div>
  880. </div>
  881. <div class="field is-horizontal">
  882. <div class="field-label is-normal">
  883. <label class="label" for="comments">Your Message</label>
  884. </div>
  885. <div class="field-body">
  886. <div class="field">
  887. <div class="control">
  888. <textarea class="textarea" name="comments" id="comments"></textarea>
  889. </div>
  890. </div>
  891. </div>
  892. </div>
  893. <div class="field is-horizontal">
  894. <div class="field-label"></div>
  895. <div class="field-body">
  896. <div class="field">
  897. <div class="control">
  898. <div class="g-recaptcha" data-sitekey="6Le3wDYqAAAAAPDfx_0XLF97lRm78mzIkddJf3il"></div>
  899. </div>
  900. </div>
  901. <div class="field">
  902. <div class="control">
  903. <button class="button is-primary is-medium">Submit</button>
  904. <input type="text" name="SomeField" title="SomeField" class="is-hidden" aria-hidden="true" />
  905. <input type="hidden" name="ProcessForm" value="Yes" class="is-hidden" aria-hidden="true" />
  906. </div>
  907. </div>
  908. </div>
  909. </div>
  910. </form>
  911. </div>
  912. </div>
  913. </div>
  914. </section>
  915. </main>
  916. <footer class="footer has-text-white pb1em has-text-centered-touch">
  917. <div class="container has-interior-padding">
  918. <div class="columns">
  919. <div class="column is-4-desktop is-4-tablet">
  920. <div class="content">
  921. <p><strong>Mailing Address</strong><br>PO Box 1085<br>Elizabethtown, KY 42702</p>
  922. </div>
  923. </div>
  924. <div class="column is-4-desktop is-5-tablet">
  925. <div class="content">
  926. <p><strong>Contact Us</strong><br>Phone: 270.200.4741<br>Email: <span class="sendmail">info+thewebguys+com</span></p>
  927. </div>
  928. </div>
  929. <div class="column is-4-desktop is-3-tablet">
  930. <div class="content has-text-right-desktop">
  931. <img src="/img/spider-logo-trim.webp" alt="The Web Guys Spider" class="spider" />
  932. <ul class="social-icons left-to-right">
  933. <!--include virtual="/inc/social-icons.asp"-->
  934. </ul>
  935. </div>
  936. </div>
  937. </div>
  938. </div>
  939. </footer><script src="/js/plugins.min.js?v=9/16/2025 2:54:53 AM"></script>
  940. <script src="/js/scripts.min.js?v=9/16/2025 2:54:53 AM"></script>
  941. </body>
  942. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda