{% extends 'landing.html' %}

{% load static %}

{% block page_content %}

<!--===== HERO AREA STARTS =======-->
<div class="inner-page-hero-area"
  style="background-image: url(/static/img/all-images/bg/hero-bg1.png); background-position: center; background-repeat: no-repeat; background-size: cover;">
  <img src="{% static '/img/elements/elements5.png' %}" alt="" class="elements5">
  <img src="{% static '/img/elements/elements4.png' %}" alt="" class="elements4">
  <img src="{% static '/img/elements/elements1.png' %}" alt="" class="elements1 keyframe5">
  <img src="{% static '/img/elements/elements16.png' %}" alt="" class="elements16">

  <div class="container">
    <div class="row">
      <div class="col-lg-6 m-auto">
        <div class="inner-header text-center heading1">
          <h1>Our Blog V1</h1>
          <div class="space28"></div>
          <a href="/">Home <i class="fa-solid fa-angle-right"></i> <span>Our Blog V1</span></a>
        </div>
      </div>
    </div>
  </div>
</div>
<!--===== HERO AREA ENDS =======-->

<!--===== BLOG AREA STARTS =======-->
<div class="vl-blog-4-area-inner sp1">
  <div class="container">
    <div class="row">
      <div class="col-lg-4 col-md-6">
        <div class="vl-blog-1-item">
          <div class="vl-blog-1-thumb image-anime">
            <img src="{% static '/img/all-images/blog/blog-img8.png' %}" alt="">
          </div>
          <div class="vl-blog-1-content">
            <div class="vl-blog-meta">
              <ul>
                <li><a href="#"><img src="{% static '/img/icons/calender3.svg' %}" alt=""> 4 August 2024</a></li>
              </ul>
            </div>
            <div class="space16"></div>
            <h4 class="vl-blog-1-title"><a href="{% url 'pages:dynamic_pages' template_name='blog-single' %}">Scalable IT solutions tailored to meet a unique
                business needs</a></h4>
            <div class="space20"></div>
            <a href="{% url 'pages:dynamic_pages' template_name='blog-single' %}" class="readmore">Learn More <i class="fa-solid fa-arrow-right"></i></a>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6">
        <div class="vl-blog-1-item">
          <div class="vl-blog-1-thumb image-anime">
            <img src="{% static '/img/all-images/blog/blog-img9.png' %}" alt="">
          </div>
          <div class="vl-blog-1-content">
            <div class="vl-blog-meta">
              <ul>
                <li><a href="#"><img src="{% static '/img/icons/calender3.svg' %}" alt=""> 5 August 2024</a></li>
              </ul>
            </div>
            <div class="space16"></div>
            <h4 class="vl-blog-1-title"><a href="{% url 'pages:dynamic_pages' template_name='blog-single' %}">Unlock the full potential Best your business with
                tailored IT</a></h4>
            <div class="space20"></div>
            <a href="{% url 'pages:dynamic_pages' template_name='blog-single' %}" class="readmore">Learn More <i class="fa-solid fa-arrow-right"></i></a>
          </div>
        </div>
      </div>

      <div class="col-lg-4 col-md-6">
        <div class="vl-blog-1-item">
          <div class="vl-blog-1-thumb image-anime">
            <img src="{% static '/img/all-images/blog/blog-img10.png' %}" alt="">
          </div>
          <div class="vl-blog-1-content">
            <div class="vl-blog-meta">
              <ul>
                <li><a href="#"><img src="{% static '/img/icons/calender3.svg' %}" alt=""> 6 August 2024</a></li>
              </ul>
            </div>
            <div class="space16"></div>
            <h4 class="vl-blog-1-title"><a href="{% url 'pages:dynamic_pages' template_name='blog-single' %}">Optimize your operations with tailored IT services
                that grow</a></h4>
            <div class="space20"></div>
            <a href="{% url 'pages:dynamic_pages' template_name='blog-single' %}" class="readmore">Learn More <i class="fa-solid fa-arrow-right"></i></a>
          </div>
        </div>
      </div>

      <div class="col-lg-4 col-md-6">
        <div class="vl-blog-1-item">
          <div class="vl-blog-1-thumb image-anime">
            <img src="{% static '/img/all-images/blog/blog-img11.png' %}" alt="">
          </div>
          <div class="vl-blog-1-content">
            <div class="vl-blog-meta">
              <ul>
                <li><a href="#"><img src="{% static '/img/icons/calender3.svg' %}" alt=""> 4 August 2024</a></li>
              </ul>
            </div>
            <div class="space16"></div>
            <h4 class="vl-blog-1-title"><a href="{% url 'pages:dynamic_pages' template_name='blog-single' %}">Unlock the Future of Your IT & Business With Best
                Innovative</a></h4>
            <div class="space20"></div>
            <a href="{% url 'pages:dynamic_pages' template_name='blog-single' %}" class="readmore">Learn More <i class="fa-solid fa-arrow-right"></i></a>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6">
        <div class="vl-blog-1-item">
          <div class="vl-blog-1-thumb image-anime">
            <img src="{% static '/img/all-images/blog/blog-img12.png' %}" alt="">
          </div>
          <div class="vl-blog-1-content">
            <div class="vl-blog-meta">
              <ul>
                <li><a href="#"><img src="{% static '/img/icons/calender3.svg' %}" alt=""> 5 August 2024</a></li>
              </ul>
            </div>
            <div class="space16"></div>
            <h4 class="vl-blog-1-title"><a href="{% url 'pages:dynamic_pages' template_name='blog-single' %}">Transform Your Operations An with Technology
                Experience</a></h4>
            <div class="space20"></div>
            <a href="{% url 'pages:dynamic_pages' template_name='blog-single' %}" class="readmore">Learn More <i class="fa-solid fa-arrow-right"></i></a>
          </div>
        </div>
      </div>

      <div class="col-lg-4 col-md-6">
        <div class="vl-blog-1-item">
          <div class="vl-blog-1-thumb image-anime">
            <img src="{% static '/img/all-images/blog/blog-img13.png' %}" alt="">
          </div>
          <div class="vl-blog-1-content">
            <div class="vl-blog-meta">
              <ul>
                <li><a href="#"><img src="{% static '/img/icons/calender3.svg' %}" alt=""> 6 August 2024</a></li>
              </ul>
            </div>
            <div class="space16"></div>
            <h4 class="vl-blog-1-title"><a href="{% url 'pages:dynamic_pages' template_name='blog-single' %}">Empowering Your Business And Through Technology
                Tailored IT</a></h4>
            <div class="space20"></div>
            <a href="{% url 'pages:dynamic_pages' template_name='blog-single' %}" class="readmore">Learn More <i class="fa-solid fa-arrow-right"></i></a>
          </div>
        </div>
      </div>

      <div class="col-lg-4 col-md-6">
        <div class="vl-blog-1-item">
          <div class="vl-blog-1-thumb image-anime">
            <img src="{% static '/img/all-images/blog/blog-img14.png' %}" alt="">
          </div>
          <div class="vl-blog-1-content">
            <div class="vl-blog-meta">
              <ul>
                <li><a href="#"><img src="{% static '/img/icons/calender3.svg' %}" alt=""> 4 August 2024</a></li>
              </ul>
            </div>
            <div class="space16"></div>
            <h4 class="vl-blog-1-title"><a href="{% url 'pages:dynamic_pages' template_name='blog-single' %}">Discover the Power of Data-Driven Insights
                Transforming</a></h4>
            <div class="space20"></div>
            <a href="{% url 'pages:dynamic_pages' template_name='blog-single' %}" class="readmore">Learn More <i class="fa-solid fa-arrow-right"></i></a>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6">
        <div class="vl-blog-1-item">
          <div class="vl-blog-1-thumb image-anime">
            <img src="{% static '/img/all-images/blog/blog-img15.png' %}" alt="">
          </div>
          <div class="vl-blog-1-content">
            <div class="vl-blog-meta">
              <ul>
                <li><a href="#"><img src="{% static '/img/icons/calender3.svg' %}" alt=""> 5 August 2024</a></li>
              </ul>
            </div>
            <div class="space16"></div>
            <h4 class="vl-blog-1-title"><a href="{% url 'pages:dynamic_pages' template_name='blog-single' %}">Scalable IT solutions tailored to meet a unique
                business needs</a></h4>
            <div class="space20"></div>
            <a href="{% url 'pages:dynamic_pages' template_name='blog-single' %}" class="readmore">Learn More <i class="fa-solid fa-arrow-right"></i></a>
          </div>
        </div>
      </div>

      <div class="col-lg-4 col-md-6">
        <div class="vl-blog-1-item">
          <div class="vl-blog-1-thumb image-anime">
            <img src="{% static '/img/all-images/blog/blog-img16.png' %}" alt="">
          </div>
          <div class="vl-blog-1-content">
            <div class="vl-blog-meta">
              <ul>
                <li><a href="#"><img src="{% static '/img/icons/calender3.svg' %}" alt=""> 6 August 2024</a></li>
              </ul>
            </div>
            <div class="space16"></div>
            <h4 class="vl-blog-1-title"><a href="{% url 'pages:dynamic_pages' template_name='blog-single' %}">Maximize Efficiency Minimize Risk With Expert
                Management</a></h4>
            <div class="space20"></div>
            <a href="{% url 'pages:dynamic_pages' template_name='blog-single' %}" class="readmore">Learn More <i class="fa-solid fa-arrow-right"></i></a>
          </div>
        </div>
      </div>

      <div class="col-lg-12">
        <div class="space30"></div>
        <div class="pagination-area">
          <nav aria-label="Page navigation example">
            <ul class="pagination">
              <li class="page-item">
                <a class="page-link" href="#" aria-label="Previous">
                  <i class="fa-solid fa-angle-left"></i>
                </a>
              </li>
              <li class="page-item"><a class="page-link active" href="#">1</a></li>
              <li class="page-item"><a class="page-link" href="#">2</a></li>
              <li class="page-item"><a class="page-link" href="#">3</a></li>
              <li class="page-item"><a class="page-link" href="#">...</a></li>
              <li class="page-item"><a class="page-link" href="#">12</a></li>
              <li class="page-item">
                <a class="page-link m-0" href="#" aria-label="Next">
                  <i class="fa-solid fa-angle-right"></i>
                </a>
              </li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
  </div>
</div>
<!--===== BLOG AREA ENDS =======-->

{% endblock page_content %}