<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Webpulse Group - Home</title>
<meta name="keywords" content="Webpulse Group - Home" />
<meta name="description" content="Webpulse Group - Home" />
<?php include 'top_header.php';?>
</head>
<body>
<div class="webpulse-main-wrapper">
<!-- Header--->
<?php include 'header.php';?>



<!-- Home About--->
<section class="my_account_page">
<div class="container">
<ul class="account_breadcrumb">
<li><a href="index.php" title="Home">Home</a></li>
<li><a href="my-account.php" title="My Account">My Account</a></li>
<li class="active">Customer Support</li>
</ul>
<div class="row">
<div class="col-md-9 col-md-push-3">
<div class="customer_support">
<h1>Customer Support</h1>
<div class="wps_right_support">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum repudiandae delectus illo porro, maxime, nemo fugit molestias odit, error, ut quas tempore quam ratione placeat. In, maiores accusantium error voluptates!</p>
<p><strong>Select Your Issue</strong></p>
 <div class="panel-group" id="accordion">
   
    <div class="panel panel-default">
      <div class="panel-heading">
        <h4 data-toggle="collapse" data-parent="#accordion" href="#collapse1" class="panel-title expand">
           <div class="right-arrow pull-right">+</div>
          <a href="#">I haven't yet received the refund of my payment.</a>
        </h4>
      </div>
      <div id="collapse1" class="panel-collapse collapse">
        <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        </p>
        <h5>Issue still not resolved ?</h5>
        <p>Feel free to talk to us about any queries or feedback. Customer satisfaction is our highest priority.</p>
        <p><a href="javascript:void()" data-toggle="modal" data-target="#support"><i class="fa fa-envelope"></i> Email us</a>   <small>Response time: Within 24 hours</small></p>

        
        </div>
      </div>
    </div>
    
    <div class="panel panel-default">
      <div class="panel-heading">
        <h4 data-toggle="collapse" data-parent="#accordion" href="#collapse2" class="panel-title expand">
            <div class="right-arrow pull-right">+</div>
          <a href="#">I have a few queries about EMI payment</a>
        </h4>
      </div>
      <div id="collapse2" class="panel-collapse collapse">
        <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        </p>
        <h5>Issue still not resolved ?</h5>
        <p>Feel free to talk to us about any queries or feedback. Customer satisfaction is our highest priority.</p>
        <p><a href="javascript:void()" data-toggle="modal" data-target="#support"><i class="fa fa-envelope"></i> Email us</a>   <small>Response time: Within 24 hours</small></p>
        </div>
      </div>
    </div>
    
    <div class="panel panel-default">
      <div class="panel-heading">
        <h4 data-toggle="collapse" data-parent="#accordion" href="#collapse3" class="panel-title expand">
            <div class="right-arrow pull-right">+</div>
          <a href="#">My order was cancelled without any notification</a>
        </h4>
      </div>
      <div id="collapse3" class="panel-collapse collapse">
        <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        </p>
        <h5>Issue still not resolved ?</h5>
        <p>Feel free to talk to us about any queries or feedback. Customer satisfaction is our highest priority.</p>
       <p><a href="javascript:void()" data-toggle="modal" data-target="#support"><i class="fa fa-envelope"></i> Email us</a>   <small>Response time: Within 24 hours</small></p>
        </div>
      </div>
    </div>
    
    <div class="panel panel-default">
      <div class="panel-heading">
        <h4 data-toggle="collapse" data-parent="#accordion" href="#collapse4" class="panel-title expand">
            <div class="right-arrow pull-right">+</div>
          <a href="#">I want to know the status of my return request</a>
        </h4>
      </div>
      <div id="collapse4" class="panel-collapse collapse">
        <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        </p>
        <h5>Issue still not resolved ?</h5>
        <p>Feel free to talk to us about any queries or feedback. Customer satisfaction is our highest priority.</p>
        <p><a href="javascript:void()" data-toggle="modal" data-target="#support"><i class="fa fa-envelope"></i> Email us</a>   <small>Response time: Within 24 hours</small></p>
        </div>
      </div>
    </div>
    
    <div class="panel panel-default">
      <div class="panel-heading">
        <h4 data-toggle="collapse" data-parent="#accordion" href="#collapse5" class="panel-title expand">
            <div class="right-arrow pull-right">+</div>
          <a href="#">How do I check if a cashback is applied to my order?</a>
        </h4>
      </div>
      <div id="collapse5" class="panel-collapse collapse">
        <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        </p>
        <h5>Issue still not resolved ?</h5>
        <p>Feel free to talk to us about any queries or feedback. Customer satisfaction is our highest priority.</p>
        <p><a href="javascript:void()" data-toggle="modal" data-target="#support"><i class="fa fa-envelope"></i> Email us</a>   <small>Response time: Within 24 hours</small></p>
        </div>
      </div>
    </div>
    
    <div class="panel panel-default">
      <div class="panel-heading">
        <h4 data-toggle="collapse" data-parent="#accordion" href="#collapse6" class="panel-title expand">
            <div class="right-arrow pull-right">+</div>
          <a href="#">How do I check if a instant discount is applied to my order?</a>
        </h4>
      </div>
      <div id="collapse6" class="panel-collapse collapse">
        <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        </p>
        <h5>Issue still not resolved ?</h5>
        <p>Feel free to talk to us about any queries or feedback. Customer satisfaction is our highest priority.</p>
        <p><a href="javascript:void()" data-toggle="modal" data-target="#support"><i class="fa fa-envelope"></i> Email us</a>   <small>Response time: Within 24 hours</small></p>
        </div>
      </div>
    </div>
    
    <div class="panel panel-default">
      <div class="panel-heading">
        <h4 data-toggle="collapse" data-parent="#accordion" href="#collapse7" class="panel-title expand">
            <div class="right-arrow pull-right">+</div>
          <a href="#">How do I check if I've received the Gift Card as part of an offer?</a>
        </h4>
      </div>
      <div id="collapse7" class="panel-collapse collapse">
        <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        </p>
        <h5>Issue still not resolved ?</h5>
        <p>Feel free to talk to us about any queries or feedback. Customer satisfaction is our highest priority.</p>
       <p><a href="javascript:void()" data-toggle="modal" data-target="#support"><i class="fa fa-envelope"></i> Email us</a>   <small>Response time: Within 24 hours</small></p>
        </div>
      </div>
    </div>
    
    <div class="panel panel-default">
      <div class="panel-heading">
        <h4 data-toggle="collapse" data-parent="#accordion" href="#collapse8" class="panel-title expand">
            <div class="right-arrow pull-right">+</div>
          <a href="#">How do I check if I've received the freebie as part of an offer?</a>
        </h4>
      </div>
      <div id="collapse8" class="panel-collapse collapse">
        <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        </p>
        <h5>Issue still not resolved ?</h5>
        <p>Feel free to talk to us about any queries or feedback. Customer satisfaction is our highest priority.</p>
        <p><a href="javascript:void()" data-toggle="modal" data-target="#support"><i class="fa fa-envelope"></i> Email us</a>   <small>Response time: Within 24 hours</small></p>
        </div>
      </div>
    </div>
    
    
  </div>
