Ajax Loader
HTML 
<div class="circle">
1
<div class="circle">
2
  <span class="inner">
3
    <h2>awesome</h2>
4
    <p>THE ENDLESS SUMMER</p>
5
  </span>
6
</div>
7
 
8
 
 
CSS 
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200|Pinyon+Script);
1
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200|Pinyon+Script);
2
 
3
.circle{
4
  display:table;
5
  background:black;
6
  width:400px;
7
  margin:40px auto;
8
  height:400px;
9
  border-radius:200px;
10
  text-align:center;
11
}
12
.inner{
13
  display:table-cell;
14
  color:white;
15
  vertical-align:middle;
16
  height:40px;
17
}
18
 
19
p{font-family: 'Yanone Kaffeesatz', sans-serif;margin:15px auto;font-size:28px;letter-spacing:2px;font-weight:100}
20
h2{font-family: 'Pinyon Script', cursive;border-bottom:1px solid #fff;display:inline-block;margin:0; font-size:70px}
 

Untitled

CSSDeck G+