{% extends "plate.html" %}
{% load static %}
{% block title %}
<meta content="ReyDesign Technologies - Our Pearl Perfect Projects" name="description" /> {%endblock title %}
{% block body %}
        <div id="smooth-wrapper">
            <div id="smooth-content">
                <!-- xc-breadcrumb area start -->
                <div class="xc-breadcrumb__area">
                    <div class="xc-breadcrumb__bg w-img">
                        <img alt="" src="{% static 'assets/img/backgroud/breadcrumb-bg.png' %}" />
                    </div>
                    <div class="container">
                        <div class="row">
                            <div class="col-xxl-12">
                                <div class="xc-breadcrumb__content text-center p-relative z-index-1">
                                    <h3 class="xc-breadcrumb__title">Inspiring Projects</h3>
                                    <div class="xc-breadcrumb__list">
                                        <span><a href="/">Home</a></span>
                                        <span class="dvdr">/</span>
                                        <span>Inspiring Projects</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- xc-postbox area start -->
                <section class="xc-postbox__area pt-120 pb-70">
                    <div class="container">
                        <div class="xc-postbox__wrapper mb-30">
                            <div class="row">
                                {% for inspiring_project in inspiring_projects %}
                                <div class="col-lg-4 col-md-6">
                                    <div class="xc-postbox__item xc-grid mb-30">
                                        <div class="xc-postbox__thumb w-img mb-20 p-relative">
                                            <a href="{{inspiring_project.web_address}}" target="_blank">
                                                <img alt="{{inspiring_project.web_address}}" src="{{inspiring_project.image.url}}" target="_blank" />
                                            </a>
                                            <div class="xc-postbox__cat">
                                                <a href="{{inspiring_project.web_address}}" target="_blank">{{inspiring_project.niche}}</a>
                                            </div>
                                        </div>
                                        <div class="xc-postbox__content">
                                            <div class="xc-postbox__meta">
                                                <span>
                                                    <a href="{{inspiring_project.web_address}}" target="_blank"><i class="fa-light fa-user"></i>{{inspiring_project.country}}</a>
                                                </span>
                                                <span><a href="{{inspiring_project.web_address}}" target="_blank"><i class="fa-light fa-calendar"></i>{{inspiring_project.delivery_time}}</a></span>
                                            </div>
                                            <h3 class="xc-postbox__title">
                                                <a href="{{inspiring_project.web_address}}" target="_blank">{{inspiring_project.name}}</a>
                                            </h3>
                                            <div class="xc-postbox__read-more">
                                                <a class="xc-more-btn" href="{{inspiring_project.web_address}}" target="_blank">View<i
                                                        class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                </section>
        {% endblock body %}