Accordions

<div class="panel-group dg-accordion05" id="dg-acc05"> 
  <div class="panel panel-default"> 
    <div class="panel-heading"> 
      <h4 class="panel-title"><a data-parent="#dg-acc05" data-toggle="collapse" href="#dg-05-1"><span class="arrow"></span>Our Solution</a></h4> 
    </div> 

    <div class="panel-collapse collapse in" id="dg-05-1"> 
      <div class="panel-body"> 
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p> 
      </div> 
    </div> 
  </div> 

  <div class="panel panel-default"> 
    <div class="panel-heading"> 
      <h4 class="panel-title"><a class="collapsed" data-parent="#dg-acc05" data-toggle="collapse" href="#dg-05-2"><span class="arrow"></span>Our Values</a></h4> 
    </div> 

    <div class="panel-collapse collapse" id="dg-05-2"> 
      <div class="panel-body"> 
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p> 
      </div> 
    </div> 
  </div> 

  <div class="panel panel-default"> 
    <div class="panel-heading"> 
      <h4 class="panel-title"><a class="collapsed" data-parent="#dg-acc05" data-toggle="collapse" href="#dg-05-3"><span class="arrow"></span>Our Technology</a></h4> 
    </div> 

    <div class="panel-collapse collapse" id="dg-05-3"> 
      <div class="panel-body"> 
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p> 
      </div> 
    </div> 
  </div> 

  <div class="panel panel-default"> 
    <div class="panel-heading"> 
      <h4 class="panel-title"><a class="collapsed" data-parent="#dg-acc05" data-toggle="collapse" href="#dg-05-4"><span class="arrow"></span>Our Missions</a></h4> 
    </div> 

    <div class="panel-collapse collapse" id="dg-05-4"> 
      <div class="panel-body"> 
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p> 
      </div> 
    </div> 
  </div> 

</div>

<div class="panel-group dg-accordion06" id="dg-acc06">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title"><a data-parent="#dg-acc06" data-toggle="collapse" href="#dg-06-1"><span class="arrow"></span>Our Solution</a></h4>
    </div>

    <div class="panel-collapse collapse in" id="dg-06-1">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title"><a class="collapsed" data-parent="#dg-acc06" data-toggle="collapse" href="#dg-06-2"><span class="arrow"></span>Our Values</a></h4>
    </div>

    <div class="panel-collapse collapse" id="dg-06-2">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title"><a class="collapsed" data-parent="#dg-acc06" data-toggle="collapse" href="#dg-06-3"><span class="arrow"></span>Our Technology</a></h4>
    </div>

    <div class="panel-collapse collapse" id="dg-06-3">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title"><a class="collapsed" data-parent="#dg-acc06" data-toggle="collapse" href="#dg-06-4"><span class="arrow"></span>Our Missions</a></h4>
    </div>

    <div class="panel-collapse collapse" id="dg-06-4">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>
</div>

<div class="panel-group dg-accordion07" id="dg-acc07">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title"><a data-parent="#dg-acc07" data-toggle="collapse" href="#dg-07-1"><span class="arrow"></span>DNN Design<span style="color: #880000; font-weight: bold">&amp;amp;Skin</a></h4>
    </div>

    <div class="panel-collapse collapse in" id="dg-07-1">
      <div class="panel-body">
        <div class="right"><img alt="" src="/portals/themes/{{PortalRoot}}Features-Images/accordio-img01.jpg" /></div>

        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title"><a class="collapsed" data-parent="#dg-acc07" data-toggle="collapse" href="#dg-07-2"><span class="arrow"></span>Module Development</a></h4>
    </div>

    <div class="panel-collapse collapse" id="dg-07-2">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title"><a class="collapsed" data-parent="#dg-acc07" data-toggle="collapse" href="#dg-07-3"><span class="arrow"></span>Unlimited-color Skin</a></h4>
    </div>

    <div class="panel-collapse collapse" id="dg-07-3">
      <div class="panel-body">
        <div class="right"><img alt="" src="/portals/themes/{{PortalRoot}}Features-Images/accordio-img01.jpg" /></div>

        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>
</div>

