Widgetkit Lite Slideshow

  • 060417a00392
  • 050410x0017
  • 060407a0011

Welcome to Green Machine

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at orci porta libero aliquam ornare. Cras eu enim ac nulla condimentum ultricies. Maecenas auctor odio eget sem tincidunt facilisis. Cras non nunc eu nisl porttitor euismod ut id velit.    Read More

Check out the Responsive Features!

If you happen to be unfamilar with the way responsive web design works, to get an idea just resize your browser window and notice how everything scales down if you're making your screen smaller, and scales up when making your screen larger. Both the warp framework and widgetkit lite are now responsive, so you should also notice the widgets scaling up and down as well. Pretty cool huh? This relatively new web design technology dramatically improves the look of the design across the vast majority of mobile phones, tablets, laptops, and desktops, regardless of their screen resolutions.

Template Features

  • Powered by the Warp Theme Framework
  • Responsive framework for better mobile support
  • Horizontal mega menus
  • Vertical accordion menus
  • Built-in javascript/CSS compression for increased performance
  • Bulit-in Gzip capabilities for additional performance increase
  • Easily adjust column widths and other settings from the template admin panel
  • Easily insert Google+, Twitter, and Facebook icons into articles from the admin panel
  • Easily adjust settings and save custom preset profiles
  • 15 default collapsible module positions - up to 6 modules per position
  • Adjustable module layouts (equal, double, and stack)
  • Utilizes latest web technologies (HTML5, CSS3, and PHP5.2+)

Module Positions 

themes warp layout positions 

Module Layouts

themes warp layout options 01

Sidebar Layouts

themes warp layout options 03

Tutorials

Please visit themekat.com for installation and configuration tutorials.

Framework Documentation

For complete documentation on the Warp Theme Framework, visit YOOtheme's Warp documentation

Feed Display

Smashing Magazine Feed

For Professional Web Designers and Developers
  • Adapting To A Responsive Design (Case Study)

       This is the story of what we learned during a redesign for our most demanding client — ourselves! In this article, I will explain, from our own experience of refreshing our agency website, why we abandoned a separate mobile website and will review our process of creating a new responsive...

  • Five Ways To Prevent Bad Microcopy

       You’ve just created the best user experience ever. You had the idea. You sketched it out. You started to build it. Except you’re already in trouble, because you’ve forgotten something: the copy. Specifically, the microcopy. Microcopy is the text we don’t talk about very often. It’s the label on a form...

Quick Tip

If you'd like to make the images you add to your articles responsive, so that they scale up/down with the rest of the template, just add the class "size-auto" to them. For example:

<img class="size-auto" src="/images/myimage.jpg" alt="my image" />

Note: This is not necessary for images you insert into your slideshow, or other widgets using the responsive widgetkit.

Menu Module

Custom HTML

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed turpis turpis, semper in tempus ac, interdum ac felis. Integer quis ante metus. Sed ullamcorper mauris sit amet sem venenatis eget dapibus mauris dictum.

Newsflash

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed turpis turpis, semper in tempus ac, interdum ac felis. Integer quis ante metus. Sed ullamcorper mauris sit amet sem venenatis eget dapibus mauris dictum.

Read More

Custom HTML

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed turpis turpis, semper in tempus ac, interdum ac felis. Integer quis ante metus. Sed ullamcorper mauris sit amet sem venenatis eget dapibus mauris dictum.