2 files changed, 46 insertions, 0 deletions
diff --git a/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/gradientch6/6.10.index.linear.html b/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/gradientch6/6.10.index.linear.html
new file mode 100644
index 0000000..18f2ec5
--- /dev/null
+++ b/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/gradientch6/6.10.index.linear.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Practice with Gradients</title>
+        <meta charset="utf-8">
+        <style>
+body { 
+    background-color: #DA70D6;
+    background-image: linear-gradient(to bottom, #FFFFFF, #DA70D6);
+    background-repeat: no-repeat; 
+}
+        </style>
+    </head>
+    <body>
+        <h1>Linear Gradient</h1>
+        <p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
+        <h2>Heading 2</h2>
+        <p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
+        <h2>Heading 2</h2>
+        <p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
+
+    </body>
+</html>
diff --git a/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/gradientch6/6.10.index.radial.html b/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/gradientch6/6.10.index.radial.html
new file mode 100644
index 0000000..6cd5e767
--- /dev/null
+++ b/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/gradientch6/6.10.index.radial.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Practice with Gradients</title>
+        <meta charset="utf-8">
+        <style>
+body { 
+    background-color: #DA70D6; 
+    background-image: radial-gradient(#FFFFFF, #DA70D6);
+    background-repeat: no-repeat; 
+}
+        </style>
+    </head>
+    <body>
+        <h1>Linear Gradient</h1>
+        <p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
+        <h2>Heading 2</h2>
+        <p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
+        <h2>Heading 2</h2>
+        <p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
+
+    </body>
+</html>