This is the eighth in a series of videos to learn the basics of building a website with HTML and CSS. We are mimicking the the popular Bootstrap front-end framework styles, coding them by hand to learn both CSS and Bootstrap at the same time.
We are building a working blog website that can be customized for actual use.
The code for all parts is available at: https://github.com/steve981cr/learn-html-css-bootstrap
There is a separate version of the app corresponding with a video (some cover two videos). In most versions there is an index-start.html and article-template-start.html page with the starting code. Finished code is at index.html and article-template.html of each version.
In this lesson we will cover how to use hyperlinks. And we will show how to use hyperlinks in a navigation bar, in a footer with links to social media, and in a sidebar table of contents with links to headings on our article template page.
0:00 Hyperlinks and anchor tags
2:03 Pseudo elements (the four states of an anchor element)
4:48 Add links from the home page to individual article pages
6:01 Article footer with link to top of page and back to home page
8:01 Sidebar table of contents
16:16 Create a navbar
20:28 Footer with links
23:02 Bootstrap Navbars