Cópia de Html Faq

Necessito de um codigo em html para fazer um FAQ  de perguntas e respostas ilimitado 

Tenho um modelo  que segue abaixo porem somente serve para 03 perguntas

<section id="faq" class="dark-bg bg-color1 wow fadeIn" data-selector="section" style="padding-top: 150px; padding-bottom: 150px; border-bottom-width: 0px; border-bottom-color: rgb(255, 255, 255); background-image: none; background-attachment: scroll; background-color: rgb(243, 243, 243); background-size: auto auto; background-repeat: repeat;" src="https://llbr.blob.core.windows.net/machine-user-images/img-19861-20141021132644.png" data-wow-duration="1s" data-wow-delay="3600s">
  <div class="container">
    <h2 class="title text-center" data-selector="h2" src="https://llbr.blob.core.windows.net/machine-user-images/img-19861-20141021132644.png" style="color: rgb(68, 68, 68); font-size: 44px; margin-bottom: 60px; margin-top: 0px; background-color: transparent;">
      <strong>F.A.Q - Perguntas Freqüentes</strong>
    </h2>
    <div class="panel" data-selector="#testimonials-grid .quote, .pricing-table, .pricing-table .stamp, .post, .panel, .panel-heading, .form-container, .post-content .price-circle" src="https://llbr.blob.core.windows.net/machine-user-images/img-19861-20141021132644.png" style="color: rgb(68, 68, 68); border-color: rgba(0, 0, 0, 0.098); border-width: 1px; border-radius: 0px; font-size: 17px; background-color: rgb(255, 255, 255);">
      <a class="panel-heading collapsed" href="#collapseOne" data-toggle="collapse" aria-expanded="false" data-selector="#testimonials-grid .quote, .pricing-table, .pricing-table .stamp, .post, .panel, .panel-heading, .form-container, .post-content .price-circle" src="https://llbr.blob.core.windows.net/machine-user-images/img-19861-20141021132644.png" style="color: rgb(255, 255, 255); border-color: rgb(0, 192, 255) rgb(0, 192, 255) rgba(0, 0, 0, 0.098); border-width: 0px 0px 1px; border-radius: 0px; font-size: 17px; background-color: rgb(16, 157, 8);">
        <span class="editContent">O que é e Como Funciona a Dinastia Solucoes Financeiras?</span>
      </a>
      <div id="collapseOne" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
        <div class="panel-body"><img src="http://cdn.dinastiarede.com.br/site/img/empresa/logo_20anos_home.jpg" data-selector="img">
<p style="margin-bottom: 10px; padding: 0px; color: rgb(83, 83, 83); font-family: &quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif; line-height: 17px; text-align: justify; background-color: rgb(255, 255, 255);" data-selector="p">
    <strong>A Dinastia</strong> é uma empresa que iniciou o seu trabalho em 31 de Julho de 1995, com o objetivo de desenvolver um sistema de marketing de rede diferente no Brasil, especialmente porque naquele período, todos os sistemas existentes se destinavam a aquisição de produtos, não existindo sistemas de marketing voltados para o mercado de serviços financeiros.
</P>
<p style="margin-bottom: 10px; padding: 0px; color: rgb(83, 83, 83); font-family: &quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif; line-height: 17px; text-align: justify; background-color: rgb(255, 255, 255);" data-selector="p">
    A empresa enfrentou as dificuldades normais de qualquer projeto pioneiro até o ano de 1999, quando criamos a empresa
    <strong>Delta Red Marketing Ltda</strong> e passamos a utilizar o nome <strong>DINASTIA</strong>. A partir daí nossa proposta definitivamente se solidificou com o propósito exclusivo de levar para as pessoas, conhecimentos básicos sobre o mercado de serviços financeiros através de um sistema de marketing de rede.
</P>
<p style="margin-bottom: 10px; padding: 0px; color: rgb(83, 83, 83); font-family: &quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif; line-height: 17px; text-align: justify; background-color: rgb(255, 255, 255);" data-selector="p">
    <br />
</p>
<p style="margin-bottom: 10px; padding: 0px; color: rgb(83, 83, 83); font-family: &quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif; line-height: 17px; text-align: justify; background-color: rgb(255, 255, 255);" data-selector="p">
    A definição do dicionário para o vocábulo
    <strong>Dinastia</strong> é a seguinte:
