Merge pull request #81 from CodeWithGroup/feature/add_w3schools-to-resources_page

Adds a new resource to the Activities Learning Section for SQL that m…

Author: dangerworm

pages-activities/activities-learning.html

@@ -84,13 +84,13 @@ <h4>
                 </h4>
                 <p>
                     E.A.K. is a revolutionary, online game that provides kids aged 8-14 with knowledge of both
-                    computational thinking and professional coding languages, 
+                    computational thinking and professional coding languages,
                     to effectively prepare them for 21st Century degrees and careers.
                 </p>
             </div>
         </div>
     </div>
-    
+
     <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
         <div class="row">
             <div class="card">
@@ -100,18 +100,18 @@ <h4>
                     <span class="badge badge-success">Easy</span>
                 </h4>
                 <p>
-                    Flexbox Froggy is a game for learning CSS flexbox.<br/>
-                    It takes inspiration from the classic arcade game 
-                    <a href="https://en.wikipedia.org/wiki/Frogger">Frogger</a>, 
-                    and web literacy games like the brilliant 
-                    <a href="https://flukeout.github.io/" style="white-space: nowrap;">CSS Diner</a> 
-                    and <a href="https://eraseallkittens.com/">Erase All Kittens</a>, 
+                    Flexbox Froggy is a game for learning CSS flexbox.<br />
+                    It takes inspiration from the classic arcade game
+                    <a href="https://en.wikipedia.org/wiki/Frogger">Frogger</a>,
+                    and web literacy games like the brilliant
+                    <a href="https://flukeout.github.io/" style="white-space: nowrap;">CSS Diner</a>
+                    and <a href="https://eraseallkittens.com/">Erase All Kittens</a>,
                     where you learn about CSS selectors and HTML markup respectively.
                 </p>
             </div>
         </div>
     </div>
-    
+
     <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
         <div class="row">
             <div class="card">
@@ -214,4 +214,21 @@ <h4>
             </div>
         </div>
     </div>
+
+    <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
+        <div class="row">
+            <div class="card">
+                <h4>
+                    <span class="fab fa-js"></span>
+                    <a href="https://www.w3schools.com/sql/" target="_blank">W3 Schools SQL</a>
+                    <span class="badge badge-success">Easy</span>
+                </h4>
+                <p>
+                    An easy to follow tutorial through SQL. Teaches you basic queries, terminology and commands to get
+                    you started on your SQL adventure. Also a small quiz at the end of each topic to review what you had
+                    learned.
+                </p>
+            </div>
+        </div>
+    </div>
 </div>