diff --git a/resources/public/css/main.css b/resources/public/css/main.css
deleted file mode 100644
index 0b3f754..0000000
--- a/resources/public/css/main.css
+++ /dev/null
@@ -1,63 +0,0 @@
-@import url(https://fonts.googleapis.com/css?family=Raleway);
-body {
-    font-family: Raleway, arial;
-    margin: 0;
-    background: #09f;
-    height: calc(100vh - 8rem);
-    margin-top: 8rem;
-}
-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    background-color: #6c3;
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-}
-header > a {
-    margin: 1rem;
-}
-header > a > img {
-    height: 3rem;
-}
-header ul {
-    display: flex;
-    justify-content: flex-end;
-    list-style: none;
-    padding: 0;
-    margin: 0;
-}
-header ul a {
-    display: block;
-    margin: 1rem;
-    padding: 1rem;
-    color: white;
-    text-decoration: initial;
-}
-header ul a:hover {
-    background-color: white;
-    color: #6c3;
-}
-main {
-    max-width: 800px;
-    margin: 3rem auto;
-}
-footer {
-    text-align: center;
-}
-
-.title-welcome {
-    text-align: center;
-    color: #6c3;
-}
-
-.logo-welcome {
-    text-align: center;
-}
-
-.logo-welcome img {
-    width: 20rem;
-    margin: 4rem auto;
-}
diff --git a/resources/public/img/tadam.svg b/resources/public/img/tadam.svg
deleted file mode 100644
index 8efd814..0000000
--- a/resources/public/img/tadam.svg
+++ /dev/null
@@ -1,27 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
-    <g id="base">
-        <path d="M410.326,369.484L438.018,52.262C435.418,79.733 354.922,101.78 256,101.78C157.078,101.78 76.582,79.733 73.982,52.262L101.674,369.484C39.912,383.956 0,406.899 0,432.73C0,476.51 114.615,512 256,512C397.385,512 512,476.51 512,432.73C512,406.899 472.088,383.956 410.326,369.484Z" style="fill:rgb(131,131,131);fill-rule:nonzero;"/>
-        <ellipse cx="256" cy="50.89" rx="182.086" ry="50.89" style="fill:rgb(90,90,90);"/>
-        <path d="M256,493.419C124.767,493.419 16.617,462.841 1.759,423.44C0.61,426.488 0,429.587 0,432.731C0,476.51 114.615,512 256,512C397.385,512 512,476.51 512,432.731C512,429.588 511.39,426.489 510.241,423.441C495.384,462.841 387.233,493.419 256,493.419Z" style="fill:rgb(112,112,112);fill-rule:nonzero;"/>
-    </g>
-    <g>
-        <g transform="matrix(1,0,0,1,9.74703,63.8636)">
-            <path d="M95.859,332.742C167.661,328.517 231.92,297.824 262.097,243.495L226.125,208.014C179.381,261.03 157.043,270.037 93.315,279.834" style="fill:rgb(145,220,71);stroke:rgb(99,170,50);stroke-width:1px;"/>
-        </g>
-        <g transform="matrix(1,0,0,1,9.74703,63.8636)">
-            <path d="M95.859,332.742C167.661,328.517 231.92,297.824 262.097,243.495L254.856,236.505C211.92,293.413 164.646,314.193 95.927,319.708" style="fill:rgb(99,170,50);stroke:rgb(99,170,50);stroke-width:1px;"/>
-        </g>
-    </g>
-    <g>
-        <path d="M408.089,398.469C289.878,367.461 183.177,264.65 83.001,148.264L75.009,58.447C172.496,190.654 290.648,293.167 412.345,342.795L408.089,398.469Z" style="fill:rgb(145,220,71);stroke:rgb(99,170,50);stroke-width:1px;"/>
-        <g transform="matrix(1,0,0,1,41.8247,-52.3078)">
-            <path d="M362.933,448.225C243.597,418.466 141.258,316.963 41.082,200.577L38.676,175.304C105.744,274.227 238.22,395.025 365.01,438.825L362.933,448.225Z" style="fill:rgb(99,170,50);stroke:rgb(99,170,50);stroke-width:1px;"/>
-        </g>
-    </g>
-    <g>
-        <path d="M256,376.225C175.168,376.225 108.492,359.294 98.876,337.43L103.984,395.947C103.984,419.412 172.044,438.433 256,438.433C339.956,438.433 408.016,419.411 408.016,395.947L413.124,337.43C403.508,359.294 336.832,376.225 256,376.225Z" style="fill:rgb(145,220,71);fill-rule:nonzero;stroke:rgb(99,170,50);stroke-width:1px;stroke-linecap:butt;stroke-miterlimit:2;"/>
-        <path d="M256,376.225C175.168,376.225 108.492,359.294 98.876,337.43L100.266,353.452C119.339,373.821 172.044,389.433 256,389.433C339.956,389.433 391.915,372.378 411.899,354.59L413.124,337.43C403.508,359.294 336.832,376.225 256,376.225Z" style="fill:rgb(99,170,50);fill-rule:nonzero;stroke:rgb(99,170,50);stroke-width:1px;stroke-linecap:butt;stroke-miterlimit:2;"/>
-    </g>
-</svg>
diff --git a/resources/public/js/main.js b/resources/public/js/main.js
deleted file mode 100644
index b082f22..0000000
--- a/resources/public/js/main.js
+++ /dev/null
@@ -1,3 +0,0 @@
-document.addEventListener('DOMContentLoaded', () => {
-
-});
diff --git a/resources/templates/layouts/base.html b/resources/templates/layouts/base.html
deleted file mode 100644
index 3d3ba43..0000000
--- a/resources/templates/layouts/base.html
+++ /dev/null
@@ -1,29 +0,0 @@
-<!doctype html>
-<html lang="es">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <link rel="stylesheet" href="/css/main.css">
-    <script src="/js/main.js"> </script>
-    <title>{% block title %}{% endblock %} | Tadam Framework</title>
-</head>
-<body>
-    <header>
-        <a href="/">
-            <img alt="brand" src="/img/tadam.svg">
-        </a>
-        <nav>
-            <ul>
-                <li><a href="/">Welcome</a></li>
-            </ul>
-        </nav>
-    </header>
-    <main>
-        {% block content %}{% endblock %}
-    </main>
-    <footer>
-        2020 Tadam Framework
-    </footer>
-</body>
-</html>
diff --git a/resources/templates/public/404.html b/resources/templates/public/404.html
deleted file mode 100644
index 3c7952a..0000000
--- a/resources/templates/public/404.html
+++ /dev/null
@@ -1,9 +0,0 @@
-{% extends "layouts/base.html" %}
-
-{% block title %}
-404
-{% endblock %}
-
-{% block content %}
-<h1>404</h1>
-{% endblock %}
diff --git a/resources/templates/public/welcome.html b/resources/templates/public/welcome.html
deleted file mode 100644
index 033d714..0000000
--- a/resources/templates/public/welcome.html
+++ /dev/null
@@ -1,12 +0,0 @@
-{% extends "layouts/base.html" %}
-
-{% block title %}
-Welcome to Tadam
-{% endblock %}
-
-{% block content %}
-<h1 class="title-welcome">Welcome to Tadam Framework </h1>
-<p class="logo-welcome">
-    <img class="logo-welcome" alt="Tadam" src="/img/tadam.svg">
-</p>
-{% endblock %}
diff --git a/resources/themes/light.html b/resources/themes/light.html
new file mode 100644
index 0000000..b5023f3
--- /dev/null
+++ b/resources/themes/light.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>Inicio</title>
+    <link rel="icon" type="image/png" href="favicon.png">
+    <meta name="theme-color" content="#3c790a">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
+    <meta name="author" content="Tu nombre">
+    <meta name="generator" content="Clojure">
+    <meta name="keywords" content="html, css, javascript">
+    <meta name="description" content="my description...">
+    <meta property="og:image" content="img/screenshot.png">
+    <meta property="og:title" content="The Rock">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="@cuenta">
+    <meta name="twitter:creator" content="@cuenta">
+    <meta property="og:image:secure_url" content="https://...">
+    <meta property="og:image:type" content="image/jpeg">
+    <meta property="og:image:width" content="400">
+    <meta property="og:image:height" content="300">
+    <meta property="og:image:alt" content="">
+    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
+    <!-- CSS -->
+    <link rel="stylesheet" type="text/css" href="css/main.css">
+    <style media="all and (max-width: 600px)">
+        body {
+            background: red;
+        }
+    </style>
+    <style media="all and (min-width: 601px)">
+        body {
+            background: green;
+        }
+    </style>
+    <!-- End CSS -->
+</head>
+<body>
+
+</body>
+</html>
diff --git a/src/rsspaper/html.clj b/src/rsspaper/html.clj
new file mode 100644
index 0000000..9f2edb9
--- /dev/null
+++ b/src/rsspaper/html.clj
@@ -0,0 +1 @@
+(ns rsspaper.html)