Menu icon Foundation
can a slider be placed into an accordion-tab?

I place sliders in tabs/accordion and the bullets are showing up but not the slides. Here is my code.

 

 

<div class="off-canvas-wrapper">
  <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
 
 
  <!--off-canvas-title-bar-for-small-screen-->
  <div class="row wrap3">
  <div class="small-12 hide-for-medium" >
    <div class="title-bar title-bar2" data-responsive-toggle="widemenu" data-hide-for="medium">
      <div class="title-bar-left" style="padding:10px 10px 10px 10px;">
      
        <button class="menu-icon"  type="button" data-toggle="offCanvasLeft"></button>
      </div>
      <div class="show-for-small-only small-4 float-center" style="padding-top:15px; padding-bottom:10px;"><a href="index.html"><img src="img/TKFlogoOrange.png" alt="The Kim Foundation" longdesc="#"></a></div>
      <div class="title-bar-right small-3" style="margin-top:-95px; margin-right:15px;">
     <a href="by-location.html" class="Button tiny" style="color:#f8971d;"><i class="fi-magnifying-glass" style="font-size:medium; color:#f8971d;"></i> <span style="color:#f8971d; font-size:13px; line-height:14px;">Find Help</span></a>
  <p><a href="tel:4028916911" style="color:#f8971d;">402.891.6911</a>
     
      </div>
   
      
    </div>
</div>
</div>

      <!--off-canvasleftmenu-->
    <div class="off-canvas position-left" id="offCanvasLeft" data-off-canvas style="padding:10px;">
    
        <!--Close-button-->
        <p style="text-align:center; padding-top:15px; padding-bottom:10px; font-size:16px !important; font-weight:bold bold;">
        <button type="button" class="buttonClose tiny" data-toggle="offCanvas" data-close>X Close Menu</button>
        </p>
              <ul class="vertical dropdown menu text-left" data-dropdown-menu>
        <li><a href="donate.html">Donate</a></li>
        <li><a href="newsletter.html">Newsletter</a></li>
        <li><a href="emergency-response.html">Emergency Response</a></li>
        <li><a href="by-location.html">Finding Help</a></li>
        <li><a href="get-involved.html">Get Involved</a></li>
        <li><a href="mission.html">Who We Are</a></li>
        <li><a href="contact-us.html">Contact Us</a></li>
      </ul>
    </div>

  <!--End-of-canvis-menu-->  
  
  
  
  <div class="row">
  <div class="small-12 medium-12 larger-12 columns">
  
   <div class="KFlogo hide-for-small-only medium-9 large-10" style="float:left; padding-bottom:10px;"> <a href="index.html"><img src="img/KimLogo-newBrown.png" alt="The Kim Foundation"></a> </div>
 
  <div class="socialMedia hide-for-small-only medium-3 large-2" style="float:right;">
   <a href="by-location.html" class="Button tiny hide-for-small-only">
  <i class="fi-magnifying-glass hide-for-small-only" style="font-size:medium;"></i> Find Help</a>
  <p class="hide-for-small-only"><a href="tel:4028916911" class="hide-for-small-only">402.891.6911</a></p> 
 <a href="https://www.facebook.com/thekimfoundation"><i class="fi-social-facebook SocialMedia"></i></a>
  <a href="http://www.thekimfoundation.org/blog/"><i class="fi-social-blogger SocialMedia"></i></a>
  <a href="https://twitter.com/kimfoundation"><i class="fi-social-twitter SocialMedia"></i></a>
  <a href="https://www.youtube.com/user/TheKimFoundation"><i class="fi-social-youtube SocialMedia"></i></a>
  </div>
 
  </div>
  </div>
  
 <!-----------Drop Down Menus--------------------->
  <div class="row">
  <div class="hide-for-small-only medium-12 large-12 columns menu-centered">
  <ul class="dropdown menu ddmenu" data-dropdown-menu>
  <li>
    <a href="#">About Mental Illness</a>
    <ul class="menu text-left">
      <li><a href="by-illness-and-population.html">By Illness & Population</a></li>
      <li><a href="causes.html">Causes</a></li>
      <li><a href="recovery.html">Recovery</a></li>
      <li><a href="faq.html">FAQs</a></li>
      <!-- ... -->
    </ul>
  </li>
 <li>
    <a href="#">Finding Help</a>
    <ul class="menu text-left">
      <li><a href="emergency-response.html">Emergency Response</a></li>
      <li><a href="by-location.html">By Location</a></li>
      <li><a href="support-groups.html">Support Groups</a></li>
      <li><a href="website-resources.html">Local & National Resources</a></li>
      <!-- ... -->
    </ul>
  </li>
  <li>
    <a href="#">Community Outreach</a>
    <ul class="menu text-left">
      <li><a href="13-minutes.html">13 minutes</a></li>
      <li><a href="the-metro-area-loss-team.html">Metro Area LOSS Team</a></li>
      <li><a href="a-voice-for-hope-healing.html">A Voice For Hope & Healing</a></li>
      <li><a href="dont-be-sidelined.html">Don't Be Sidelined</a></li>
      <!-- ... -->
    </ul>
  </li>
  <li>
    <a href="#">Suicide Prevention</a>
    <ul class="menu text-left">
      <li><a href="about-suicide.html">About Suicide</a></li>
      <li><a href="suicide-warning-signs.html">Suicide Warning Signs</a></li>
      <li><a href="suicide-risk-factors.html">Suicide Risk & Protective Factors</a></li>
      <li><a href="starting-the-conversation.html">Starting the Conversation</a></li>
      <li><a href="suicide-facts.html">Suicide Facts</a></li>
      <li><a href="appropriate-language-reporting.html">Appropriate Language & Reporting</a></li>
      <li><a href="safeguarding-your-home.html">Safeguarding Your Home</a></li>
      <!-- ... -->
    </ul>
  </li>
  <li>
    <a href="#">Get Involved</a>
    <ul class="menu text-left">
      <li><a href="get-involved.html">Get Involved</a></li>
      <li><a href="calendar-events.html">Calendar of Events</a></li>
      <li><a href="community-initiatives.html">Community Initiatives</a></li>
      <li><a href="state-federal-legislation.html">State & Federal Legislation</a></li>
      <li><a href="TAGG.html">TAGG</a></li>
      <li><a href="annual-luncheon.html">Annual Luncheon</a></li>
      <!-- ... -->
    </ul>
  </li>
  <li>
    <a href="#">Who We Are</a>
    <ul class="menu text-left">
    <li><a href="who-we-are.html">Who We Are</a></li>
      <li><a href="history.html">History</a></li>
      <li><a href="mission.html">Our Mission</a></li>
       <li><a href="our-team.html">Our Team</a></li>
      <!-- ... -->
    </ul>
  </li>
    <li>
    <a href="contact-us.html">Contact Us</a>
   </li>
      <!-- ... -->
    </ul>
  </li>
