1#@!#!123s

��JFIF�� 1#@!#!123s
: / home4 / mcspunei / public_html / shubhamangal.co.in / includes /
Filename : footer2.php
back
<script type="text/javascript" src="assets/js/jquery.js"></script>
<script type="text/javascript" src="assets/js/chat.js"></script>
 <script>
    $('.navbar-collapse ul li a').click(function() {
    $('.navbar-toggle:visible').click();
});
    </script>

<!-- SUPPORT & NEWSLETTER SECTION
================================================ <i class="icon-angle-right"></i> -->
<style> 
.quick-link{ color:#999; position:absolute; display:block;  }
.quick-link ul { float:left;}
.quick-link ul li {list-style: url(assets/images/bullet.png); border-bottom: 1px solid #CCC; padding:4px; margin-top:-5px;}
.quick-link ul li .last {list-style: url(assets/images/bullet.png); }
.quick-link ul li a { color:#999;}
.quick-link ul li a:hover { color:#000;}
#ro{
    border-radius:50%;
    border: 2px solid #FBA043;
    padding: 1px  6px  1px  6px; 
   
}
</style>





<!--END SUPPORT & NEWSLETTER SECTION-->
<style> .nel{background: #f2f2f2;
  border: solid 1px #e6e6e6;
  margin: 0 0 22px 0;
  padding: 20px;}
  
  .footer-social-icons2 {
  padding-bottom: 0px;
  margin-right: 0px;
}
.footer-social-icons2 a {
  position: relative;
  margin-left: 0px;
  color: #999;
  float: right;
  display: inline-block;
  margin-right:-5px;
}
  </style>
  
  
  
<section>
<div id="support">
  <div class="row" style="margin:auto;">
  <div class="col-md-12">
      <div class="col-md-4 collapse">
      <div class="nel quick-link">
      <h5> <i style="background:#000; color:#fff; border-radius:10px; padding:2px;" class="icon-link"></i> Important Links</h5>
       <table style="background:none; border:none;" width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                   <td>
                   <ul>
                <li><a href="about.php" >About Us</a></li>
                <li><a href="view_all_sucess.php" >Success Story</a></li>
				<li><a href="contact.php" >Contact Us</a></li>
                <li><a href="mainsearch.php" >Search </a></li>
                <li><a href="news.php"  >News</a></li>
				<li><a href="events.php" >Events</a> </li>
                </ul>
                    </td>
                 </tr>
                </table>
      </div>          
      </div>
      <div class="col-md-8">
       <div class="nel">
       <h5><i class="icon-thumbs-up"></i> NEWSLETTER SIGNUP</h5><p style="font-size:13px;">By subscribing to our mailing list you will always be update with the latest news from us.</p>
		  <!--Newsletter form-->
		  <form id="newsletter-form" name="newsletter-form"  method="post" class="row newsletter-form">
         
  <div class="form-group col-md-4">
    
    <div class="input-group">
      <div class="input-group-addon"><i class="icon-user"></i></div>
      <input type="text" class="form-control" id="exampleInputAmount" placeholder="Your name" required="" style="border:1px solid #ccc;">
     
    </div>
  </div>
  <div class="form-group col-md-5">
   
    <div class="input-group">
      <div class="input-group-addon"><i class="icon-envelope"></i></div>
      <input type="text" class="form-control" id="exampleInputAmount" placeholder="Your email" required="" style="border:1px solid #ccc;">
     
    </div>
  </div>
            <div class="col-md-3 ">
				<p><button type="submit" id="newsletter-submit" name="newsletter-submit" class="small radius button expand">JOIN US</button></p>
			</div>
            
			<div class="col-md-12 hidden-sm">

			  <div><small id="result" class="mc_result"></small></div><strong>
              <br><p></p><br>
            </strong></div>

		  </form><!--end newsletter-form--><script type="text/javascript">
			jQuery(document).ready(function($) {  
				// Prepare the Newsletter and send data to Mailchimp
				
				$('.newsletter-form').each(function() {
					$(this).submit(function() {
						var container = $(this);
							$.ajax({
									url: ajaxurl,
									type: 'POST',
									data: {
											action: 'mc_action',
											mc_email: $('.mc_email', container).attr('value'),
											yname: $('.mc_yname', container).attr('value'),
											list: $('.mc_list', container).attr('value'),
											nonce: '11a2fe2035'
									},
									success: function(data){
											$('.mc_result', container).html(data).css('color', 'green');
									},
									error: function() {
											$('.mc_result', container).html('Sorry, an error occurred.').css('color', 'red');
									}

							});
							return false;
					});
				});


			});
			
		</script></div>
      </div><!----------md-8----->
  </div>
                       <!---social -------->
              <div class=" col-md-12" style="float: right;">
              <div class="col-md-2" > </div>
                <div class="col-md-10" >
                      
                     
                     <div class=" col-md-8" style=""> <div  style="margin-top: 4px;  margin-right:0px;  text-align: right;"  >FOLLOW US ON </div></div>
                      
                            <div class=" col-md-4">
                                <div class="footer-social-icons2"><a target="_blank" href="<?php echo $twitter;?>"  ><i class="icon-twitter-sign icon-2x"></i></a></div>
								<div class="footer-social-icons2"><a target="_blank" href="<?php echo $fb;?>"  ><i class="icon-facebook-sign icon-2x"></i></a></div>
								<div class="footer-social-icons2"><a target="_blank" href="<?php echo $gplus;?>"  ><i class="icon-google-plus-sign icon-2x"></i></a></div>
								<div class="footer-social-icons2"><a target="_blank" href="<?php echo $pinint;?>"  ><i class="icon-pinterest-sign icon-2x"></i></a></div>
                                <div class="footer-social-icons2"><a target="_blank" href="<?php echo $youtube;?>"  ><i class="icon-youtube-sign icon-2x"></i></a></div>
                                <div class="footer-social-icons2"><a target="_blank" href="<?php echo $rss;?>"  ><i class="icon-rss-sign icon-2x"></i></a></div>
                                <div class="footer-social-icons2"><a target="_blank" href="<?php echo $linkedin;?>"  ><i class="icon-linkedin-sign icon-2x"></i></a></div>
                             </div>
                      
                      
                      </div>

              </div>
               
    <!----social-------->
  </div>
  
  
 </div> <!----------support---->
</section>









<!-- FOOTER SECTION
================================================ -->
<footer style="">
  <div id="footer" >
    <div class="row" style="max-width:980px; margin:auto">
          <div class="col-md-12">
        <p>Copyright © <?php echo date('Y');?> Responsive Matrimonial <a href="terms-of-use.php">Terms of Use</a> | <a href="privacy-policy.php">Privacy Policy</a><br class="hide-for-large show-for-small"> </p>      
     </div>
     
    </div>	
  </div><!--end footer-->
</footer>
<!--END FOOTER SECTION-->




<!-- POP-UP MODAL FORMS
================================================ -->
<!--Login panel-->
<div id="login_panel" class="reveal-modal">
  <div class="row">
    <div class="twelve columns">
      <h5 class="pink-text"><i class="icon-user icon-large"></i> SIGN IN YOUR ACCOUNT <span class="subheader right small-link"><a href="#" data-reveal-id="register_panel" class="radius secondary small button">CREATE NEW ACCOUNT</a></span></h5>
    </div>
    <form id="login_form" name="login_form" method="post" class="clearfix">
      <div class="six columns">
        <input type="text" id="username" name="username" class="inputbox" placeholder="Username" required>
      </div>
      <div class="six columns">
        <input type="password" id="password" name="password" class="inputbox" placeholder="Password" required>
      </div>
      <p class="twelve columns">
        <small>Responsive Matrimonial on :</small>
      </p>
      <div class="twelve columns">
        <button type="submit" id="login" name="submit" class="radius secondary button"><i class="icon-unlock"></i> &nbsp;LOG IN</button> &nbsp; <a href="#" class="radius button facebook"><i class="icon-facebook-sign"></i> &nbsp;LOG IN WITH Facebook</a>
      </div>
    </form>
    <div class="twelve columns"><hr>
      <ul class="inline-list">
        <li><small><a href="#" data-reveal-id="forgot_panel">FORGOT YOUR USERNAME?</a></small></li>
        <li><small><a href="#" data-reveal-id="forgot_panel">FORGOT YOUR PASSWORD?</a></small></li>
      </ul>
    </div>
  </div><!--end row-->
  <a href="#" class="close-reveal-modal">×</a>
</div><!--end login panel-->

<!-- Register panel -->
<div id="register_panel" class="reveal-modal">
  <div class="row">
    <div class="twelve columns">
      <h5 class="pink-text"><i class="icon-magic icon-large"></i> CREATE ACCOUNT <span class="subheader right small-link"><a href="#" data-reveal-id="login_panel" class="radius secondary small button">ALREADY HAVE AN ACCOUNT?</a></span></h5>	
    </div>
    <form id="register_form" name="register_form" method="post">
      <div class="six columns">
        <input type="text" id="reg-username" name="username" class="inputbox" placeholder="Username">
      </div>
      <div class="six columns">
        <input type="text" id="fullname" name="fullname" class="inputbox" placeholder="Your full name">
      </div>
      <div class="twelve columns">
        <input type="text" id="reg-email" name="email" class="inputbox" placeholder="Your email">
      </div>
      <div class="six columns">
        <input type="password" id="reg-password" name="password" class="inputbox" placeholder="Desired password">
      </div>
      <div class="six columns">
        <input type="password" id="confirm_password" name="confirm_password" class="inputbox" placeholder="Confirm password">
      </div>
      <div class="twelve columns">
        <p><small>Check our <a href="#"><strong>terms and conditions</strong></a> before sign up. If you familiar with our terms, go ahead click CREATE MY ACCOUNT button.</small></p>
        <button type="submit" id="signup" name="submit" class="radius alert button"><i class="icon-heart"></i> &nbsp;CREATE MY ACCOUNT</button>
      </div>
    </form>
  </div><!--end row-->
  <a href="#" class="close-reveal-modal">×</a>
</div><!-- end register panel -->

<!-- Forgot panel -->
<div id="forgot_panel" class="reveal-modal">
  <div class="row">
    <div class="twelve columns">
      <h5 class="pink-text"><i class="icon-lightbulb icon-large"></i> FORGOT YOUR DETAILS?</h5>
    </div>
    <form id="forgot_form" name="forgot_form" method="post" class="clearfix">
    <div class="twelve columns">
      <input type="text" id="forgot-email" name="email" class="inputbox" placeholder="Email Address">
      <button type="submit" id="recover" name="submit" class="radius secondary button">SEND MY DETAILS! &nbsp;<i class="icon-envelope"></i></button>
    </div>
    </form>
    <div class="twelve columns"><hr>
      <small><a href="#" data-reveal-id="login_panel" class="radius secondary label">WAIT, I REMEMBER NOW!</a></small>
    </div>
  </div><!--end row-->
  <a href="#" class="close-reveal-modal">×</a>
</div><!-- end register panel -->
<!-- end login register stuff -->

<p id="btnGoUp"><i class=" icon icon-angle-up "></i>Go up</p>
</div><!--end page-->  

<!--END POP-UP MODAL FORMS-->

 








 
<!-- JAVASCRIPTS
================================================ -->

	<!-- jQuery & Foundation Framework -->
 <!-- jQuery & Foundation Framework -->
  <script type="text/javascript" src="assets/scripts/jquery.js"></script>
  <script type="text/javascript" src="assets/scripts/foundation.min.js"></script>
  <script type="text/javascript" src="assets/scripts/app.js"></script>
  <!-- 3rd Plugins -->
  
	<!-- include carouFredSel plugin -->
 
  
  <!-- Custom JS effects, tweaks and inits -->
  <?php if(basename($_SERVER['PHP_SELF']) == "index.php") { ?>
   <script type="text/javascript" src="assets/scripts/plugins/carouFredSel/jquery.carouFredSel-6.2.0-packed.js"></script>
  <script type="text/javascript" src="assets/scripts/plugins/knob/jquery.knob.js"></script>
  <script type="text/javascript" src="assets/scripts/app.js"></script>
   <script type="text/javascript" src="assets/scripts/plugins/fittext/jquery.fittext.js"></script>
  <script type="text/javascript" src="assets/scripts/plugins/quovolver/jquery.quovolver.js"></script>

 <!-- Top-members----->
 
  
<script type="text/javascript" src="assets/js/top-members.js"></script>

<script type="text/javascript">

$(window).load(function() {
    $("#flexiselDemo1").flexisel();
    $("#flexiselDemo2").flexisel({
        enableResponsiveBreakpoints: true,
        responsiveBreakpoints: { 
            portrait: { 
                changePoint:480,
                visibleItems: 1
            }, 
            landscape: { 
                changePoint:640,
                visibleItems: 2
            },
            tablet: { 
                changePoint:768,
                visibleItems: 3
            }
        }
    });

    $("#flexiselDemo3").flexisel({
        visibleItems: 10,
        animationSpeed: 1000,
        autoPlay: true,
        autoPlaySpeed: 3000,            
        pauseOnHover: true,
        enableResponsiveBreakpoints: true,
        responsiveBreakpoints: { 
            portrait: { 
                changePoint:480,
                visibleItems: 1
            }, 
            landscape: { 
                changePoint:640,
                visibleItems: 2
            },
            tablet: { 
                changePoint:768,
                visibleItems: 3
            }
        }
    });

    
    
});
</script>

    <!-- Demo -->

    <style>
    #owl-demo2 .owl-item div{
      padding:0px;
    }
    #owl-demo2 .owl-item img{
      display: block;
      width:100%;
      height: auto;
      -webkit-border-radius:0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
    }
    </style>

    <script>
    $(document).ready(function() {
      $("#owl-demo2").owlCarousel({
        autoPlay : 3000,
        stopOnHover : true,
        navigation:true,
        paginationSpeed : 1000,
        goToFirstSpeed : 2000,
        singleItem : true,
        autoHeight : true,
        transitionStyle:"fade"
      });
    });
    </script>
    


    <script src="OwlCarousel-master/owl-carousel/owl.carousel.js"></script>


    <!-- Demo -->

    <style>
    #owl-demo .item{
        background: #3fbf79;
        padding: 30px 0px;
        margin: 10px;
        color: #FFF;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-align: center;
    }
    .customNavigation{
      text-align: center;
    }
    .customNavigation a{
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    </style>


    <script>
    $(document).ready(function() {

      var owl = $("#owl-demo");

      owl.owlCarousel();

      // Custom Navigation Events
      $(".next").click(function(){
        owl.trigger('owl.next');
      })
      $(".prev").click(function(){
        owl.trigger('owl.prev');
      })
      $(".play").click(function(){
        owl.trigger('owl.play',1000);
      })
      $(".stop").click(function(){
        owl.trigger('owl.stop');
      })


    });
    </script>


    <script src="OwlCarousel-master/assets/js/bootstrap-collapse.js"></script>
    <script src="OwlCarousel-master/assets/js/bootstrap-transition.js"></script>
    <script src="OwlCarousel-master/assets/js/bootstrap-tab.js"></script>

    <script src="OwlCarousel-master/assets/js/google-code-prettify/prettify.js"></script>
	  <script src="OwlCarousel-master/assets/js/application.js"></script>

  
  
 

<?php } ?>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> 

   

    

  
  
</body>
</html>