@extends('layout.app')
@section('content')

    <section class="quarter-section">
        <div class="container">
            <h2 class="mainHead">quarter panel</h2>
            <div class="row align-items-center">
                <div class="col-md-4">
                    <div class="quarter-wrap">

                        <figure class="quarteimg">
                            <img src="images/quarterimg1.png" class="img-fluid" alt="">
                            <a href="javascript:;" class="bookmarks"><i class="fal fa-bookmark"></i></a>
                        </figure>
                        <div class="quratercntnt">
                            <h3>Lorem Ipsum is simply dummy</h3>
                            <div class="loc">
                                <a href=""> <span><i class="fas fa-location-circle"></i></span>Location</a>
                            </div>
                            <h4>Price : <span>$256</span> <strong>/Month</strong></h4>
                            <ul class="quraterlist1">
                                <li>Ad Type: <span> Offered</span></li>
                                <li>Gender: <span>Male</span></li>
                            </ul>
                            <ul class="quraterlist2">
                                <li>Room <span class="span1"> 404 CHEATS</span></li>
                                <li>Avid From: <span>15 Aug 2025</span></li>
                            </ul>
                            <div class="graphicquarter">
                                <div class="garphicimage">
                                    <figure>
                                        <img src="images/nayaimg1.png" class="img-fluid" alt="">
                                    </figure>
                                    <h3>Naya <span>Graphic Designer</span></h3>
                                </div>
                                <a href="" class="themeBtn">Respond</a>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="quarter-wrap">
                        <figure class="quarteimg">
                            <img src="images/quarterimg2.png" class="img-fluid" alt="">
                            <a href="javascript:;" class="bookmarks"><i class="fal fa-bookmark"></i></a>
                        </figure>
                        <div class="quratercntnt">
                            <h3>Lorem Ipsum is simply dummy</h3>
                            <div class="loc">
                                <a href=""> <span><i class="fas fa-location-circle"></i></span>Location</a>
                            </div>
                            <h4>Price : <span>$256</span> <strong>/Month</strong></h4>
                            <ul class="quraterlist1">
                                <li>Ad Type: <span> Offered</span></li>
                                <li>Gender: <span>Male</span></li>
                            </ul>
                            <ul class="quraterlist2">
                                <li>Room <span class="span1"> 404 CHEATS</span></li>
                                <li>Avid From: <span>15 Aug 2025</span></li>
                            </ul>
                            <div class="graphicquarter">
                                <div class="garphicimage">
                                    <figure>
                                        <img src="images/nayaimg1.png" class="img-fluid" alt="">
                                    </figure>
                                    <h3>Naya <span>Graphic Designer</span></h3>
                                </div>
                                <a href="" class="themeBtn">Respond</a>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="quarter-wrap">
                        <figure class="quarteimg">
                            <img src="images/quarterimg3.png" class="img-fluid" alt="">
                            <a href="javascript:;" class="bookmarks"><i class="fal fa-bookmark"></i></a>
                        </figure>
                        <div class="quratercntnt">
                            <h3>Lorem Ipsum is simply dummy</h3>
                            <div class="loc">
                                <a href=""> <span><i class="fas fa-location-circle"></i></span>Location</a>
                            </div>
                            <h4>Price : <span>$256</span> <strong>/Month</strong></h4>
                            <ul class="quraterlist1">
                                <li>Ad Type: <span> Offered</span></li>
                                <li>Gender: <span>Male</span></li>
                            </ul>
                            <ul class="quraterlist2">
                                <li>Room <span class="span1"> 404 CHEATS</span></li>
                                <li>Avid From: <span>15 Aug 2025</span></li>
                            </ul>
                            <div class="graphicquarter">
                                <div class="garphicimage">
                                    <figure>
                                        <img src="images/nayaimg1.png" class="img-fluid" alt="">
                                    </figure>
                                    <h3>Naya <span>Graphic Designer</span></h3>
                                </div>
                                <a href="" class="themeBtn">Respond</a>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="quarter-wrap">
                        <figure class="quarteimg">
                            <img src="images/quarterimg4.png" class="img-fluid" alt="">
                            <a href="javascript:;" class="bookmarks"><i class="fal fa-bookmark"></i></a>
                        </figure>
                        <div class="quratercntnt">
                            <h3>Lorem Ipsum is simply dummy</h3>
                            <div class="loc">
                                <a href=""> <span><i class="fas fa-location-circle"></i></span>Location</a>
                            </div>
                            <h4>Price : <span>$256</span> <strong>/Month</strong></h4>
                            <ul class="quraterlist1">
                                <li>Ad Type: <span> Offered</span></li>
                                <li>Gender: <span>Male</span></li>
                            </ul>
                            <ul class="quraterlist2">
                                <li>Room <span class="span1"> 404 CHEATS</span></li>
                                <li>Avid From: <span>15 Aug 2025</span></li>
                            </ul>
                            <div class="graphicquarter">
                                <div class="garphicimage">
                                    <figure>
                                        <img src="images/nayaimg1.png" class="img-fluid" alt="">
                                    </figure>
                                    <h3>Naya <span>Graphic Designer</span></h3>
                                </div>
                                <a href="" class="themeBtn">Respond</a>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="quarter-wrap">
                        <figure class="quarteimg">
                            <img src="images/quarterimg5.png" class="img-fluid" alt="">
                            <a href="javascript:;" class="bookmarks"><i class="fal fa-bookmark"></i></a>
                        </figure>
                        <div class="quratercntnt">
                            <h3>Lorem Ipsum is simply dummy</h3>
                            <div class="loc">
                                <a href=""> <span><i class="fas fa-location-circle"></i></span>Location</a>
                            </div>
                            <h4>Price : <span>$256</span> <strong>/Month</strong></h4>
                            <ul class="quraterlist1">
                                <li>Ad Type: <span> Offered</span></li>
                                <li>Gender: <span>Male</span></li>
                            </ul>
                            <ul class="quraterlist2">
                                <li>Room <span class="span1"> 404 CHEATS</span></li>
                                <li>Avid From: <span>15 Aug 2025</span></li>
                            </ul>
                            <div class="graphicquarter">
                                <div class="garphicimage">
                                    <figure>
                                        <img src="images/nayaimg1.png" class="img-fluid" alt="">
                                    </figure>
                                    <h3>Naya <span>Graphic Designer</span></h3>
                                </div>
                                <a href="" class="themeBtn">Respond</a>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="quarter-wrap">
                        <figure class="quarteimg">
                            <img src="images/quarterimg6.png" class="img-fluid" alt="">
                            <a href="javascript:;" class="bookmarks"><i class="fal fa-bookmark"></i></a>
                        </figure>
                        <div class="quratercntnt">
                            <h3>Lorem Ipsum is simply dummy</h3>
                            <div class="loc">
                                <a href=""> <span><i class="fas fa-location-circle"></i></span>Location</a>
                            </div>
                            <h4>Price : <span>$256</span> <strong>/Month</strong></h4>
                            <ul class="quraterlist1">
                                <li>Ad Type: <span> Offered</span></li>
                                <li>Gender: <span>Male</span></li>
                            </ul>
                            <ul class="quraterlist2">
                                <li>Room <span class="span1"> 404 CHEATS</span></li>
                                <li>Avid From: <span>15 Aug 2025</span></li>
                            </ul>
                            <div class="graphicquarter">
                                <div class="garphicimage">
                                    <figure>
                                        <img src="images/nayaimg1.png" class="img-fluid" alt="">
                                    </figure>
                                    <h3>Naya <span>Graphic Designer</span></h3>
                                </div>
                                <a href="" class="themeBtn">Respond</a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection