Merge branch 'main' into main

REHAN-18 · Oct 28, 2024 · 249ab99 · 249ab99
2 parents 174a186 + da27e17
commit 249ab99
Show file tree

Hide file tree

Showing 5 changed files with 1,597 additions and 318 deletions.
diff --git a/README.md b/README.md
@@ -73,8 +73,16 @@
 <!--Line-->
 <img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="900">
 
-
-<h2>Overview📌</h2>
+## Table of Contents
+- [Overview](#overview)
+- [Project Structure](#project-structure)
+- [Website Preview](#website-preview)
+- [Technologies Used](#technologies-used)
+- [How to make a Pull Request](#how-to-make-a-pull-request)
+- [Troubleshooting](#troubleshooting)
+- [Contributors](#contributors)
+
+## Overview
 <ul>
   <li>🎨 This repository contains my project on a Canvas Editor using HTML, CSS, Bootstrap, and JavaScript.</li>
   <li>🖼️ It includes a webpage with a canvas element that allows you to style text content as needed (made for fun purposes 🎉).</li>
@@ -197,7 +205,7 @@
 <li> Background Image: Easily set an image as the background of your canvas to create more visually appealing designs</li>
 <li> Background Color: You can now add a custom background color to the canvas with ease!</li>
 
-# Website Preview
+## Website Preview
 
 ![image](https://github.com/user-attachments/assets/02614ccd-b2ec-492a-9f02-f53d69e9d2b9)
 
@@ -216,7 +224,7 @@ To change the background color or image:
 <!--Line-->
 <img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="900"> 
 
-<h2><img src = "https://media2.giphy.com/media/QssGEmpkyEOhBCb7e1/giphy.gif?cid=ecf05e47a0n3gi1bfqntqmob8g9aid1oyj2wr3ds3mg700bl&rid=giphy.gif" width = 30px height="38"> Technology Used</h2>
+## Technologies Used
 
 <p>
   <a href="https://www.w3schools.com/html/"> <img src="https://img.icons8.com/color/70/000000/html-5--v1.png" alt="HTML" /></a>
@@ -334,6 +342,7 @@ git push origin YourBranchName
 
 <!--Line-->
 <img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="900"> 
+
 ## Troubleshooting
 
 ### Common Issues

diff --git a/about-us.html b/about-us.html
@@ -49,6 +49,17 @@
         .navbar a:hover {
             color: #fff;
         }
+        .navbar .auth a {
+            background: #ffb7fd;
+            color: #333;
+            padding: 8px 16px;
+            border-radius: 5px;
+        }
+        .navbar .auth a:hover {
+            background: #fff;
+            color: #ffb7fd;
+        }
+
         /* About Section */
         .about-section {
             padding: 4rem 1rem;
@@ -58,6 +69,7 @@
             font-size: 2.5rem;
             color: #353047;
             margin-bottom: 1rem;
+            text-align: center;
         }
         .about-content {
             display: flex;
@@ -88,19 +100,30 @@
         .about-text:hover, .about-image:hover {
             transform: scale(1.05);
         }
-        .desc, .teams {
+        h3 {
+            font-size: 2rem;
+            color: #353047;
+            margin-bottom: 1rem;
+            text-align: center;
+        }
+        .desc {
+            text-align: center;
             max-width: 800px;
             margin: 1.5rem auto;
             padding: 1rem;
         }
-        h3 {
-            font-size: 2rem;
-            color: #353047;
+        .teams {
+            max-width: 800px;
+            margin: 1.5rem auto;
+            padding: 1rem;
+            text-align: center;
         }
         .team-member h4 {
             font-size: 1.5rem;
             margin-bottom: 0.3rem;
+            text-align: center;
         }
+
         /* Footer */
         footer {
             background-color: #333;
@@ -130,7 +153,27 @@
     </style>
 </head>
 <body>
+    <!-- Navbar -->
+    <header>
+        <div class="navbar">
+            <div class="site-name">Creative Canvas Tool</div>
+            <nav>
+                <a href="index.html">Home</a>
+                <a href="privacy.html">Privacy</a>
+                <a href="blog.html">Blogs</a>
+                <a href="Faq.html">FAQ</a>
+                <a href="contributors.html">Contributors</a>
+                <a href="testimonial.html">Testimonial</a>
+            </nav>
+            <div class="auth">
+                <a href="signup.html">Sign Up</a>
+                <a href="login.html">Login</a>
+            </div>
+        </div>
+    </header>
 
+    <!-- About Section -->
+    <section class="about-section">
         <h2>About Creative Canvas Tool</h2>
         <div class="about-content">
             <div class="about-image">
@@ -142,26 +185,35 @@ <h2>About Creative Canvas Tool</h2>
                 </p>
             </div>
         </div>
+    </section>
 
-        <h3>Our Mission</h3>
-        <p class="desc">
-            To empower creativity by making digital art accessible to everyone, fostering a global community of artists and innovators.
-        </p>
+    <h3>Our Mission</h3>
+    <p class="desc">
+        To empower creativity by making digital art accessible to everyone, fostering a global community of artists and innovators.
+    </p>
 
-        <h3>Our Story</h3>
-        <p class="desc">
-            Founded in 2024, Creative Canvas Tool emerged from a passion project to revolutionize digital artistry, growing into a vibrant platform used by artists worldwide.
-        </p>
+    <h3>Our Story</h3>
+    <p class="desc">
+        Founded in 2024, Creative Canvas Tool emerged from a passion project to revolutionize digital artistry, growing into a vibrant platform used by artists worldwide.
+    </p>
 
-        <h3>Our Team</h3>
-        <div class="teams">
-            <div class="team-member">
-                <h4>Anurag</h4>
-                <p>Founder & Lead Developer</p>
-            </div>
-            <div class="team-member">
-                <h4>Somyadip Ghosh</h4>
-                <p>Project Mentor</p>
-            </div>
+    <h3>Our Team</h3>
+    <div class="teams">
+        <div class="team-member">
+            <h4>Anurag</h4>
+            <p>Founder & Lead Developer</p>
+        </div>
+        <div class="team-member">
+            <h4>Somyadip Ghosh</h4>
+            <p>Project Mentor</p>
         </div>
+    </div>
 
+    <!-- Footer -->
+    <footer>
+        <p>&copy; 2024 Creative Canvas Tool. All rights reserved.</p>
+        <a href="#">Privacy Policy</a>
+        <a href="#">Terms of Use</a>
+    </footer>
+</body>
+</html>