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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>NECPS</title>
    <meta name="keywords" content="NECPS,PATEL,samaj,chikhli,new england,new england patel" />
    <link href="class.css" rel="stylesheet" />
    <link href="styles.css" rel="stylesheet" type="text/css" />

<!-- 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>
<!-- Initialize each slider on the page. Each slider must have a unique id -->
	<script type="text/javascript">
	    $().ready(function () {
	        $('#coda-slider-2').codaSlider({
	            autoSlide: true,
	            autoSlideInterval: 6000,
	            autoSlideStopWhenClicked: true

	        });
	    });
</script>
	<!-- End JavaScript -->

<!-- Pirobox setup and styles -->

<script type="text/javascript" src="lib/pirobox.js"></script>
<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: 330px;
	height: 70px;
	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: 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: 49%; 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: 50%; left: 0;
}*/

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

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

    </style>
<link href="Pictures/style.css" rel="stylesheet" type="text/css" /> 


</head>
<body>
    <form id="form1" runat="server">
    
<div id="main_bg">
<div id="main">
<!-- header begins -->
<div id="header">
	<div id="logo">
    	
      	<h2>Welcome to the New England Chikhli Patel Samaj</h2>
        
    </div>
   <div id="buttons" >
      <a href="default.aspx" class="but"  title="">Home</a><div class="but_razd"></div>
      <!--<a href="blog.html" class="but" title="">Blog</a><div class="but_razd"></div>-->
      <a href="Gallery.aspx"  class="but" title="">Gallery</a><div class="but_razd"></div>
      <a href="Aboutus.aspx"  class="but" title="">About us</a><div class="but_razd"></div>
      <a href="default.aspx" class="but" title="">Contact us</a><div class="but_razd"></div>
      <a href="search.aspx" class="but" title="" style="width:165px;">Invitation/Payment</a>
    <%--<div>
       <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>--%>
    </div>
</div>
<!-- header ends -->
<%--<div class="top">
<div class="top_text">
	<div class="coda-slider-wrapper">
	<div class="coda-slider preload" id="coda-slider-2">
		<%--<div class="panel">
			<div class="panel-wrapper">
				<div class="my_header">
					<h1>Picnic 2017</h1>
					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.
					<%--<div class="read_l"><a target="_blank" href="https://en.wikipedia.org/wiki/Dhanteras">read more</a></div>-- %>
					</div>
			</div>
		</div>--%>
        <%--<div class="panel">
			<div class="panel-wrapper">
				<div class="my_header"><img src="Pictures/img11.jpg" width="430" height="278" class="top_img" alt="" />
					<h1>Dhan Teras</h1>
					Dhanteras ( Hindi : धनतेरस, Sanskrit/Marathi : धनत्रयोदशी) is the first day of the five-day Diwali Festival as celebrated primarily in Northern & Western part of India. The festival, known as "Dhanatrayodashi" or "Dhanvantari Trayodashi".The word Dhana means wealth and Trayodashi 
                    means 13th day as per Hindu calendar. <%--<div class="read_l"><a target="_blank" href="https://en.wikipedia.org/wiki/Dhanteras">read more</a></div>- -%>
					</div>
			</div>
		</div>
		<div class="panel">
			<div class="panel-wrapper">
				
				<div class="my_header">
						<div class="scroll_left"><img src="Pictures/scroll2.jpg" class="top_img" alt="" /></div>
						<div class="scroll_right">
							<div class="scroll_left_inside"><h1>First Title</h1>
							<ul>
								<li><a href="#">Lorem ipsum dolor</a></li>
								<li><a href="#">Sed tristique nunc ut libero</a></li>
								<li><a href="#">Fusce sed turpis felis</a></li>
								<li><a href="#">Maecenas aliquet purus</a></li>
								<li><a href="#">Duis quis est sem</a></li>
								<li><a href="#">Morbi non leo ut risus</a></li>
								<li><a href="#">Integer posuere diam sem</a></li>
								<li><a href="#">Maecenas a nisl sem</a></li>
							</ul>
							</div>
							<div class="scroll_right_inside">
							<h1>Second Title</h1>
							<ul>
								<li><a href="#">Phasellus at mauris est</a></li>
								<li><a href="#">Donec et arcu sapien</a></li>
								<li><a href="#">Nulla eget velit leo</a></li>
								<li><a href="#">Praesent lacinia felis </a></li>
								<li><a href="#">Pellentesque imperdiet sodales</a></li>
								<li><a href="#">Cras tempor tortor at justo</a></li>
								<li><a href="#">Duis et purus quis lorem </a></li>
							</ul>
							</div>
						</div>						
					</div>
				
			</div>
		</div>- -%>
        <div class="panel">
			<div class="panel-wrapper">
				<div class="my_header"><img src="Pictures/laxmipooja.jpg" width="430" height="278" class="top_img" alt="" />
					<h1>Laxmi Poojan</h1>
					Lakshmi Puja is a Hindu religious prayer sung on Amavasya, the third day of Diwali. It is often sung during the Tihar festival in Nepal. Adherents show reverence to the Goddess Lakshmi by placing small oil lamps or candles inside and outside their homes. They pray for prosperity and well-being for their families and businesses.
                    <%--<div class="read_l"><a target="_blank" href="https://en.wikipedia.org/wiki/Lakshmi_Puja">read more</a></div>- -%>
					</div>
			</div>
		</div>
		<div class="panel">
			<div class="panel-wrapper">
				
				<div class="my_header"><img src="Pictures/scroll4.jpg" class="top_img" alt="" />
					<h1>Diwali</h1>
					Diwali (or Deepavali, the "festival of lights") is an ancient Hindu festival celebrated in autumn (northern hemisphere) every year. Deepavali is the biggest and the brightest festival in India. The festival spiritually signifies the victory of light over darkness.
					<%--<div class="read_l"><a target="_blank" href="https://en.wikipedia.org/wiki/Diwali">read more</a></div>- -%>
					</div>
				
			</div>
		</div>
		<div class="panel">
			<div class="panel-wrapper">
				
				<div class="my_header"><img src="Pictures/newyear.jpg" class="top_img" alt="" />
					<h1>Navu Varsh</h1>
					Hindu New Year is celebrated according to the Hindu Lunar Calendar- Panchanga. The popular name of the Hindu New Year is Vikram Samvat. In the Indian Calendar, seasons follow the sun, months follow the moon and days both sun and moon.
					
					</div>
				
			</div>
		</div>-- %>
		
	</div><!-- .coda-slider -->