</ul>
</div>
</div>
  <!------------End of Drop Down menues----------------->
  
  
  
<!----------image banner---------------------->

<div class="row fullWidth">
<div class="large-12 medium-12 small-12 columns" style="background-color:#4F1E4B;"><!-- InstanceBeginEditable name="hero-graphic" --><img src="img/insideBanner3.jpg" alt="Get Involved"><!-- InstanceEndEditable --></div>
</div>
 
<!----------End of image banner---------------------->
  



          

<!-----------------purple banner with tagline------------>

<div class="row fullWidth">
<div class="large12 columns" style="background-color:#4F1E4B; padding:8px 0px 0px 0px;">
<h2 class="mission Quicksand" style="text-align:center; padding:0px 20px 5px 20px;">A <span class="qwigley">Supportive</span> Resource and <span class="qwigley">Compassionate</span> Voice for Lives <span class="qwigley">Touched</span> by Mental Illness and Suicide.</h2>
</div>
</div>

<!-----------------end of purple banner with tagline------------>
       
   
    
<!-----------------Body content------------>

    <div class="row" style="padding:15px 35px 10px 35px;">
      <div class="large-12 columns">
<!-- InstanceBeginEditable name="body" -->        
          <h3 class="qwigley" style="padding-top:10px;">Get Involved</h3>
          <p class="Quicksand" style="padding-right:40px;">Our volunteers are a vital part of our success at The Kim Foundation. Volunteering can be a positive way to not only give back to the community but to also improve your own mental health. It has many benefits for both the mind and body. Volunteering can help to build new relationships, increase self-confidence, improve mental and physical health, provide new experiences, and also offer a fun and exciting opportunity.</p>
          
<div class="testimonial-wrap">
<div class="row">
        <div class="large-12 columns centered-text">
            
        </div>
    </div>

    <div class="row">
        <div class="smaill-12 medium-6 large-6 columns testimonial" style="margin-right:30px;">
            <div class="quote">
            <h6>Ask the question</h6>
            <p class="Quicksand">Asking about suicidal thoughts or feelings won't push someone into doing something self-destructive. In fact, offering an opportunity to talk about feelings may reduce the risk of acting on suicidal feelings. The first step is to find out whether the person is in danger of acting on suicidal feelings. Be sensitive, but ask direct questions.</p>
            </div>
            
            <div class="QuoteMargin">
                
            </div>
        </div>





        <div class="small-12 medium-12 large-12 columns testimonial" style="float:left;">
     <ul class="accordion" data-accordion data-allow-all-closed="true">
     <li class="accordion-item" data-accordion-item>
                <a href="#" class="accordion-title">1.) Start the conversation</a>
    
             <div class="accordion-content" data-tab-content>

