Update Frontend.md

Added content to the front end intro page, introducing the three main components of the front end (HTML, CSS, and JavaScript)

source/Frontend/Frontend.md

@@ -21,13 +21,27 @@ permalink: /Frontend
 {: .note }
 > By [Victor](https://linkedin.com/in/hsiaovictor)
 
-The Frontend can be described as what you see when you visit your favorite website. It can be broken down into three main components:
+The Frontend can be described as what you see when you visit your favorite website. Whenever you watch YouTube or go on Instagram, what you are looking at is considered the front end of the website or app. The front end can be broken down into three main components:
+
+![HTML and CSS and JavaScript side by side](https://d2v4zi8pl64nxt.cloudfront.net/javascript-seo/5948abfc0e2df5.02876591.gif)
 
 ### HTML - The skeleton of the website
 
+Hypertext Markup Language, or HTML, provides the elements that you need for a website. We consider it the skeleton of the website because it provides the basic but essential components that a website and its webpages need. This ranges from text, images, buttons, etc. A basic HTML website can look like this:
+
+![Basic HTML website](https://images.saymedia-content.com/.image/t_share/MTc0NjQ2NjgwMzU5MjE2OTEx/basic-web-design-with-html-css.png)
+
 ### CSS - What makes the website look pretty
 
+Cascading Style Sheets, or CSS, is what makes the website stand out in terms of style. It allows you to take basic HTML code and style it in any way that you want, which is why text can have different colors and fonts, buttons can have different styles with rounded curves, etc. Down below is DuckDuckGo with and without CSS
+
+![DuckDuckGo with and without CSS](https://i2.wp.com/css-tricks.com/wp-content/uploads/2019/04/s_601945040BCA3610D759145A4442799C97B904D9A9F8326DD30FDF0CF48A96B7_1555165463692_duckduckgo-compare.jpg?ssl=1)
+
 ### JavaScript - Allows users to interact with the website
 
+JavaScript is what makes a website dynamic and interactive. It takes a static HTML and CSS coded website and allows the user to interact with the elements on the website. It allows you to add animations and other interactive elements within your website. As you will see later, JavaScript can also be used for the back end, which is the code that runs in the background while you interact with the website
+
+![JavaScript basic interactivity](https://media.giphy.com/media/XaefzCVVqg4Uw/giphy.gif)
+
 [Previous: User Experience](Design/User Experience){: .float-left .v-align-text-top}
 [Next: HTML](Frontend/HTML){: .float-right .v-align-text-top}