Untitled

avatar
unknown
plain_text
2 years ago
15 kB
3
Indexable

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />

    <meta
      name="keywords"
      content=" web developer, web design, agency, logos, SEO, strategy, atlanta"
    />
    <meta
      name="description"
      content="Discover the expertise of Mike, your go-to professional for building exceptional websites and enhancing online presence."
    />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, viewport-fit=cover"
    />
    <link rel="shortcut icon" type="image/png" href="favicon.jpg" />

    <link rel="stylesheet" type="text/css" href="./css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="style.css" />
    <link rel="stylesheet" type="text/css" href="./css/font-awesome.css" />
    

    <script src="./js/jquery-2.1.0.js"></script>
    <script src="./js/bootstrap.js"></script>
    <script src="./js/blocs.js"></script>
    <script src="./js/jquery.touchSwipe.js"></script>
    <script src="./js/gmaps.js"></script>

    <title>
      Mike - Expert Web Design | SEO Services | Logo Design in Atlanta
    </title>

    <!-- Analytics -->

    <!-- Analytics END -->
  </head>

  <body>
  
  <header>
    <!-- Main container -->
    <div class="page-container">
  
      <div class="bloc bgc-white l-bloc" id="bloc-0">
        <div class="container bloc-sm">
          
          <div class="navbar row">
            <div class="navbar-header">
              
              <a class="navbar-brand" href="index.html"
                ><img
                  src="img/darkerlogo.webp"
                  alt="GoMike web developer logo"
                  height="40"
              /></a>
              

              <button
                id="nav-toggle"
                type="button"
                class="ui-navbar-toggle navbar-toggle"
                data-toggle="collapse"
                data-target=".navbar-1"
              >
                <span class="sr-only">Toggle navigation</span
                ><span class="icon-bar"></span><span class="icon-bar"></span
                ><span class="icon-bar"></span>
              </button>
            
            
            <div class="collapse navbar-collapse navbar-1 special-dropdown-nav">
            <nav>           
              <ul class="site-navigation nav navbar-nav">
                <li>
                  <a href="index.html">Home</a>
                </li>
                <li></li>
                <li>
                  <a href="page2.html">Contact</a>
                </li>
              </ul>
            </nav> 
            </div>
          
        </div>
      </div>
     
  </header>
      <!-- bloc-0 END -->
  <main>
      <!-- bloc-1-hero -->
  <section title="introduction">
      <div
        class="bloc bgc-dark-slate-blue bg-atlanta-20made-20sign d-bloc bg-t-edge bloc-bg-texture texture-paper b-parallax"
        id="bloc-1-hero"
      >
        <div class="container bloc-lg">
          <div class="row tight-width-whitespace">
            <div class="col-sm-12">
              <img
                src="img/atlanta web designer mike.webp"
                class="center-block image-resize-mode"
                width="100"
                alt="a friendly cartoon of wed developer GoMike saying hello"
              />
              <h1 class="text-center hero-bloc-text tc-white">I'm Mike.</h1>
              <div class="text-center">
                <a
              href="page2.html"
              class="btn btn-lg btn-clean btn-rd cta-hero btn-atomic-tangerine"
              id="cta-hero"
              aria-label="Contact"
>
  Contact
