Admin - Admin Dashboard

Title

Content

<style>

/* Hero Section */
  .hero {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
    background: linear-gradient(135deg, #fce4ec 0%, #fff 100%);
  }
  .hero-content {
    flex: 1 1 500px;
    max-width: 600px;
    text-align: left;
  }
  .hero-content h1 {
    font-size: 3rem;
    font-weight: 700;
    color: #b71a34;
    margin-bottom: 20px;
  }
  .hero-content p {
    font-size: 1.2rem;
    line-height: 1.8;
    margin-bottom: 30px;
    color: #333;
  }
  .hero-content .btn-primary {
    background-color: #b71a34;
    border-color: #b71a34;
    padding: 12px 28px;
    border-radius: 6px;
    font-size: 1rem;
    color: #fff;
  }
  .hero-content .btn-primary:hover {
    background-color: #a0172d;
    border-color: #a0172d;
  }
  .hero-image {
    flex: 1 1 400px;
    max-width: 500px;
    text-align: center;
  }
  .hero-image img {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
  }

/* Programme Content Section */
  .programme-content {
  
    padding: 60px 20px;

}
  .programme-content h2 {
    color: #b71a34;
    font-weight: 700;
    font-size: 2.5rem;
    margin-bottom: 15px;
  }
  .programme-content h3, .gallery-section h3, .testimonials h3 {
    font-weight: 600;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
  .programme-content p {
    font-size: 1.2rem;
    line-height: 1.8;
    color: #333;
   
    margin: 0 auto 30px;
  }
  .programme-content .btn-primary {
    padding: 12px 28px;
    font-size: 1rem;
    border-radius: 6px;
  }

/* Gallery Section */
  .gallery-section {
    padding: 30px 20px;
    background-color: #f8f8f8;
  }
  .gallery-section h3 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px;
    color: #b71a34;
  }
  .swiper-slide img {
    width: 100%;
    border-radius: 12px;
    display: block;
    transition: transform 0.3s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  }
  .swiper-slide img:hover {
    transform: scale(1.05);
  }

/* Testimonials Section */
  .testimonials {
    padding:10px 20px;
  }
  
  .testimonial-card {
    background-color: #fff;
    border-radius: 12px;
    padding: 30px 20px;
    text-align: center;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    transition: transform 0.3s ease;
  }
  .testimonial-card:hover {
    transform: translateY(-5px);
  }
  .testimonial-card h5 {
    font-weight: 700;
    margin-bottom: 15px;
    color: #b71a34;
  }
  .testimonial-card p {
    font-style: italic;
    color: #333;
    line-height: 1.6;
  }

/* Swiper Buttons */
  .swiper-button-next,
  .swiper-button-prev {
    background-color: #b71a34;
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  }
  .swiper-button-next:hover,
  .swiper-button-prev:hover {
    background-color: #a0172d;
  }
  .swiper-button-next::after,
  .swiper-button-prev::after {
    content: "";
  }
  .swiper-button-next::before {
    content: "→";
    font-size: 1.2rem;
  }
  .swiper-button-prev::before {
    content: "←";
    font-size: 1.2rem;
  }
.swiper-wrapper.testimonials .swiper-slide.testimonial-card  p{
    padding: 40px 80px; display: block;
}
.swiper-wrapper.testimonials .swiper-slide.testimonial-card  h5{
    text-align: center; display: block;
}
</style>

<section class="programme-content" id="programme" style="
  padding-top: 0;">
  <h2>Semester Exchange Programmes</h2>
  <h3>Broaden Your Horizons: JGU Semester Exchange Programme</h3>
  <p>
    Embark on a life-changing adventure with JGU’s Semester Exchange Programme!<br><br>
    This exciting program offers JGU students the opportunity to spend a semester studying abroad at one of our prestigious partner universities around the world. Immerse yourself in a new culture, gain fresh academic perspectives, and develop valuable life skills – all while earning credits towards your JGU degree.
  </p>
  <a href="#gallery" class="btn btn-primary">JGU Students at Partner Universities</a>
</section>

<section class="gallery-section container" id="gallery">
  <h3>Our Students Abroad</h3>
  <div class="swiper myGallerySwiper">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="http://127.0.0.1:8000/uploads/images/1755494740.jpg" alt=""></div>
      <div class="swiper-slide"><img src="http://127.0.0.1:8000/uploads/images/1755494772.jpg" alt=""></div>
      <div class="swiper-slide"><img src="http://127.0.0.1:8000/uploads/images/1755494759.jpg" alt=""></div>
      <div class="swiper-slide"><img src="http://127.0.0.1:8000/uploads/images/1755494740.jpg" alt=""></div>
    </div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
    <div class="swiper-pagination"></div>
  </div>
</section>

<section class="testimonials container">
  <h3>Student Testimonials</h3>
  <div class="swiper myTestimonialSwiper">
    <div class="swiper-wrapper testimonials">
      <div class="swiper-slide testimonial-card">
        
        <p>"Being a student at Jindal School of Environment and Sustainability not only allows me to enrich my knowledge in the field of environment but also allows me to get multiple opportunities."</p>
        <br>
        <h5>Aman Mehta</h5>
      </div>
      <div class="swiper-slide testimonial-card">
        
        <p>I am an Architecture student from Jindal School of Art and Architecture excited to join Newcastle University, UK as an exchange student. I am thankful for this opportunity given by my institution.</p>
        <br>
        <h5>Rashi Garg</h5>
      </div>
      <div class="swiper-slide testimonial-card">
        
        <p>I am Prabhroop Kaur from the Jindal School of Environment and Sustainability going for a Semester Exchange at the University of Virginia. I am the first student to get this opportunity. I thank my institution for this. I am eager to witness firsthand the richness of academic and cultural diversity for which this institution is renowned.</p>
        <br>
        <h5>Prabhroop Kaur</h5>
      </div>
    </div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
    <div class="swiper-pagination"></div>
  </div>
</section>

new Swiper(".myTestimonialSwiper", {
    loop: true,
    slidesPerView: 1,
    spaceBetween: 20,
    navigation: {
      nextEl: ".myTestimonialSwiper .swiper-button-next",
      prevEl: ".myTestimonialSwiper .swiper-button-prev",
    },
    pagination: {
      el: ".myTestimonialSwiper .swiper-pagination",
      clickable: true,
    },
  });
});
</script>

Sidebar Type

Image

Edit Page