[proj. Lounge] Add style.css file/folder, connect

matowdev · matowdev · commit 7d3ee4a3d442 · 2023-08-15T01:29:02.000+03:00
diff --git a/Learning_HTML_CSS_Freeman_E/Lounge/about/directions.html b/Learning_HTML_CSS_Freeman_E/Lounge/about/directions.html
@@ -5,6 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Head First Lounge Directions</title>
+  <link rel="stylesheet" href="../css/style.css">
 </head>
 
 <body>
diff --git a/Learning_HTML_CSS_Freeman_E/Lounge/beverages/elixir.html b/Learning_HTML_CSS_Freeman_E/Lounge/beverages/elixir.html
@@ -5,6 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Head First Lounge Elixirs</title>
+  <link rel="stylesheet" href="../css/style.css">
 </head>
 
 <body>
diff --git a/Learning_HTML_CSS_Freeman_E/Lounge/css/style.css b/Learning_HTML_CSS_Freeman_E/Lounge/css/style.css
@@ -0,0 +1,16 @@
+body {
+  font-family: sans-serif;
+}
+
+h1 {
+  border-bottom: 1px solid gray;
+  color: gray;
+}
+
+h2 {
+  color: gray;
+}
+
+p {
+  color: maroon;
+}
diff --git a/Learning_HTML_CSS_Freeman_E/Lounge/lounge.html b/Learning_HTML_CSS_Freeman_E/Lounge/lounge.html
@@ -5,6 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Head First Lounge</title>
+  <link rel="stylesheet" href="css/style.css">
 </head>
 
 <body>
diff --git a/Learning_HTML_CSS_Freeman_E/MyPod/index.html b/Learning_HTML_CSS_Freeman_E/MyPod/index.html
@@ -29,11 +29,6 @@ <h2>Seattle, Washington:</h2>
   <p>Me and my iPod in Seattle! You can see rain clouds and the Space Needle. You can't see the 628 coffee shops.</p>
 
   <div class="img-wrapper page__img-wrapper">
-    <!-- <img src="img/My_iPod_Seattle_600_400.jpg" width="600" height="400" alt="My iPod in Seattle, Washington!">
-    <img src="img/iPod_Classic_600_400.jpg" width="600" height="400" alt="iPod Classic in Seattle, Washington!">
-    <img src="img/iPod_Shuffle_600_400.jpg" width="600" height="400" alt="iPod shuffle in Seattle, Washington!">
-    <img src="img/iPod_in_the_Sith_600_400.jpg" width="600" height="400"
-      alt="iPod in the Sith business center, Washington"> -->
     <a href="html/seattle.html">
       <img src="sketches/My_iPod_Seattle_150_100.jpg" width="150" height="100" alt="My iPod in Seattle, Washington!">
     </a>
@@ -54,9 +49,6 @@ <h2>Birmingham, England:</h2>
     look at the classic British red telephone booths!</p>
 
   <div class="img-wrapper page__img-wrapper">
-    <!-- <img src="img/iPod_in_telephone_booth_401_601.jpg" width="401" height="601"
-      alt="iPod in Birmingham in a telephone booth!">
-    <img src="img/iPod_in_Apple_store_400_600.jpg" width="400" height="600" alt="iPod in Birmingham in Apple store!"> -->
     <a href="html/in_telephone_booth.html">
       <img src="sketches/iPod_in_telephone_booth_101_151.jpg" width="100" height="150"
         alt="iPod in Birmingham in a telephone booth!">