<!-----------Slider---------------------------------->
<div class="orbit" role="region" aria-label="Ask The Question" data-orbit data-use-m-u-i="false">
<ul class="orbit-container">
    
  <li class="orbit-slide">
  <div>
   <p class="Quicksand">Before starting a conversation with someone you are concerned about, be sure to have suicide crisis resources on hand. For additional resources, check out Get Help Now.</p>
  </div>
</li>


<li class="orbit-slide">
  <div>
    <p class="Quicksand">Find a private place to talk where there won’t be any distractions and set aside plenty of time to have a conversation. If possible, try to find a comfortable place where you both can sit.</p>
  </div>
</li>


<li class="orbit-slide">
  <div>
    <p class="Quicksand">Let the person know why you asked to speak with them. For example, "I’ve noticed that you quit the baseball team and have no interest in participating in the things you once enjoyed. I’m concerned about you, what’s going on?"</p>
</div>
</li>

  <!-- More slides... -->
</ul>


<nav class="orbit-bullets">
  <button class="is-active" data-slide="0"><span class="show-for-sr">First slide details.</span><span class="show-for-sr">Current Slide</span></button>
  <button data-slide="1"><span class="show-for-sr">1.)</span></button>
  <button data-slide="2"><span class="show-for-sr">2.)</span></button>
  <button data-slide="3"><span class="show-for-sr">3.)</span></button>
</nav>
</div>
<!-----------Slider---------------------------------->



    </div>
  </li>
  
  
  <li class="accordion-item" data-accordion-item>
                <a href="#" class="accordion-title">2.) Listen, express concern, reassure</a>
    
             <div class="accordion-content" data-tab-content>
    <!-----------Slider---------------------------------->
<div class="orbit" role="region" aria-label="Ask The Question" data-orbit data-use-m-u-i="false">
<ul class="orbit-container">

  <li class="orbit-slide">
  <div>
  <p class="Quicksand">Before starting a conversation with someone you are concerned about, be sure to have suicide crisis resources on hand. For additional resources, check out Get Help Now.</p>
  </div>
</li>


<li class="orbit-slide">
  <div>
 <p class="Quicksand">Find a private place to talk where there won’t be any distractions and set aside plenty of time to have a conversation. If possible, try to find a comfortable place where you both can sit.</p>
  </div>
</li>


<li class="orbit-slide">
  <div>
<p class="Quicksand">Let the person know why you asked to speak with them. For example, "I’ve noticed that you quit the baseball team and have no interest in participating in the things you once enjoyed. I’m concerned about you, what’s going on?"</p>
</div>
</li>

  <!-- More slides... -->
</ul>


<nav class="orbit-bullets">
  <button class="is-active" data-slide="0"><span class="show-for-sr">First slide details.</span><span class="show-for-sr">Current Slide</span></button>
  <button data-slide="1"><span class="show-for-sr">1.)</span></button>
  <button data-slide="2"><span class="show-for-sr">2.)</span></button>
  <button data-slide="3"><span class="show-for-sr">3.)</span></button>
</nav>
</div>
<!-----------Slider---------------------------------->

    </div>
  </li>
  
  
  <li class="accordion-item" data-accordion-item>
                <a href="#" class="accordion-title">3.) Create a safety plan</a>
    
             <div class="accordion-content" data-tab-content>
       <!-----------Slider---------------------------------->
<div class="orbit" role="region" aria-label="Ask The Question" data-orbit data-use-m-u-i="false">
<ul class="orbit-container">


  <li class="orbit-slide">
  <div>
 <p class="Quicksand">Before starting a conversation with someone you are concerned about, be sure to have suicide crisis resources on hand. For additional resources, check out Get Help Now.</p>
  </div>
</li>


<li class="orbit-slide">
  <div>
 <p class="Quicksand">Find a private place to talk where there won’t be any distractions and set aside plenty of time to have a conversation. If possible, try to find a comfortable place where you both can sit.</p>
  </div>
</li>


<li class="orbit-slide">
  <div>
<p class="Quicksand">Let the person know why you asked to speak with them. For example, "I’ve noticed that you quit the baseball team and have no interest in participating in the things you once enjoyed. I’m concerned about you, what’s going on?"</p>
</div>
</li>

  <!-- More slides... -->
</ul>


<nav class="orbit-bullets">
  <button class="is-active" data-slide="0"><span class="show-for-sr">First slide details.</span><span class="show-for-sr">Current Slide</span></button>
  <button data-slide="1"><span class="show-for-sr">1.)</span></button>
  <button data-slide="2"><span class="show-for-sr">2.)</span></button>
  <button data-slide="3"><span class="show-for-sr">3.)</span></button>