</p>
<p style="margin-bottom: 10px; padding: 0px; color: rgb(83, 83, 83); font-family: &quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif; line-height: 17px; text-align: justify; background-color: rgb(255, 255, 255);" data-selector="p">
    " Série de pessoas aliadas e de condição semelhante que exercem sucessivamente alguma influência."
</P>
<p style="margin-bottom: 10px; padding: 0px; color: rgb(83, 83, 83); font-family: &quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif; line-height: 17px; text-align: justify; background-color: rgb(255, 255, 255);" data-selector="p">
    Como nosso Associado, você poderá exercer uma influência dramaticamente positiva na vida de milhares de pessoas. Somos a primeira empresa fora dos Estados Unidos a implantar a Associação Interativa no maior de todos os mercados e na maior de todas as indústrias – A Indústria dos Serviços Financeiros!
</p>
<p style="margin-bottom: 10px; padding: 0px; color: rgb(83, 83, 83); font-family: &quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif; line-height: 17px; text-align: justify; background-color: rgb(255, 255, 255);" data-selector="p">
    Em um mundo repleto de dependência e insegurança, nós oferecemos aos nossos Associados: Segurança e Independência em uma excepcional oportunidade de renda extra! Neste site, você encontra as informações necessárias para entender nossa proposta. Não perca esta ótima oportunidade.
Este é, com certeza, o veículo que faltava para conduzi-lo do ponto onde você está hoje à realização de seus maiores objetivos.
</P>
<p style="margin-bottom: 10px; padding: 0px; color: rgb(83, 83, 83); font-family: &quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif; line-height: 17px; text-align: justify; background-color: rgb(255, 255, 255);" data-selector="p">
    <strong>Dinastia</strong> é uma proposta que envolve empresas com funções específicas, cada uma administrando uma parte dos benefícios que são colocados à disposição dos Associados, tendo como principais objetivos proporcionar as condições para que o Associado tenha acesso à renda extra mensal, segurança financeira e independência financeira.
</P>
<h2 style="margin-bottom: 20px; font-family: &quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif; line-height: 20px; color: rgb(176, 17, 22); font-size: 18px; text-align: justify; background-color: rgb(255, 255, 255);" data-selector="h2">Como Funciona</h2>
<p style="margin-bottom: 10px; padding: 0px; color: rgb(83, 83, 83); font-family: &quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif; line-height: 17px; text-align: justify; background-color: rgb(255, 255, 255);" data-selector="p">
    A <strong>Dinastia</strong> não funciona como esquema ou sistema de enriquecimento rápido e sem esforço. Também está totalmente dissociada dos processos ilegais de pirâmides e/ou correntes. A Dinastia e seus Associados fazem uso inteligente, legal e absolutamente ético do mais poderoso conceito de marketing deste e do próximo século – A Associação Interativa na Indústria dos Serviços Financeiros!
</p>
<p style="margin-bottom: 10px; padding: 0px; color: rgb(83, 83, 83); font-family: &quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif; line-height: 17px; text-align: justify; background-color: rgb(255, 255, 255);" data-selector="p">
    <strong>Inteligente</strong>, pois fez-se (e faz-se!) uso em sua organização e estruturação daquilo que existe de mais moderno, sofisticado e profissional na aplicação deste conceito.

</P>
<p style="margin-bottom: 10px; padding: 0px; color: rgb(83, 83, 83); font-family: &quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif; line-height: 17px; text-align: justify; background-color: rgb(255, 255, 255);" data-selector="p">
    <strong>Legal:</strong> A Dinastia, através da Delta Red Marketing, Associação Interativa e Treinamento Ltda, tem como missão orientar seus Associados e/ou clientes sobre como fazer planejamento financeiro para a conquista de segurança e independência financeira, direcionando-os para as melhores alternativas existentes no mercado em termos de serviços financeiros que respondam à demanda de segurança financeira imediata e independência financeira a longo prazo.
</P>
<p style="margin-bottom: 10px; padding: 0px; color: rgb(83, 83, 83); font-family: &quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif; line-height: 17px; text-align: justify; background-color: rgb(255, 255, 255);" data-selector="p">
    <br />