</a>

              </div>
            </div>
          </div>
        </div>
      </div>
  </section>      
  <!-- bloc-1-hero END -->

      <!-- bloc-2-services -->
  <section title="services">
      <div class="bloc bgc-white l-bloc" id="bloc-2-services">
        <div class="container bloc-md">
          <div class="row">
            <div class="col-sm-12 text-center">
              <h2 class="icreate">I create websites and design graphics that help Atlanta companies become attractive 
              and recognisable online</h2>
            </div>
          </div>
          <div class="row voffset-lg med-width-whitespace">
            <div class="col-sm-4">
              <div class="text-center">
                <span
                  class="et-icon-browser sm-shadow icon-dark-slate-blue icons icon-lg"
                ></span>
              </div>
              <h3 class="mg-md text-center service-header">Website Design</h3>
              <p class="text-center">
                Whether you have a website that needs a refresh or you&rsquo;re
                starting from scratch, let&rsquo;s make a website that you can
                be proud of.
              </p>
            </div>
            <div class="col-sm-4">
              <div class="text-center">
                <span
                  class="et-icon-presentation sm-shadow icon-dark-slate-blue icons icon-lg"
                ></span>
              </div>
              <h3 class="mg-md text-center service-header">
                &nbsp;Website Strategy
              </h3>
              <p class="text-center">
                Rather than suggesting trendy designs, I&rsquo;ll work with you
                to understand your business goals and make sure we design to
                help you reach those goals.<br />
              </p>
            </div>
            <div class="col-sm-4">
              <div class="text-center">
                <span
                  class="et-icon-edit sm-shadow icon-dark-slate-blue icons icon-lg"
                ></span>
              </div>
              <h3 class="mg-md text-center service-header">Logo Design</h3>
              <p class="text-center">
                With your business representing Atlanta, your logo should shine.
                I&rsquo;ll work with you to create logo and brand identity that
                will impress people you meet in town and online.
              </p>
            </div>
          </div>
          <div class="row voffset-lg voffset">
            <div class="col-xs-12 col-md-8 col-md-offset-2 text-center quote">
              <p class="mike_testimonial">"Mike's an awesome freelance web designer! He captured the essence of our 
                company in our website and has helped us double our online sales for our shop 
                in Atlanta" Taylor Cooke</p>
              
            </div>
          </div>
        </div>
      </div>
  </section>
      <!-- bloc-2-services END -->

      <!-- bloc-3-what-i-do -->
  <section title="what I do">
      <div
        class="bloc tc-white bgc-atomic-tangerine bloc-bg-texture texture-paper b-parallax bg-atlanta-20made-20sign-20orange d-bloc"
        id="bloc-3-what-i-do"
      >
        <div class="container bloc-lg">
          <div class="row tight-width-whitespace black-background">
            <div class="col-sm-12">
              <h2 class="mg-md text-center tc-white">
                I love Atlanta, my hometown, and want to see all Atlanta
                businesses succeed. I help by offering web design services that
                help local businesses stand out and attract new customers
                online.<br />
              </h2>
              <p class="text-center white">
                I'm super excited you&rsquo;re here. I partner with creative
                entrepreneurs and local Atlanta business that are either
                starting or needing to renew their website to attract business.
                Whether you need a complete brand identity or a redesign of your
                website, I&rsquo;ll work with you to create something that looks
                great and structured to be found on Google.<br /><br /><a
                  class="ltc-white bold-link"
                  href="page2.html"
                  >Are you ready, contact me</a
                ><br />
              </p>
            </div>
          </div>
        </div>
      </div>
      <!-- bloc-3-what-i-do END -->
  </section>

      <!-- bloc-4-portfolio -->
  <section title="portfolio">
      <div class="bloc bgc-white bg-lines-h2-bg bg-repeat l-bloc"
        id="bloc-4-portfolio"
      >
        <div class="container bloc-lg">
          <div class="row">
            <div class="col-sm-12 text-center">
              <h2 class="title2_text">Websites that I have designed and developed for Atlanta companies that resulted in more local business 
              </h2>
            </div>
          </div>
          <div class="row tight-width-whitespace portfolio-row">
            <div class="col-sm-6">
              <a
                href="#"
                data-lightbox="img/dog.webp"
                data-gallery-id="gallery-1"
                data-caption="Website for Atlanta's Premiere dog salon"
                data-frame="snapshot-lb"
                ><img
                  src="img/dog.webp"
                  class="img-responsive portfolio-thumb"
                  alt="image of a person walking a dog in a city street"
              /></a>
              <h3 class="mg-md text-center">
                Website for Atlanta&rsquo;s premiere Dog Sitters
              </h3>
              <p class="text-center">
                I love dogs and was super excited to make a website for an
                Atlanta dog company.
              </p>
            </div>
            <div class="col-sm-6">
              <a
                href="#"
                data-lightbox="img/cupcakes.webp"
                data-gallery-id="gallery-1"
                data-caption="web redesign for the best cupcakes in Atlanta"
                data-frame="snapshot-lb"
                ><img
                  src="img/cupcakes.webp"
                  class="img-responsive portfolio-thumb"
                  alt="a row of pastel blue cupcakes with sprinkles on a pink table "
              /></a>
              <h3 class="mg-md text-center">
                Web redesign for the best Atlanta&nbsp;cupcakes
              </h3>
              <p class="text-center">
                They make the best cupcakes in Atlanta and I wanted to show this
                online.
              </p>
            </div>
          </div>
          <div class="row tight-width-whitespace portfolio-row">
            <div class="col-sm-6">
              <a
                href="#"
                data-lightbox="img/cameras.webp"
                data-gallery-id="gallery-1"
                data-caption="New logo and website for Atlanta's best tech gear shop"
                data-frame="snapshot-lb"
                ><img
                  src="img/cameras.webp"
                  class="img-responsive portfolio-thumb"
                  alt="an assortment of cameras and various tech gear"
              /></a>
              <h3 class="mg-md text-center">
                New logo and website for Atl + Gear - Atlanta&rsquo;s best tech
                gear shop
              </h3>
              <p class="text-center">
                Whenever I&rsquo;m wanting to improve my web design skills, this
                shop inspires me.
              </p>
            </div>
            <div class="col-sm-6">
              <a
                href="#"
                data-lightbox="img/helipad.webp"
                data-gallery-id="gallery-1"
                data-caption="Atlanta's legal website generates 30% more clients after web redesign"
                data-frame="snapshot-lb"
                ><img
                  src="img/helipad.webp"
                  class="img-responsive portfolio-thumb"
                  alt="image of a businessman inside of a helicopter"
              /></a>
              <h3 class="mg-md text-center">
                Atlanta&rsquo;s legal new website - Generating 30% more law
                clients with a refresh&nbsp;
              </h3>
              <p class="text-center">
                A few months ago, I created their new website and it&rsquo;s
                bringing lots of leads.
              </p>
            </div>
          </div>
        </div>
      </div>
  </section>  
      <!-- bloc-4-portfolio END -->

      <!-- bloc-5-cta -->
  <section title="contact">
      <div
        class="bloc bgc-dark-slate-blue bg-atlanta-20made-20sign d-bloc bloc-bg-texture texture-paper"
        id="bloc-5-cta"
      >
        <div class="container bloc-lg">
          <div class="row">
            <h2 class="mg-md text-center tc-white">
              Ready for a great website? <br />Let&rsquo;s design!
            </h2>
            <div class="col-sm-12 text-center">
              <a
                href="page2.html"
                class="btn btn-atomic-tangerine btn-clean btn-rd btn-lg cta-hero"
                >Contact</a
              >
            </div>
          </div>
        </div>
      </div>
  </section>    
  </main>  
      <!-- bloc-5-cta END -->

      <!-- Footer - bloc-8 -->
  <footer>   
      <div class="bloc bgc-dark-slate-blue d-bloc" id="bloc-8">
        <div class="container bloc-sm">
          <div class="row">
            <div class="col-sm-12">
              <p class="text-center white">
                GoMike Designs - Web designer living and loving Atlanta.<br />
              </p>
              <div class="row row-no-gutters social">
                <div class="col-sm-3">
                  <div class="text-center">
                    <a class="social" href="https://twitter.com/YourTwitterUsername" aria-label="Twitter" title="Visit our Twitter page">
    <span class="fa fa-twitter icon-md"></span>
    
</a>

                  </div>
                </div>
                <div class="col-sm-3">
                  <div class="text-center">
                    <a class="social" href="https://www.facebook.com" aria-label="Facebook" title="Visit our Facebook Page">
  <span class="fa fa-facebook icon-md" aria-hidden="true"></span>
  
</a>


                  </div>
                </div>
                <div class="col-sm-3">
                  <div class="text-center">
                    <a class="social" href="https://dribbble.com" aria-label="Dribbble" title="Visit our Dribble Page">
    <span class="fa fa-dribbble icon-md" aria-hidden="true"></span>
    
</a>

                  </div>
                </div>
                <div class="col-sm-3">
                  <div class="text-center">
                  <a class="social" href="https://www.instagram.com" aria-label="Instagram" title="Visit our Instagram Page">
    <span class="fa fa-instagram icon-md" aria-hidden="true"></span>
    
</a>
   </footer>        
      <!-- Footer - bloc-8 END -->
    </div>
    <!-- Main container END -->
  </body>
</html>
Editor is loading...
Leave a Comment