Completed

Maquetar desde 0 una plantilla guía en Tailwindcss para iglesiasdedios.com

Published on the November 28, 2023 in IT & Programming

About this project

Open

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

Project overview

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.

Category IT & Programming
Subcategory Web design
What is the scope of the project? Create a new custom design
Is this a project or a position? Project
I currently have I have specifications
Required availability As needed
Specific need Redesign a website

Delivery term: Not specified

Skills needed