cv-site/templates/partials/cv/cv-footer.html

{{define "cv-footer"}}
<!-- Footer - Only on Page 2 -->
<footer class="cv-footer component-wrapper">
    <!-- Actual Content -->
    <div class="actual-content">
        <ul class="footer-content">
            <li>
                <div class="footer-label">linkedin_</div>
                <div class="footer-separator"><i class="fa fa-circle"></i></div>
                <div class="footer-value">
                    <a href="{{.CV.Personal.LinkedIn}}" target="_blank" rel="noopener noreferrer">{{.CV.Personal.LinkedIn}}</a>
                </div>
            </li>
            <li>
                <div class="footer-label">github_</div>
                <div class="footer-separator"><i class="fa fa-circle"></i></div>
                <div class="footer-value">
                    <a href="{{.CV.Personal.GitHub}}" target="_blank" rel="noopener noreferrer">{{.CV.Personal.GitHub}}</a>
                </div>
            </li>
            <li>
                <div class="footer-label">domestika_</div>
                <div class="footer-separator"><i class="fa fa-circle"></i></div>
                <div class="footer-value">
                    <a href="{{.CV.Personal.Domestika}}" target="_blank" rel="noopener noreferrer">{{.CV.Personal.Domestika}}</a>
                </div>
            </li>
            <li>
                <div class="footer-label">email@</div>
                <div class="footer-separator"><i class="fa fa-circle"></i></div>
                <div class="footer-value">
                    <a href="mailto:{{.CV.Personal.Email}}" target="_blank" rel="noopener noreferrer">{{.CV.Personal.Email}}</a>
                </div>
            </li>
            <li>
                <div class="footer-label">phone#</div>
                <div class="footer-separator"><i class="fa fa-circle"></i></div>
                <div class="footer-value">
                    <a href="tel:+34676875420" target="_blank" rel="noopener noreferrer">+34 676 875 420</a>
                </div>
            </li>
        </ul>
    </div>

    <!-- Skeleton Content -->
    <div class="skeleton-content">
        <div class="skeleton-footer">
            <div class="skeleton skeleton-footer-item"></div>
            <div class="skeleton skeleton-footer-item"></div>
            <div class="skeleton skeleton-footer-item"></div>
            <div class="skeleton skeleton-footer-item"></div>
            <div class="skeleton skeleton-footer-item"></div>
        </div>
    </div>
</footer>
{{end}}