diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html
index 30b434bcf..b557f59c1 100644
--- a/Sprint-3/quote-generator/index.html
+++ b/Sprint-3/quote-generator/index.html
@@ -1,15 +1,24 @@
-
+
- Title here
+
+ The Quote Generator
+
+
+
- hello there
-
-
-
+
+
Quote Generator
+
+
+
+
+
+
+
diff --git a/Sprint-3/quote-generator/style.css b/Sprint-3/quote-generator/style.css
index 63cedf2d2..b3bd0cf20 100644
--- a/Sprint-3/quote-generator/style.css
+++ b/Sprint-3/quote-generator/style.css
@@ -1 +1,56 @@
-/** Write your CSS in here **/
+body {
+ margin: 0;
+ min-height: 100vh;
+
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ font-family: Arial, sans-serif;
+ background-color: #e6f2ff;
+}
+
+/* Quote box */
+.quote-container {
+ width: 600px;
+ padding: 40px;
+
+ text-align: center;
+
+ background-color: white;
+ border-radius: 15px;
+ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
+}
+
+/* Quote text */
+#quote {
+ font-size: 28px;
+ font-weight: bold;
+ color: #333;
+ line-height: 1.5;
+}
+
+/* Author */
+#author {
+ font-size: 20px;
+ color: #666;
+ font-style: italic;
+ margin-bottom: 30px;
+}
+
+/* New quote button */
+#new-quote {
+ padding: 12px 25px;
+ border: none;
+ border-radius: 8px;
+
+ background-color: #007bff;
+ color: white;
+
+ font-size: 16px;
+ cursor: pointer;
+}
+
+#new-quote:hover {
+ background-color: #0056b3;
+}
\ No newline at end of file