</p>
<p style="margin-bottom: 10px; padding: 0px; color: rgb(83, 83, 83); font-family: &quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif; line-height: 17px; text-align: justify; background-color: rgb(255, 255, 255);" data-selector="p">
    <br />
</p>
<p style="margin-bottom: 10px; padding: 0px; color: rgb(83, 83, 83); font-family: &quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif; line-height: 17px; text-align: justify; background-color: rgb(255, 255, 255);" data-selector="p">
    <br />
</p></div>
      </div>
    </div>
   
    <div class="panel" data-selector="#testimonials-grid .quote, .pricing-table, .pricing-table .stamp, .post, .panel, .panel-heading, .form-container, .post-content .price-circle" src="https://llbr.blob.core.windows.net/machine-user-images/img-19861-20141021132644.png" style="color: rgb(68, 68, 68); border-color: rgba(0, 0, 0, 0.098); border-width: 1px; border-radius: 0px; font-size: 17px; background-color: rgb(255, 255, 255);">
      <a class="panel-heading collapsed" href="#collapseTwo" data-toggle="collapse" data-selector="#testimonials-grid .quote, .pricing-table, .pricing-table .stamp, .post, .panel, .panel-heading, .form-container, .post-content .price-circle" src="https://llbr.blob.core.windows.net/machine-user-images/img-19861-20141021132644.png" style="color: rgb(255, 255, 255); border-color: rgb(0, 192, 255) rgb(0, 192, 255) rgba(0, 0, 0, 0.098); border-width: 0px 0px 1px; border-radius: 0px; font-size: 17px; background-color: rgb(16, 157, 8);" aria-expanded="false">
        <span class="editContent"><strong>Quais os Benefícos Oferecidos pela Dinastia?</strong></span>
      </a>
      <div id="collapseTwo" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
        <div class="panel-body"><div class="text" style="margin-bottom: 0px; padding: 0px; position: relative; line-height: 17px; background-color: rgb(255, 255, 255);">
    <h2 style="margin-bottom: 20px; font-family: inherit; line-height: 20px; color: rgb(176, 17, 22); font-size: 18px;" data-selector="h2">Renda Extra Mensal</h2>
    <img src="http://cdn.dinastiarede.com.br/site/img/oportunidade/renda_extra_mensal_01.png" data-selector="img">
    <p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
        <br />
    </p>
    <p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
                É isso que a
        <strong>Dinastia</strong> lhe oferece. Nossa missão é ajudar você a conquistar qualidade de vida, por meio de independência e segurança financeira.
    </P>
    <p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
                Através de uma oportunidade de renda extra em tempo parcial, por meio da nossa exclusiva proposta de negócio, você tem a chance de diminuir drasticamente o tempo necessário para conquistar a sua independência financeira.
    </P>
    <img src="http://cdn.dinastiarede.com.br/site/img/oportunidade/renda_extra_mensal_2016.jpg" data-selector="img">
    <h2 style="margin-bottom: 20px; font-family: inherit; line-height: 20px; color: rgb(176, 17, 22); font-size: 18px;" data-selector="h2"><br />
    </h2>
    <h2 style="margin-bottom: 20px; font-family: inherit; line-height: 20px; color: rgb(176, 17, 22); font-size: 18px;" data-selector="h2">Segurança financeira imediata para a sua família</h2>
    <p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
            Você sabe o que pode acontecer com você amanhã?
    </p>
    <p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
            É certo que ninguém gosta de pensar nessas coisas, mas...
    </P>
    <p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
            Possui Segurança Financeira quem tem a garantia da proteção e satisfação de todas as necessidades financeiras.
    </P>
    <p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
        Os seguros de vida são investimentos que você faz e que lhe garantem tranquilidade ao longo de sua vida.
    </P>
    <p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
        É a maneira mais inteligente de se prevenir e remediar eventos inesperados para que, além das saudades, não deixemos dívidas para aqueles que tanto amamos.
    </P>
    <p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
            A falta de renda pode impossibilitar você e sua família de satisfazerem as suas necessidades atuais, além de prejudicar a construção da sua aposentadoria.
    </P>
    <p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
        Associando-se à Dinastia Soluções Financeiras, com as mensalidades em dia, você terá os benefícios de um Seguro de Vida.
    </P>
    <p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
        <br />
    </p>
    <h2 style="margin-bottom: 20px; font-family: inherit; line-height: 20px; color: rgb(176, 17, 22); font-size: 18px;" data-selector="h2">Independência Financeira</h2>
    <p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
        <strong>é hoje que você constrói a tranqüilidade financeira do seu futuro.</Strong>
    </p>
    <p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
                A
        <strong>Dinastia</strong> oferece aos Associados a oportunidade de participar dos Planos de Previdência Privada (pgbl e vgbl), criados e administrados por seguradoras conceituadas no mercado, visando levar aos associados a oportunidade de planejar financeiramente o seu futuro, através de produtos especialmente desenvolvidos para este fim.
    </P>
    <p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
                Todas as informações necessárias sobre os Planos de Previdência estão disponíveis aos associados através dos informativos oficiais da Dinastia, internet e materiais de divulgação desenvolvidos oficialmente pelas seguradoras, com as características de cada produto.
    </P>
    <p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
        Os produtos são opcionais, não estão inclusos na mensalidade de associação, devendo ser contratado a parte. Estes produtos serão liberados a partir de sua efetiva associação com a Dinastia.
    </P>
