Introduction

This page contains my notes taken while studying web design and front-end web development.

My Personal Links:

• My Github: https://github.com/johndoenma
• My Codepen: https://codepen.io/johndoenma

Technologies & Applications:

• Github
• Github Pages
• Github Desktop
• VS Code (Code Editor)

---

Getting Setup

Basic Website Folder Structure

sitename/
├── index.html
├── css/
│   ├── style.css
                          
                      

---

Blank HTML Document

Example index.html file:

---

Blank CSS Document

Example style.css file with a CSS Table of Contents:

---

Base Styles

CSS Global Reset

---

CSS Global Colors

---

CSS Global Typography

---

Glossary:

Common Terms & Definitions:

HTML

Hypertext Markup Language

CSS

Cascading Style Sheets

JS

JavaScript