</nav>
</div>
<!-----------Slider---------------------------------->

    </div>
  </li>
  
  <li class="accordion-item" data-accordion-item>
                <a href="#" class="accordion-title">What not to say</a>
    
             <div class="accordion-content" data-tab-content>
    <!-----------Slider---------------------------------->
<div class="orbit" role="region" aria-label="Ask The Question" data-orbit data-use-m-u-i="false">
<ul class="orbit-container">


  <li class="orbit-slide">
  <div>
    <p class="text-center">Before starting a conversation with someone you are concerned about, be sure to have suicide crisis resources on hand. For additional resources, check out Get Help Now.</p>
  </div>
</li>


<li class="orbit-slide">
  <div>
    <p class="text-center">Find a private place to talk where there won’t be any distractions and set aside plenty of time to have a conversation. If possible, try to find a comfortable place where you both can sit.</p>
  </div>
</li>


<li class="orbit-slide">
  <div>
    <p class="text-center">Let the person know why you asked to speak with them. For example, "I’ve noticed that you quit the baseball team and have no interest in participating in the things you once enjoyed. I’m concerned about you, what’s going on?"</p>
</div>
</li>

  <!-- More slides... -->
</ul>


<nav class="orbit-bullets">
  <button class="is-active" data-slide="0"><span class="show-for-sr">First slide details.</span><span class="show-for-sr">Current Slide</span></button>
  <button data-slide="1"><span class="show-for-sr">1.)</span></button>
  <button data-slide="2"><span class="show-for-sr">2.)</span></button>
  <button data-slide="3"><span class="show-for-sr">3.)</span></button>
</nav>
</div>
<!-----------Slider---------------------------------->

    </div>
  </li>
  
 
 
  <!-- ... -->
</ul>



 
 
        </div>
        
        
        
        <!-----------Slider---------------------------------->
<div class="orbit" role="region" aria-label="Ask The Question" data-orbit data-use-m-u-i="false">
<ul class="orbit-container">
    <button class="orbit-previous"><span class="show-for-sr">Previous Slide</span> &#9664;&#xFE0E;</button>
    <button class="orbit-next"><span class="show-for-sr">Next Slide</span> &#9654;&#xFE0E;</button>

  <li class="orbit-slide">
  <div>
    <p class="text-center">Before starting a conversation with someone you are concerned about, be sure to have suicide crisis resources on hand. For additional resources, check out Get Help Now.</p>
  </div>
</li>


<li class="orbit-slide">
  <div>
    <p class="text-center">Find a private place to talk where there won’t be any distractions and set aside plenty of time to have a conversation. If possible, try to find a comfortable place where you both can sit.</p>
  </div>
</li>


<li class="orbit-slide">
  <div>
    <p class="text-center">Let the person know why you asked to speak with them. For example, "I’ve noticed that you quit the baseball team and have no interest in participating in the things you once enjoyed. I’m concerned about you, what’s going on?"</p>
</div>
</li>

  <!-- More slides... -->
</ul>


<nav class="orbit-bullets">
  <button class="is-active" data-slide="0"><span class="show-for-sr">First slide details.</span><span class="show-for-sr">Current Slide</span></button>
  <button data-slide="1"><span class="show-for-sr">1.)</span></button>
  <button data-slide="2"><span class="show-for-sr">2.)</span></button>
  <button data-slide="3"><span class="show-for-sr">3.)</span></button>
</nav>
</div>
<!-----------Slider---------------------------------->




</div>
</div>
<!-- InstanceEndEditable -->
</div>
</div>
<!-----------------end of Body content------------>



<!-- Blog Roll ----------------------> 
<div class="row">
 <div class="small-12 columns">
<h1 class="blog-link" style="padding-bottom:5px; padding-left:25px; text-align:left; font-weight:bold;"><a href="http://www.thekimfoundation.org/blog/" style="color:#c5442f; font-size:20px; font-weight:normal !important;">Recent Blog Posts</h1>

<?php
$args = array( 'numberposts' => 4, 'post_status'=>"publish",'post_type'=>"post",'orderby'=>"post_date");
$postslist = get_posts( $args );
echo '<div id="latest_posts blogwidth" class="blogroll">';
 foreach ($postslist as $post) :  setup_postdata($post); ?>

<?php 
    global $post; 
    $src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 5600,1000 ), false, '' ); 
?>

  <div class="small-12 medium-3 large-3 columns">
    <div class="image-wrapper overlay-fade-in">
      <img src=<?php echo $src[0]; ?>>
       <a href="<?php the_permalink(); ?>" target="_blank">
      <div class="image-overlay-content">
     <h5 style="padding:20px"> <?php the_title(); ?>
          <br>
          <?php the_date(); ?></h5>
      </div>
      </a>
    </div>
  </div>
  
 <?php endforeach; ?>
          
</div>
 </div>
 </div>
 </div>

accordiontabs