</div></div>
      </div>
    </div>
   
    <div class="panel" data-selector="#testimonials-grid .quote, .pricing-table, .pricing-table .stamp, .post, .panel, .panel-heading, .form-container, .post-content .price-circle" src="https://llbr.blob.core.windows.net/machine-user-images/img-19861-20141021132644.png" style="color: rgb(68, 68, 68); border-color: rgba(0, 0, 0, 0.098); border-width: 1px; border-radius: 0px; font-size: 17px; background-color: rgb(255, 255, 255);">
      <a class="panel-heading collapsed" href="#collapseThree" data-toggle="collapse" data-selector="#testimonials-grid .quote, .pricing-table, .pricing-table .stamp, .post, .panel, .panel-heading, .form-container, .post-content .price-circle" src="https://llbr.blob.core.windows.net/machine-user-images/img-19861-20141021132644.png" style="color: rgb(255, 255, 255); border-color: rgb(0, 192, 255) rgb(0, 192, 255) rgba(0, 0, 0, 0.098); border-width: 0px 0px 1px; border-radius: 0px; font-size: 17px; background-color: rgb(16, 157, 8);" aria-expanded="false">
        <span class="editContent"><strong>Quais os Materiais de Prospecção?</strong><strong></strong></span>
      </a>
      <div id="collapseThree" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
        <div class="panel-body"><article class="right-content" style="margin: 0px; padding: 0px; float: right; width: 700px; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; line-height: 20px;">
<p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
        A Dinastia coloca à disposição de seus Associados, diversos materiais de prospecção. Abaixo, relacionamos os itens de nosso Portfólio de Apresentação da Dinastia.
</P>
<h2 style="margin-bottom: 20px; font-family: inherit; line-height: 20px; color: rgb(176, 17, 22); font-size: 18px;" data-selector="h2">O kit de marketing possui os seguintes componentes:</h2>
<img src="http://cdn.dinastiarede.com.br/site/img/oportunidade/prospeccao-2016.jpg" data-selector="img">
<p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
    <strong>Manual Construindo sua Dinastia 2016</strong> (Versão Impressa e Versão Online)<br style="margin: 0px; padding: 0px;">
        Possui todas as informações sobre o funcionamento da Dinastia, desde os benefícios disponibilizados aos Associados, incluindo o regulamento da Dinastia e todas as informações sobre o Programa Dinastia de Bonificação.
</P>
<br style="margin: 0px; padding: 0px;">
<br style="margin: 0px; padding: 0px;">
<br style="margin: 0px; padding: 0px;">
<br style="margin: 0px; padding: 0px;">
<img src="http://cdn.dinastiarede.com.br/site/img/oportunidade/prospeccao-02.jpg" data-selector="img">
<p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
    <strong>Manual do ainsf</strong> (cd versão digital e versão online)<br style="margin: 0px; padding: 0px;">
        o manual do ainsf é um guia prático, específico e objetivo, um mapa cuja leitura é essencial, pois busca orientar você em sua jornada de seu ponto “a", o dia de sua associação à dinastia, até o seu ponto “b", sua qualificação como omni-cycle, consequência do desenvolvimento de sua própria rede de associados dinastia, ou seja, de sua linha descendente, conforme os critérios previstos no programa dinastia de bonificação, descritos no manual construindo sua dinastia. O conteúdo do Manual do AINSF deverá ser utilizado no evento Jornada para Omni-Cycle, visando o treinamento dos Associados já cadastrados, assim como no esdin para treinamento, que poderá ser realizado pelas lideranças uma vez por mês, em um dos quatro esdins semanais, sem a participação de convidados, conforme os critérios descritos no manual construindo sua dinastia.
