I am having trouble with my .pug template in my express project as it is not including its stylesheets. I have referred to the pug documentation but still can't figure out the issue. Any help would be appreciated!
FILE TREE:
views
`-- index.pug
`-- css
`-- styles.css
In my template, I am trying to include three stylesheets: styles.css (personal stylesheet), a bootstrap CDN (bootstrap is already installed in my project), and a google fonts stylesheet.
If anyone could take a look at my code below and let me know what I might be doing wrong, I would greatly appreciate it.
doctype html
html(lang="en")
head
title Cloudii Weather Analysis
style
// BOOTSTRAP link(rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'
integrity='sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u' crossorigin='anonymous')
//GOOGLE FONTS link(rel='stylesheet', href='https://fonts.googleapis.com/css?family=Pacifico&display=swap')
// STYLES.CSS link(rel='stylesheet', href='./css/styles.css')
body
img(src='images/cloudii_bg.png')
div
h2 cloudii
img(src='images/cloudii_logo.png')
div.form-row
div.form-group.col-md-6
label.label city
input#inputCity.form-control
div.form-group.col-md-4
label.label state
select(id="inputState" class="form-control")
each state in states
option(value=state.id) #{state.name}
div(class="form-group col-md-2")
label.label zip
input(type="text" class="form-control" id="inputZip")
button(id="submit" type="submit" class="btn btn-primary btn-lg btn-block hoverable">check weather)