I place sliders in tabs/accordion and the bullets are showing up but not the slides. Here is my code.

 

 

<div class="off-canvas-wrapper">
  <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
 
 
  <!--off-canvas-title-bar-for-small-screen-->
  <div class="row wrap3">
  <div class="small-12 hide-for-medium" >
    <div class="title-bar title-bar2" data-responsive-toggle="widemenu" data-hide-for="medium">
      <div class="title-bar-left" style="padding:10px 10px 10px 10px;">
      
        <button class="menu-icon"  type="button" data-toggle="offCanvasLeft"></button>
      </div>
      <div class="show-for-small-only small-4 float-center" style="padding-top:15px; padding-bottom:10px;"><a href="index.html"><img src="img/TKFlogoOrange.png" alt="The Kim Foundation" longdesc="#"></a></div>
      <div class="title-bar-right small-3" style="margin-top:-95px; margin-right:15px;">
     <a href="by-location.html" class="Button tiny" style="color:#f8971d;"><i class="fi-magnifying-glass" style="font-size:medium; color:#f8971d;"></i> <span style="color:#f8971d; font-size:13px; line-height:14px;">Find Help</span></a>
  <p><a href="tel:4028916911" style="color:#f8971d;">402.891.6911</a>
     
      </div>
   
      
    </div>
</div>
</div>

      <!--off-canvasleftmenu-->
    <div class="off-canvas position-left" id="offCanvasLeft" data-off-canvas style="padding:10px;">
    
        <!--Close-button-->
        <p style="text-align:center; padding-top:15px; padding-bottom:10px; font-size:16px !important; font-weight:bold bold;">
        <button type="button" class="buttonClose tiny" data-toggle="offCanvas" data-close>X Close Menu</button>
        </p>
              <ul class="vertical dropdown menu text-left" data-dropdown-menu>
        <li><a href="donate.html">Donate</a></li>
        <li><a href="newsletter.html">Newsletter</a></li>
        <li><a href="emergency-response.html">Emergency Response</a></li>
        <li><a href="by-location.html">Finding Help</a></li>
        <li><a href="get-involved.html">Get Involved</a></li>
        <li><a href="mission.html">Who We Are</a></li>
        <li><a href="contact-us.html">Contact Us</a></li>
      </ul>
    </div>

  <!--End-of-canvis-menu-->  
  
  
  
  <div class="row">
  <div class="small-12 medium-12 larger-12 columns">
  
   <div class="KFlogo hide-for-small-only medium-9 large-10" style="float:left; padding-bottom:10px;"> <a href="index.html"><img src="img/KimLogo-newBrown.png" alt="The Kim Foundation"></a> </div>
 
  <div class="socialMedia hide-for-small-only medium-3 large-2" style="float:right;">
   <a href="by-location.html" class="Button tiny hide-for-small-only">
  <i class="fi-magnifying-glass hide-for-small-only" style="font-size:medium;"></i> Find Help</a>
  <p class="hide-for-small-only"><a href="tel:4028916911" class="hide-for-small-only">402.891.6911</a></p> 
 <a href="https://www.facebook.com/thekimfoundation"><i class="fi-social-facebook SocialMedia"></i></a>
  <a href="http://www.thekimfoundation.org/blog/"><i class="fi-social-blogger SocialMedia"></i></a>
  <a href="https://twitter.com/kimfoundation"><i class="fi-social-twitter SocialMedia"></i></a>
  <a href="https://www.youtube.com/user/TheKimFoundation"><i class="fi-social-youtube SocialMedia"></i></a>
  </div>
 
  </div>
  </div>
  
 <!-----------Drop Down Menus--------------------->
  <div class="row">
  <div class="hide-for-small-only medium-12 large-12 columns menu-centered">
  <ul class="dropdown menu ddmenu" data-dropdown-menu>
  <li>
    <a href="#">About Mental Illness</a>
    <ul class="menu text-left">
      <li><a href="by-illness-and-population.html">By Illness & Population</a></li>
      <li><a href="causes.html">Causes</a></li>
      <li><a href="recovery.html">Recovery</a></li>
      <li><a href="faq.html">FAQs</a></li>
      <!-- ... -->
    </ul>
  </li>
 <li>
    <a href="#">Finding Help</a>
    <ul class="menu text-left">
      <li><a href="emergency-response.html">Emergency Response</a></li>
      <li><a href="by-location.html">By Location</a></li>
      <li><a href="support-groups.html">Support Groups</a></li>
      <li><a href="website-resources.html">Local & National Resources</a></li>
      <!-- ... -->
    </ul>
  </li>
  <li>
    <a href="#">Community Outreach</a>
    <ul class="menu text-left">
      <li><a href="13-minutes.html">13 minutes</a></li>
      <li><a href="the-metro-area-loss-team.html">Metro Area LOSS Team</a></li>
      <li><a href="a-voice-for-hope-healing.html">A Voice For Hope & Healing</a></li>
      <li><a href="dont-be-sidelined.html">Don't Be Sidelined</a></li>
      <!-- ... -->
    </ul>
  </li>
  <li>
    <a href="#">Suicide Prevention</a>
    <ul class="menu text-left">
      <li><a href="about-suicide.html">About Suicide</a></li>
      <li><a href="suicide-warning-signs.html">Suicide Warning Signs</a></li>
      <li><a href="suicide-risk-factors.html">Suicide Risk & Protective Factors</a></li>
      <li><a href="starting-the-conversation.html">Starting the Conversation</a></li>
      <li><a href="suicide-facts.html">Suicide Facts</a></li>
      <li><a href="appropriate-language-reporting.html">Appropriate Language & Reporting</a></li>
      <li><a href="safeguarding-your-home.html">Safeguarding Your Home</a></li>
      <!-- ... -->
    </ul>
  </li>
  <li>
    <a href="#">Get Involved</a>
    <ul class="menu text-left">
      <li><a href="get-involved.html">Get Involved</a></li>
      <li><a href="calendar-events.html">Calendar of Events</a></li>
      <li><a href="community-initiatives.html">Community Initiatives</a></li>
      <li><a href="state-federal-legislation.html">State & Federal Legislation</a></li>
      <li><a href="TAGG.html">TAGG</a></li>
      <li><a href="annual-luncheon.html">Annual Luncheon</a></li>
      <!-- ... -->
    </ul>
  </li>
  <li>
    <a href="#">Who We Are</a>
    <ul class="menu text-left">
    <li><a href="who-we-are.html">Who We Are</a></li>
      <li><a href="history.html">History</a></li>
      <li><a href="mission.html">Our Mission</a></li>
       <li><a href="our-team.html">Our Team</a></li>
      <!-- ... -->
    </ul>
  </li>
    <li>
    <a href="contact-us.html">Contact Us</a>
   </li>
      <!-- ... -->
    </ul>
  </li>
