Adding code2flow to the resources page

Author: KeiranWDigital

pages-resources/resources-soft-skills.html

@@ -62,4 +62,23 @@ <h4>
             </div>
         </div>
     </div>
+</div>
+
+<div class="row">
+    <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
+        <div class="row">
+            <div class="card">
+                <h4>
+                    <span class="fas fa-project-diagram"></span>
+                    <a href="https://code2flow.com/" target="_blank">Code2Flow</a>
+                    <span class="badge badge-warning">Medium</span>
+                </h4>
+                <p>
+                    Code2Flow is a tool to transform ideas and workflows into easy to understand diagrams. Using a
+                    psuedocode editor you can generate a flowchart with up to 50 nodes for free. We used Code2Flow to
+                    generate our process flow charts at CodeWith.
+                </p>
+            </div>
+        </div>
+    </div>
 </div>