INTRODUCCIÓN Y RECURSOS EN HTML

PROYECTO-HTML
CARPETA PRINCIPAL

CARPETA PUG

CAPETA CONFIG
CONFIG.PUG

-pages = ['inicio', 'nosotros', 'servicios', 'portafolio',

'contactos']
-pageTitle = 'Inicio'
-currentPage = 'inicio'
-siteTitle = 'Crativos ABC'
-description = 'Bienvenidos a ABC'
-siguenos = true

CARPETA TEMPLATES
TEMPLATE.PUG

block config
include ../config/config.pug

doctype html
html
pág. 1
INTRODUCCIÓN Y RECURSOS EN HTML

head
title #{pageTitle} | #{siteTitle}
meta(charset="utf-8")
meta(name='description' content=description)
meta(name="viewport" content="width=device-width,
initial-scale=1.0, user-scalable=no")
link( rel='stylesheet' href='/css/ed-grid.min.css')
link( rel='stylesheet' href='/css/styles-dist.css')
link(
href="https://file.myfontastic.com/BmFtKERSiWDAaDnV3rXmfK/ic
ons.css" rel="stylesheet")
body(class=currentPage)
header.main-header
.logo-container
a(href="/")
img(src='/img/logo.png'
width='150').logo
nav.menu
include ../blocks/menu.pug
div
block banner
img(src='/img/'+ currentPage +'.png')
.main-content
main
block main
aside.main-sidebar
block aside
if siguenos==true
include ../blocks/siguenos.pug
footer.main-footer
block footer
include ../blocks/foot.pug
if siguenos==false
include ../blocks/siguenos.pug

CAPETA BLOCKS
FOOT.PUG

p Creativos ABC - Todos los derechos reservados

pág. 2
INTRODUCCIÓN Y RECURSOS EN HTML

MENU.PUG

ul
each page in pages
if page==currentPage
if page =='inicio'
li: a(href='/' ).active #{page}
else
li: a(href=page + '.html').active #{page}
else
if page =='inicio'
li: a(href='/' ) #{page}
else
li: a(href=page + '.html') #{page}

SIGUENOS.PUG

div.siguenos
a(href="http://facebook.com").icon-facebook Siguenos en
facebook
a(href="http://youtube.com").icon-youtube Siguenos en
Youtube

INDEX.PUG

extends templates/template.pug
append config
-siguenos=false

block main
h1 Bienvenidos

p Lorem100

NOSOTROS.PUG

extends templates/template.pug
append config
-pageTitle='Nosotros'

pág. 3
INTRODUCCIÓN Y RECURSOS EN HTML

-description='Un página que llamara su intención desde

su primer contacto'
-currentPage= 'nosotros'

block main
h1 Bienvenidos

p Lorem50

CONTACTOS.PUG

extends templates/template.pug
append config
-pageTitle='Contáctenos'
-description='Un página que llamara su intención desde
su primer contacto'
-currentPage= 'contactos'

block main
<iframe
src="https://services.cognitoforms.com/f/U0DOGVOmQE2M_CruKWt
S-Q?id=1" style="position:relative;width:1px;min-
width:100%;*width:100%;" frameborder="0" scrolling="yes"
seamless="seamless" height="449"
width="100%"></iframe><script
src="https://services.cognitoforms.com/scripts/embed.js"></s
cript><iframe
src="https://www.google.com/maps/d/embed?mid=1vo7I8YTZsEGpGg
sm9TFOcqfJCA-X0KVS" width="100%" height="580"></iframe>

pág. 4