</ul>
</div>
</div>
  <!------------End of Drop Down menues----------------->
  
  
  
<!----------image banner---------------------->

<div class="row fullWidth">
<div class="large-12 medium-12 small-12 columns" style="background-color:#4F1E4B;"><!-- InstanceBeginEditable name="hero-graphic" --><img src="img/insideBanner3.jpg" alt="Get Involved"><!-- InstanceEndEditable --></div>
</div>
 
<!----------End of image banner---------------------->
  



          

<!-----------------purple banner with tagline------------>

<div class="row fullWidth">
<div class="large12 columns" style="background-color:#4F1E4B; padding:8px 0px 0px 0px;">
<h2 class="mission Quicksand" style="text-align:center; padding:0px 20px 5px 20px;">A <span class="qwigley">Supportive</span> Resource and <span class="qwigley">Compassionate</span> Voice for Lives <span class="qwigley">Touched</span> by Mental Illness and Suicide.</h2>
</div>
</div>

<!-----------------end of purple banner with tagline------------>
       
   
    
<!-----------------Body content------------>

    <div class="row" style="padding:15px 35px 10px 35px;">
      <div class="large-12 columns">
<!-- InstanceBeginEditable name="body" -->        
          <h3 class="qwigley" style="padding-top:10px;">Get Involved</h3>
          <p class="Quicksand" style="padding-right:40px;">Our volunteers are a vital part of our success at The Kim Foundation. Volunteering can be a positive way to not only give back to the community but to also improve your own mental health. It has many benefits for both the mind and body. Volunteering can help to build new relationships, increase self-confidence, improve mental and physical health, provide new experiences, and also offer a fun and exciting opportunity.</p>
          
<div class="testimonial-wrap">
<div class="row">
        <div class="large-12 columns centered-text">
            
        </div>
    </div>

    <div class="row">
        <div class="smaill-12 medium-6 large-6 columns testimonial" style="margin-right:30px;">
            <div class="quote">
            <h6>Ask the question</h6>
            <p class="Quicksand">Asking about suicidal thoughts or feelings won't push someone into doing something self-destructive. In fact, offering an opportunity to talk about feelings may reduce the risk of acting on suicidal feelings. The first step is to find out whether the person is in danger of acting on suicidal feelings. Be sensitive, but ask direct questions.</p>
            </div>
            
            <div class="QuoteMargin">
                
            </div>
        </div>





        <div class="small-12 medium-12 large-12 columns testimonial" style="float:left;">
     <ul class="accordion" data-accordion data-allow-all-closed="true">
     <li class="accordion-item" data-accordion-item>
                <a href="#" class="accordion-title">1.) Start the conversation</a>
    
             <div class="accordion-content" data-tab-content>