<div class="panel-group dg-accordion08" id="dg-acc08">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title"><a data-parent="#dg-acc08" data-toggle="collapse" href="#dg-08-1"><span class="arrow"></span>DNN Design<span style="color: #880000; font-weight: bold">&amp;amp;Skin</a></h4>
    </div>

    <div class="panel-collapse collapse in" id="dg-08-1">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title"><a class="collapsed" data-parent="#dg-acc08" data-toggle="collapse" href="#dg-08-2"><span class="arrow"></span>Module Development</a></h4>
    </div>

    <div class="panel-collapse collapse" id="dg-08-2">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title"><a class="collapsed" data-parent="#dg-acc08" data-toggle="collapse" href="#dg-08-3"><span class="arrow"></span>Unlimited-color Skin</a></h4>
    </div>

    <div class="panel-collapse collapse" id="dg-08-3">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title"><a class="collapsed" data-parent="#dg-acc08" data-toggle="collapse" href="#dg-08-4"><span class="arrow"></span>Create DNN Website</a></h4>
    </div>

    <div class="panel-collapse collapse" id="dg-08-4">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>
</div>

<div class="panel-group dg-accordion11" id="dg-acc11">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title"><a data-parent="#dg-acc11" data-toggle="collapse" href="#dg-11-1"><span class="arrow"></span>DNN Design<span style="color: #880000; font-weight: bold">&amp;amp;Skin</a></h4>
    </div>

    <div class="panel-collapse collapse in" id="dg-11-1">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title"><a class="collapsed" data-parent="#dg-acc11" data-toggle="collapse" href="#dg-11-2"><span class="arrow"></span>Module Development</a></h4>
    </div>

    <div class="panel-collapse collapse" id="dg-11-2">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title"><a class="collapsed" data-parent="#dg-acc11" data-toggle="collapse" href="#dg-11-3"><span class="arrow"></span>Unlimited-color Skin</a></h4>
    </div>

    <div class="panel-collapse collapse" id="dg-11-3">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>
</div>

<div class="panel-group dg-accordion12" id="dg-acc12">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title"><a data-parent="#dg-acc12" data-toggle="collapse" href="#dg-12-1"><span class="fa fa-bell-o"></span><span class="arrow"></span>Module Development</a></h4>
    </div>

    <div class="panel-collapse collapse in" id="dg-12-1">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title"><a class="collapsed" data-parent="#dg-acc12" data-toggle="collapse" href="#dg-12-2"><span class="fa fa-cloud-download"></span><span class="arrow"></span>Unlimited-color Skin</a></h4>
    </div>

    <div class="panel-collapse collapse" id="dg-12-2">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title"><a class="collapsed" data-parent="#dg-acc12" data-toggle="collapse" href="#dg-12-3"><span class="fa fa-cloud-upload"></span><span class="arrow"></span>Create DNN Website</a></h4>
    </div>

    <div class="panel-collapse collapse" id="dg-12-3">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>
</div>

<div class="panel-group dg-accordion15" id="dg-acc15">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-parent="#dg-acc15" data-toggle="collapse" href="#dg-15-1">
          <span class="arrow"></span>Our Solution </a>
      </h4>
    </div>
    <div class="panel-collapse collapse in" id="dg-15-1">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a class="collapsed" data-parent="#dg-acc15" data-toggle="collapse" href="#dg-15-2">
          <span class="arrow"></span>Our Values </a>
      </h4>
    </div>
    <div class="panel-collapse collapse" id="dg-15-2">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a class="collapsed" data-parent="#dg-acc15" data-toggle="collapse" href="#dg-15-3">
          <span class="arrow"></span>Our Technology </a>
      </h4>
    </div>
    <div class="panel-collapse collapse" id="dg-15-3">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a class="collapsed" data-parent="#dg-acc15" data-toggle="collapse" href="#dg-15-4">
          <span class="arrow"></span>Our Missions </a>
      </h4>
    </div>
    <div class="panel-collapse collapse" id="dg-15-4">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>
</div>

