Added nav html and scripts

This commit is contained in:
Esther 2020-06-20 21:50:15 +01:00
parent 7befb75cb3
commit 4f387fb7c8
No known key found for this signature in database
GPG Key ID: 162A307C5EBD40EA
2 changed files with 49 additions and 2 deletions

View File

@ -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

View File

@ -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")