123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217 |
- <template>
- <Preloader></Preloader>
- <FixArea></FixArea>
- <Header-top-section sectionClass="header-top-section-4" />
- <TopHeader headerClass="header-4" />
- <div class="search-wrap">
- <div class="search-inner">
- <i class="fas fa-times search-close" id="search-close"></i>
- <div class="search-cell">
- <form method="get">
- <div class="search-field-holder">
- <input type="search" class="main-search-input" placeholder="Search..." />
- </div>
- </form>
- </div>
- </div>
- </div>
- <div class="breadcrumb-wrapper bg-cover" style="background-image: url('/image/breadcrumb.svg')">
- <div class="line-shape">
- <img src="/picture/line1.png" alt="shape-img" />
- </div>
- <div class="plane-shape float-bob-y">
- <img src="/picture/plane2.png" alt="shape-img" />
- </div>
- <div class="doll-shape float-bob-x">
- <img src="/picture/doll.png" alt="shape-img" />
- </div>
- <div class="parasuit-shape float-bob-y">
- <img src="/picture/parasuit1.png" alt="shape-img" />
- </div>
- <div class="frame-shape">
- <img src="/picture/frame3.png" alt="shape-img" />
- </div>
- <div class="bee-shape float-bob-x">
- <img src="/picture/bee1.png" alt="shape-img" />
- </div>
- <div class="container">
- <div class="page-heading">
- <h1 class="wow fadeInUp" data-wow-delay=".3s">Blog Carousel</h1>
- <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
- <li>
- <a href="p9wfc14694.html">Home</a>
- </li>
- <li>
- <i class="fas fa-chevron-right"></i>
- </li>
- <li>Blog Carousel</li>
- </ul>
- </div>
- </div>
- </div>
- <section class="news-section-3 fix section-padding">
- <div class="container">
- <div class="swiper news-slider news-slider">
- <div class="swiper-wrapper">
- <div class="swiper-slide">
- <div class="news-card-items mt-0">
- <div class="news-image">
- <img src="/picture/042.jpg" alt="img" />
- <div class="news-layer-wrapper">
- <div
- class="news-layer-image"
- style="background-image: url('/image/04.jpg')"
- ></div>
- <div
- class="news-layer-image"
- style="background-image: url('/image/04.jpg')"
- ></div>
- <div
- class="news-layer-image"
- style="background-image: url('/image/04.jpg')"
- ></div>
- <div
- class="news-layer-image"
- style="background-image: url('/image/04.jpg')"
- ></div>
- </div>
- <div class="post">
- <span>Activities</span>
- </div>
- </div>
- <div class="news-content">
- <ul>
- <li>
- <i class="fas fa-calendar-alt"></i>
- Feb 10, 2024
- </li>
- <li>
- <i class="far fa-user"></i>
- By admin
- </li>
- </ul>
- <h3>
- <a href="news-details.html">
- From without content
- <br />
- style without
- </a>
- </h3>
- <a href="news-details.html" class="theme-btn-2 mt-3">
- Read More
- <i class="fas fa-long-arrow-right"></i>
- </a>
- </div>
- </div>
- </div>
- <div class="swiper-slide">
- <div class="news-card-items mt-0">
- <div class="news-image">
- <img src="/picture/051.jpg" alt="img" />
- <div class="news-layer-wrapper">
- <div
- class="news-layer-image"
- style="background-image: url('/image/05.jpg')"
- ></div>
- <div
- class="news-layer-image"
- style="background-image: url('/image/05.jpg')"
- ></div>
- <div
- class="news-layer-image"
- style="background-image: url('/image/05.jpg')"
- ></div>
- <div
- class="news-layer-image"
- style="background-image: url('/image/05.jpg')"
- ></div>
- </div>
- <div class="post">
- <span>Activities</span>
- </div>
- </div>
- <div class="news-content">
- <ul>
- <li>
- <i class="fas fa-calendar-alt"></i>
- Feb 10, 2024
- </li>
- <li>
- <i class="far fa-user"></i>
- By admin
- </li>
- </ul>
- <h3>
- <a href="news-details.html">
- That jerk Form Finance
- <br />
- really threw me
- </a>
- </h3>
- <a href="news-details.html" class="theme-btn-2 mt-3">
- Read More
- <i class="fas fa-long-arrow-right"></i>
- </a>
- </div>
- </div>
- </div>
- <div class="swiper-slide">
- <div class="news-card-items mt-0">
- <div class="news-image">
- <img src="/picture/061.jpg" alt="img" />
- <div class="news-layer-wrapper">
- <div
- class="news-layer-image"
- style="background-image: url('/image/06.jpg')"
- ></div>
- <div
- class="news-layer-image"
- style="background-image: url('/image/06.jpg')"
- ></div>
- <div
- class="news-layer-image"
- style="background-image: url('/image/06.jpg')"
- ></div>
- <div
- class="news-layer-image"
- style="background-image: url('/image/06.jpg')"
- ></div>
- </div>
- <div class="post">
- <span>Activities</span>
- </div>
- </div>
- <div class="news-content">
- <ul>
- <li>
- <i class="fas fa-calendar-alt"></i>
- Feb 10, 2024
- </li>
- <li>
- <i class="far fa-user"></i>
- By admin
- </li>
- </ul>
- <h3>
- <a href="news-details.html">
- All Inclusive Ultimate Circle
- <br />
- Island Day with Lunch
- </a>
- </h3>
- <a href="news-details.html" class="theme-btn-2 mt-3">
- Read More
- <i class="fas fa-long-arrow-right"></i>
- </a>
- </div>
- </div>
- </div>
- </div>
- <div class="swiper-dot text-center pt-5">
- <div class="dot"></div>
- </div>
- </div>
- </div>
- </section>
- <FooterSection></FooterSection>
- </template>
|