use icon param to control display of icons in contact section

README.md

@@ -38,13 +38,20 @@ title = "my new web site"
 [params]
   description = "I <3 making web site"
 
+[[params.social]]
+    title = "email"
+    icon = "envelope-o"
+    url = "mailto:bushbama@whitehouse.gov"
 [[params.social]]
     title = "twitter"
+    icon = "twitter"
     url = "https://twitter.com/SBootstrap"
 [[params.social]]
     title = "github"
+    icon = "github"
     url = "https://github.com/IronSummitMedia/startbootstrap"
 [[params.social]]
     title = "linkedin"
+    icon = "linkedin"
     url = ""
 ```

layouts/partials/contact.html

@@ -1,24 +1,26 @@
+{{ if isset .Site.Params "social" }}
 <div class="banner">
+	<div class="container">
+		<div class="row">
 
-    <div class="container">
+			<div class="col-lg-6">
+				<h2>Stay In Touch:</h2>
+			</div>
 
-        <div class="row">
-            <div class="col-lg-6">
-                <h2>Connect to Start Bootstrap:</h2>
-            </div>
-            <div class="col-lg-6">
-              <!--  <ul class="list-inline banner-social-buttons">
-                    {% for social in site.social %}
-                    <li>
-                        <a href="{{ social.url }}" class="btn btn-default btn-lg"><i class="fa fa-{{ social.title }} fa-fw"></i> <span class="network-name">{{ social.title }}</span></a>
-                    </li>
-                    {% endfor %}
-                </ul>-->
-            </div>
-        </div>
+			<div class="col-lg-6">
+				<ul class="list-inline banner-social-buttons">
+				{{ range .Site.Params.social }}
+					<li>
+						<a href="{{ .url }}" class="btn btn-default btn-lg">
+							<i class="fa fa-{{ .icon }} fa-fw"></i>
+							<span class="network-name">{{ .title }}</span>
+						</a>
+					</li>
+				{{ end }}
+				</ul>
+			</div>
 
-    </div>
-    <!-- /.container -->
-
-</div>
-<!-- /.banner -->
+		</div><!-- /.row -->
+	</div><!-- /.container -->
+</div><!-- /.banner -->
+{{ end }}