Allowing more social lists, wrapping within buttons!

layouts/main-index.html

@@ -1,4 +1,5 @@
 {{ define "main" }}
+{{ $lang := .Site.Language.Lang }}
 <section class="section-header">
     <div class="columns-container" style="display: flex" >
         <div class="column col1 text-center vertical-center">
@@ -8,6 +9,14 @@
             <div class="grid flex-center">&nbsp;
                 {{ partial "links.html" .Params.Links }}
             </div>
+            
+            <div class="social-list grid flex-center padding-container-point3">
+                {{ range .Site.Data.menu.social }}
+                    <a role="button" alt="{{ .name }}" title="{{ .name }}" href="{{ replace .URL "<lang>" $lang }}">
+                        <i class="icon-{{ .icon }}" alt="{{ .icon }} social icon"></i>
+                    </a>
+                {{ end }}
+            </div>
             <br>
             <br>
             <br>
@@ -73,5 +82,6 @@
     <div class="grid">&nbsp;
         {{ partial "links.html" .Params.NewSection.Links }}
     </div>
+    <br>
 </section>
 {{ end }}