</P>
<img src="http://cdn.dinastiarede.com.br/site/img/oportunidade/prospeccao-03.jpg" data-selector="img">
<p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
    <strong>csnf</strong> (cd versão digital e versão online)<br style="margin: 0px; padding: 0px;">
        material para ser impresso e preenchido pelo associado duplicador, pois permite que você possa assumir o seu próprio compromisso pessoal com o desenvolvimento de sua dinastia. Através do CSNF, o Associado Duplicador, poderá programar o tempo a ser dedicado semanalmente para a construção deste negócio, a pré-qualificação dos candidatos a serem prospectados através da Lista de Nomes, além de permitir que você estabeleça prazos para a conquista de suas qualificações, através de ciclos de desenvolvimento que podem ser divididos em períodos de 120 dias. Não deixe de preencher seu CSNF juntamente com seu Duplicador Direto e Treinador, assim que receber o Kit de Marketing.

</P>
<img src="http://cdn.dinastiarede.com.br/site/img/oportunidade/prospeccao-04.jpg" data-selector="img">
<p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
    <strong>ansf </strong>(cd versão digital e versão online)<br style="margin: 0px; padding: 0px;">
        material para ser impresso e preenchido pelo associado dinastia. Ao preencher o seu ANSF, o Associado Dinastia poderá definir o que há de mais importante no início deste negócio: - O PORQUÊ! A RAZÃO! O motivo para você fazer sua dinastia acontecer. Ele ajudará você a definir metas, objetivos, sonhos e estratégias fundamentais para obtenção do sucesso! através dos exemplos demonstrados no ansf em relação a itens essenciais da vida financeira (segurança financeira, planejamento financeiro e renda extra mensal), você poderá identificar suas deficiências atuais, as quais precisam ser combatidas imediatamente.

</P>
<img src="http://cdn.dinastiarede.com.br/site/img/oportunidade/prospeccao-05b.jpg" data-selector="img">
<p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
    <strong>Vídeo "superando os obstáculos de sua vida financeira" </strong>(dvd e versão online)<br style="margin: 0px; padding: 0px;">
        material para apresentação da dinastia soluções financeiras, que deve ser utilizado tanto na reunião pessoal, como no esdin semanal. Não deixe de utilizar este vídeo em suas apresentações da proposta Dinastia.
</P>
<img src="http://cdn.dinastiarede.com.br/site/img/oportunidade/prospeccao-06.jpg" data-selector="img">
<p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
    <strong>áudios de treinamento e prospecção</strong> (cd versão digital e versão online)<br style="margin: 0px; padding: 0px;">
        materiais especiais, disponibilizados para que o associado dinastia, conheça a história de associados que já atingiram o ponto b em sua caminhada na dinastia, ou seja, já chegaram ao nível de omni-cycle. Conheça suas histórias de vida, as barreiras que foram ultrapassadas e o significado de suas vitórias. Material para ser ouvido todos os dias.
Incluiremos gradativamente, na versão online, disponível neste site (Área de Associados), novas palestras de Omni-Cycles convidados para participar dos dtks regionais, realizados em várias regiões do país.
</P>
<img src="http://cdn.dinastiarede.com.br/site/img/oportunidade/prospeccao-pdf-2016.jpg" data-selector="img">
<p style="margin-bottom: 10px; padding: 0px;" data-selector="p">
    <strong>brochura de apresentação e acompanhamento </strong>(versão impressa e versão online)<br style="margin: 0px; padding: 0px;">
        material para ser utilizado oficialmente, na reunião pessoal e nos esdins semanais, que contém todas as informações sobre os benefícios da dinastia, quem somos, o que fazemos e quais os resultados que podem ser conquistados com o desenvolvimento de sua dinastia.
</p>
</article>
<p data-selector="p">
    <br />
</p></div>
      </div>
    </div>
  </div>
</section>