lecture 25

marcuma · marcuma · commit bd7e292dacd7 · 2022-12-14T18:46:54.000-05:00
diff --git a/starter/03-CSS-Fundamentals/css/style.css b/starter/03-CSS-Fundamentals/css/style.css
@@ -0,0 +1,46 @@
+h1,
+h2,
+h3,
+h4,
+p,
+li {
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+}
+
+h1 {
+  font-size: 26px;
+  text-transform: uppercase;
+  font-style: italic;
+}
+
+h2 {
+  font-size: 40px;
+}
+
+h3 {
+  font-size: 30px;
+}
+
+h4 {
+  font-size: 20px;
+  text-transform: uppercase;
+  text-align: center;
+}
+
+p {
+  font-size: 22px;
+  line-height: 1.5;
+}
+
+li {
+  font-size: 20px;
+}
+
+footer p {
+  font-size: 16px;
+  text-align: center;
+}
+
+header p {
+  font-style: italic;
+}
diff --git a/starter/03-CSS-Fundamentals/index.html b/starter/03-CSS-Fundamentals/index.html
@@ -2,19 +2,11 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <link rel="stylesheet" href="css/style.css" />
     <title>The Basic Language of the Web: HTML</title>
   </head>
 
   <body>
-    <!--
-    <h1>The Basic Language of the Web: HTML</h1>
-    <h2>The Basic Language of the Web: HTML</h2>
-    <h3>The Basic Language of the Web: HTML</h3>
-    <h4>The Basic Language of the Web: HTML</h4>
-    <h5>The Basic Language of the Web: HTML</h5>
-    <h6>The Basic Language of the Web: HTML</h6>
-    -->
-
     <header>
       <h1>📘 The Code Magazine</h1>
 
@@ -141,6 +133,6 @@ <h4>Related posts</h4>
       </ul>
     </aside>
 
-    <footer>Copyright &copy; 2027 by The Code Magazine.</footer>
+    <footer><p>Copyright &copy; 2027 by The Code Magazine.</p></footer>
   </body>
 </html>
