Clearly Modern is a website template by Cudazi for Themeforest.net

phone: (800) 000-0000 email: info@example.com

• Home
• Features
• Samples
  • All Columns
    • Full Width
    • 540 x 220 x 140
    • 620 x 140 x 140
    • 620 x 300
    • 700 x 220
    • 780 x 140
  • Photo Galleries
    • 2 Column Boxed
    • 2 Column Regular
    • 3 Column Boxed
    • 3 Column Regular
    • 4 Columns
    • Grid Slider
    • Products
    • Products with Slider
  • Flash/Video Galleries
    • 3 Column Video Gallery
    • Video Gallery Mixed
    • Video Slider
  • Alternate Home Samples
    • Thumbnail Slider
    • No Slider - Boxed
    • Large Slider (default)
  • Blog
    • Single Page
    • Post Sliders
    • Left Sidebar
  • Footer Samples
  • Typography Grid
  • Sample HTML
  • Resume Style
  • Search Results
• Contact Us
  • Contact Form
  • Large Map
  • Our Locations
• Colors
• Blog

Features Overview

---

960 Grid Based Framework

The 12-column grid is divided into portions that are 60 pixels wide. Each column has 10 pixels of margin on the left and right, which create 20 pixel wide gutters between columns. Examples!

---

Photo Lightbox

Simply link to an image to activate the lightbox!
<a href="full-size-image.jpg" title="Optional Title">Lightbox Link</a>

Group similar photos in a gallery with rel="lightbox"
<a rel="lightbox" href="full-size-image.jpg" title="Optional Title">Lightbox Link</a>

A very simple image caption, centered under the image with a lightbox, click the image to try it out!

---

Video Lightbox

---

Modal Box / Popup

Basic HTML Modal Box or Sample Login Form

---

Latest Tweets

Pull in your latest tweets with jQuery quickly and easily! (Live demo in the footer...)

---

See all 28 effects »

Photo Slider // jQuery Cycle

Scrolling slider with small navigation overlay and fx set to scrollHorz.

---

---

HTML Slider // jQuery Cycle

---

Quote / Testimonial

John Marks - FakeCo We were totally lost until we discovered your services five years ago!

---

Status Messages

Hide Error! Sed vel dolor non orci eleifend viverra. Nullam porta porta lorem.

Hide Warning! Sed vel dolor non orci eleifend viverra. Nullam porta porta lorem.

Hide Success! Sed vel dolor non orci eleifend viverra. Nullam.

---

Scroll to Top

Provide a smooth way for visitors to go back to the top of the page: Scroll!
Just add this class to any link: class="scroll-top"

---

PHP Contact Form with Validation

Sample, working PHP contact form with JavaScript and PHP validation. Your web server of course must have PHP enabled to be able to send mail. Luckily - most do!

---

Drop Down Navigation

The main menu is a simple <ul> list, add as many levels as needed! It's easy to navigate and easy to customize as needed thanks to the jQuery Superfish plugin.

---

jQuery Enhanced

The site uses jQuery to enhance your visitor's experience! Use one of the many plugins to extend your site as needed quickly and easily. plugins.jquery.com

---

jQuery Expand/Collapse

---

Icon List

Perfect for a services or features list. Easy to use, Mono icons by Tutorial9 shown below:

Shown in two columns but can be formatted in any number of columns like anything on the site.

© 2010 - Theme created by Cudazi for ThemeForest.net

TOP