</div>
		
    
    </div>
</div>--%>

        <!-- content begins -->
        		<div class="cont_top" >
                       
        		</div>
       			<div id="content">
              <div id="left" >
                                <h1>Welcome to the New England Chikhli Patel Samaj</h1>
                  <table width="100%" border="0"><tr>
                      <td >
                          <img src="Pictures/Picnic%202017.jpg" width="500px" /></td>
                      <td></td><td>
                              <div style="width:460px;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>
    <!-- content ends --> 
    <div style="height:15px; width: 888px;"></div>
    <!-- bottom begin -->
    <div id="bottom">
    	<!--<div id="b_col1">
       	  <h1>Recent Posts</h1>
            <ul>
                                    <li><a href="http://www.metamorphozis.com/free_templates/free_templates.php">Free Website Templates</a></li>
                                    <li><a href="http://www.metamorphozis.com/free_flash_templates/free_flash_templates.php">Free Flash Templates</a></li>
                                    <li><a href="http://www.metamorphozis.com/shop/easy_flash_templates.php">Easy Flash Templates</a></li>
         <li><a href="http://www.metamorphozis.com/website_hosting/index.php">Top Hosting Providers</a></li>
                                    <li><a href="http://www.metamorphozis.com/blog/category/free-fonts/">Free Fonts</a></li>
									<li><a href="http://www.metamorphozis.com/blog/category/freeicons/">Free Icons</a></li>
									<li><a href="http://www.metamorphozis.com/blog/category/free-photoshop-brushes/">Free Photoshop Brushes</a></li>
									<li><a href="http://www.metamorphozis.com/blog/feed/">RSS Subscribe</a></li>
            </ul>
        </div>-->
        <div id="b_col2">
        	<h1>Follow Us</h1>
            <ul>
                <li><img src="Pictures/fu_i2.gif" class=" fu_i" alt="" /><a href="#">Facebook</a></li>
            </ul>
            
      </div>
        <!--<div id="b_col3">
        	<h2>Latest Projects</h2>
        	<a href="Pictures/project1.jpg" class="pirobox_footer" title="First Project Screenshot"><img src="Pictures/bottom_i1.jpg" alt="" /></a><div style="height:10px"></div>
            <a href="Pictures/project2.jpg" class="pirobox_footer" title="Second Project Screenshot"><img src="Pictures/bottom_i2.jpg" alt="" /></a>
        </div>-->
      <div id="b_col4">
      		<h2>Send a Message</h2>
    		<form action="" method="post">
                      <div><input class="input_txt" value="Name" name="Name" type="text" /></div><div style="height:5px"></div>
                       <div> <input class="input_txt" value="E-mail" name="E-mail" type="text" /></div><div style="height:5px"></div>
                      <div><input class="input_txt" value="Subject" name="Subject" type="text" /></div><div style="height:5px"></div>
                      <div><textarea class="text_area" cols="32" rows="3" name="Message">Message</textarea></div>
                <div><input class="submit" name="Submit" type="submit" value="Submit" /></div>
           </form>
      </div>
      <div style="clear: both"></div>
    </div>
    <div style="display:inline;text-align:center">
   <%-- <div align='center'><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='free website hit counter'/></a></div>--%>
</div>
     <!-- bottom end --> 
<!-- footer begins -->
            <div id="footer"><p>Copyright  2015. <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> </p> 
	<!-- Please DO NOT remove the following notice --><!-- end of copyright notice--></div>
        <!-- footer ends -->
</div>

</div>

</form>
</body>
</html>
