Shahrukh A. Khan Shaz3e

## Useful :nth-child Recipes
<link href='http://fonts.googleapis.com/css?family=Exo+2' rel='stylesheet' type='text/css'>
<h2>Useful :nth-child Recipes <small>with lESS</small></h2>
<div class="s3-containers s3-container1">
  <h2>Select Only the Fifth Element</h2>
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>

## The centered absolute div under relative div
<div clss="s3-relative">
  <div class="s3-absolute">
    The centered absolute div under relative div
  </div>
</div>

## Full Page Background Image
<div class="s3-shaz3e">
  An Example for
</div>

## Simple example for LESS
<div class="s3-div">
  <h1>Less CSS Example</h1>
  <p>This is how it works
    <small>
      Really easy to create more complex styles
    </small>
  </p>
  <small>
    this will never end.
  </small>

## CSS3 Slider
<div id="slider">
  <input checked="" type="radio" name="slider" id="slide1" selected="false">
  <input type="radio" name="slider" id="slide2" selected="false">
  <input type="radio" name="slider" id="slide3" selected="false">
  <input type="radio" name="slider" id="slide4" selected="false">
  <div id="slides">
    <div id="overflow">
      <div class="inner">
        <article>
          <a href="http://www.fdsempire.com/"><img src="http://imageshack.us/a/img23/9602/f78b.jpg"></a>

## Smooth Scrolling
<div class="s3-left-fixed">
  <ul>
    <li><a href="#1">First Page</a></li>
    <li><a href="#2">Second Page</a></li>
	<li><a href="#3">Third Page</a></li>
    <li><a href="#4">Fourth Page</a></li>
    <li><a href="#5">Fifth Page</a></li>
  </ul>
</div>
<div class="s3-center">

## S3 Horizontal Responsive Menu
<link href='http://fonts.googleapis.com/css?family=Kite+One' rel='stylesheet' type='text/css'>
<h1>S3 Horizontal Responsive Menu</h1>

<div class="s3-menu">
  <div id="s3-menu">
    <ul>
    <li>
        <a href="#">
          Home <span>Front Page</span>
        </a>

## Help Complete Email Addresses with <datalist>
# Email Domain Datalist Helper

Shows a list of suggestions after you've hit the @.

<label for="email">Email</label>
<input id="email" name="email" type="email" placeholder="your@email.com">

## Skype API
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title>How to use Skype API to Detect Online Users</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<style type="text/css">
		.inputbox{

		  display: inline-block;

## Image Less CAPTCHA with PHP
<?php
session_start();
if (isset($_POST['submit'])){
    $number = floatval($_POST['number']);

    if ($number != $_SESSION['correctNumber']) {
        $message = "<br /><span class='errors'>The number you entered for the spam filter is incorrect.</span><br />";
    }else{
        $message = "<br /><span class='success'>CAPTCHA Verified!!!</span><br />";
    }
	<link href='http://fonts.googleapis.com/css?family=Exo+2' rel='stylesheet' type='text/css'>
	<h2>Useful :nth-child Recipes <small>with lESS</small></h2>
	<div class="s3-containers s3-container1">
	<h2>Select Only the Fifth Element</h2>
	<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
	<div clss="s3-relative">
	<div class="s3-absolute">
	The centered absolute div under relative div
	</div>
	</div>
	<div class="s3-div">
	<h1>Less CSS Example</h1>
	<p>This is how it works
	<small>
	Really easy to create more complex styles
	</small>
	</p>
	<small>
	this will never end.
	</small>
	<div id="slider">
	<input checked="" type="radio" name="slider" id="slide1" selected="false">
	<input type="radio" name="slider" id="slide2" selected="false">
	<input type="radio" name="slider" id="slide3" selected="false">
	<input type="radio" name="slider" id="slide4" selected="false">
	<div id="slides">
	<div id="overflow">
	<div class="inner">
	<article>
	<a href="http://www.fdsempire.com/"><img src="http://imageshack.us/a/img23/9602/f78b.jpg"></a>
	<div class="s3-left-fixed">
	<ul>
	<li><a href="#1">First Page</a></li>
	<li><a href="#2">Second Page</a></li>
	<li><a href="#3">Third Page</a></li>
	<li><a href="#4">Fourth Page</a></li>
	<li><a href="#5">Fifth Page</a></li>
	</ul>
	</div>
	<div class="s3-center">
	# Email Domain Datalist Helper

	Shows a list of suggestions after you've hit the @.

	<label for="email">Email</label>
	<input id="email" name="email" type="email" placeholder="your@email.com">
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
	<title>How to use Skype API to Detect Online Users</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<style type="text/css">
	.inputbox{

	display: inline-block;
	<?php
	session_start();
	if (isset($_POST['submit'])){
	$number = floatval($_POST['number']);

	if ($number != $_SESSION['correctNumber']) {
	$message = "<br /><span class='errors'>The number you entered for the spam filter is incorrect.</span><br />";
	}else{
	$message = "<br /><span class='success'>CAPTCHA Verified!!!</span><br />";
	}