Added Chapter 3

gitdagray · gitdagray · commit 4285b355ac8f · 2022-02-14T17:31:44.000-06:00
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,4 @@
+.vscode
 01_lesson
 02_lesson
+03_lesson
diff --git a/03_lesson_starter/css/style.css b/03_lesson_starter/css/style.css
@@ -0,0 +1,5 @@
+body {
+    font-size: 22px;
+    font-family: Arial, Helvetica, sans-serif;
+    line-height: 1.5;
+}
diff --git a/03_lesson_starter/index.html b/03_lesson_starter/index.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="css/style.css">
+</head>
+
+<body>
+    <header>
+        <h1>CSS Colors</h1>
+    </header>
+    <main>
+        <article>
+            <h2>Article 1</h2>
+            <p class="one">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Numquam cumque voluptatum tempore
+                officiis
+                deserunt
+                officia, molestias tenetur tempora. Numquam assumenda eligendi ipsam ut quibusdam ex autem placeat
+                deleniti
+                hic optio?</p>
+        </article>
+        <article>
+            <h2>Article 2</h2>
+            <p class="two">Iste, possimus, delectus blanditiis, in dolores voluptatem culpa officia quae
+                eius
+                consequatur
+                suscipit optio
+                cum hic. Architecto ipsum rem accusamus! Quaerat repellendus <span>nihil</span> ratione tenetur voluptas
+                veritatis,
+                sunt
+                nesciunt rem.</p>
+        </article>
+        <article>
+            <h2>Article 3</h2>
+            <p class="three">Iste, possimus, delectus blanditiis, in dolores voluptatem culpa officia quae eius
+                consequatur
+                suscipit optio
+                cum hic. Architecto <span>ipsum</span> rem accusamus! Quaerat repellendus nihil ratione tenetur voluptas
+                veritatis,
+                sunt
+                nesciunt rem.</p>
+        </article>
+    </main>
+</body>
+
+</html>
diff --git a/README.md b/README.md
@@ -51,6 +51,13 @@
 
 - 🔗 [MDN: CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)
 - 🔗 [MDN: CSS Basics](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics)
+- 🔗 [MDN: Applying Color to HTML Elements using CSS](https://developer.mozilla.org/en-US/docs/Web/HTML/Applying_color)
+
+### 📚 Color Resources: 
+- 🔗 [Coolors Contrast Checker](https://coolors.co/contrast-checker/112a46-acc8e5)
+- 🔗 [WebAIM Contrast Checker](https://webaim.org/resources/contrastchecker/)
+- 🔗 [Coolors Palette Generator](https://coolors.co/)
+- 🔗 [HTML Color Codes](https://htmlcolorcodes.com/)
 
 
 ### 🖼️ Image Resources:
@@ -75,5 +82,6 @@
 ### 💻 Source Code
 
 - 🔗 [Chapter 2 Starter Code](https://github.com/gitdagray/css_course/tree/main/02_lesson_starter)
+- 🔗 [Chapter 3 Starter Code](https://github.com/gitdagray/css_course/tree/main/03_lesson_starter)
 
 

-Original file line number
+Diff line change
@@ @@ -1,2 +1,4 @@ @@
 +.vscode
 _lesson
 _lesson
 +03_lesson