From b823f2d5c3c4cb0b2fa69af4a627b9b622dde451 Mon Sep 17 00:00:00 2001 From: owen-webb Date: Sat, 27 Aug 2022 12:50:09 -0600 Subject: [PATCH 1/4] section-2: Create blog index and blog page. --- .DS_Store | Bin 0 -> 6148 bytes starter/.DS_Store | Bin 0 -> 6148 bytes starter/02-HTML-Fundamentals/blog.html | 12 ++++ starter/02-HTML-Fundamentals/index.html | 89 ++++++++++++++++++++++++ 4 files changed, 101 insertions(+) create mode 100644 .DS_Store create mode 100644 starter/.DS_Store create mode 100644 starter/02-HTML-Fundamentals/blog.html create mode 100644 starter/02-HTML-Fundamentals/index.html diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..6c847386d622844e6e954b35498a8847a764fc90 GIT binary patch literal 6148 zcmeHKL2uJA6n^fyHPM9V0W>a1mbjMDL76mh$x3(Nz-2*j092ACKtvW-NxB}YO1T0* zh9m!kzXRX1J=CrPX%~bhKk50ipWo*spDjBkA~BpMdqiC#^5BduAH^lc{p@SjvXL#I z&|~D!a&;2tDqhQVf&Wthp1VzYPZ<>y(enK9k~oC#{?w*l-=||bLUcsWfxC1{$<@Z-4L_<`SV#4= z8b;-7ZoN<{kI(B-{4z^t<4es;Hx^NJ~w~k`yU#US&n1W7^%uy_t%P`Mz%Sy&di zDn6ixSvTnn5}lBu1OnYhJ%vmbSEo9LQ@|;3 z%@yGNLBbgWi;Y3Ob)e8!0AL$oZK(5aAakU}z+z(%JuqRYKtmPwiXjXgacT1ci;Y1; zCt)ui!aiBp8;a0R$M{mGlL!pD(kb8+SXE%dG`oEMAN~3Mze;i~r+`!7S}7pfqi{6D zC)u-g?c?~YmGF0PHqL7d{-&U!k7DHVQG5rk4ROg8U|_K^hzQL62xu8x;S~6%3j6}% C^MNw} literal 0 HcmV?d00001 diff --git a/starter/.DS_Store b/starter/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..268f5642ca449ea8ea19cf7ce6957a489770d3ff GIT binary patch literal 6148 zcmeHKU2oGc6us^WOPPi$F}@y<@* zz<=N`@W?;mzwiX-+OCwQMZg1yA>YbAj_q@ud+gXX5sCVsy-rjlA_s{ve-7CK<91GS zmNPZX6UxT{J*Hi{K@Vs!*V|TD1*`)9ngaaou2Gpb@YOz~^!FQ4n_ASR4n>rp6jJ;s zl!tyOeQv&+u1v*Nt)Udy4Ew30zw zZ}p$?(}9$sKP|WXCqZY}EUxXyC}{;zr>_V>yMr#zp9WD|4(oCdwPVHgbc0iH3eDo> z(Wp`>xm(rsamgKRZ<3uTaV^6wfV%~51Ctw5 zKt~kKPObQmVXT5tRijBPi5|v@%)-bl3h_0=< zu~zA5FTu;5g}zV;AV0v}zZx6qTz9BC#-;<-qB z#N%l+v$&m=)A;iCovi{^fj_DM?+-2#W6j`1quM%<9-v3ih|4>$Ev_b@f9RxXmhy$ WtQnkWL=DXT5l}MN%qs9#75EM~T-3k- literal 0 HcmV?d00001 diff --git a/starter/02-HTML-Fundamentals/blog.html b/starter/02-HTML-Fundamentals/blog.html new file mode 100644 index 000000000..3b84ec047 --- /dev/null +++ b/starter/02-HTML-Fundamentals/blog.html @@ -0,0 +1,12 @@ + + + + BLOG + + + + +

BLOG

+ Home + + diff --git a/starter/02-HTML-Fundamentals/index.html b/starter/02-HTML-Fundamentals/index.html new file mode 100644 index 000000000..a592aa8b6 --- /dev/null +++ b/starter/02-HTML-Fundamentals/index.html @@ -0,0 +1,89 @@ + + + + The Basic Language of the Web: HTML + + + + + + +
+

📘 The Code Magazine

+ +
+ +
+
+

The Basic Language of the Web: HTML

+ Author. +

Posted by Laura Jones on Monday, June 21st 2027

+ HTML code on a screen. +
+ +

+ 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 HyperTextMarkup =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:

+
    +
  1. The opening tag
  2. +
  3. The closing tag
  4. +
  5. The actual element
  6. +
+

+ You can learn more at + + 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!

