<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm4.aspx.cs" Inherits="NECPATEL.WebForm4" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style>
   #countdown{
	width: 330px;
	height: 70px;
	text-align: center;
	background: #b200ff;

	border: 1px solid #333;
	border-radius: 100px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
	margin: auto;
	padding: 15px 0;
	position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
}

#countdown #tiles{
	position: relative;
	z-index: 1;
}

#countdown #tiles > span{
	width: 92px;
	max-width: 60px;
	font: bold 32px 'Droid Sans', Arial, sans-serif;
	text-align: center;
	color: #000;
	background-color: #ddd;
	
	border-top: 1px solid #fff;
	border-radius: 40px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
	margin: 0 7px;
	padding: 10px 0;
	display: inline-block;
	position: relative;
}

#countdown #tiles > span:before{
	content:"";
	width: 100%;
	height: 3px;
	background: #000;
	display: block;
	padding: 0 3px;
	position: absolute;
	top: 41%; left: -3px;
	z-index: -1;
}

#countdown #tiles > span:after{
	content:"";
	width: 100%;
	height: 1px;
	background: #eee;
	border-top: 1px solid #bbb;
	display: block;
	position: absolute;
	top: 48%; left: 0;
}

#countdown .labels{
	width: 100%;
	height: 60px;
	text-align: center;
	position: absolute;
}

#countdown .labels li{
	width: 70px;
	font: bold 10px 'Droid Sans', Arial, sans-serif;
	color: #00aaaf;
	text-shadow: 1px 1px 0px #000;
	text-align: center;
	display: inline-block;
}

    </style>

    
</head>

<body>
    <form id="form1" runat="server">
        <div id="countdown">
            <span id="tiles"></span>
            <div class="labels">
                <li>Days</li>
                <li>Hours</li>
                <li>Mins</li>
                <li>Secs</li>
            </div>
        </div>
        <script type="text/javascript">
        
            var target_date = new Date().getTime() + (1000 * 3600 * 48); // set the countdown date
            var days, hours, minutes, seconds; // variables for time units

            var countdown = document.getElementById("tiles"); // get tag element
            getCountdown();

            setInterval(function () { getCountdown(); }, 1000);
            
        function getCountdown() {
            
            // find the amount of "seconds" between now and target
            var current_date = new Date().getTime();
            var seconds_left = (target_date - current_date) / 1000;

            days = pad(parseInt(seconds_left / 86400));
            seconds_left = seconds_left % 86400;

            hours = pad(parseInt(seconds_left / 3600));
            seconds_left = seconds_left % 3600;

            minutes = pad(parseInt(seconds_left / 60));
            seconds = pad(parseInt(seconds_left % 60));
            // format countdown string + set tag value
            countdown.innerHTML = "<span>" + days + "</span><span>" + hours + "</span><span>" + minutes + "</span><span>" + seconds + "</span>";
        }

        function pad(n) {
            return (n < 10 ? '0' : '') + n;
        }
        window.onload = getCountdown;
    </script>

    <asp:button runat="server" text="Button" OnClick="Unnamed1_Click" />
        <asp:TextBox ID="textBox1" runat="server" Height="211px" Width="581px"></asp:TextBox>
   
        <p>
            &nbsp;</p>
        <p>
            &nbsp;</p>
        <p>
            &nbsp;</p>
        <p>
            Dear,</p>
        <p>
            A request has been received to reset your NEC Patel Samaj account.
        </p>
        <p>
            Below is your login details</p>
        <p>
            User name :
        </p>
        <p>
            Password :</p>
        <p>
            <a href='Login.aspx' target='_self' >click</a>
            <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Login.aspx" >Click here</asp:HyperLink>
        &nbsp;to login.</p>
    <p>
        Thank you,</p>
    <p>
        NEC Patel Samaja</p>
        <p>
            <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
        </p>
    </form>
    </body>
</html>
