diff --git a/views/index.pug b/views/index.pug index bb9f32f..14be45f 100644 --- a/views/index.pug +++ b/views/index.pug @@ -1,5 +1,48 @@ extends layout block content - h1 Yoooooooooooooooooo - p Yoooooooooooooooooooooooooooooooo + article + header + // Navbar + nav.navbar.mb-4 + // Navbar brand + a.navbar-brand(href='#') + p ESTR + span // + // Collapse button + button.navbar-toggler.ham-button(type='button' data-toggle='collapse' data-target='#navbarSupportedContent23' aria-controls='navbarSupportedContent23' aria-expanded='false' aria-label='Toggle navigation') + .ham + span + span + span + span + // Collapsible content + #navbarSupportedContent23.collapse.navbar-collapse + // Links + ul.navbar-nav.mr-auto + li.nav-item.active + a.nav-link(href='#') + | Home + span.sr-only (current) + li.nav-item + a.nav-link(href='#') Features + li.nav-item + a.nav-link(href='#') Pricing + // Links + // Collapsible content + + + main + // left hand text + h1 + | Hello, + br + | I'm Esther + p I'm a Programmer & Designer from the UK. + p I like to make stuff + + // The pink right block images and stuff here + + footer + p piss + diff --git a/views/layout.pug b/views/layout.pug index 6dc17d8..fd8e152 100644 --- a/views/layout.pug +++ b/views/layout.pug @@ -2,6 +2,10 @@ doctype html html head title= title + link(rel='stylesheet', href='/stylesheets/bootstrap.css') link(rel='stylesheet', href='/stylesheets/style.css') body block content + script(src="/javascript/jquery-3.5.1.min.js") + script(src="/javascript/bootstrap.js") + script(src="/javascript/nav.js")