diff --git a/app/assets/javascripts/application/navigation-content.js b/app/assets/javascripts/application/navigation-content.js
new file mode 100644
index 0000000000000000000000000000000000000000..a281ded2035598aee6557c2bf2fae32da81968f4
--- /dev/null
+++ b/app/assets/javascripts/application/navigation-content.js
@@ -0,0 +1,46 @@
+var nav_content = function () {
+ var nav_list = [],
+ toggled = null,
+ nav_content = '.navigation-content',
+ nav_prefix = '.navigation-content-',
+ nav_dropdown = '.nav-dropdown';
+ nav_close = '.navigation-content-close';
+
+ $(document).ready(function () {
+ var closeContent = function() {
+ toggled = null;
+ $(nav_content).slideUp();
+ }
+
+ $(nav_content).hide();
+ $(nav_close).click(function() { closeContent(); });
+
+ $(nav_dropdown).each(function() {
+ var content = $(this).data('content');
+ nav_list.push(content);
+ $(nav_prefix + content).hide();
+ });
+
+ $(nav_dropdown).click(function(){
+ var element = this,
+ content = $(element).data('content');
+
+ if (toggled == content) closeContent();
+ else {
+ toggled = content;
+
+ var length = nav_list.length;
+ for (var i = 0; i < length; ++i) {
+ var content = nav_list[i];
+ ($(element).data('content') == content) ? $(nav_prefix + content).show() : $(nav_prefix + content).hide();
+ }
+
+ $(nav_content).slideDown();
+ }
+ });
+ });
+}
+
+$(document).ready(function () {
+ nav_content();
+});
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 6ffbf86f8d12bdd6c92fc5e4bea5cef662e75dbc..b72a65dddc8db2ab604b9299cb892d25d7271d79 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -20,6 +20,7 @@
$header-blue: #1676bc;
$link-grey: #343D3E;
+$nav-grey: #e7e7e7;
//// HTML/BODY
html,
@@ -189,7 +190,7 @@ header {
// navbar
.navigation {
- background: #F1F1F1;
+ background: $nav-grey;
.nav {
height: 50px;
@@ -226,6 +227,24 @@ header {
}
}
+ .navigation-content {
+ display:none;
+ background-color: #f2f2f2;
+ width: 100%;
+ height: 100%;
+ padding-bottom: 20px;
+
+ .inner-column {
+ padding: 15px;
+ padding-top: 5px;
+ }
+
+ .nav-tabs {
+ border: 0px;
+ text-align: center;
+ }
+ }
+
// contrast
.search-bar-contraste{
background-color: black;
@@ -328,7 +347,7 @@ table.tipo1 p{ font-size: 15px; font-weight: bold; }
#subject-highlight{
background-color: black !important;
}
-
+
.field{
input{
color: black !important;
diff --git a/app/assets/stylesheets/application/welcome.scss b/app/assets/stylesheets/application/welcome.scss
index cd013dfe6f8619442a4f543676f1b38d30ba9330..ebb4f99bd23b1eb576abfc23a4ceb8b33983a6de 100644
--- a/app/assets/stylesheets/application/welcome.scss
+++ b/app/assets/stylesheets/application/welcome.scss
@@ -30,23 +30,7 @@
}
}
-.divider{
- height: 5px;
-}
-
-.general-highlights {
- padding-left: 0px;
- padding-right: 0px;
- padding-bottom: 20px;
-}
-
-.padding-left-0{
- padding-left: 0 !important;
-}
-.padding-right-0{
- padding-right: 0 !important;
-}
-
+//// carousel
$carousel_size: 400px;
.carousel {
@@ -106,46 +90,32 @@ $carousel_size: 400px;
}
//// CONTACT
-.font_roboto_light{
- font-family: 'Roboto', sans-serif;
-}
-#mec_portais{
- background-color: #2E3192;
- width: 100px;
- height: 50px;
-}
-#mec_portais2{
- background-color: #2E3192;
- width: 100px;
- height: 50px;
- margin-left: 5px;
-}
-.rede_social{
- width: 30px;
- height: 30px;
- border-radius: 5px;
-}
-#rede_social1{
- background-color: #2E3192;
-}
-#rede_social2{
- background-color: #C01A2C;
- margin-left: 5px;
-}
-#rede_social3{
- background-color: #00ADEF;
- margin-left: 5px;
-}
-#rede_social4{
- background-color: #6A5E50;
- margin-left: 5px;
+.about-contact {
+ .contact-row {
+ margin-bottom: 10px;
+
+ h4 {
+ font-weight: 400;
+ margin-bottom: 5px;
+ }
+ }
+ .contact-item {
+ background-color: #2E3192;
+ width: 30px;
+ height: 30px;
+ border-radius: 5px;
+ margin-right: 5px;
+ }
}
//// FAQ
-#faq_div{
- margin-left: 175px;
-}
-#faq_question{
- color: orange;
- font-weight: bold;
+.faq-row {
+ .question {
+ font-weight: 400;
+ }
+ .answer {
+ padding-left: 25px;
+ text-align: justify;
+ text-justify: inter-word;
+ }
}
diff --git a/app/views/shared/application/_header.html.erb b/app/views/shared/application/_header.html.erb
index 67fea159cc9d1ef9549a96c950fe118cfef3487d..32472f3be55ba0790fbf4e4546f0daf35cb4d12b 100644
--- a/app/views/shared/application/_header.html.erb
+++ b/app/views/shared/application/_header.html.erb
@@ -80,77 +80,30 @@
<ul class="nav navbar-nav">
<li class="nav-button nav-button-first"><h3><%= link_to 'Assuntos' %></h3></li>
<li role="separator" class="divider"></li>
- <li class="dropdown nav-button">
- <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);">NÃveis de
- Ensino <span class="caret"/></a>
- <ul class="dropdown-menu">
- <li>
- <div class="row" style="width: 400px;">
- <ul class="list-unstyled col-md-6 col-md-offset-1">
- <li><b>Ensino Fundamental</b></li>
- <li role="separator" class="divider"></li>
- <li><a href="">1º Ano</a></li>
- <li><a href="">2º Ano</a></li>
- <li><a href="">3º Ano</a></li>
- <li><a href="">4º Ano</a></li>
- <li><a href="">5º Ano</a></li>
- <li><a href="">6º Ano</a></li>
- <li><a href="">7º Ano</a></li>
- <li><a href="">8º Ano</a></li>
- <li><a href="">9º Ano</a></li>
- </ul>
- <ul class="list-unstyled col-md-5">
- <li><b>Ensino Médio</b></li>
- <li role="separator" class="divider"></li>
- <li><a href="">1º Ano</a></li>
- <li><a href="">2º Ano</a></li>
- <li><a href="">3º Ano</a></li>
- </ul>
- </div>
- </li>
- </ul>
- </li>
+ <li class="dropdown nav-button"><h3><a class="nav-dropdown" data-content="educational-level" href="javascript:void(0);">NÃveis de Ensino <span class="caret"/></a></h3></li>
<li role="separator" class="divider"></li>
- <li class="nav-button"><h3><%= link_to 'FAQ', faq_path %></h3></li>
+ <li class="dropdown nav-button"><h3><a class="nav-dropdown" data-content="links" href="javascript:void(0);">Links úteis <span class="caret"/></a></h3></li>
<li role="separator" class="divider"></li>
- <li class="nav-button"><h3><%= link_to 'Contato', contact_path %></h3></li>
+ <li class="nav-button"><h3><a class="nav-dropdown" data-content="about" href="javascript:void(0);">Sobre <span class="caret"/></a></h3></li>
<li role="separator" class="divider"></li>
- <li class="dropdown nav-button">
- <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);">Links
- úteis <span class="caret"/></a>
- <ul class="dropdown-menu">
- <li>
- <div class="row" style="width: 400px;">
- <ul class="list-unstyled col-md-6 col-md-offset-1">
- <li><b>Portais nacionais e internacionais</b></li>
- <li role="separator" class="divider"></li>
- <li><a href="">Portais Educacionais</a></li>
- <li><a href="">Museus</a></li>
- <li><a href="">Bibliotecas</a></li>
- <li><a href="">Revistas</a></li>
- <li><a href="">Projetos Inovadores</a></li>
- <li><a href="">Jornais</a></li>
- <li><a href="">Projeto de escolas</a></li>
- <li><a href="">Um computador por aluno</a></li>
- <li><a href="">Geoprocessamento</a></li>
- <li><a href="">Prêmio Professores do Brasil</a></li>
- <li><a href="">Capacitação ProInfo Integrado</a></li>
- </ul>
- <ul class="list-unstyled col-md-5">
- <li><b>Visite também</b></li>
- <li role="separator" class="divider"></li>
- <li><a href="">DomÃnio Público</a></li>
- <li><a href="">E-ProInfo</a></li>
- <li><a href="">Objetos Educacionais</a></li>
- <li><a href="">Plataforma Freire</a></li>
- <li><a href="">TV Escola</a></li>
- </ul>
- </div>
- </li>
- </ul>
- </li>
</ul>
</div>
</div>
</nav>
+ <div class="navigation-content">
+ <div class="container">
+ <div class="row">
+ <a class="navigation-content-close pull-right" aria-label="Close" href="javascript:void(0);"><h3><span aria-hidden="true">×</span></h3></a>
+ </div>
+ <div class="navigation-content-educational-level">
+ <%= render 'welcome/educational_level' %>
+ </div>
+ <div class="navigation-content-links">
+ <%= render 'welcome/links' %>
+ </div>
+ <div class="navigation-content-about">
+ <%= render 'welcome/about' %>
+ </div>
+ </div>
+ </div>
</header>
diff --git a/app/views/welcome/_about.html.erb b/app/views/welcome/_about.html.erb
new file mode 100644
index 0000000000000000000000000000000000000000..f62e79455e9d1331a5216ca92e69c0de61a96d10
--- /dev/null
+++ b/app/views/welcome/_about.html.erb
@@ -0,0 +1,51 @@
+<div>
+ <!-- Nav tabs -->
+ <div class="nav nav-tabs" role="tablist">
+ <div class="col-md-4" role="presentation" class="active">
+ <h4><a href="#about" aria-controls="about" role="tab" data-toggle="tab">Sobre este portal</a></h4>
+ </div>
+ <div class="col-md-4" role="presentation">
+ <h4><a href="#faq" aria-controls="faq" role="tab" data-toggle="tab">Perguntas Frequentes</a></h4>
+ </div>
+ <div class="col-md-4" role="presentation">
+ <h4><a href="#contact" aria-controls="contact" role="tab" data-toggle="tab">Contato</a></h4>
+ </div>
+ </div>
+
+ <!-- Tab panes -->
+ <br/>
+ <div class="tab-content">
+ <div role="tabpanel" class="tab-pane active" id="about">
+ <ul class="col-md-12" style="list-style-type:none">
+ <li>
+ Este portal de conteúdos educacionais provê serviços relacionados com o
+ armazenamento e distribuição de conteúdos educacionais, com propriedades
+ como busca simples e avançada, ranqueamento de resultados levando
+ em consideração métricas como similaridade de palavras chave,
+ pontuação de autores, quantidade de downloads e
+ recomendações de outros usuários. Além de objetos
+ inseridos diretamente na base própria, integra conteúdos
+ disponÃveis nas bases:
+ <ul>
+ <li><a href="http://objetoseducacionais2.mec.gov.br/">Banco Internacional de Objetos Educacionais</a></li>
+ <li><a href="http://portaldoprofessor.mec.gov.br/index.html">Portal do Professor</a></li>
+ <li><a href="http://www.diaadia.pr.gov.br/">Dia a Dia Educação - Portal Educacional do Estado do Paraná</a></li>
+ </ul>
+ </li>
+ <li>
+ Este portal pretende ser uma importante ferramenta para uso de professores
+ na preparação de aulas e de alunos no estudo dos conteúdos.
+ </li>
+ <li>
+ Está sendo desenvolvido pelo
+ Centro de Computação CientÃfica e Software Livre (C3SL)
+ da Universidade Federal do Paraná (UFPR) em
+ parceria com o Fundo Nacional de Desenvolvimento da Educação (FNDE),
+ responsável pela execução de polÃticas educacionais do Ministério da Educação (MEC).
+ </li>
+ </ul>
+ </div>
+ <div role="tabpanel" class="tab-pane" id="faq"><%= render 'welcome/faq' %></div>
+ <div role="tabpanel" class="tab-pane" id="contact"><%= render 'welcome/contact' %></div>
+ </div>
+</div>
diff --git a/app/views/welcome/_contact.html.erb b/app/views/welcome/_contact.html.erb
new file mode 100644
index 0000000000000000000000000000000000000000..71fa2aac1e41b71175cd465aaa50140292e73c37
--- /dev/null
+++ b/app/views/welcome/_contact.html.erb
@@ -0,0 +1,34 @@
+<div class="col-md-12 about-contact">
+ <div class="contact-row row">
+ <div class="col-md-6">
+ <h4>Email: contato@c3sl.ufpr.br</h4>
+ </div>
+ <div class="col-md-6">
+ <h4>Telefone: (41)3361-3567</h4>
+ </div>
+ </div>
+ <div class="contact-row">
+ <h4>Redes Sociais</h4>
+ <div class="row">
+ <div class='col-md-1 col-sm-offset-1 contact-item'></div>
+ <div class='col-md-1 contact-item'></div>
+ <div class='col-md-1 contact-item'></div>
+ <div class='col-md-1 contact-item'></div>
+ </div>
+ </div>
+ <div class="contact-row">
+ <h4>Outros sites do ministério da educação</h4>
+ <div class="row">
+ <div class='contact-item col-md-1 col-sm-offset-1'></div>
+ <div class='contact-item col-md-1'></div>
+ <div class='contact-item col-md-1'></div>
+ <div class='contact-item col-md-1'></div>
+ </div>
+ </div>
+ <div class="contact-row">
+ <h4>Portal desenvolvido por</h4>
+ <div class="row">
+ <div class='contact-item col-md-1 col-sm-offset-1'></div>
+ </div>
+ </div>
+</div>
diff --git a/app/views/welcome/_educational_level.html.erb b/app/views/welcome/_educational_level.html.erb
new file mode 100644
index 0000000000000000000000000000000000000000..5e9f3a278de8749acd1ba9021aeb2d0cae3dbf11
--- /dev/null
+++ b/app/views/welcome/_educational_level.html.erb
@@ -0,0 +1,30 @@
+<div class="row">
+ <div class="col-md-6">
+ <h4><b>Ensino Fundamental</b></h4>
+ <div class="row inner-column">
+ <ul class="list-unstyled col-md-6">
+ <li><a href="">1º Ano</a></li>
+ <li><a href="">2º Ano</a></li>
+ <li><a href="">3º Ano</a></li>
+ <li><a href="">4º Ano</a></li>
+ <li><a href="">5º Ano</a></li>
+ </ul>
+ <ul class="list-unstyled col-md-6">
+ <li><a href="">6º Ano</a></li>
+ <li><a href="">7º Ano</a></li>
+ <li><a href="">8º Ano</a></li>
+ <li><a href="">9º Ano</a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="list-unstyled col-md-6">
+ <h4><b>Ensino Médio</b></h4>
+ <div class="row inner-column">
+ <ul class="list-unstyled col-md-12">
+ <li><a href="">1º Ano</a></li>
+ <li><a href="">2º Ano</a></li>
+ <li><a href="">3º Ano</a></li>
+ </ul>
+ </div>
+ </div>
+</div>
diff --git a/app/views/welcome/_faq.html.erb b/app/views/welcome/_faq.html.erb
new file mode 100644
index 0000000000000000000000000000000000000000..f888fb86d476a0c3739e70ec4056438292ea64c9
--- /dev/null
+++ b/app/views/welcome/_faq.html.erb
@@ -0,0 +1,33 @@
+<div class="row">
+ <div class="col-md-12">
+ <div class="faq-row">
+ <h4 class="question">In hac habitasse platea dictumst?</h4>
+ <p class="answer">Phasellus condimentum consectetur purus, at pellentesque purus hendrerit a. Prae-
+ sent at arcu mauris. In at dolor eu erat mollis sollicitudin. Phasellus condimentum consectetur purus, at pellentesque purus hendrerit a. Prae-
+ sent at arcu mauris. In at dolor eu erat mollis sollicitudin. Phasellus condimentum consectetur purus, at pellentesque purus hendrerit a. Prae-
+ sent at arcu mauris. In at dolor eu erat mollis sollicitudin. Phasellus condimentum consectetur purus, at pellentesque purus hendrerit a. Prae-
+ sent at arcu mauris. In at dolor eu erat mollis sollicitudin. Phasellus condimentum consectetur purus, at pellentesque purus hendrerit a. Prae-
+ sent at arcu mauris. In at dolor eu erat mollis sollicitudin.</p>
+ </div>
+ <div class="faq-row">
+ <h4 class="question">In hac habitasse platea dictumst?</h4>
+ <p class="answer">Phasellus condimentum consectetur purus, at pellentesque purus hendrerit a. Prae-
+ sent at arcu mauris. In at dolor eu erat mollis sollicitudin.</p>
+ </div>
+ <div class="faq-row">
+ <h4 class="question">In hac habitasse platea dictumst?</h4>
+ <p class="answer">Phasellus condimentum consectetur purus, at pellentesque purus hendrerit a. Prae-
+ sent at arcu mauris. In at dolor eu erat mollis sollicitudin.</p>
+ </div>
+ <div class="faq-row">
+ <h4 class="question">In hac habitasse platea dictumst?</h4>
+ <p class="answer">Phasellus condimentum consectetur purus, at pellentesque purus hendrerit a. Prae-
+ sent at arcu mauris. In at dolor eu erat mollis sollicitudin.</p>
+ </div>
+ <div class="faq-row">
+ <h4 class="question">In hac habitasse platea dictumst?</h4>
+ <p class="answer">Phasellus condimentum consectetur purus, at pellentesque purus hendrerit a. Prae-
+ sent at arcu mauris. In at dolor eu erat mollis sollicitudin.</p>
+ </div>
+ </div>
+</div>
diff --git a/app/views/welcome/_links.html.erb b/app/views/welcome/_links.html.erb
new file mode 100644
index 0000000000000000000000000000000000000000..ed72aa842c8e323df4b9f33e150ffcc93d188b8e
--- /dev/null
+++ b/app/views/welcome/_links.html.erb
@@ -0,0 +1,34 @@
+<div class="row">
+ <div class="col-md-8">
+ <h4><b>Portais nacionais e internacionais</b></h4>
+ <div class="row inner-column">
+ <ul class="list-unstyled col-md-6">
+ <li><a href="">Portais Educacionais</a></li>
+ <li><a href="">Museus</a></li>
+ <li><a href="">Bibliotecas</a></li>
+ <li><a href="">Revistas</a></li>
+ <li><a href="">Projetos Inovadores</a></li>
+ <li><a href="">Jornais</a></li>
+ </ul>
+ <ul class="list-unstyled col-md-6">
+ <li><a href="">Projeto de escolas</a></li>
+ <li><a href="">Um computador por aluno</a></li>
+ <li><a href="">Geoprocessamento</a></li>
+ <li><a href="">Prêmio Professores do Brasil</a></li>
+ <li><a href="">Capacitação ProInfo Integrado</a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <h4><b>Visite também</b></h4>
+ <div class="row inner-column">
+ <ul class="list-unstyled col-md-12">
+ <li><a href="">DomÃnio Público</a></li>
+ <li><a href="">E-ProInfo</a></li>
+ <li><a href="">Objetos Educacionais</a></li>
+ <li><a href="">Plataforma Freire</a></li>
+ <li><a href="">TV Escola</a></li>
+ </ul>
+ </div>
+ </div>
+</div>
diff --git a/app/views/welcome/contact.html.erb b/app/views/welcome/contact.html.erb
deleted file mode 100644
index 38e9966acb31c1af7d2595195481a644af11eb9f..0000000000000000000000000000000000000000
--- a/app/views/welcome/contact.html.erb
+++ /dev/null
@@ -1,42 +0,0 @@
-<link href='https://fonts.googleapis.com/css?family=Roboto:300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
-<br>
-<div class="container">
- <div class="row">
- <div class="col-md-offset-2 col-md-5">
- <p class="font_roboto_light">
- Email: contato@c3sl.ufpr.br
- </p>
- <p class="font_roboto_light">
- Redes Sociais
- </p>
- <div class="row">
- <div id='rede_social1' class='col-md-1 col-sm-offset-1 rede_social'></div>
- <div id='rede_social2' class='col-md-1 rede_social'></div>
- <div id='rede_social3' class='col-md-1 rede_social'></div>
- <div id='rede_social4' class='col-md-1 rede_social'></div>
- </div>
- <br>
- <p class="font_roboto_light">
- Outros sites do ministério da educação
- </p>
- <div class="row">
- <div id='mec_portais' class='col-md-1 col-sm-offset-1'></div>
- <div id='mec_portais2' class='col-md-1'></div>
- <div id='mec_portais2' class='col-md-1'></div>
- <div id='mec_portais2' class='col-md-1'></div>
- </div>
- <br>
- <p class="font_roboto_light">
- Portal desenvolvido por
- </p>
- <div class="row">
- <div id='mec_portais' class='col-md-1 col-sm-offset-1'></div>
- </div>
- </div>
- <div class="col-md-3">
- <p class="font_roboto_light">
- Telefone: (41)3361-3567
- </p>
- </div>
- </div>
-</div>
diff --git a/app/views/welcome/faq.html.erb b/app/views/welcome/faq.html.erb
deleted file mode 100644
index 0cd03e0c6f2332e82e3f2b8d518e2f124ac267bb..0000000000000000000000000000000000000000
--- a/app/views/welcome/faq.html.erb
+++ /dev/null
@@ -1,83 +0,0 @@
-<div id='faq_div'>
- <ul class="col-md-12" style="list-style-type:none">
- <li><b>Sobre este portal</b></li>
- <li>
- <br>
- </li>
- <li>
- <ul style="list-style-type:none">
- <li>
- Este portal de conteúdos educacionais provê serviços relacionados com o
- armazenamento e distribuição de conteúdos educacionais, com propriedades
- como busca simples e avançada, ranqueamento de resultados levando
- em consideração métricas como similaridade de palavras chave,
- pontuação de autores, quantidade de downloads e
- recomendações de outros usuários. Além de objetos
- inseridos diretamente na base própria, integra conteúdos
- disponÃveis nas bases:
- <ul>
- <li><a href="http://objetoseducacionais2.mec.gov.br/">Banco Internacional de Objetos Educacionais</a></li>
- <li><a href="http://portaldoprofessor.mec.gov.br/index.html">Portal do Professor</a></li>
- <li><a href="http://www.diaadia.pr.gov.br/">Dia a Dia Educação - Portal Educacional do Estado do Paraná</a></li>
- </ul>
- </li>
- <li>
- Este portal pretende ser uma importante ferramenta para uso de professores
- na preparação de aulas e de alunos no estudo dos conteúdos.
- </li>
- <li>
- Está sendo desenvolvido pelo
- Centro de Computação CientÃfica e Software Livre (C3SL)
- da Universidade Federal do Paraná (UFPR) em
- parceria com o Fundo Nacional de Desenvolvimento da Educação (FNDE),
- responsável pela execução de polÃticas educacionais do Ministério da Educação (MEC).
- </li>
- </ul>
- </li>
- <li><br></li>
- <li><b>FAQ</b></li>
- <li>
- <br>
- </li>
- <li>
- <ul style="list-style-type:none">
- <li id='faq_question'>In hac habitasse platea dictumst?</li>
- <li>
- <ul style="list-style-type:none">
- <li>
- Phasellus condimentum consectetur purus, at pellentesque purus hendrerit a. Prae-
- sent at arcu mauris. In at dolor eu erat mollis sollicitudin.
- </li>
- </ul>
- </li>
- <li id='faq_question'>In hac habitasse platea dictumst?</li>
- <li>
- <ul style="list-style-type:none">
- <li>
- Phasellus condimentum consectetur purus, at pellentesque purus hendrerit a. Prae-
- sent at arcu mauris. In at dolor eu erat mollis sollicitudin.
- </li>
- </ul>
- </li>
- <li id='faq_question'>In hac habitasse platea dictumst?</li>
- <li>
- <ul style="list-style-type:none">
- <li>
- Phasellus condimentum consectetur purus, at pellentesque purus hendrerit a. Prae-
- sent at arcu mauris. In at dolor eu erat mollis sollicitudin.
- </li>
- </ul>
- </li>
- <li id='faq_question'>In hac habitasse platea dictumst?</li>
- <li>
- <ul style="list-style-type:none">
- <li>
- Phasellus condimentum consectetur purus, at pellentesque purus hendrerit a. Prae-
- sent at arcu mauris. In at dolor eu erat mollis sollicitudin.
- </li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
-</div>