Narendra Modi - Prime Minister of India

Hirdesh Singh (born 15 March 1983), known by this professional name, Yo Yo Honey Singh or Honey Singh,[1] is an Indian music director, songwriter, Indi-pop singer, music producer and film actor. He started as a session and recording artist, and became a bhangra music producer. He has also begun to produce music for Bollywood films.
Download This Template

Demo Click here Download Click here

Singers	Age
Honey Singh	26 years
Honey Singh	26 years

Hirdesh Singh (born 15 March 1983), known by this professional name, Yo Yo Honey Singh or Honey Singh,[1] is an Indian music director, songwriter, Indi-pop singer, music producer and film actor.

     .body {
        margin: 50px;
        font-family: helvetica, sans-serif;
        background: #e9f0f4;
    }
    #wrap {
        margin: 20px auto;
        text-align: center;
    }
    .btn-slide, .btn-slide2 {
        position: relative;
        display: inline-block;
        height: 50px;
        width: 200px;
        line-height: 50px;
        padding: 0;
        border-radius: 50px;
        background: #ooo000;
        border: 2px solid #0099cc;
        margin: 10px;
        transition: .5s;
    }
    .btn-slide2 {
        border: 2px solid #efa666;
    }
    .btn-slide:hover {
        background-color: #0099cc;
    }
    .btn-slide2:hover {
        background-color: #efa666;
    }
    .btn-slide:hover span.circle, .btn-slide2:hover span.circle2 {
        left: 100%;
        margin-left: -45px;
        background-color: #fdfdfd;
        color: #0099cc;
    }
    .btn-slide2:hover span.circle2 {
        color: #efa666;
    }
    .btn-slide:hover span.title, .btn-slide2:hover span.title2 {
        left: 40px;
        opacity: 0;
    }
    .btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 {
        opacity: 1;
        left: 40px;
    }
    .btn-slide span.circle, .btn-slide2 span.circle2 {
        display: block;
        background-color: #0099cc;
        color: #fff;
        position: absolute;
        float: left;
        margin: 5px;
        line-height: 42px;
        height: 40px;
        width: 40px;
        top: 0;
        left: 0;
        transition: .5s;
        border-radius: 50%;
    }
    .btn-slide2 span.circle2 {
        background-color: #efa666;
    }
    .btn-slide span.title,
      .btn-slide span.title-hover, .btn-slide2 span.title2,
      .btn-slide2 span.title-hover2 {
        position: absolute;
        left: 90px;
        text-align: center;
        margin: 0 auto;
        font-size: 16px;
        font-weight: bold;
        color: #30abd5;
        transition: .5s;
    }
    .btn-slide2 span.title2,
      .btn-slide2 span.title-hover2 {
        color: #efa666;
        left: 80px;
      }
    .btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
        left: 80px;
        opacity: 0;
    }
    .btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
        color: #fff;
    }