Flagstone – Creative Multi-use HTML Template

Flagstone es una plantilla HTML elegante y con estilo, diseñada para brindarle a cualquier empresa emergente una sólida presencia en la web.

Flagstone se basa en una base HTML y CSS personalizada que emplea la metodología BEM, BEM significa Bloque, Elemento, Modificador, y da como resultado un código y componentes planos, bien estructurados y con nombres semánticos, lo que da como resultado una carga rápida de páginas bien organizadas.

Flagstone emplea una filosofía de diseño modular, lo que hace que sea fácil y rápido crear diseños llamativos y visualmente estimulantes. Todo el código está separado en bloques distintos, lo que hace que copiar y pegar componentes sea fácil y predecible.

PRINCIPALES CARACTERÍSTICAS DE LA LOSA

• 6 páginas de inicio llave en mano
• Varias subpáginas
• Formulario de contacto de trabajo ajax
• 5 páginas de índice de cartera
• Página de elementos de cartera
• 5 páginas de índice del blog
• 3 páginas de detalles del blog
• 18 bloques de componentes
• Marco de animación completo
• Sistema de anulación de plantillas para una fácil personalización
• Página de configuración SCSS para crear fácilmente esquemas de color y reglas tipográficas
• Clases de espaciado, ajuste el espaciado fácilmente directamente en su HTML
• Clases de utilidad, haz muchas personalizaciones sin tocar CSS
• Diseños en cuadro o de ancho completo, también puedes usar ambos en la misma página
• modales cronometrados
• Lightbox para imágenes individuales y galerías
• Unidad de héroe de relleno de tinta
• 3 tipos de unidad de héroe
• Control deslizante de capa animada
• Miles de íconos para usar
• Mega menús de varias columnas
• Menús desplegables de navegación infinitos
• Todos los archivos SCSS incluidos
• Y mucho más…

PÁGINAS DE INICIO DE LOSA

Flagstone presenta 6 conceptos de página de inicio individuales, cada uno con su propio sentido de estilo sofisticado.

• Estudio de diseño
• Diseñador(es) de interiores
• Fotógrafo/Estudio de fotografía
• Arquitecto
• Cafetería
• Artista
• Más próximamente…

PÁGINAS ADICIONALES

Flagstone viene con 21 tipos de páginas adicionales para usar en su sitio.

Páginas de utilidad

• Sobre nosotros
• Alternativo sobre nosotros
• Servicios
• Servicios alternativos
• Muy pronto
• error 404
• Contáctenos (Incluye formulario de contacto ajax funcional)
• Ancho completo
• barra lateral izquierda
• barra lateral derecha

Páginas del portafolio

• 3 columnas
• 3 columnas – Ancho completo
• 4 columnas
• 4 columnas – Ancho completo
• Albañilería
• Página de detalles del proyecto

páginas de blogs

• Índice del blog: barra lateral izquierda
• Índice del blog: barra lateral derecha
• Índice del blog: ancho completo (sin barra lateral)
• Índice del blog – Albañilería
• Índice del blog: estilo de tarjeta
• Página de blog: barra lateral izquierda
• Página de blog: barra lateral derecha
• Página de blog: sin distracciones (sin barra lateral)

Componentes

Flagstone se basa en nuestro propio marco CSS interno llamado Ensemble. Ensemble viene con 18 componentes diferentes para usar en su sitio.

• Acordeón
• Alertas
• motor de animación
• Sorteos
• Formularios
• Botones
• Unidades de héroe (pantalla completa, división 50/50 y unidad de héroe fuera de la pantalla)
• Cuadros de iconos (2 estilos)
• Mapas
• Modales y cajas de luz
• Avisos
• Superposiciones de imágenes (5 estilos diferentes)
• Secciones de paralaje
• Columnas de precios
• Control deslizante de imagen
• Cortina a la italiana
• Perfiles de equipo
• Testimonios

Documentación

La documentación se proporciona a través de un completo manual digital de 49 secciones, que cubre todos los aspectos del uso de Flagstone, con tutoriales paso a paso y ejemplos de código completo.

Tenga en cuenta: debido a restricciones de licencia, las imágenes utilizadas en el sitio de demostración no están incluidas en el paquete de descarga; se utilizan copias muy borrosas de los originales como marcadores de posición hasta que coloque sus propias imágenes impresionantes.

Registro de cambios

Versión 1.1 publicada el 12/01/2016

    NEW: Full width page
    NEW: Left sidebar page
    NEW: Right sidebar page
    NEW: Sidebar navigation
    NEW: Offscreen hero unit rewritten (No longer needs Javascript to operate)
    NEW: Fitvids responsive video plugin added
    UPDATE: Docs on changing header background colour
    UPDATE: Improved handling of Architect slider captions
    UPDATE: Docs on logo sizing
    UPDATE: Docs on changing copyright notice in footer
    UPDATE: Docs on modifying Ink splash effect colour
    BUG FIX: Footer Email links are now set up for Email addresses

Archivos afectados

    full-width.html
    left-sidebar.html
    right-sidebar.html
    architect.html
    coffee-shop.html
    style.css
    _nav.scss
    _hero-units.scss
    scripts.js
    main.js

Versión 1.0.2 Lanzada el 18/10/2016

    BUG FIX: Fixed bug that prevented Isotope from loading items correctly in Safari on page load.

Archivos afectados

    js/scripts.js
    js/min/scripts-min.js

Versión 1.0.1 publicada el 28/09/2016

    NEW: Working contact form.
    NEW: Contact form documentation section.
    NEW: Icon documentation section.
    NEW: BEM documentation section.
    BUG FIX: Fixed bug that prevented isotope filtering from working correctly.
    UPDATE: Updated map documentation.
    UPDATE: Updated editing documentation section.