RohitBittu

<div class="social-btns">
    <a class="btn facebook" href="#"><i class="fa fa-facebook"></i></a>
    <a class="btn twitter" href="#"><i class="fa fa-twitter"></i></a>
    <a class="btn codepen" href="#"><i class="fa fa-codepen"></i></a>
    <a class="btn instagram" href="#"><i class="fa fa-instagram"></i></a>
    <a class="btn pinterest" href="#"><i class="fa fa-pinterest"></i></a>
</div>

RohitBittu

<div class="profile">
<div class="photo"><img src="http://2.bp.blogspot.com/-8FpnW826Jcs/XiLtTpornQI/AAAAAAAAAwY/aN8KsAjSP-EqLRdGiU8_MtUelja7DZgpwCK4BGAYYCw/s320/Jatin3.jpeg"/></div>
  <div class="content">
    <div class="text">
      <h3>Jatin Rao</h3>
      <h6>Front-End Web Developer</h6>
    </div>
    <div class="btn"><span></span></div>
  </div>
  <div class="box"><i class="fa fa-facebook"></i><i class="fa fa-twitter"></i><i class="fa fa-github"></i><i class="fa fa-instagram"></i><i class="fa fa-linkedin"></i></div>

RohitBittu

<div class="row">
  <p>Click every input.</p>
</div>
<div class="row">
  <span>
    <input class="basic-slide" id="name" type="text" placeholder="Your best name" /><label for="name">Name</label>
  </span>
  <span>
    <input class="basic-slide" id="email" type="text" placeholder="Your favorite email" /><label for="email">Email</label>
  </span>

RohitBittu

File API demo

IE10+

A Pen by Rohit Kumar on CodePen.

License.

RohitBittu

<div class="container">
		<h1>As-slider</h1>
		<section class="my-slider">
			<ul>
				<li>
					<section class="slide_1">
						<div class="caption">
							<h2 style="text-align:center;">This is a very basic and simple slider</h2>
							<p>Most of the style is set in CSS and <strong>not</strong> in the JavaScript as most of the other sliders.</p>
						</div>

RohitBittu

CSS Birthday Cake

Made on a whim for a fellow codepen users birthday.

A Pen by Mark Thomes on CodePen.

License.

RohitBittu

<!-- multistep form -->
<form id="msform">
  <!-- progressbar -->
  <ul id="progressbar">
    <li class="active">Account Setup</li>
    <li>Social Profiles</li>
    <li>Personal Details</li>
  </ul>
  <!-- fieldsets -->
  <fieldset>

RohitBittu

<div id="container">

<svg version="1.1"
	 width="180px" height="180px" viewBox="0 0 180 180">
<defs>
  
<filter id="glow" y="-50%" height="180%">
    <feGaussianBlur stdDeviation="3" result="coloredBlur"/>
    <feMerge>
        <feMergeNode in="coloredBlur"/>