<div class="panel-group dg-accordion16" id="dg-acc16">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-parent="#dg-acc16" data-toggle="collapse" href="#dg-16-1">
          <span class="arrow"></span>DNN Design <span style="color: #880000; font-weight: bold">&amp;amp;Skin </a>
      </h4>
    </div>
    <div class="panel-collapse collapse in" id="dg-16-1">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a class="collapsed" data-parent="#dg-acc16" data-toggle="collapse" href="#dg-16-2">
          <span class="arrow"></span>Module Development </a>
      </h4>
    </div>
    <div class="panel-collapse collapse" id="dg-16-2">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a class="collapsed" data-parent="#dg-acc16" data-toggle="collapse" href="#dg-16-3">
          <span class="arrow"></span>Unlimited-color Skin </a>
      </h4>
    </div>
    <div class="panel-collapse collapse" id="dg-16-3">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a class="collapsed" data-parent="#dg-acc16" data-toggle="collapse" href="#dg-16-4">
          <span class="arrow"></span>Create DNN Website </a>
      </h4>
    </div>
    <div class="panel-collapse collapse" id="dg-16-4">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a class="collapsed" data-parent="#dg-acc16" data-toggle="collapse" href="#dg-16-5">
          <span class="arrow"></span>Responsive Web </a>
      </h4>
    </div>
    <div class="panel-collapse collapse" id="dg-16-5">
      <div class="panel-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex...</p>
      </div>
    </div>
  </div>
</div>

<div class="panel-group dg-accordion19" id="dg-acc19">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-parent="#dg-acc19" data-toggle="collapse" href="#dg-19-1">
          <span class="arrow"></span>Our Solution </a>
      </h4>
    </div>
    <div class="panel-collapse collapse in" id="dg-19-1">
      <div class="panel-body">
        <p>Ut cursus massa at urnaaculis estie. Sed aliquamellus vitae ultrs cond mentum leo massa molli...</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a class="collapsed" data-parent="#dg-acc19" data-toggle="collapse" href="#dg-19-2">
          <span class="arrow"></span>Our Values </a>
      </h4>
    </div>
    <div class="panel-collapse collapse" id="dg-19-2">
      <div class="panel-body">
        <p>Ut cursus massa at urnaaculis estie. Sed aliquamellus vitae ultrs cond mentum leo massa molli...</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a class="collapsed" data-parent="#dg-acc19" data-toggle="collapse" href="#dg-19-3">
          <span class="arrow"></span>Our Technology </a>
      </h4>
    </div>
    <div class="panel-collapse collapse" id="dg-19-3">
      <div class="panel-body">
        <p>Ut cursus massa at urnaaculis estie. Sed aliquamellus vitae ultrs cond mentum leo massa molli...</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a class="collapsed" data-parent="#dg-acc19" data-toggle="collapse" href="#dg-19-4">
          <span class="arrow"></span>Our Missions </a>
      </h4>
    </div>
    <div class="panel-collapse collapse" id="dg-19-4">
      <div class="panel-body">
        <p>Ut cursus massa at urnaaculis estie. Sed aliquamellus vitae ultrs cond mentum leo massa molli...</p>
      </div>
    </div>
  </div>
</div>

<div class="panel-group dg-accordion20" id="dg-acc20">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-parent="#dg-acc20" data-toggle="collapse" href="#dg-20-1">
          <span class="arrow"></span>Module Development </a>
      </h4>
    </div>
    <div class="panel-collapse collapse in" id="dg-20-1">
      <div class="panel-body">
        <p>Ut cursus massa at urnaaculis estie. Sed aliquamellus vitae ultrs cond mentum leo massa ...</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a class="collapsed" data-parent="#dg-acc20" data-toggle="collapse" href="#dg-20-2">
          <span class="arrow"></span>DNN Design <span style="color: #880000; font-weight: bold">&amp;amp;Skin </a>
      </h4>
    </div>
    <div class="panel-collapse collapse" id="dg-20-2">
      <div class="panel-body">
        <p>Ut cursus massa at urnaaculis estie. Sed aliquamellus vitae ultrs cond mentum leo massa ...</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a class="collapsed" data-parent="#dg-acc20" data-toggle="collapse" href="#dg-20-3">
          <span class="arrow"></span>Unlimited-color Skin </a>
      </h4>
    </div>
    <div class="panel-collapse collapse" id="dg-20-3">
      <div class="panel-body">
        <p>Ut cursus massa at urnaaculis estie. Sed aliquamellus vitae ultrs cond mentum leo massa ...</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a class="collapsed" data-parent="#dg-acc20" data-toggle="collapse" href="#dg-20-4">
          <span class="arrow"></span>Create DNN Website </a>
      </h4>
    </div>
    <div class="panel-collapse collapse" id="dg-20-4">
      <div class="panel-body">
        <p>Ut cursus massa at urnaaculis estie. Sed aliquamellus vitae ultrs cond mentum leo massa ...</p>
      </div>
    </div>
  </div>
</div>