<!-----------Slider---------------------------------->
<div class="orbit" role="region" aria-label="Ask The Question" data-orbit data-use-m-u-i="false">
<ul class="orbit-container">
    
  <li class="orbit-slide">
  <div>
   <p class="Quicksand">Before starting a conversation with someone you are concerned about, be sure to have suicide crisis resources on hand. For additional resources, check out Get Help Now.</p>
  </div>
</li>


<li class="orbit-slide">
  <div>
    <p class="Quicksand">Find a private place to talk where there won’t be any distractions and set aside plenty of time to have a conversation. If possible, try to find a comfortable place where you both can sit.</p>
  </div>
</li>


<li class="orbit-slide">
  <div>
    <p class="Quicksand">Let the person know why you asked to speak with them. For example, "I’ve noticed that you quit the baseball team and have no interest in participating in the things you once enjoyed. I’m concerned about you, what’s going on?"</p>
</div>
</li>

  <!-- More slides... -->
</ul>


<nav class="orbit-bullets">
  <button class="is-active" data-slide="0"><span class="show-for-sr">First slide details.</span><span class="show-for-sr">Current Slide</span></button>
  <button data-slide="1"><span class="show-for-sr">1.)</span></button>
  <button data-slide="2"><span class="show-for-sr">2.)</span></button>
  <button data-slide="3"><span class="show-for-sr">3.)</span></button>
</nav>
</div>
<!-----------Slider---------------------------------->



    </div>
  </li>
  
  
  <li class="accordion-item" data-accordion-item>
                <a href="#" class="accordion-title">2.) Listen, express concern, reassure</a>
    
             <div class="accordion-content" data-tab-content>
    <!-----------Slider---------------------------------->
<div class="orbit" role="region" aria-label="Ask The Question" data-orbit data-use-m-u-i="false">
<ul class="orbit-container">

  <li class="orbit-slide">
  <div>
  <p class="Quicksand">Before starting a conversation with someone you are concerned about, be sure to have suicide crisis resources on hand. For additional resources, check out Get Help Now.</p>
  </div>
</li>


<li class="orbit-slide">
  <div>
 <p class="Quicksand">Find a private place to talk where there won’t be any distractions and set aside plenty of time to have a conversation. If possible, try to find a comfortable place where you both can sit.</p>
  </div>
</li>


<li class="orbit-slide">
  <div>
<p class="Quicksand">Let the person know why you asked to speak with them. For example, "I’ve noticed that you quit the baseball team and have no interest in participating in the things you once enjoyed. I’m concerned about you, what’s going on?"</p>
</div>
</li>

  <!-- More slides... -->
</ul>


<nav class="orbit-bullets">
  <button class="is-active" data-slide="0"><span class="show-for-sr">First slide details.</span><span class="show-for-sr">Current Slide</span></button>
  <button data-slide="1"><span class="show-for-sr">1.)</span></button>
  <button data-slide="2"><span class="show-for-sr">2.)</span></button>
  <button data-slide="3"><span class="show-for-sr">3.)</span></button>
</nav>
</div>
<!-----------Slider---------------------------------->

    </div>
  </li>
  
  
  <li class="accordion-item" data-accordion-item>
                <a href="#" class="accordion-title">3.) Create a safety plan</a>
    
             <div class="accordion-content" data-tab-content>
       <!-----------Slider---------------------------------->
<div class="orbit" role="region" aria-label="Ask The Question" data-orbit data-use-m-u-i="false">
<ul class="orbit-container">


  <li class="orbit-slide">
  <div>
 <p class="Quicksand">Before starting a conversation with someone you are concerned about, be sure to have suicide crisis resources on hand. For additional resources, check out Get Help Now.</p>
  </div>
</li>


<li class="orbit-slide">
  <div>
 <p class="Quicksand">Find a private place to talk where there won’t be any distractions and set aside plenty of time to have a conversation. If possible, try to find a comfortable place where you both can sit.</p>
  </div>
</li>


<li class="orbit-slide">
  <div>
<p class="Quicksand">Let the person know why you asked to speak with them. For example, "I’ve noticed that you quit the baseball team and have no interest in participating in the things you once enjoyed. I’m concerned about you, what’s going on?"</p>
</div>
</li>

  <!-- More slides... -->
</ul>


<nav class="orbit-bullets">
  <button class="is-active" data-slide="0"><span class="show-for-sr">First slide details.</span><span class="show-for-sr">Current Slide</span></button>
  <button data-slide="1"><span class="show-for-sr">1.)</span></button>
  <button data-slide="2"><span class="show-for-sr">2.)</span></button>
  <button data-slide="3"><span class="show-for-sr">3.)</span></button>
</nav>
</div>
<!-----------Slider---------------------------------->

    </div>
  </li>
  
  <li class="accordion-item" data-accordion-item>
                <a href="#" class="accordion-title">What not to say</a>
    
             <div class="accordion-content" data-tab-content>
    <!-----------Slider---------------------------------->