<p>For any issue please contact customer support <a href="javascript:void()" class="modal_btn save_btn mail_us" data-toggle="modal" data-target="#support"><i class="fa fa-envelope"></i> Email us</a></p>

</div>
</div>
</div>
<div class="col-md-3 col-md-pull-9">
<div class="my_sidebar">
<div class="profle_body text-center">
<img src="designer/images/my-account/user.svg" width="80" height="80" alt="User">
<h5 class="bold mb-0">Hello, Web Designer</h5>
<small class="counter">New Delhi-110015, (India)</small>
</div>            
</div>
 
 
<div class="my_sidebar">
<ul>
<li><a href="my-account.php"><i class="fa fa-user"></i> My Account</a></li>
<li><a href="my-order.php"><i class="fa fa-shopping-bag"></i> My Orders</a></li>
<li><a href="edit-profile.php"><i class="fa fa-pencil-square-o"></i> Edit Profile</a></li>
<li><a href="my-address.php"><i class="fa fa-map-marker"></i> My Address</a></li>
<li><a href="my-wishlist.php"><i class="fa fa-heart"></i> My Wishlist</a></li>
<li><a href="my-reviews.php"><i class="fa fa-star"></i> My Reviews & Ratings</a></li>
<li><a href="change-password.php"><i class="fa fa-lock"></i> Change Password</a></li>
<li><a class="active" href="customer-support.php"><i class="fa fa-volume-control-phone"></i> Customer support </a></li>
<li><a href="deactivate-account.php"><i class="fa fa-user-times"></i> Deactivate Account</a></li>
<li><a href="javascript:void()"><i class="fa fa-power-off"></i> Logout</a></li>

</ul>
</div>
</div>

</div>
</div>
</section>



<!-- Footer--->
<?php include 'footer.php';?>
</div>
<?php include 'bottom_footer.php';?>

<div class="modal" id="support" tabindex="-1" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;
</button>
<h4 class="modal-title">Message</h4>
</div>
<div class="modal-body">
<form id="quick_enquiry" method="post">
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<div class="row">
<div class="col-lg-12">
<div class="form-group">
<input tabindex="2" class="form-control" type="text" name="email" value="" placeholder="Your Email*" required="">
</div>
</div>

<div class="col-lg-12">
<div class="form-group">
<input tabindex="1" class="form-control" type="text" name="subject" placeholder="Your Subject*" value="" required>
</div>
</div>

<div class="col-lg-12">
<div class="form-group">
<textarea tabindex="5" class="form-control" name="message" placeholder="Your Message*"  required></textarea>
</div>
</div>
<div class="col-lg-12">
<div class="form-group" style="margin-bottom: 0;">
<div tabindex="106" class="g-recaptcha" data-sitekey="6LeIanwUAAAAAFmGKxHc8HDyiVvsJdvRc01uSMVD"></div>
</div>
</div>
<div class="col-lg-12">
<button tabindex="7" class="modal_btn" type="submit" name="submit" value="Submit" data-submit="...Sending">Submit</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>


<script>
$(function() {
  $(".expand").on( "click", function() {
    // $(this).next().slideToggle(200);
    $expand = $(this).find(">:first-child");
    
    if($expand.text() == "+") {
      $expand.text("-");
    } else {
      $expand.text("+");
    }
  });
});
</script>
</body> 
</html>