owngeek

.box{ width:300px; height:300px; background-color:#30F; -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
.box:hover{  background-color: #ff007c;
    background-color: rgba(255,0,124,0.5);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(9,157,179,0.6)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(9,157,179,0.6), transparent);
    background-image: -moz-linear-gradient(top, rgba(9,157,179,0.6), transparent);
    background-image: -o-linear-gradient(top, rgba(9,157,179,0.6), transparent);
    background-image: linear-gradient(to bottom, rgba(9,157,179,0.6),transparent);

owngeek

<style>
body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 "Lato", sans-serif;
  color: #fff;
}

.bg_img-1, .bg_img-2, .bg_img-3 {
  position: relative;

owngeek

 <!-- Bootstrap Core CSS -->
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!-- Icons -->
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
    <!-- Animate -->
    <link href="http://bootsnav.com/css/animate.css" rel="stylesheet">
    <!-- Bootsnav -->
    <link href="http://bootsnav.com/css/bootsnav.css" rel="stylesheet">

owngeek

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<style>
.pzro{ padding:0;}
.twPc-div {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e1e8ed;
    border-radius: 6px;
  /*  max-width: 340px; // orginal twitter width: 290px;*/
}
.twPc-bg {

owngeek

 <link rel="stylesheet" href="https://daneden.github.io/animate.css/animate.min.css">
  <style>
.wow:first-child {
	visibility: hidden;
}
#container {
	width: 980px;
	margin: 0 auto;
}
section {

owngeek

<style>
.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

owngeek

<style>
.btn
{
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  color: #0C5;

  font-size: 24px;
  font-family: "Nunito", sans-serif;

owngeek

  <style>
  
@-webkit-keyframes grow-width {
  from {
    width: 0;
  }
}
@keyframes grow-width {
  from {
    width: 0;

owngeek

<style>
body, html{
  height: 100%;
  background: #000;
	font-family: 'Lato', sans-serif;
}

.container{
  display: block;
  position: absolute;

owngeek

<style>
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;