Home

Event Calender

Prev January February March April May June July August September October November December 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 Next 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…

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…

CSS3 Timeline

CSS3 Timeline Please set the $vertical variable to false to see the horizontal version. Lorem ipsum dolor sit amet 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…

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…