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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Contact us</title>
     <meta charset='utf-8'>
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="Menustyles.css">
   <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
   <%--<script src="script.js"></script>--%>
    <link href="class.css" rel="stylesheet" />
    <link href="styles.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript">
    $(document).ready(function () {
        $().piroBox({
            my_speed: 400, //animation speed
            bg_alpha: 0.1, //background opacity
            slideShow: false, // true == slideshow on, false == slideshow off
            slideSpeed: 4, //slideshow duration in seconds(3 to 6 Recommended)
            close_all: '.piro_close,.piro_overlay'// add class .piro_overlay(with comma)if you want overlay click close piroBox
        });
    });
</script>
     <style>
   #countdown{
	width: 290px;
	height: 55px;
	text-align: center;
	background: #f6f4c8;

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

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

#countdown #tiles > span{
	width: 72px;
	max-width: 50px;
	font: bold 20px '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 .labels{
	width: 100%;
	height: 60px;
	text-align: center;
	
}

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

         .body {
             background-image: url(pictures/Nature.jpg);
             background-repeat:no-repeat; 
             background-size: cover;
             -webkit-background-size: cover;  
             -moz-background-size: cover;  
             -o-background-size: cover;  
             
         }
    </style>

<!-- Begin JavaScript -->

		<script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="lib/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="lib/jquery.coda-slider-2.0.js"></script>



<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jconfirmaction.jquery.js"></script>
<script type="text/javascript" src="lib/jquery-1.3.0.js"></script>

   
<%--<script lang="javascript" type="text/javascript" src="niceforms.js"></script>--%>



</head>
<body class="body">
    <form id="form1" runat="server">
        <table>
            <tr><td colspan="2">
                <div style="margin-top:50px;margin-bottom:-40px;margin-left:870px;">
       <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('7/15/2017').getTime(); // set the countdown date // 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>
           </div>

                </td></tr>
            <tr><td style="vertical-align:top">
      <div>
    
        <div id='cssmenu' style="margin-top:50px;">
<ul>
                <li class='active'><a href='#'>Home</a></li>
                <li><a href='#'>Gallery</a></li>
                <li><a href='#'>Announcement</a></li>
                <li><a href='#'>About us</a></li>
                <li><a href='#'>Contact us</a></li>
    <li><a href='#'>Invitation/Payment</a></li>
            </ul>
</div>
    </div>
            </td>
                <td style="vertical-align:top;">
                <div style="align-content:center; margin-top:50px;margin-left:35px;">
        	<div class="cont_top" >
                       
        		</div>
       			<div id="content">
              <div id="left" style="width:850px !important;" >
                                
                  <h1>This is Demo Page</h1>
                  <table width="100%" border="0"><tr>
                     <td>
                              <div style="width:100%;text-align:left;margin-left:10px;top:0px;">
                                <h4>
                                   <%-- NECPS would like to thank you and your family members for making year 2016 events a great success. NECPS is very proud of organizing events for its family members. Just like previous years, NECPS has planned the annual picnic this year. You and your family are invited to our annual picnic. We will have our traditional barbeque, food, drinks, games and other activities for kids. You will be required to contribute amount listed to cover cost for the picnic.--%>
                                </h4>
                                  <br />
                                  <h4>
                                       <%--Please <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="https://necpatelsamaj.com/search.aspx">RSVP</asp:HyperLink> by June 30<sup>th</sup>. After June 30<sup>th</sup> extra $5.00 per person late fee will be charge.--%>
                                  </h4>
                                  <br />
                                   <div style="text-align:center">
                                      <%-- <h3><u>Picnic Date</u></h3>
                                       <h4>Saturday, July 15<sup>th</sup> 2017</h4>--%>
                                   </div>
								
                              </div>
                        </td></tr></table>
                        </div>
                        <div style="clear: both"></div>
                    </div>
                  <div class="cont_bot"></div>
                    </div>
        </td></tr></table>
    </form>
     <div style="padding-left:650px;">
    <div><a href='http://www.free-website-hit-counter.com'><img src='http://www.free-website-hit-counter.com/c.php?d=4&id=100617&s=2' border='0' title='Website Hit Counter'/></a></div>
</body>
</html>