<div class="orbit" role="region" aria-label="Ask The Question" data-orbit data-use-m-u-i="false">
<ul class="orbit-container">


  <li class="orbit-slide">
  <div>
    <p class="text-center">Before starting a conversation with someone you are concerned about, be sure to have suicide crisis resources on hand. For additional resources, check out Get Help Now.</p>
  </div>
</li>


<li class="orbit-slide">
  <div>
    <p class="text-center">Find a private place to talk where there won’t be any distractions and set aside plenty of time to have a conversation. If possible, try to find a comfortable place where you both can sit.</p>
  </div>
</li>


<li class="orbit-slide">
  <div>
    <p class="text-center">Let the person know why you asked to speak with them. For example, "I’ve noticed that you quit the baseball team and have no interest in participating in the things you once enjoyed. I’m concerned about you, what’s going on?"</p>
</div>
</li>

  <!-- More slides... -->
</ul>


<nav class="orbit-bullets">
  <button class="is-active" data-slide="0"><span class="show-for-sr">First slide details.</span><span class="show-for-sr">Current Slide</span></button>
  <button data-slide="1"><span class="show-for-sr">1.)</span></button>
  <button data-slide="2"><span class="show-for-sr">2.)</span></button>
  <button data-slide="3"><span class="show-for-sr">3.)</span></button>
</nav>
</div>
<!-----------Slider---------------------------------->

    </div>
  </li>
  
 
 
  <!-- ... -->
</ul>



 
 
        </div>
        
        
        
        <!-----------Slider---------------------------------->
<div class="orbit" role="region" aria-label="Ask The Question" data-orbit data-use-m-u-i="false">
<ul class="orbit-container">
    <button class="orbit-previous"><span class="show-for-sr">Previous Slide</span> &#9664;&#xFE0E;</button>
    <button class="orbit-next"><span class="show-for-sr">Next Slide</span> &#9654;&#xFE0E;</button>

  <li class="orbit-slide">
  <div>
    <p class="text-center">Before starting a conversation with someone you are concerned about, be sure to have suicide crisis resources on hand. For additional resources, check out Get Help Now.</p>
  </div>
</li>


<li class="orbit-slide">
  <div>
    <p class="text-center">Find a private place to talk where there won’t be any distractions and set aside plenty of time to have a conversation. If possible, try to find a comfortable place where you both can sit.</p>
  </div>
</li>


<li class="orbit-slide">
  <div>
    <p class="text-center">Let the person know why you asked to speak with them. For example, "I’ve noticed that you quit the baseball team and have no interest in participating in the things you once enjoyed. I’m concerned about you, what’s going on?"</p>
</div>
</li>

  <!-- More slides... -->
</ul>


<nav class="orbit-bullets">
  <button class="is-active" data-slide="0"><span class="show-for-sr">First slide details.</span><span class="show-for-sr">Current Slide</span></button>
  <button data-slide="1"><span class="show-for-sr">1.)</span></button>
  <button data-slide="2"><span class="show-for-sr">2.)</span></button>
  <button data-slide="3"><span class="show-for-sr">3.)</span></button>
</nav>
</div>
<!-----------Slider---------------------------------->




</div>
</div>
<!-- InstanceEndEditable -->
</div>
</div>
<!-----------------end of Body content------------>



<!-- Blog Roll ----------------------> 
<div class="row">
 <div class="small-12 columns">
<h1 class="blog-link" style="padding-bottom:5px; padding-left:25px; text-align:left; font-weight:bold;"><a href="http://www.thekimfoundation.org/blog/" style="color:#c5442f; font-size:20px; font-weight:normal !important;">Recent Blog Posts</h1>

<?php
$args = array( 'numberposts' => 4, 'post_status'=>"publish",'post_type'=>"post",'orderby'=>"post_date");
$postslist = get_posts( $args );
echo '<div id="latest_posts blogwidth" class="blogroll">';
 foreach ($postslist as $post) :  setup_postdata($post); ?>

<?php 
    global $post; 
    $src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 5600,1000 ), false, '' ); 
?>

  <div class="small-12 medium-3 large-3 columns">
    <div class="image-wrapper overlay-fade-in">
      <img src=<?php echo $src[0]; ?>>
       <a href="<?php the_permalink(); ?>" target="_blank">
      <div class="image-overlay-content">
     <h5 style="padding:20px"> <?php the_title(); ?>
          <br>
          <?php the_date(); ?></h5>
      </div>
      </a>
    </div>
  </div>
  
 <?php endforeach; ?>
          
</div>
 </div>
 </div>
 </div>
Rafi Benkual over 2 years ago

You likely need to re-initialize the Orbit Carousel because it is hidden in the tabs on load. 

Foundation.reInit('orbit');