Refactor project structure and update image URLs in index.html

index.html

@@ -15,7 +15,7 @@
 
         /* Intro Section */
         header {
-            background-image: url('https://plus.unsplash.com/premium_photo-1661663603858-2df08fe3d65d?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D'); /* ضع هنا صورة الغلاف */
+            background-image: url('https://images.unsplash.com/photo-1545402138-0c105c73cb4d?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D'); /* ضع هنا صورة الغلاف */
             background-size: cover;
             background-position: center;
             height: 100vh;
@@ -170,7 +170,7 @@
 <header>
     <h1>PyCalc</h1>
     <p>Simplifying Calculations for Everyone</p>
-    <button onclick="location.href='###DeployedProjectLink###';">Try PyCalc Now</button>
+    <button onclick="location.href='https://github.com/Ahmedadel200066/PYcalc';">Try PyCalc Now</button>
     <nav>
         <a href="#features">Features</a>
         <a href="#about">About</a>
@@ -181,17 +181,17 @@ <h1>PyCalc</h1>
     <h2>Key Features</h2>
     <div class="feature-list">
         <div class="feature">
-            <img src="####" alt="Feature 1 Image">
+            <img src="https://www.kdnuggets.com/wp-content/uploads/math-chalkboard-header-scaled.jpg">
             <h3>Feature 1: Complex Calculations</h3>
             <p>This feature allows you to perform complex calculations easily and quickly.</p>
         </div>
         <div class="feature">
-            <img src="####" alt="Feature 2 Image">
+            <img src="https://static.vecteezy.com/system/resources/previews/000/143/266/non_2x/free-math-symbol-vector.jpg">
             <h3>Feature 2: Multiple Operations</h3>
             <p>Supports a variety of mathematical operations and formulas for flexible use.</p>
         </div>
         <div class="feature">
-            <img src="####" alt="Feature 3 Image">
+            <img src="https://images.unsplash.com/photo-1648201188793-418f2b9b4b32?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D">
             <h3>Feature 3: Educational Mode</h3>
             <p>Provides step-by-step explanations for learners and educators.</p>
         </div>
@@ -203,11 +203,11 @@ <h2>About PyCalc</h2>
     <p>PyCalc was inspired by the need for an easy-to-use tool that simplifies complex mathematical calculations for professionals and students alike. Development began in [Month, Year] as part of our Holberton School Portfolio Project.</p>
     <p>Connect with the team:</p>
     <div class="social-links">
-        <a href="####">LinkedIn</a>
-        <a href="####">GitHub</a>
-        <a href="####">Twitter</a>
+        <a href="https://www.linkedin.com/in/ahmed-adel-513207253/">LinkedIn</a>
+        <a href="https://github.com/Ahmedadel200066">GitHub</a>
+        <a href="https://x.com/narutoadel2011">Twitter</a>
     </div>
-    <p>Project Repository: <a href="####">GitHub</a></p>
+    <p>Project Repository: <a href="https://github.com/Ahmedadel200066/PYcalc">GitHub</a></p>
 </section>
 
 <footer>