{% load static %}

<div class="row">
    <div class="col-6 col-lg-3 mb-5">
        <a href="{% url 'about_us' %}" target="_blank" class="page-preview scale-up-hover-2">
            <img class="shadow-lg rounded scale" src="{% static 'assets/img/presentation/all-pages/about-company.jpg' %}" alt="About company page preview">
            <div class="text-center show-on-hover">
                <h3 class="h6 m-0 text-center text-white">About company<span class="fas fa-external-link-alt ms-2"></span></h3>
            </div>
        </a>
    </div>
    <div class="col-6 col-lg-3 mb-5">
        <a href="{% url 'contact_us' %}" target="_blank" class="page-preview scale-up-hover-2">
            <img class="shadow-lg rounded scale" src="{% static 'assets/img/presentation/all-pages/contact.jpg' %}" alt="Contact page preview">
            <div class="text-center show-on-hover">
                <h3 class="h6 m-0 text-center text-white">Contact<span class="fas fa-external-link-alt ms-2"></span></h3>
            </div>
        </a>
    </div>
    <div class="col-6 col-lg-3 mb-5">
        <a href="{% url 'landing_freelancer' %}" target="_blank" class="page-preview scale-up-hover-2">
            <img class="shadow-lg rounded scale" src="{% static 'assets/img/presentation/all-pages/landing-freelancer.jpg' %}" alt="Freelancer page preview">
            <div class="text-center show-on-hover">
                <h3 class="h6 m-0 text-center text-white">Freelancer<span class="fas fa-external-link-alt ms-2"></span></h3>
            </div>
        </a>
    </div>
    <div class="col-6 col-lg-3 mb-5">
        <a href="{% url 'login' %}" target="_blank" class="page-preview scale-up-hover-2">
            <img class="shadow-lg rounded scale" src="{% static 'assets/img/presentation/all-pages/signin.jpg' %}" alt="Sign in page preview">
            <div class="text-center show-on-hover">
                <h3 class="h6 m-0 text-center text-white">Sign in<span class="fas fa-external-link-alt ms-2"></span></h3>
            </div>
        </a>
    </div>
    <div class="col-6 col-lg-3 mb-5">
        <a href="{% url 'register' %}" target="_blank" class="page-preview scale-up-hover-2">
            <img class="shadow-lg rounded scale" src="{% static 'assets/img/presentation/all-pages/signup.jpg' %}" alt="Sign up page preview">
            <div class="text-center show-on-hover">
                <h3 class="h6 m-0 text-center text-white">Sign up<span class="fas fa-external-link-alt ms-2"></span></h3>
            </div>
        </a>
    </div>
</div>