diff --git a/html-cms/blog.html b/html-cms/blog.html
new file mode 100644
index 0000000..b9d2d24
--- /dev/null
+++ b/html-cms/blog.html
@@ -0,0 +1,86 @@
+<!-- MAIN AREA -->
+<div id="community-blog">
+<div id="blog-header">
+  <h1>Blog</h1>
+  <p>Desenvolvimento CACIC</p>
+  <div id="community-action-button">
+    <a href=""><span>Entrar na comunidade</span></a>
+    <a href=""><span>Contactar administradores</span></a>
+  </div>
+</div>
+<div class="blog-main-content" >
+    <div id="date" >Hoje</div> 
+    <div id="title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</div>
+<div id="image-container">
+   <img src="http://www2.planalto.gov.br/chamadas-da-home/banner-rotativo/lideres-dos-partidos-da-base-aliada-na-camara-dos-deputados/@@images/d77b711c-a9a3-4cd4-b7e5-0fc0d412b324.jpeg" />
+</div>
+    <div id="description" >Ambiente traz soluções que dispensam pagamentos de licença simples, de fácil utilização e com novas funcionalidades.</div> 
+</div>
+<div class="blog-event-list">
+  <div class="blog-event-item">
+  <div class="item-image"><img src="http://www2.planalto.gov.br/chamadas-da-home/banner-rotativo/lideres-dos-partidos-da-base-aliada-na-camara-dos-deputados/@@images/d77b711c-a9a3-4cd4-b7e5-0fc0d412b324.jpeg"></div>
+  <div class="blog-event-information">
+  <div class="date">Ontem</div>
+  <div class="event-title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</div>
+  <div class="description" >Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit.</div> 
+  </div>
+  </div>
+<div class="blog-event-item">
+  <div class="item-image"><img src="http://www2.planalto.gov.br/chamadas-da-home/banner-rotativo/lideres-dos-partidos-da-base-aliada-na-camara-dos-deputados/@@images/d77b711c-a9a3-4cd4-b7e5-0fc0d412b324.jpeg"></div>
+  <div class="blog-event-information">
+  <div class="date">Ontem</div>
+  <div class="event-title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</div>
+  <div class="description" >Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit.</div> 
+  </div>
+  </div>
+<div class="blog-event-item">
+  <div class="item-image"><img src="http://www2.planalto.gov.br/chamadas-da-home/banner-rotativo/lideres-dos-partidos-da-base-aliada-na-camara-dos-deputados/@@images/d77b711c-a9a3-4cd4-b7e53uh3-0fc0d412b324.jpeg"></div>
+  <div class="blog-event-information">
+  <div class="date">Ontem</div>
+  <div class="event-title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</div>
+  <div class="description" >Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit.</div> 
+  </div>
+  </div>
+</div>
+<div class="community-content-footer">
+  <ul id="indexes">
+    <li id="previous">
+    <span id="left-arrow"></span>
+<a href>Anteriores</a></li>
+    <li id="first-index" class="active-index"><a href>1</a></li>
+    <li id="second-index" class="default-index"><a href>2</a></li>
+    <li id="third-index" class="default-index"><a href>3</a></li>
+    <li id="fourth-index" class="default-index"><a href>4</a></li>
+    <li id="fifth-index" class="default-index"><a href>5</a></li>
+    <li id="next"><a href>Próximos</a><span id="right-arrow"></span></li>
+  </ul>
+</div>
+</div>
+
+<!-- LEFT SIDE BAR -->
+<div class="side-box">
+<div class="box box-2" id="box-2"><div class="blocks">
+
+    <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1906"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title empty"><span></span></h3><ul><li><a href="/search/software_infos" class="icon-no-icon" target="_self">Catálogo de Software</a></li></ul></div></div></div></div>
+
+    <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1481"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Software Público</span></h3><ul><li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Entenda o que é</a></li>
+<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Publique seu software</a></li>
+
+<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Desenvolvimento colaborativo</a></li>
+
+<li><a href="/profile/e-sic" class="icon-no-icon" target="_self">Sobre o Portal</a></li><li><a href="/software-publico-brasileiro/publique-seu-software" class="icon-no-icon" target="_self">Prêmio Ação Coletiva</a></li></ul></div></div></div></div>
+
+    <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-44"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Colaboração</span></h3><ul><li><a href="/software-publico-brasileiro/sobre-o-portal" class="icon-no-icon" target="_self">Comunidades</a></li><li><a href="/noticias/" class="icon-no-icon" target="_self">Projetos de software</a></li><li><a href="/software-publico-brasileiro/contato" class="icon-no-icon" target="_self">Usuários</a></li></ul></div></div></div></div>
+</div></div></div>
+
+<!-- RIGHT SIDE BOX -->
+<div id="temp">
+<div class="community-side-box">
+  <div class="community-logo-container">
+    <img src="https://beta.softwarepublico.gov.br/social/image_uploads/0000/0766/www.softwarepublico.gov_.br47_big_big.gif?1432145671" />
+  </div>
+  <div class="community-name">
+    <p>CACIC - Configurador Automático e Coletor de Informações Computacionais</p>
+  </div>
+</div>
+</div>
diff --git a/html-cms/event.html b/html-cms/event.html
new file mode 100644
index 0000000..3f633b4
--- /dev/null
+++ b/html-cms/event.html
@@ -0,0 +1,74 @@
+<!-- Left SideBox -->
+<div class="side-box">
+<div class="box box-2" id="box-2"><div class="blocks">
+
+    <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1906"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title empty"><span></span></h3><ul><li><a href="/search/software_infos" class="icon-no-icon" target="_self">Catálogo de Software</a></li></ul></div></div></div></div>
+
+    <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1481"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Software Público</span></h3><ul><li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Entenda o que é</a></li>
+<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Publique seu software</a></li>
+
+<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Desenvolvimento colaborativo</a></li>
+
+<li><a href="/profile/e-sic" class="icon-no-icon" target="_self">Sobre o Portal</a></li><li><a href="/software-publico-brasileiro/publique-seu-software" class="icon-no-icon" target="_self">Prêmio Ação Coletiva</a></li></ul></div></div></div></div>
+
+    <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-44"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Colaboração</span></h3><ul><li><a href="/software-publico-brasileiro/sobre-o-portal" class="icon-no-icon" target="_self">Comunidades</a></li><li><a href="/noticias/" class="icon-no-icon" target="_self">Projetos de software</a></li><li><a href="/software-publico-brasileiro/contato" class="icon-no-icon" target="_self">Usuários</a></li></ul></div></div></div></div>
+</div></div></div>
+
+<!-- Main Area -->
+<div id="community-page">
+  <h1>Título do evento</h1>
+  <div id="event-card">
+
+    <div id="event-image"> 
+    </div>
+
+    <div class="about-event">
+     <span class="event-date">7 de fevereiro à 18 de março de 2015</span>
+      <span class="event-link"><a href="ok.com">http://fga.unb.br/unb-gama/contato</a></span>
+      <span class="event-address">
+        <span id="area">Área Especial de Indústria Projeção A</span>
+        <span id="district">Gama - Setor Leste</span>
+        <span id="city">Brasília</span>
+        <span id="cep">CEP: 72.444-240</span>
+      </span>
+</span>
+    </div>
+  </div>
+
+<div class="event-body">
+<h2>Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem.</h2>
+<div class="event-content">
+<p>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</p>
+
+<p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</p>
+
+<p>Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.</p>
+</div>
+</div>
+</div>
+
+<!-- Right SideBox -->
+<div id="temp">
+<div class="community-side-box">
+  <div class="community-logo">
+    
+  </div>
+  <div class="community-name">
+    <p>CACIC - Configurador Automático e Coletor de Informações Computacionais</p>
+  </div>
+</div>
+
+<div class="community-side-box">
+  <table>
+    <tr>
+      <th>Outros Eventos</th>
+    </tr>
+    <tr>
+      <td><span class="another-events-date">29/03 - </span><span class="another-event">Encontro dos colaboradores DF</span></td>
+    </tr>
+    <tr>
+      <td><span class="another-events-date">29/03 - </span><span class="another-event">Lançamento da versão 2.0</span></td>
+    </tr>
+  </table>
+</div>
+</div>
\ No newline at end of file
diff --git a/html-cms/list-item-initial-page.html b/html-cms/list-item-initial-page.html
new file mode 100644
index 0000000..e2b8c0c
--- /dev/null
+++ b/html-cms/list-item-initial-page.html
@@ -0,0 +1,21 @@
+<li>
+  <div class="published-at">Dezembro 11, 2014</div>
+  <div class="notice-item">
+  <div class="image">
+    <a href="http://localhost:3000/spb/noticias/planejamento-lanca-novo-portal-do-software-publico-brasileiro">
+      <img alt="141209_portal_software" src="/image_uploads/0000/0140/141209_portal_software.jpg">
+    </a>
+  </div>
+  <div class="notice-info">
+    <div class="title">
+      <a href="http://localhost:3000/spb/noticias/planejamento-lanca-novo-portal-do-software-publico-brasileiro">Planejamento lança novo Portal do Software Público Brasileiro</a>
+    </div>
+    <div class="lead">
+      <a href="http://localhost:3000/spb/noticias/planejamento-lanca-novo-portal-do-software-publico-brasileiro">Ambiente traz soluções que dispensam pagamentos de licença simples, de fácil utilização e com novas funcionalidades que permitem o desenvolvimento colaborativo de soluções públicas e uma melhor interação entre os usuários. Este é o novo Portal do Software Público Brasileiro, lançado em versão beta nesta terça-feira (9), durante o Seminário de Apoio Tecnológico aos Municípios, em Brasília.</a>
+    </div>
+    <div class="read_more">
+      <a href="http://localhost:3000/spb/noticias/planejamento-lanca-novo-portal-do-software-publico-brasileiro">Read more</a>
+    </div>
+  </div>
+  </div>
+</li>
\ No newline at end of file
--
libgit2 0.21.2