4 files changed, 102 insertions, 0 deletions
diff --git a/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/opacitych6/6.7.index.html b/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/opacitych6/6.7.index.html
new file mode 100644
index 0000000..f1a9fa1
--- /dev/null
+++ b/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/opacitych6/6.7.index.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Page Title Goes Here</title>
+        <style>
+#content { background-image: url(fall.jpg);
+    background-repeat: no-repeat;
+    margin: auto;
+    width: 640px;
+    height: 480px;
+    padding-top: 20px; 
+}
+
+h1 { 
+    background-color: #FFFFFF;
+    opacity: 0.6;
+    font-size: 4em;
+    padding: 10px;
+    margin-left: 40px; 
+}
+
+        </style>
+    </head>
+    <body>
+
+        <div id="content">
+            <h1> Fall Nature Hikes</h1>
+        </div>
+
+
+
+    </body>
+</html>
diff --git a/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/opacitych6/6.8.rgba.html b/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/opacitych6/6.8.rgba.html
new file mode 100644
index 0000000..c6ca7ce
--- /dev/null
+++ b/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/opacitych6/6.8.rgba.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Page Title Goes Here</title>
+        <style>
+#content { background-image: url(fall.jpg);
+    background-repeat: no-repeat;
+    margin: auto;
+    width: 640px;
+    height: 480px;
+    padding-top: 20px; 
+}
+
+h1 { 
+    color: #ffffff;
+    color: rgba(255, 255, 255, 0.8);
+    font-family: Verdana, Helvetica, sans-serif;
+    font-size: 5em;
+    padding-right: 10px;
+    text-align: right; 
+}
+
+
+        </style>
+    </head>
+    <body>
+
+        <div id="content">
+            <h1> Fall Nature Hikes</h1>
+        </div>
+
+
+
+    </body>
+</html>
diff --git a/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/opacitych6/6.9.hsla.html b/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/opacitych6/6.9.hsla.html
new file mode 100644
index 0000000..d74632e
--- /dev/null
+++ b/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/opacitych6/6.9.hsla.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Page Title Goes Here</title>
+        <style>
+#content { background-image: url(fall.jpg);
+    background-repeat: no-repeat;
+    margin: auto;
+    width: 640px;
+    height: 480px;
+    padding-top: 20px; 
+}
+
+h1 { 
+    color: #ffcccc;
+    color: hsla(60, 100%, 90%, 0.8);
+    font-family: Georgia, "Times New Roman", serif;
+    font-size: 6em;
+    padding: 20px; 
+}
+
+
+        </style>
+    </head>
+    <body>
+
+        <div id="content">
+            <h1> Fall Nature Hikes</h1>
+        </div>
+
+
+
+    </body>
+</html>
diff --git a/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/opacitych6/fall.jpg b/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/opacitych6/fall.jpg
new file mode 100644
index 0000000..b95e481
--- /dev/null
+++ b/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/opacitych6/fall.jpg