More updates to the homepage

home/index.html

@@ -25,11 +25,11 @@
     <main class="flex-column y-start">
 
         <div class="showcase">
-            <h1 class="txt-white">
+            <h1 class="txt-gradient">
                 No matter what you may have heard, simplicity matters
             </h1>
 
-            <h3 class="txt-gradient txt-light txt-lower">
+            <h3 class="txt-white txt-light txt-lower">
                 PixelSequel is a lightweight, easy to use PHP ORM for MySQL databases.
                 It is designed to be simple and easy to use,
                 while still providing the power and flexibility of a full ORM.
@@ -69,30 +69,54 @@ <h1 class="txt-gradient">It starts in your commandline</h1>
     </section>
 
 
-    <section class="flex-column y-start">
-
-        <h1 class="txt-gradient">Elegant and easy to use</h1>
 
+    <section class="flex-column">
+        <h1 class="txt-gradient">Quickly Handle CRUD Operations</h1>
 
         <div class="code-container">
 
-            <img src="./img/carbon.png" alt="">
+            <img src="./img/carbon1.png" alt="">
         </div>
 
-        <a href="https://github.com/astianmuchui/PixelSequel/wiki" class="btn-gradient">Read the docs</a>
+        <a href="https://github.com/astianmuchui/PixelSequel/wiki" class="btn-gradient"> <i class="fa-file"></i> Read the docs</a>
+    </section>
+
+    <section>
+
+        <div class="code-container">
+
+            <div class="text">
+                <h2 class="txt-gradient">Modify database tables with ease</h2>
+
+                <p class="txt-white">PixelSequel comes with schema capabilities enabling you create , alter and drop tables</p>
+                <a href="https://github.com/astianmuchui/PixelSequel/wiki" class="btn-gradient"> <i class="fa-file"></i> Read the docs</a>
+
+            </div>
+
+            <img src="./img/carbon2.png" alt="">
+        </div>
 
     </section>
 
-    <section class="flex-column">
-        <h1 class="txt-gradient">Quickly Handle CRUD Operations</h1>
+    <section>
 
         <div class="code-container">
 
-            <img src="./img/carbon1.png" alt="">
+            <img src="./img/carbon3.png" alt="">
+
+
+            <div class="text">
+                <h2 class="txt-gradient">We Are always looking for contributors </h2>
+
+                <p class="txt-white">PixelSequel is an open source project and we are always happy when you fork and start a pull request</p>
+                <a href="https://github.com/astianmuchui/PixelSequel/" class="btn-gradient"> <i class="fab fa-github"></i> Contribute now</a>
+
+            </div>
+
         </div>
 
-        <a href="https://github.com/astianmuchui/PixelSequel/wiki" class="btn-gradient">Read the docs</a>
     </section>
 
+
 </body>
 </html>