sand timer

<!--
TIME SAND
- add progress on this tag : data-progress="progress value"
- ended date value : <div class="countdown styled" end-date="March 30, 2015 5:00"></div>
- ended date display : <p class="text-center text-white">Campaign Ends: 30/02/2015 5:00 PM  </p>
-->


<!-- panel time remaining for mobile -->
            <div id="panel-time-remaining" class="panel panel-default hidden-lg hidden-md" style="background:#267ed5">
                <div class="panel-body">
                  <p class="ra-titlex alt-font-3 uppercase text-center" style="color:#fff;padding-bottom:15px">Time Remaining to Help</p>
                  <div class="sand-timer" data-progress="90">
                    <img class="sand-timer_image" src="images/bg-sand-timer.png"/>
                    <div class="sand-spinner"><div class="sand"></div></div>
                  </div>

                    <div class="countdown styled" end-date="March 30, 2015 5:00"></div>
                     <p class="text-center text-white">Campaign Ends: 30/02/2015 5:00  </p>
                </div>
            </div> <!-- /panel time remaining -->

<!-- panel time remaining for desktop -->
            <div id="panel-time-remaining2" class="panel panel-default hidden-xs hidden-sm" style="background:#267ed5">
                <div class="panel-body">
                  <p class="ra-titlex alt-font-3 uppercase text-center" style="color:#fff;padding-bottom:15px">Time Remaining to Help</p>
                  <div class="sand-timer" data-progress="90">
                    <img class="sand-timer_image" src="images/bg-sand-timer.png"/>
                    <div class="sand-spinner"><div class="sand"></div></div>
                  </div>

                    <div class="countdown styled" end-date="March 30, 2015 5:00"></div>
                     <p class="text-center text-white">Campaign Ends: 30/02/2015 5:00  </p>
                </div>
            </div> <!-- /panel time remaining -->