Gist for Social Share

social share

<div class="row">
    <div class="col-md-12">
        <!-- Social Media Share Buttons -->
        <div class="mt-2">
            <h4>Share this post:</h4>
            <a href="https://www.facebook.com/sharer/sharer.php?u={{ urlencode(url()->current()) }}" target="_blank" class="btn btn-primary btn-sm my-2 btn-social">
                <i class="fab fa-facebook-f"></i>&nbsp;Facebook
            </a>
            <a href="https://api.whatsapp.com/send?text={{ urlencode($singlePost->title . ' ' . url()->current()) }}" target="_blank" class="btn btn-success btn-sm btn-social">
                <i class="fab fa-whatsapp"></i>&nbsp;WhatsApp
            </a>
            <a href="https://twitter.com/intent/tweet?url={{ urlencode(url()->current()) }}&text={{ urlencode($singlePost->title) }}" target="_blank" class="btn btn-info btn-sm my-2 btn-social">
                <i class="fab fa-twitter"></i>&nbsp;Twitter
            </a>
            <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ urlencode(url()->current()) }}&title={{ urlencode($singlePost->title) }}" target="_blank" class="btn btn-primary btn-sm my-2 btn-social">
                <i class="fab fa-linkedin-in"></i>&nbsp;LinkedIn
            </a>
            <a href="https://pinterest.com/pin/create/button/?url={{ urlencode(url()->current()) }}&media={{ urlencode($singlePost->image_url) }}&description={{ urlencode($singlePost->title) }}" target="_blank" class="btn btn-danger btn-sm btn-social">
                <i class="fab fa-pinterest"></i>&nbsp;Pinterest
            </a>
            <a href="https://reddit.com/submit?url={{ urlencode(url()->current()) }}&title={{ urlencode($singlePost->title) }}" target="_blank" class="btn btn-dark btn-sm btn-social">
                <i class="fab fa-reddit"></i>&nbsp;Reddit
            </a>
            <a href="mailto:?subject={{ urlencode($singlePost->title) }}&body={{ urlencode($singlePost->title . ' ' . url()->current()) }}" class="btn btn-warning btn-sm btn-social">
                <i class="fas fa-envelope"></i>&nbsp;Email
            </a>
        </div>
    </div>
</div>