+
+ +
+ Copyright © 2027 by The Code Magazine. +
+ + From c8cfc4682549c907f7eac565f702e9c0351de5eb Mon Sep 17 00:00:00 2001 From: owen-webb Date: Sat, 27 Aug 2022 12:52:25 -0600 Subject: [PATCH 2/4] section-2: Move images to dedicated directory. --- .../02-HTML-Fundamentals/{ => img}/challenges.jpg | Bin .../02-HTML-Fundamentals/{ => img}/laura-jones.jpg | Bin starter/02-HTML-Fundamentals/{ => img}/post-img.jpg | Bin .../02-HTML-Fundamentals/{ => img}/related-1.jpg | Bin .../02-HTML-Fundamentals/{ => img}/related-2.jpg | Bin .../02-HTML-Fundamentals/{ => img}/related-3.jpg | Bin starter/02-HTML-Fundamentals/index.html | 4 ++-- 7 files changed, 2 insertions(+), 2 deletions(-) rename starter/02-HTML-Fundamentals/{ => img}/challenges.jpg (100%) rename starter/02-HTML-Fundamentals/{ => img}/laura-jones.jpg (100%) rename starter/02-HTML-Fundamentals/{ => img}/post-img.jpg (100%) rename starter/02-HTML-Fundamentals/{ => img}/related-1.jpg (100%) rename starter/02-HTML-Fundamentals/{ => img}/related-2.jpg (100%) rename starter/02-HTML-Fundamentals/{ => img}/related-3.jpg (100%) diff --git a/starter/02-HTML-Fundamentals/challenges.jpg b/starter/02-HTML-Fundamentals/img/challenges.jpg similarity index 100% rename from starter/02-HTML-Fundamentals/challenges.jpg rename to starter/02-HTML-Fundamentals/img/challenges.jpg diff --git a/starter/02-HTML-Fundamentals/laura-jones.jpg b/starter/02-HTML-Fundamentals/img/laura-jones.jpg similarity index 100% rename from starter/02-HTML-Fundamentals/laura-jones.jpg rename to starter/02-HTML-Fundamentals/img/laura-jones.jpg diff --git a/starter/02-HTML-Fundamentals/post-img.jpg b/starter/02-HTML-Fundamentals/img/post-img.jpg similarity index 100% rename from starter/02-HTML-Fundamentals/post-img.jpg rename to starter/02-HTML-Fundamentals/img/post-img.jpg diff --git a/starter/02-HTML-Fundamentals/related-1.jpg b/starter/02-HTML-Fundamentals/img/related-1.jpg similarity index 100% rename from starter/02-HTML-Fundamentals/related-1.jpg rename to starter/02-HTML-Fundamentals/img/related-1.jpg diff --git a/starter/02-HTML-Fundamentals/related-2.jpg b/starter/02-HTML-Fundamentals/img/related-2.jpg similarity index 100% rename from starter/02-HTML-Fundamentals/related-2.jpg rename to starter/02-HTML-Fundamentals/img/related-2.jpg diff --git a/starter/02-HTML-Fundamentals/related-3.jpg b/starter/02-HTML-Fundamentals/img/related-3.jpg similarity index 100% rename from starter/02-HTML-Fundamentals/related-3.jpg rename to starter/02-HTML-Fundamentals/img/related-3.jpg diff --git a/starter/02-HTML-Fundamentals/index.html b/starter/02-HTML-Fundamentals/index.html index a592aa8b6..5176ca0aa 100644 --- a/starter/02-HTML-Fundamentals/index.html +++ b/starter/02-HTML-Fundamentals/index.html @@ -30,12 +30,12 @@

📘 The Code Magazine

The Basic Language of the Web: HTML

Author.

Posted by Laura Jones on Monday, June 21st 2027

HTML code on a screen. From 516a65fe16670ae5705af3bf3ca46a2e76d45ab1 Mon Sep 17 00:00:00 2001 From: owen-webb Date: Sat, 27 Aug 2022 12:59:23 -0600 Subject: [PATCH 3/4] section-2: Created side menu. --- starter/02-HTML-Fundamentals/index.html | 45 +++++++++++++++++++++++++ 1 file changed, 45 insertions(+) diff --git a/starter/02-HTML-Fundamentals/index.html b/starter/02-HTML-Fundamentals/index.html index 5176ca0aa..1a721f309 100644 --- a/starter/02-HTML-Fundamentals/index.html +++ b/starter/02-HTML-Fundamentals/index.html @@ -82,6 +82,51 @@

Why should you learn HTML?

Hopefully you learned something new here. See you next time!

+ +
Copyright © 2027 by The Code Magazine.
From 7fce563e33dbcd0e8be22d34e9098d7f6c3c5e14 Mon Sep 17 00:00:00 2001 From: owen-webb Date: Sat, 27 Aug 2022 13:19:19 -0600 Subject: [PATCH 4/4] section-2: Created converse shoes component. --- .../challenge-2/index.html | 34 +++++++++++++++++++ 1 file changed, 34 insertions(+) create mode 100644 starter/02-HTML-Fundamentals/challenge-2/index.html diff --git a/starter/02-HTML-Fundamentals/challenge-2/index.html b/starter/02-HTML-Fundamentals/challenge-2/index.html new file mode 100644 index 000000000..725b70488 --- /dev/null +++ b/starter/02-HTML-Fundamentals/challenge-2/index.html @@ -0,0 +1,34 @@ + + +
+ Section 2 - Challenge #2 + +
+ + +
+

Converse Chuck Taylor All Star Low Top

+ + Converse shoes. + +

$65.00

+

Free shipping

+

Ready to dress up or down, these classic canvas Chucks are an everday wardrobe staple.

+

+ More information → +

+ +

Product details

+
    +
  • Lightweight, durable canvas sneaker
  • +
  • Lightly padded footbed for added comfort
  • +
  • Iconic Chuck Taylor ankle patch.
  • +
+ + +
+ +