add contact info partial and styles

4 files changed, 72 insertions, 1 deletions

diff --git a/assets/css/style.css b/assets/css/style.css
index 9acf9eb..1719fa9 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -123,7 +123,7 @@
     flex-wrap: wrap;
     line-height: 1.2;
     justify-content: space-around;
-    padding: 0.75rem 0.45rem;
+    padding: 0.75rem 0.75rem;
     padding-top: 1.25rem;
 }
 
@@ -131,6 +131,26 @@
     font-size: var(--h4);
 }
 
+.contact-info {
+    margin-top: 1.75rem;
+}
+
+.contact-info__info {
+    display: grid;
+    grid-auto-rows: auto;
+    grid-template-columns: 1fr;
+    grid-template-rows: 1fr;
+    justify-content: center;
+}
+
+.contact-info__info__item {
+    padding: 0 1.45rem;
+}
+
+.contact-info__info__item span {
+    margin-right: 0.25rem;
+}
+
 .footer__agreement,
 .footer__copy {
     padding: 0.75rem 1.45rem;
diff --git a/layouts/partials/contact-info.html b/layouts/partials/contact-info.html
new file mode 100644
index 0000000..8da5546
--- /dev/null
+++ b/layouts/partials/contact-info.html
@@ -0,0 +1,43 @@
+<section class="contact-info">
+    <address class="contact-info__info">
+
+        <!-- Email -->
+        {{ if $.Site.Params.contact.email }}
+        <p class="contact-info__info__item">
+            <span><i class="far fa-envelope"></i></span>
+            <a href="mailto:{{ $.Site.Params.contact.email}}" class="contact-info__info__item__link" alt="Email">
+                {{ $.Site.Params.contact.email }}
+            </a>
+        </p>
+        {{ end }}
+
+        <!-- Phone -->
+        {{ if $.Site.Params.contact.phone }}
+        <p class="contact-info__info__item">
+            <span><i class="fas fa-phone"></i></span>
+            <a href="tel:{{ $.Site.Params.contact.phone }}" class="contact-info__info__item__link" alt="Phone">
+                {{ $.Site.Params.contact.phone }}
+            </a>
+        </p>
+        {{ end }}
+
+        <!-- Skype -->
+        {{ if $.Site.Params.contact.skype }}
+        <p class="contact-info__info__item">
+            <span><i class="fab fa-skype"></i></span>
+            <a href="skype:{{ $.Site.Params.contact.skype }}" class="contact-info__info__item__link" alt="Skype">
+                {{ $.Site.Params.contact.skype }}
+            </a>
+        </p>
+        {{ end }}
+
+        <!-- Address -->
+        {{ if $.Site.Params.contact.address }}
+        <p class="contact-info__info__item">
+            <span><i class="fas fa-map-marker-alt"></i></span>
+            {{ $.Site.Params.contact.address }}
+        </p>
+        {{ end }}
+
+    </address>
+</section>
\ No newline at end of file
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 6bc5427..27919b3 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -5,11 +5,19 @@
     {{ partial "social.html" . }}
     {{ end }}
 
+    <!-- Contact Links -->
+    {{ if $.Site.Params.contact.show }}
+    <hr>
+    {{ partial "contact-info.html" . }}
+    <hr>
+    {{ end }}
+
     <!-- Agreement -->
     {{ if $.Site.Params.agreement.message }}
     <section class="footer__agreement">
         {{ $.Site.Params.agreement.message }}
     </section>
+    <hr>
     {{ end }}
 
     <!-- Copy -->
diff --git a/static/images/andrej-lisakov-674110-unsplash.jpg b/static/images/andrej-lisakov-674110-unsplash.jpg
deleted file mode 100644
index a41afa8..0000000
--- a/static/images/andrej-lisakov-674110-unsplash.jpg
+++ /dev/null