added icons to tutorial index

themes/grav-theme-howto/css/style.css

@@ -83,16 +83,33 @@ a:hover {
 
 #flex .columns {
   height: 600px;
+  /*border: none;
+  border-radius: 0px;
+  box-shadow: 10px 10px 38px 0px rgba(0, 0, 0, 0.25);
+  width: 23%;
+  margin: 1%;*/
 }
 
 #flex .three {
-  padding-left: 30px;
-  padding-right: 30px;
+  padding-right: 60px;
+  margin-bottom: 50px;
 }
 
-/*#flex h2 {
-  text-align: center;
-}*/
+#flex hr {
+  border: 1px solid var(--primary-color);
+  border-radius: 5px;
+}
+
+#flex img {
+  width: 50px;
+  height: 50px;
+  position:relative;
+  top: 45px;
+  left: 25%;
+  filter: none;
+  background-color: none;
+  box-shadow: none;
+}
 
 .padding {
     padding: 3rem 1rem;

themes/grav-theme-howto/templates/index.html.twig

@@ -12,6 +12,8 @@
 <section id="{{ page.header.section_id }}" class="wrapper row columns">
 {% for p in page.collection %}
 <div class="topic-list three columns">
+  <img src="{{ theme_url }}/images/logos/logo-{{ p.title|lower }}.png">
+  <hr>
   <h2><a href="{{ p.url }}">{{ p.title }}</a></h2>
   {% for q in p.children.visible %}
       <h5><a href="{{ q.url }}">{{ q.title }}</a></h5>