@extends('layouts.layoutCommon')
@section('title', 'Blog | NuRoofs - Roofing Services')
@push('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/module-css/banner.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/module-css/counter.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/module-css/page-header.css') }}">
@endpush

@section('content')

    <x-pageHeader title="Blog" subtitle="Blog" />

    <!--Start Blog Page-->
    <section class="blog-page">
        <div class="container">
            <div class="row">
                <!--Start Blog Page Content-->
                <div class="col-xl-8">
                    <div class="blog-page__content">
                        <!--Start Blog Page Single-->
                        <div class="blog-page__single">
                            <div class="blog-page__single-img">
                                <img src="{{ asset('assets/images/blog/blog-page-img1.jpg') }}" alt="">
                            </div>
                            <div class="blog-page__single-content">
                                <ul class="meta-box">
                                    <li>
                                        <p>31 December,2024</p>
                                    </li>

                                    <li>
                                        <p><span class="icon-bubble-chat"></span> <a href="#">Comments (05)</a></p>
                                    </li>
                                </ul>
                                <h2><a href="{{ route('blog-details') }}">Raising the Roof with Quality Trust</a></h2>
                                <p>Web designing looking of any website is the first impression on visitors .Web
                                    design in a powerful way of just not an only professions, however, in a passion
                                    for our We have Company. We have in a powerful way of just not an only
                                    professions</p>
                                <div class="btn-box">
                                    <a href="{{ route('blog-details') }}" class="thm-btn">Read More <span
                                            class="icon-next1"></span></a>
                                </div>
                            </div>
                        </div>
                        <!--End Blog Page Single-->

                        <!--Start Blog Page Single-->
                        <div class="blog-page__single">
                            <div class="blog-page__single-img">
                                <img src="{{ asset('assets/images/blog/blog-page-img2.jpg') }}" alt="">
                            </div>
                            <div class="blog-page__single-content">
                                <ul class="meta-box">
                                    <li>
                                        <p>31 December,2024</p>
                                    </li>

                                    <li>
                                        <p><span class="icon-bubble-chat"></span> <a href="#">Comments (05)</a></p>
                                    </li>
                                </ul>
                                <h2><a href="{{ route('blog-details') }}">Your Shelter, Our Commitment</a></h2>
                                <p>Web designing looking of any website is the first impression on visitors .Web
                                    design in a powerful way of just not an only professions, however, in a passion
                                    for our We have Company. We have in a powerful way of just not an only
                                    professions</p>
                                <div class="btn-box">
                                    <a href="{{ route('blog-details') }}" class="thm-btn">Read More <span
                                            class="icon-next1"></span></a>
                                </div>
                            </div>
                        </div>
                        <!--End Blog Page Single-->

                        <!--Start Blog Page Single-->
                        <div class="blog-page__single">
                            <div class="blog-page__single-img">
                                <img src="{{ asset('assets/images/blog/blog-page-img3.jpg') }}" alt="">
                            </div>
                            <div class="blog-page__single-content">
                                <ul class="meta-box">
                                    <li>
                                        <p>31 December,2024</p>
                                    </li>

                                    <li>
                                        <p><span class="icon-bubble-chat"></span> <a href="#">Comments (05)</a></p>
                                    </li>
                                </ul>
                                <h2><a href="{{ route('blog-details') }}">Roofing Done Right, the First Time</a></h2>
                                <p>Web designing looking of any website is the first impression on visitors .Web
                                    design in a powerful way of just not an only professions, however, in a passion
                                    for our We have Company. We have in a powerful way of just not an only
                                    professions</p>
                                <div class="btn-box">
                                    <a href="{{ route('blog-details') }}" class="thm-btn">Read More <span
                                            class="icon-next1"></span></a>
                                </div>
                            </div>
                        </div>
                        <!--End Blog Page Single-->
                        <ul class="styled-pagination clearfix">
                            <li class="arrow prev active"><a href="#"><span class="icon-right-arrow"></span></a>
                            </li>
                            <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li class="arrow next"><a href="#"><span class="icon-right-arrow1"></span></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--End Blog Page Content-->

                <!--Start Sidebar-->
                <div class="col-xl-4">
                    <div class="sidebar">
                        <div class="sidebar__single sidebar__search">
                            <div class="sidebar__title-box">
                                <div class="sidebar__title-icon">
                                    <img src="{{ asset('assets/images/icon/sidebar-title-icon.png') }}" alt="">
                                </div>
                                <h3 class="sidebar__title">Search </h3>
                            </div>
                            <p class="sidebar__search-text">Search blogs to discover a vast world of online content
                                on countless topics.</p>
                            <form action="#" class="sidebar__search-form">
                                <input type="search" placeholder="Search">
                                <button type="submit"><i class="icon-search-interface-symbol"></i></button>
                            </form>
                        </div>

                        <div class="sidebar__single sidebar__category">
                            <div class="sidebar__title-box">
                                <div class="sidebar__title-icon">
                                    <img src="{{ asset('assets/images/icon/sidebar-title-icon.png') }}" alt="">
                                </div>
                                <h3 class="sidebar__title">Category </h3>
                            </div>
                            <ul class="sidebar__category-list list-unstyled">
                                <li>
                                    <a href="{{ route('blog-details') }}">New Technologies<span>(15)</span></a>
                                </li>
                                <li class="active">
                                    <a href="{{ route('blog-details') }}">Construction Introductions<span>(20)</span></a>
                                </li>
                                <li>
                                    <a href="{{ route('blog-details') }}">Instralation Accecories<span>(42)</span></a>
                                </li>
                                <li>
                                    <a href="{{ route('blog-details') }}">Business Advice<span>(89)</span></a>
                                </li>
                                <li>
                                    <a href="{{ route('blog-details') }}">Corporate Standup<span>(19)</span></a>
                                </li>
                            </ul>
                        </div>

                        <div class="sidebar__single sidebar__post">
                            <div class="sidebar__title-box">
                                <div class="sidebar__title-icon">
                                    <img src="{{ asset('assets/images/icon/sidebar-title-icon.png') }}" alt="">
                                </div>
                                <h3 class="sidebar__title">Recent Post </h3>
                            </div>
                            <ul class="sidebar__post-list list-unstyled">
                                <li>
                                    <div class="sidebar__post-image">
                                        <img src="{{ asset('assets/images/blog/sidebar-img1.jpg') }}" alt="">
                                    </div>
                                    <div class="sidebar__post-content">
                                        <h3>
                                            <a href="{{ route('blog-details') }}">We won best factory award of the ...</a>
                                        </h3>
                                        <p class="sidebar__post-date"><span class="fas fa-calendar-alt"></span>March
                                            27,
                                            2025</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="sidebar__post-image">
                                        <img src="{{ asset('assets/images/blog/sidebar-img2.jpg') }}" alt="">
                                    </div>
                                    <div class="sidebar__post-content">
                                        <h3>
                                            <a href="{{ route('blog-details') }}">Modern extension to brick house </a>
                                        </h3>
                                        <p class="sidebar__post-date"><span class="fas fa-calendar-alt"></span>Aug
                                            15,
                                            2025</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="sidebar__post-image">
                                        <img src="{{ asset('assets/images/blog/sidebar-img3.jpg') }}" alt="">
                                    </div>
                                    <div class="sidebar__post-content">
                                        <h3>
                                            <a href="{{ route('blog-details') }}">Mauris non dignissim commodo
                                                Instralation
                                            </a>
                                        </h3>
                                        <p class="sidebar__post-date"><span class="fas fa-calendar-alt"></span>July
                                            22,
                                            2025</p>
                                    </div>
                                </li>
                            </ul>
                        </div>

                        <div class="sidebar__single sidebar__tags">
                            <div class="sidebar__title-box">
                                <div class="sidebar__title-icon">
                                    <img src="{{ asset('assets/images/icon/sidebar-title-icon.png') }}" alt="">
                                </div>
                                <h3 class="sidebar__title">Keywords</h3>
                            </div>
                            <div class="sidebar__tags-list">
                                <a href="#">Roofing</a>
                                <a href="#">Projects</a>
                                <a href="#">Repair</a>
                                <a href="#">Architecture</a>
                                <a href="#">Interiour</a>
                                <a href="#">Business</a>
                                <a href="#">Graphics</a>
                            </div>
                        </div>

                        <div class="sidebar__single sidebar__subscribe">
                            <div class="sidebar__title-box">
                                <div class="sidebar__title-icon">
                                    <img src="{{ asset('assets/images/icon/sidebar-title-icon.png') }}" alt="">
                                </div>
                                <h3 class="sidebar__title">Newsletter </h3>
                            </div>
                            <p class="sidebar__subscribe-text">Search blogs to discover a vast world of online
                                content
                                on countless topics.</p>
                            <form action="#" class="sidebar__subscribe-form">
                                <div class="sidebar__subscribe-email">
                                    <div class="sidebar__subscribe-email-icon">
                                        <span class="far fa-envelope"></span>
                                    </div>
                                    <input type="email" placeholder="Enter Your Email">
                                </div>
                                <button type="submit" class="thm-btn sidebar__subscribe-btn">SUBSCIBRE NOW<i
                                        class="icon-right"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
                <!--End Sidebar-->
            </div>
        </div>
    </section>
    <!--End Blog Page-->

    <x-footer_style_one />
@endsection