> For the complete documentation index, see [llms.txt](https://shsbt.gitbook.io/hack-the-web/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shsbt.gitbook.io/hack-the-web/getting-started/what-we-will-build.md).

# What We Will Build

We are going to start with the absolute basics, walk through the code together, and show how certain pieces fit together. Eventually we will look at how the following webpage is crafted and what tricks are used so we don't have to build every piece by itself.

<figure><img src="/files/uvUbQmCX78YoxuZrRuRz" alt=""><figcaption></figcaption></figure>

## Working with Web Design Resources like:

* [ ] Visual Studio Code (VSCode)
* [ ] Castoro Font
* [ ] Public Sans Font
* [ ] Iconmonstr
* [ ] GLightbox
* [ ] MoveTo JS
* [ ] GitHub and git