El sitio web
iglesiasdedios.com, su estructura web esta realizada con Bootstrap, y quiero deshacerme de él para obtener un mejor rendimiento en posicionamiento y que sea más liviano, por ende quiero cambiar la estructura a TailwindCss, última versión y los estilos (clases, id, atributos css) agrupados en un mismo archivo (
style.css) de la siguiente forma:
.alert {
@apply relative px-5 py-3 mb-4 rounded border border-transparent;
}
y no se vea en el html algo como:
<div class="relative px-5 py-3 mb-4 rounded border border-transparent"> .... </Div>
La diagramación va en función a las siguientes páginas:
._ Inicio
._ La Biblia > Versiones y Traducciones
._ La Biblia > Por categoría y temas
._
https://iglesiasdedios.com/reina-valera-antigua/categorias/alimento/
._
https://iglesiasdedios.com/reina-valera-antigua/mateo/4/
Adicionalmente deben proponer maquetación de las siguientes páginas:
._ Diccionario: Página de Listado con filtro por categoría y Search
._ Página de detalle del Diccionario
._ Listado de Iglesias, organizados por Países y Provincias/Estado con sus respectivos filtros (País, Provincia, campo Search).
._ Formularios de Registro para, personas, iglesias, contacto, suscripciones, etc
Tendré en cuenta las propuestas que estén bien detalladas y que adjunten/muestren trabajos realizados en relación a lo solicitado.
Importante:
._ Responsive Design
._ 0 (cero) librería JavaScript (No Jquery, No ninguna otra librería) , requiero el template solo en html, css (tailwindcss última versión), javascript vainilla para lo que requiera, todo en un mismo archivo .js
El seleccionado, deberá entregar los archivos sin la librería, nosotros al renderizar obtendríamos el resultado final.
Se debe reutilizar al máximo las clases, id, atributos css, para hacer lo más liviano posible el archivo
style.css resultante.
*** Son entre 10 y 12 páginas cómo máximo
*** Se debe poder compilar el archivo .css a través del compilador de Tailwind Css
*** Se debe trabajar con GIT a través de Github
Contexto general del proyecto
Pasar de Bootstrap y JQuery a TailWindCss y JavaScrip Vainilla (última versión) para lograr un sitio web bien optimizado y nos ayude a ganar un mejor posicionamiento.
Plazo de Entrega: No definido