Terminado

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

Publicado el 28 Noviembre, 2023 en Programación y Tecnología

Sobre este proyecto

Abierto

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.

Categoría Programación y Tecnología
Subcategoría Diseño Web
¿Cuál es el alcance del proyecto? Crear un nuevo diseño personalizado
¿Es un proyecto o una posición? Un proyecto
Actualmente tengo Tengo las especificaciones
Disponibilidad requerida Según se necesite
Necesidad específica Rediseñar un sitio web

Plazo de Entrega: No definido

Habilidades necesarias