+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
diff --git a/projectfolder/Fundies/pages/blog.html b/projectfolder/Fundies/pages/blog.html
new file mode 100644
index 000000000..82406648e
--- /dev/null
+++ b/projectfolder/Fundies/pages/blog.html
@@ -0,0 +1,9 @@
+
+
+
+ 📘 The Code Magazine
+ + + + + +The Basic Langauge of The Web: HTML
+ +
+ 
+
+
+
+
+
+
+ +
+ + All modern websites and web applications are built using three + fundamental technologies: HTML, CSS and JavaScript. These are + the languages of the web. +
++ In this post, let's focus on HTML. We will learn what HTML is all + about, and why you too should learn it. +
+What is HTML?
++ HTML stands for + HyperText Markup + Language. It's a markup language that web developers + use to structure and describe the content of a webpage (not a + programming language). +
++ HTML consists of elements that describe different types of content: + paragraphs, links, headings, images, video, etc. Web browsers + understand HTML and render HTML code as websites. +
+In HTML, each element is made up of 3 parts:
+-
+
- The opening tag +
- The closing tag +
- The actual element +
- You can learn more at the MDN Web Docs. +
+ You can learn more at the + MDN Web Docs +
+ +Why should you learn HTML
+ ++ There are countless reasons for learning the fundamental language of + the web. Here are 5 of them: +
+ +-
+
- + To be able to use the fundamental web dev language + +
- + To hand-craft beautiful websites instead of relying on tools like + Worpress or Wix + +
- To build web applications +
- To impress friends To have fun 😃 +
Hopefully you learned something new here. See you next time!
+BLOG
+ + diff --git a/projectfolder/Fundies/pages/challenges.html b/projectfolder/Fundies/pages/challenges.html new file mode 100644 index 000000000..3781c0ee1 --- /dev/null +++ b/projectfolder/Fundies/pages/challenges.html @@ -0,0 +1,58 @@ + + + + +
+
+ 
+
+
+
+
diff --git a/projectfolder/Fundies/pages/css-grid.html b/projectfolder/Fundies/pages/css-grid.html
new file mode 100644
index 000000000..4903d8344
--- /dev/null
+++ b/projectfolder/Fundies/pages/css-grid.html
@@ -0,0 +1,127 @@
+
+
+
+
+
+
+ Converse Chuck Taylor All Star Low Top
+ +
+
+
+
+
+
+ $65.00
+Free shipping
+Sale
+ ++ Ready to dress up or down, these classic canvas Chucks are an + everyday wardrobe staple. +
+ More information → + +
+
+
+
+
+
+
+
+
+
+
+
+ Product details
+-
+
- Lightweight, durable canvas sneaker +
- Lightly padded footbed for added comfort +
- Iconic Chuck Taylor ankle patch. +
+
+
+ (1) HTML
+ (2) and
+ (3) CSS
+ (4) are
+ (5) amazing
+ (6) languages
+ (7) to
+ (8) learn
+
+
+
+
diff --git a/projectfolder/Fundies/pages/flexbox.html b/projectfolder/Fundies/pages/flexbox.html
new file mode 100644
index 000000000..be731b49f
--- /dev/null
+++ b/projectfolder/Fundies/pages/flexbox.html
@@ -0,0 +1,87 @@
+
+
+
+
+
+
+ (1)
+ (3)
+ (4)
+ (5)
+ (6)
+ (7)
+
+
+
+
diff --git a/starter/01-Test/index.html b/starter/01-Test/index.html
new file mode 100644
index 000000000..5d754f580
--- /dev/null
+++ b/starter/01-Test/index.html
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+ HTML
+ and
+ CSS
+ are
+ amazing
+
+ Hello, world!
+My name is Michael, and this is an attempt at a webpage and shit like that :D
+ + diff --git a/starter/04-CSS-Layouts/css-grid.html b/starter/04-CSS-Layouts/css-grid.html index e2daa6d42..5e6d35be2 100644 --- a/starter/04-CSS-Layouts/css-grid.html +++ b/starter/04-CSS-Layouts/css-grid.html @@ -1,80 +1,87 @@ - - - - -
-
+ width: 1000px;
+ height: 600px;
- (1) HTML
- (2) and
- (3) CSS
- (4) are
- (5) amazing
- (6) languages
- (7) to
- (8) learn
-
-
-
+ /* CSS GRID */
+ }
+
+
+
+ (1)
- (3)
- (4)
- (5)
- (6)
- (7)
-
+
+
+ ;
+
+
+
+ (1) HTML
+ (2) and
+ (3) CSS
+ (4) are
+ (5) amazing
+ (6) languages
+ (7) to
+ (8) learn
+
+
+
(1)
+ (3)
+ (4)
+ (5)
+ (6)
+ (7)
+