Administrator

All posts from Administrator

Event Calender

January
February
March
April
May
June
July
August
September
October
November
December

2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022

  • Mon
  • Tue
  • Wed
  • Thu
  • Fri
  • Sat
  • Sun
  • 1

    Save the Girl Child
    Save the Girl Child

  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

    Save the Girl Child
    Save the Girl Child
    Save the Girl Child

  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30

Timeline Design

Enviornment day
05/06/2017
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Diet grant
13/06/2017
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Swasthya Pahal
23/06/2017
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Bowel Disease
27/06/2017
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

CSS3 Timeline

CSS3 Timeline

Please set the $vertical variable to false to see the horizontal version.


  • 12 May 2013

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio ea necessitatibus quo velit natus cupiditate qui alias possimus ab praesentium nostrum quidem obcaecati nesciunt! Molestiae officiis voluptate excepturi rem veritatis eum aliquam qui laborum non ipsam ullam tempore reprehenderit illum eligendi cumque mollitia temporibus! Natus dicta qui est optio rerum.


  • 11 May 2013

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio ea necessitatibus quo velit natus cupiditate qui alias possimus ab praesentium nostrum quidem obcaecati nesciunt! Molestiae officiis voluptate excepturi rem veritatis eum aliquam qui laborum non ipsam ullam tempore reprehenderit illum eligendi cumque mollitia temporibus! Natus dicta qui est optio rerum.


  • 10 May 2013

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio ea necessitatibus quo velit natus cupiditate qui alias possimus ab praesentium nostrum quidem obcaecati nesciunt! Molestiae officiis voluptate excepturi rem veritatis eum aliquam qui laborum non ipsam ullam tempore reprehenderit illum eligendi cumque mollitia temporibus! Natus dicta qui est optio rerum.


  • 09 May 2013

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio ea necessitatibus quo velit natus cupiditate qui alias possimus ab praesentium nostrum quidem obcaecati nesciunt! Molestiae officiis voluptate excepturi rem veritatis eum aliquam qui laborum non ipsam ullam tempore reprehenderit illum eligendi cumque mollitia temporibus! Natus dicta qui est optio rerum.


  • 08 May 2013

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio ea necessitatibus quo velit natus cupiditate qui alias possimus ab praesentium nostrum quidem obcaecati nesciunt! Molestiae officiis voluptate excepturi rem veritatis eum aliquam qui laborum non ipsam ullam tempore reprehenderit illum eligendi cumque mollitia temporibus! Natus dicta qui est optio rerum.

Ripple Effect

.planet{
width:50px;
height:50px;
position:relative;
}
.planet .planet-icon{
border-radius: 50%;
width:40px;
height:40px;
overflow:hidden;
}
.planet .planet-icon img{
border-radius: 50%;

background-color:#cc0000;
}
.ripples {
position: absolute;
top: 0;
right: 0;
bottom:0;
left:0;
}
.ripples span {
width: 100%;
height: 100%;
border-radius: 50%;
position: absolute;
border: 1px solid #168dc5;
opacity: 0;
}
.ripples span:nth-child(1) {
animation:ripples 4s 1s linear infinite;
}
.ripples span:nth-child(2) {
animation:ripples 4s 2s linear infinite;
}
.ripples span:nth-child(3) {
animation:ripples 4s 3s linear infinite;
}
.ripples span:nth-child(4) {
animation:ripples 4s 4s linear infinite;
}
@keyframes ripples{
0% {
opacity: 0;
transform: scale(0.8);
}
33% {
opacity: 1;
}
100% {
opacity: 0;
transform: scale(1.8);
}
}