• Best of the Best!

    Thanks Middle Georgia for another great year.

    We promise to continue to raise the bar by offering world class service with affordable prices for both our residential and business customers.

  • Managed IT Services

    Make it simple. Keep it all running smoothly!

    Corrective, predictive, preventative, scheduled and operational systems maintenance from one company, Dougwoody!

    View Plans Custom Quote

  • Manage your own site?

    Let us show you how to take control!

    Instantly edit the content on your website from any computer in the world with a properly built and configured Content Management System (CMS).

    Read more Portfolio

  • Domains, Hosting and more!

    Self service options are only a click away.

    Small business web hosting, powerful corporate-class email, domains, dedicated servers, SSL certificates and world class 24/7 support.

    Web Products Need Help?

Spotlight

The Widgetkit Spotlight allows you to add an overlay to your images which fades or moves in on mouse hover. The overlay can be an image or HTML content. The default magnifier spotlight is a perfect match to be used with a lightbox.

Features

  • Create nicely animated image overlays
  • Supports custom image or HTML content overlays
  • 5 different animation modes
  • Responsive design to fit all device resolutions
  • Built with the latest jQuery version
  • Works with Joomla and WordPress

Examples

If no custom overlay is set the default spotlight fades in an overlay with an magnifier image. If you define a custom overlay you can choose between different animations - fade, bottom, top, right and left.

How To Use

Use the HTML5 custom data attribute data-spotlight to activate the spotlight.

<a data-spotlight="on" href="/mypage.html">
	<img src="/image.jpg" width="180" height="120" alt="" />
</a>

To create a custom overlay use a div element with the CSS class overlay. You can set the effect parameter to the data attribute. For example:

<a data-spotlight="effect:bottom;" href="/mypage.html">
	<img src="/image.jpg" width="180" height="120" alt="" />
	<div class="overlay">Custom Overlay</div>
</a>

You can set the effect parameter to fade, bottom, top, right and left.

Choose Your Monthly Maintenance Plan

2PC Plan

$59
  • 2 Computers
  • Basic Maintenance
  • 20% Off Additional Services
Details

5PC Plan

$129
  • 5 computers
  • Basic Maintenance
  • 20% Off Additional Services
Details

5PC+ Plan

$179
  • 5 Computers + Server
  • Basic Maintenance + Server
  • 25% Off Additional Services
Details

10PC+ Plan

$299
  • 10 Computers + Server
  • Basic Maintenance + Server
  • 25% Off Additional Services
Details

Technologies We Use

  • jquery
  • acronis
  • git
  • MSI
  • html5
  • adobe
  • js
  • Cooler Master
  • sql
  • Samsung
  • python
  • Windows 8
  • java
  • Western Digital
  • php
  • Windows 7
  • antec
  • Malwarebytes
  • Corsair
  • Intel
  • VMWare
  • Linux
  • Nvidia
  • Apple
  • CSS3