Skip to content

GitLab

Commit 7beef1a6 authored by Traboulsi's avatar Traboulsi
Browse files

Update public/index-save.html

parent 9d5b4d45
Pipeline #9837 passed with stage
in 7 seconds
Hide whitespace changes
Inline Side-by-side
public/index-save.html
View file @ 7beef1a6
...@@ -168,12 +168,12 @@ ...@@ -168,12 +168,12 @@
</section><!-- /About Section --> </section><!-- /About Section -->
<!-- Values Section --> <!-- Values Section -->
<section id="values" class="values section"> <section id="values" class="values section"> -->
<!-- Section Title --> <!-- Section Title -->
<div class="container section-title" data-aos="fade-up"> <div class="container section-title" data-aos="fade-up">
<h2>Our Values</h2> <h2>Our Status Quo </h2>
<p>What we value most<br></p> <p>What we did ? and What we intend to do? When will be achieved?<br></p>
</div><!-- End Section Title --> </div><!-- End Section Title -->
<div class="container"> <div class="container">
...@@ -210,203 +210,9 @@ ...@@ -210,203 +210,9 @@
</section><!-- /Values Section --> </section><!-- /Values Section -->
<!-- Stats Section -->
<section id="stats" class="stats section">
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="row gy-4">
<div class="col-lg-3 col-md-6">
<div class="stats-item d-flex align-items-center w-100 h-100">
<i class="bi bi-emoji-smile color-blue flex-shrink-0"></i>
<div>
<span data-purecounter-start="0" data-purecounter-end="232" data-purecounter-duration="1" class="purecounter"></span>
<p>Happy Clients</p>
</div>
</div>
</div><!-- End Stats Item -->
<div class="col-lg-3 col-md-6">
<div class="stats-item d-flex align-items-center w-100 h-100">
<i class="bi bi-journal-richtext color-orange flex-shrink-0" style="color: #ee6c20;"></i>
<div>
<span data-purecounter-start="0" data-purecounter-end="521" data-purecounter-duration="1" class="purecounter"></span>
<p>Projects</p>
</div>
</div>
</div><!-- End Stats Item -->
<div class="col-lg-3 col-md-6">
<div class="stats-item d-flex align-items-center w-100 h-100">
<i class="bi bi-headset color-green flex-shrink-0" style="color: #15be56;"></i>
<div>
<span data-purecounter-start="0" data-purecounter-end="1463" data-purecounter-duration="1" class="purecounter"></span>
<p>Hours Of Support</p>
</div>
</div>
</div><!-- End Stats Item -->
<div class="col-lg-3 col-md-6">
<div class="stats-item d-flex align-items-center w-100 h-100">
<i class="bi bi-people color-pink flex-shrink-0" style="color: #bb0852;"></i>
<div>
<span data-purecounter-start="0" data-purecounter-end="15" data-purecounter-duration="1" class="purecounter"></span>
<p>Hard Workers</p>
</div>
</div>
</div><!-- End Stats Item -->
</div>
</div>
</section><!-- /Stats Section -->
<!-- Features Section -->
<section id="features" class="features section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Features</h2>
<p>Our Advacedd Features<br></p>
</div><!-- End Section Title -->
<div class="container">
<div class="row gy-5">
<div class="col-xl-6" data-aos="zoom-out" data-aos-delay="100">
<img src="assets/img/features.png" class="img-fluid" alt="">
</div>
<div class="col-xl-6 d-flex">
<div class="row align-self-center gy-4">
<div class="col-md-6" data-aos="fade-up" data-aos-delay="200">
<div class="feature-box d-flex align-items-center">
<i class="bi bi-check"></i>
<h3>Eos aspernatur rem</h3>
</div>
</div><!-- End Feature Item -->
<div class="col-md-6" data-aos="fade-up" data-aos-delay="300">
<div class="feature-box d-flex align-items-center">
<i class="bi bi-check"></i>
<h3>Facilis neque ipsa</h3>
</div>
</div><!-- End Feature Item -->
<div class="col-md-6" data-aos="fade-up" data-aos-delay="400">
<div class="feature-box d-flex align-items-center">
<i class="bi bi-check"></i>
<h3>Volup amet volupt</h3>
</div>
</div><!-- End Feature Item -->
<div class="col-md-6" data-aos="fade-up" data-aos-delay="500">
<div class="feature-box d-flex align-items-center">
<i class="bi bi-check"></i>
<h3>Rerum omnis sint</h3>
</div>
</div><!-- End Feature Item -->
<div class="col-md-6" data-aos="fade-up" data-aos-delay="600">
<div class="feature-box d-flex align-items-center">
<i class="bi bi-check"></i>
<h3>Alias possimus</h3>
</div>
</div><!-- End Feature Item -->
<div class="col-md-6" data-aos="fade-up" data-aos-delay="700">
<div class="feature-box d-flex align-items-center">
<i class="bi bi-check"></i>
<h3>Repellendus molli</h3>
</div>
</div><!-- End Feature Item -->
</div>
</div>
</div>
</div>
</section><!-- /Features Section -->
<!-- Alt Features Section -->
<section id="alt-features" class="alt-features section">
<div class="container">
<div class="row gy-5">
<div class="col-xl-7 d-flex order-2 order-xl-1" data-aos="fade-up" data-aos-delay="200">
<div class="row align-self-center gy-5">
<div class="col-md-6 icon-box">
<i class="bi bi-award"></i>
<div>
<h4>Corporis voluptates sit</h4>
<p>Consequuntur sunt aut quasi enim aliquam quae harum pariatur laboris nisi ut aliquip</p>
</div>
</div><!-- End Feature Item -->
<div class="col-md-6 icon-box">
<i class="bi bi-card-checklist"></i>
<div>
<h4>Ullamco laboris nisi</h4>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt</p>
</div>
</div><!-- End Feature Item -->
<div class="col-md-6 icon-box">
<i class="bi bi-dribbble"></i>
<div>
<h4>Labore consequatur</h4>
<p>Aut suscipit aut cum nemo deleniti aut omnis. Doloribus ut maiores omnis facere</p>
</div>
</div><!-- End Feature Item -->
<div class="col-md-6 icon-box">
<i class="bi bi-filter-circle"></i>
<div>
<h4>Beatae veritatis</h4>
<p>Expedita veritatis consequuntur nihil tempore laudantium vitae denat pacta</p>
</div>
</div><!-- End Feature Item -->
<div class="col-md-6 icon-box">
<i class="bi bi-lightning-charge"></i>
<div>
<h4>Molestiae dolor</h4>
<p>Et fuga et deserunt et enim. Dolorem architecto ratione tensa raptor marte</p>
</div>
</div><!-- End Feature Item -->
<div class="col-md-6 icon-box">
<i class="bi bi-patch-check"></i>
<div>
<h4>Explicabo consectetur</h4>
<p>Est autem dicta beatae suscipit. Sint veritatis et sit quasi ab aut inventore</p>
</div>
</div><!-- End Feature Item -->
</div>
</div>
<div class="col-xl-5 d-flex align-items-center order-1 order-xl-2" data-aos="fade-up" data-aos-delay="100">
<img src="assets/img/alt-features.png" class="img-fluid" alt="">
</div>
</div>
</div>
</section><!-- /Alt Features Section -->
<!-- Services Section --> <!-- Services Section -->
<section id="services" class="services section"> <section id="services" class="services section">
...@@ -480,180 +286,7 @@ ...@@ -480,180 +286,7 @@
</section><!-- /Services Section --> </section><!-- /Services Section -->
<!-- Pricing Section -->
<section id="pricing" class="pricing section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Pricing</h2>
<p>Check Our Affordable Pricing<br></p>
</div><!-- End Section Title -->
<div class="container">
<div class="row gy-4">
<div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="100">
<div class="pricing-tem">
<h3 style="color: #20c997;">Free Plan</h3>
<div class="price"><sup>$</sup>0<span> / mo</span></div>
<div class="icon">
<i class="bi bi-box" style="color: #20c997;"></i>
</div>
<ul>
<li>Aida dere</li>
<li>Nec feugiat nisl</li>
<li>Nulla at volutpat dola</li>
<li class="na">Pharetra massa</li>
<li class="na">Massa ultricies mi</li>
</ul>
<a href="#" class="btn-buy">Buy Now</a>
</div>
</div><!-- End Pricing Item -->
<div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="200">
<div class="pricing-tem">
<span class="featured">Featured</span>
<h3 style="color: #0dcaf0;">Starter Plan</h3>
<div class="price"><sup>$</sup>19<span> / mo</span></div>
<div class="icon">
<i class="bi bi-send" style="color: #0dcaf0;"></i>
</div>
<ul>
<li>Aida dere</li>
<li>Nec feugiat nisl</li>
<li>Nulla at volutpat dola</li>
<li>Pharetra massa</li>
<li class="na">Massa ultricies mi</li>
</ul>
<a href="#" class="btn-buy">Buy Now</a>
</div>
</div><!-- End Pricing Item -->
<div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="300">
<div class="pricing-tem">
<h3 style="color: #fd7e14;">Business Plan</h3>
<div class="price"><sup>$</sup>29<span> / mo</span></div>
<div class="icon">
<i class="bi bi-airplane" style="color: #fd7e14;"></i>
</div>
<ul>
<li>Aida dere</li>
<li>Nec feugiat nisl</li>
<li>Nulla at volutpat dola</li>
<li>Pharetra massa</li>
<li>Massa ultricies mi</li>
</ul>
<a href="#" class="btn-buy">Buy Now</a>
</div>
</div><!-- End Pricing Item -->
<div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="400">
<div class="pricing-tem">
<h3 style="color: #0d6efd;">Ultimate Plan</h3>
<div class="price"><sup>$</sup>49<span> / mo</span></div>
<div class="icon">
<i class="bi bi-rocket" style="color: #0d6efd;"></i>
</div>
<ul>
<li>Aida dere</li>
<li>Nec feugiat nisl</li>
<li>Nulla at volutpat dola</li>
<li>Pharetra massa</li>
<li>Massa ultricies mi</li>
</ul>
<a href="#" class="btn-buy">Buy Now</a>
</div>
</div><!-- End Pricing Item -->
</div><!-- End pricing row -->
</div>
</section><!-- /Pricing Section -->
<!-- Faq Section -->
<section id="faq" class="faq section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>F.A.Q</h2>
<p>Frequently Asked Questions</p>
</div><!-- End Section Title -->
<div class="container">
<div class="row">
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
<div class="faq-container">
<div class="faq-item faq-active">
<h3>Non consectetur a erat nam at lectus urna duis?</h3>
<div class="faq-content">
<p>Feugiat pretium nibh ipsum consequat. Tempus iaculis urna id volutpat lacus laoreet non curabitur gravida. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus non.</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div><!-- End Faq item-->
<div class="faq-item">
<h3>Feugiat scelerisque varius morbi enim nunc faucibus a pellentesque?</h3>
<div class="faq-content">
<p>Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div><!-- End Faq item-->
<div class="faq-item">
<h3>Dolor sit amet consectetur adipiscing elit pellentesque?</h3>
<div class="faq-content">
<p>Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Faucibus pulvinar elementum integer enim. Sem nulla pharetra diam sit amet nisl suscipit. Rutrum tellus pellentesque eu tincidunt. Lectus urna duis convallis convallis tellus. Urna molestie at elementum eu facilisis sed odio morbi quis</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div><!-- End Faq item-->
</div>
</div><!-- End Faq Column-->
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
<div class="faq-container">
<div class="faq-item">
<h3>Ac odio tempor orci dapibus. Aliquam eleifend mi in nulla?</h3>
<div class="faq-content">
<p>Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div><!-- End Faq item-->
<div class="faq-item">
<h3>Tempus quam pellentesque nec nam aliquam sem et tortor consequat?</h3>
<div class="faq-content">
<p>Molestie a iaculis at erat pellentesque adipiscing commodo. Dignissim suspendisse in est ante in. Nunc vel risus commodo viverra maecenas accumsan. Sit amet nisl suscipit adipiscing bibendum est. Purus gravida quis blandit turpis cursus in</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div><!-- End Faq item-->
<div class="faq-item">
<h3>Perspiciatis quod quo quos nulla quo illum ullam?</h3>
<div class="faq-content">
<p>Enim ea facilis quaerat voluptas quidem et dolorem. Quis et consequatur non sed in suscipit sequi. Distinctio ipsam dolore et.</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div><!-- End Faq item-->
</div>
</div><!-- End Faq Column-->
</div>
</div>
</section><!-- /Faq Section -->
<!-- Portfolio Section --> <!-- Portfolio Section -->
<section id="portfolio" class="portfolio section"> <section id="portfolio" class="portfolio section">
...@@ -800,162 +433,37 @@ ...@@ -800,162 +433,37 @@
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-branding"> <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-branding">
<div class="portfolio-content h-100"> <div class="portfolio-content h-100">
<img src="assets/img/portfolio/branding-3.jpg" class="img-fluid" alt=""> <img src="assets/img/portfolio/branding-3.jpg" class="img-fluid" alt="">
<div class="portfolio-info"> <div class="portfolio-info">
<h4>Branding 3</h4> <h4>Branding 3</h4>
<p>Lorem ipsum, dolor sit amet consectetur</p> <p>Lorem ipsum, dolor sit amet consectetur</p>
<a href="assets/img/portfolio/branding-3.jpg" title="Branding 2" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="assets/img/portfolio/branding-3.jpg" title="Branding 2" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-books">
<div class="portfolio-content h-100">
<img src="assets/img/portfolio/books-3.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Books 3</h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
<a href="assets/img/portfolio/books-3.jpg" title="Branding 3" data-gallery="portfolio-gallery-book" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
</div><!-- End Portfolio Container -->
</div>
</div>
</section><!-- /Portfolio Section -->
<!-- Testimonials Section -->
<section id="testimonials" class="testimonials section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Testimonials</h2>
<p>What they are saying about us<br></p>
</div><!-- End Section Title -->
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="swiper init-swiper">
<script type="application/json" class="swiper-config">
{
"loop": true,
"speed": 600,
"autoplay": {
"delay": 5000
},
"slidesPerView": "auto",
"pagination": {
"el": ".swiper-pagination",
"type": "bullets",
"clickable": true
},
"breakpoints": {
"320": {
"slidesPerView": 1,
"spaceBetween": 40
},
"1200": {
"slidesPerView": 3,
"spaceBetween": 1
}
}
}
</script>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-item">
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.
</p>
<div class="profile mt-auto">
<img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
<h3>Saul Goodman</h3>
<h4>Ceo &amp; Founder</h4>
</div>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.
</p>
<div class="profile mt-auto">
<img src="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">
<h3>Sara Wilsson</h3>
<h4>Designer</h4>
</div>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint minim.
</p>
<div class="profile mt-auto">
<img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
<h3>Jena Karlis</h3>
<h4>Store Owner</h4>
</div>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.
</p>
<div class="profile mt-auto">
<img src="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt="">
<h3>Matt Brandon</h3>
<h4>Freelancer</h4>
</div> </div>
</div> </div>
</div><!-- End testimonial item --> </div><!-- End Portfolio Item -->
<div class="swiper-slide"> <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-books">
<div class="testimonial-item"> <div class="portfolio-content h-100">
<div class="stars"> <img src="assets/img/portfolio/books-3.jpg" class="img-fluid" alt="">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i> <div class="portfolio-info">
</div> <h4>Books 3</h4>
<p> <p>Lorem ipsum, dolor sit amet consectetur</p>
Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam enim culpa labore duis sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid. <a href="assets/img/portfolio/books-3.jpg" title="Branding 3" data-gallery="portfolio-gallery-book" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
</p> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
<div class="profile mt-auto">
<img src="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt="">
<h3>John Larson</h3>
<h4>Entrepreneur</h4>
</div> </div>
</div> </div>
</div><!-- End testimonial item --> </div><!-- End Portfolio Item -->
</div><!-- End Portfolio Container -->
</div>
<div class="swiper-pagination"></div>
</div> </div>
</div> </div>
</section><!-- /Testimonials Section --> </section><!-- /Portfolio Section -->
<!-- Team Section --> <!-- Team Section -->
<section id="team" class="team section"> <section id="team" class="team section">
...@@ -1052,179 +560,7 @@ ...@@ -1052,179 +560,7 @@
</section><!-- /Team Section --> </section><!-- /Team Section -->
<!-- Clients Section -->
<section id="clients" class="clients section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Clients</h2>
<p>We work with best clients<br></p>
</div><!-- End Section Title -->
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="swiper init-swiper">
<script type="application/json" class="swiper-config">
{
"loop": true,
"speed": 600,
"autoplay": {
"delay": 5000
},
"slidesPerView": "auto",
"pagination": {
"el": ".swiper-pagination",
"type": "bullets",
"clickable": true
},
"breakpoints": {
"320": {
"slidesPerView": 2,
"spaceBetween": 40
},
"480": {
"slidesPerView": 3,
"spaceBetween": 60
},
"640": {
"slidesPerView": 4,
"spaceBetween": 80
},
"992": {
"slidesPerView": 6,
"spaceBetween": 120
}
}
}
</script>
<div class="swiper-wrapper align-items-center">
<div class="swiper-slide"><img src="assets/img/clients/client-1.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="assets/img/clients/client-2.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="assets/img/clients/client-3.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="assets/img/clients/client-4.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="assets/img/clients/client-5.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="assets/img/clients/client-6.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="assets/img/clients/client-7.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="assets/img/clients/client-8.png" class="img-fluid" alt=""></div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section><!-- /Clients Section -->
<!-- Recent Posts Section -->
<section id="recent-posts" class="recent-posts section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Recent Posts</h2>
<p>Recent posts form our Blog</p>
</div><!-- End Section Title -->
<div class="container">
<div class="row gy-5">
<div class="col-xl-4 col-md-6">
<div class="post-item position-relative h-100" data-aos="fade-up" data-aos-delay="100">
<div class="post-img position-relative overflow-hidden">
<img src="assets/img/blog/blog-1.jpg" class="img-fluid" alt="">
<span class="post-date">December 12</span>
</div>
<div class="post-content d-flex flex-column">
<h3 class="post-title">Eum ad dolor et. Autem aut fugiat debitis</h3>
<div class="meta d-flex align-items-center">
<div class="d-flex align-items-center">
<i class="bi bi-person"></i> <span class="ps-2">Julia Parker</span>
</div>
<span class="px-3 text-black-50">/</span>
<div class="d-flex align-items-center">
<i class="bi bi-folder2"></i> <span class="ps-2">Politics</span>
</div>
</div>
<hr>
<a href="blog-details.html" class="readmore stretched-link"><span>Read More</span><i class="bi bi-arrow-right"></i></a>
</div>
</div>
</div><!-- End post item -->
<div class="col-xl-4 col-md-6">
<div class="post-item position-relative h-100" data-aos="fade-up" data-aos-delay="200">
<div class="post-img position-relative overflow-hidden">
<img src="assets/img/blog/blog-2.jpg" class="img-fluid" alt="">
<span class="post-date">July 17</span>
</div>
<div class="post-content d-flex flex-column">
<h3 class="post-title">Et repellendus molestiae qui est sed omnis</h3>
<div class="meta d-flex align-items-center">
<div class="d-flex align-items-center">
<i class="bi bi-person"></i> <span class="ps-2">Mario Douglas</span>
</div>
<span class="px-3 text-black-50">/</span>
<div class="d-flex align-items-center">
<i class="bi bi-folder2"></i> <span class="ps-2">Sports</span>
</div>
</div>
<hr>
<a href="blog-details.html" class="readmore stretched-link"><span>Read More</span><i class="bi bi-arrow-right"></i></a>
</div>
</div>
</div><!-- End post item -->
<div class="col-xl-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
<div class="post-item position-relative h-100">
<div class="post-img position-relative overflow-hidden">
<img src="assets/img/blog/blog-3.jpg" class="img-fluid" alt="">
<span class="post-date">September 05</span>
</div>
<div class="post-content d-flex flex-column">
<h3 class="post-title">Quia assumenda est et veritati tirana ploder</h3>
<div class="meta d-flex align-items-center">
<div class="d-flex align-items-center">
<i class="bi bi-person"></i> <span class="ps-2">Lisa Hunter</span>
</div>
<span class="px-3 text-black-50">/</span>
<div class="d-flex align-items-center">
<i class="bi bi-folder2"></i> <span class="ps-2">Economics</span>
</div>
</div>
<hr>
<a href="blog-details.html" class="readmore stretched-link"><span>Read More</span><i class="bi bi-arrow-right"></i></a>
</div>
</div>
</div><!-- End post item -->
</div>
</div>
</section><!-- /Recent Posts Section -->
<!-- Contact Section --> <!-- Contact Section -->
<section id="contact" class="contact section"> <section id="contact" class="contact section">
...@@ -1324,23 +660,7 @@ ...@@ -1324,23 +660,7 @@
<footer id="footer" class="footer"> <footer id="footer" class="footer">
<div class="footer-newsletter">
<div class="container">
<div class="row justify-content-center text-center">
<div class="col-lg-6">
<h4>Join Our Newsletter</h4>
<p>Subscribe to our newsletter and receive the latest news about our products and services!</p>
<form action="forms/newsletter.php" method="post" class="php-email-form">
<div class="newsletter-form"><input type="email" name="email"><input type="submit" value="Subscribe"></div>
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Your subscription request has been sent. Thank you!</div>
</form>
</div>
</div>
</div>
</div>
<div class="container footer-top"> <div class="container footer-top">
<div class="row gy-4"> <div class="row gy-4">
<div class="col-lg-4 col-md-6 footer-about"> <div class="col-lg-4 col-md-6 footer-about">
...@@ -1355,36 +675,6 @@ ...@@ -1355,36 +675,6 @@
</div> </div>
</div> </div>
<div class="col-lg-2 col-md-3 footer-links">
<h4>Useful Links</h4>
<ul>
<li><i class="bi bi-chevron-right"></i> <a href="#">Home</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">About us</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">Services</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">Terms of service</a></li>
</ul>
</div>
<div class="col-lg-2 col-md-3 footer-links">
<h4>Our Services</h4>
<ul>
<li><i class="bi bi-chevron-right"></i> <a href="#">Web Design</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">Web Development</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">Product Management</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">Marketing</a></li>
</ul>
</div>
<div class="col-lg-4 col-md-12">
<h4>Follow Us</h4>
<p>Cras fermentum odio eu feugiat lide par naso tierra videa magna derita valies</p>
<div class="social-links d-flex">
<a href=""><i class="bi bi-twitter-x"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
</div> </div>
</div> </div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal