<!doctype html lang="en">
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Amling Studios Home</title>
        <meta name="keywords" content="Amling Studios, Mount Prospect, Web Design, Graphic Design, Social Media, Building Your Digital World, Chicago, Illinois, IL">
        <meta name="description" content="Amling Studios is a Mount Prospect Web Design and Graphic Design company located in the North West suburbs of Chicago, Illinois. We specialize in One of a Kind designs that focus on Form as well as function.">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="icon" href="/favicon.ico?v=2" />
        <link rel="apple-touch-icon" href="apple-touch-icon.png">
        <link rel="stylesheet" href="css/main.css">

        <!--[if lt IE 9]>
            <script src="js/vendor/html5-3.6-respond-1.4.2.min.js"></script>
        <![endif]-->
    </head><body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <div class="header-container">
            <header class="wrapper clearfix">
                <a href="index.php"><img class="headerGraphic" width="90" height="90" src="img/header-graphic.svg" alt="Vector Amling Studios Header Graphic" /></a>
                <h1 class="title">Amling Studios <span>LLC</span> </h1>
                <h2 class="subTitle">Web Design & Development</h2>
                <img class="headerCity" src="img/city.svg" />
                <div class="menuBtn" id="menuBtn">Menu</div>
                <nav class="mobileHidden">     
                    <ul>
                        <li><a href="index.php">Home</a></li>
                        <li><a href="about.php">About</a></li>
                        <li><a href="work.php">Portfolio</a></li>
                        <li><a href="services.php">Services</a></li>
                        <li><a href="contact.php">Contact</a></li>
                    </ul>
                </nav>

            </header>
        </div>    <div class="main-container">
        <div class="main wrapper clearfix">
            <section>
                <p class="openingText">At Amling Studios we believe in our products.  We sell creativity and imagination, as well as HTML and Javascript.  We work one on one with you to make a site that fits your business goals; creating a design that is as easy to use as it is beautiful. If you're in the market for a unique design tailored to your needs, check out our latest work.  If you like what you see, e-mail us or use our <a href="contact.php">Contact Form</a></p>
            </section>
            <div class="clearfix backgroundBlue">
                <div class="half" >
                    <picture >
                        <source srcset="img/webp/working-square.webp" type="image/webp">
                        <source srcset="img/working-square.jpg" type="image/jpeg"> 
                        <img width="100%" src="img/working-square.jpg" alt="Developer working at computer">
                    </picture>
                   
                    <p class="featuredText">Here are a few examples of recent <strong>Amling Studios</strong> projects. From WordPress themes to custom JavaScript, our work speaks for itself. </p>
                </div>
                <div class="half">
                    <a href="md.php">
                        <div class="half featuredImage">
                        <picture>
                            <source srcset="img/webp/McDonald-white-AS.webp" type="image/webp">
                            <source srcset="img/McDonald-white-AS.jpg" type="image/jpeg"> 
                            <img src="img/McDonald-white-AS.jpg" alt="McDonald Dance Website">
                        </picture>
                            <div class="hoverText">
                                <H2>McDonald Dance Academy</h2>
                                <p>Responsive WordPress site with a custom theme and Javascript interface.</p>
                            </div>
                        </div>
                    </a>
                    <a href="app.php">
                        <div class="half featuredImage">
                        <picture>
                            <source srcset="img/webp/Perfect-Petal-AS.webp" type="image/webp">
                            <source srcset="img/Perfect-Petal-AS.jpg" type="image/jpeg"> 
                            <img src="img/Perfect-Petal-AS.jpg" alt="A Perfect Petal Website">
                        </picture>
                            <div class="hoverText">
                                <h2>A Perfect Petal</h2>
                                <p>Responsive WordPress site with a custom theme and Javascript gallery.</p>
                            </div>
                        </div>
                    </a>
                    <a href="cda.php">
                        <div class="half featuredImage">
                        <picture>
                            <source srcset="img/webp/Colonial-Dental-AS.webp" type="image/webp">
                            <source srcset="img/Colonial-Dental-AS.jpg" type="image/jpeg"> 
                            <img src="img/Colonial-Dental-AS.jpg" alt="Colonial Dental Website">
                        </picture>
                            <div class="hoverText">
                                <h2>Colonial Dental Associates, LTD</h2>
                                <p>Responsive WordPress site with a custom theme and photography.</p>
                            </div>
                        </div>
                    </a>
                    <a href="a1.php">
                        <div class="half featuredImage">
                        <picture>
                            <source srcset="img/webp/A1-AS.webp" type="image/webp">
                            <source srcset="img/A1-AS.jpg" type="image/jpeg"> 
                            <img src="img/A1-AS.jpg" alt="A1 Concrete Leveling Website">
                        </picture>
                   
                            <div class="hoverText">
                                <h2>A1 Concrete Leveling</h2>
                                <p>Responsive PHP site with custom photography and PHP coding.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            </div>
            <section>
                <div class="col-4">
                    <h3 class="center">WordPress</h3>
                    <img class="center" src="img/WordPress-logo.svg" width="60%" alt="Vector WordPress Logo" />
                    <p class="center padding10">From custom themes to custom post types we love working with WordPress. Wordpress let our clients manage their own content without having to code.</p>
                </div>
                <div class="col-4">
                    <h3 class="center">Responsive Design</h3>
                    <img class="center" src="img/devices-logo.svg" width="60%" alt="Vector Devices Logo - mobile, tablet, desktop"/>
                    <p class="center padding10">The web has gone mobile. When we create websites we use a mobile first approach to ensure that your website will load fast on a mobile phone or tablet.</p>
                </div>
                <div class="col-4">
                    <h3 class="center">Branding and SEO</h3>
                    <img class="center" src="img/branding-logo.svg" width="50%" alt="Vector Stamper Logo" />
                    <p class="center padding10">You know who you are, now let us help you tell the world. We help people find your site by having a strong brand and Search Engine Optimization.</p> 
                </div>
            </section>        
            <div class="bigEdison">
                <img src="img/big-edison.svg" alt="Vector Amling Studio Logo - Lightbulb sitting on the Earth" />
                <div class="serviceList">
                    <ul>
                        <li>Web Site Design</li>
                        <li>Web Site Development</li>
                        <li>Logo Design</li>
                        <li>Graphic Design</li>
                        <li>Social Media</li>
                        <li>We Specialize in WordPress, PHP, HTML5, <br> JavaScript, jQuery, Sass and MySql</li>
                    </ul>
                </div>          
                <h4 class="tagLine">Building Your Digital World</h4>
            </div>
        </div> <!-- #main -->
    </div> <!-- #main-container -->
   <div class="footer-container">
            <footer class="wrapper clearfix">
                <div class="col-7">
                    <ul>
                        <li><img class="footerIcon" width="25" height="20" src="img/envelope-icon.svg" alt="Vector Envelope Icon"/> <a href="mailto:info@amlingstudios.com">info@amlingstudios.com</a></li>
                        <li><img class="footerIcon" width="25" height="25" src="img/phone-icon.svg" alt="Vector Telephone Icon"/> <a href="tel:8153423873">815.342.3873</a></li>
                        <li> <span class="copyright">&copy;</span> 2026 Amling Studios.</li>
                    </ul>
                </div>
                <div class="col-3">
                    <div class="center requestBtn"><a href="request.php">Request Quote</a></div>
                    <p class="center padding10">Serving Mount Prospect, Illinois; the greater Chicagoland Area & the World!</p>
                </div>
            </footer>
        </div>

        <script type="text/javascript">
        var menuBtn = document.getElementById("menuBtn");
        var nav = document.getElementsByTagName("nav")[0];

        menuBtn.addEventListener("click", function(){
            if(nav.classList == "mobileHidden")
            {
                nav.classList = "";
            }
            else
            {
                nav.classList = "mobileHidden";
            }

        })
        </script>
        <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-4556890-4', 'auto');
  ga('send', 'pageview');

</script>
    </body>
</html>