| Şuanki Dizin: /home/wwwdreamtechnolo/www/vsacademysolapur.in/ |
| Şuanki Dosya : /home/wwwdreamtechnolo/www/vsacademysolapur.in/index4.php |
<?php
require_once("admin/lib/functions.php");
$db = new login_function();
$flag = 0;
if(isset($_GET['delete_id']))
{
$delete_id = $_GET['delete_id'];
if($db->delete_slider_images($delete_id))
{
$flag = 1;
}
}
if(isset($_POST['submit1']))
{
$full_name = $_POST['full_name'];
$number = $_POST['number'];
$qualification = $_POST['qualification'];
$b_name = $_POST['b_name'];
$city = $_POST['city'];
$address = $_POST['address'];
$email = $_POST['email'];
$password = $_POST['password'];
if($db->add_student_details($full_name,$number,$qualification,$b_name,$city,$address,$email,$password))
{
echo '<script type="text/javascript">alert("Thank For Registration!. Click Here to Login</script>';
}
}
if(isset($_POST['login_page']))
{
$number = $_POST['number'];
$password = $_POST['password'];
$db_password = $db->get_student_password($number);
if($db_password=="")
{
$flag = 1;
}
if($flag == 0)
{
if($db_password==$password)
{
$_SESSION['current_login_student'] = $number;
echo '<script>window.location.href = "contact.php";</script>';
//header("location:../index.php");
/*
?>
<script>
window.location="dashboard.php";
</script>
<?php
*/
}
else
{
$flag = 2;
}
}
}
?>
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>VS Academy</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/png" href="assets/images/icon/favicon.ico">
<!-- all css here -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/slicknav.min.css">
<link rel="stylesheet" href="assets/css/typography.css">
<link rel="stylesheet" href="assets/css/default-css.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<!--color css-->
<link rel="stylesheet" id="triggerColor" href="assets/css/triggerplate/color-0.css">
<!-- modernizr css -->
<script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- preloader area start -->
<div id="preloader">
<div class="loader"></div>
</div>
<!-- prealoader area end -->
<!-- header area start -->
<?php include require_once('header.php'); ?>
<style type="text/css">
/* Styles for the modals and form inputs */
.modal-content {
border-radius: 15px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.form-control {
font-size: 1rem; /* Increased font size for better readability */
padding: 15px;
border-radius: 8px;
border: 1px solid #ddd;
margin-bottom: 15px;
}
.form-control::placeholder {
font-size: 1rem; /* Increased font size for placeholders */
color: #666;
}
.btn-round {
border-radius: 50px;
padding: 10px 20px;
font-size: 1rem;
}
.btn-primary {
background-color: #007bff;
border-color: #007bff;
}
.btn-primary:hover {
background-color: #0056b3;
border-color: #004085;
}
.btn-light {
background-color: #f8f9fa;
border-color: #e2e6ea;
}
.btn-light:hover {
background-color: #e2e6ea;
border-color: #dae0e5;
}
.form-check-input {
margin-top: 0.3rem;
margin-right: 0.3rem;
}
.form-check-label {
font-size: 0.9rem; /* Adjusted font size for better alignment */
}
</style>
<style>
/* Carousel Container */
.carousel-item {
height: 100vh; /* Full viewport height */
background-size: cover;
background-position: center;
position: relative;
}
/* Carousel Caption */
.carousel-caption {
bottom: 30px; /* Adjust position */
left: 0;
right: 0;
text-align: center;
padding: 0 15px;
color: #fff;
}
.carousel-caption h2 {
font-size: 5rem;
font-weight: bold;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
}
/* Carousel Indicators */
.carousel-indicators li {
background-color: #fff; /* Indicator color */
border-radius: 50%;
width: 12px;
height: 12px;
}
.carousel-indicators .active {
background-color: #007bff; /* Active indicator color */
}
/* Carousel Controls */
.carousel-control-prev-icon,
.carousel-control-next-icon {
width: 60px; /* Increased width */
height: 60px; /* Increased height */
background-color: rgba(0, 0, 0, 0.5); /* Background color */
border-radius: 50%;
background-size: 50%, 50%;
background-repeat: no-repeat;
background-position: center;
}
.carousel-control-prev-icon {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"%3E%3Cpath d="M4.354 0.646a.5.5 0 0 0-.708 0L.646 3.646a.5.5 0 0 0 0 .708l2.646 2.646a.5.5 0 0 0 .708-.708L1.707 4 4.354 1.354a.5.5 0 0 0 0-.708z" fill="%23fff"%3E%3C/path%3E%3C/svg%3E');
}
.carousel-control-next-icon {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"%3E%3Cpath d="M3.646 7.354a.5.5 0 0 1 .708 0l2.646-2.646a.5.5 0 0 1 0-.708L4.354.646a.5.5 0 0 1 .708-.708L7.707 3.646a.5.5 0 0 1 0 .708L4.062 7.354a.5.5 0 0 1-.708 0z" fill="%23fff"%3E%3C/path%3E%3C/svg%3E');
}
/* Offset Search Area */
.offset-search {
position: fixed;
top: 20px;
right: 20px;
background-color: #fff;
padding: 10px;
border-radius: 5px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
z-index: 1000;
}
.offset-search form {
display: flex;
align-items: center;
}
.offset-search input[type="text"] {
border: 1px solid #ddd;
border-radius: 5px;
padding: 5px 10px;
flex: 1;
}
.offset-search button {
background-color: #007bff;
border: none;
border-radius: 5px;
color: #fff;
padding: 5px 10px;
cursor: pointer;
}
.offset-search button i {
margin: 0;
}
.offset-search button:hover {
background-color: #0056b3;
}
/* Body Overlay */
.body_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: none; /* Adjust visibility based on your needs */
z-index: 999;
}
</style>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<!-- Optional: Include Font Awesome for carousel control icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<div id="heroCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<?php
$report_details = $db->get_all_slider_images();
if (!empty($report_details)) {
foreach ($report_details as $index => $record) {
$activeClass = ($index === 0) ? 'active' : '';
echo "<li data-target='#heroCarousel' data-slide-to='$index' class='$activeClass'></li>";
}
} else {
echo "<li data-target='#heroCarousel' data-slide-to='0' class='active'></li>";
}
?>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<?php
if (!empty($report_details)) {
foreach ($report_details as $index => $record) {
$id = $record[0];
$title = $record[1];
$images = $record[2];
$activeClass = ($index === 0) ? 'active' : '';
echo "
<div class='carousel-item $activeClass' style='background-image: url(\"admin/slider_images/$images\");'>
<div class='carousel-caption'>
<h2>$title</h2>
</div>
</div>";
}
} else {
echo "<div class='carousel-item active'><div class='carousel-caption'><h3>No Data Found</h3></div></div>";
}
?>
</div>
<!-- Controls -->
<a class="carousel-control-prev" href="#heroCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#heroCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- Bootstrap JS -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script>
$(document).ready(function() {
$('.carousel').carousel({
interval: 6000,
pause: "false"
});
var $item = $('.carousel .carousel-item');
var $wHeight = $(window).height();
$item.height($wHeight);
$(window).on('resize', function() {
$wHeight = $(window).height();
$item.height($wHeight);
});
});
</script>
<!-- header area end -->
<!-- offset search area start -->
<div class="offset-search">
<form action="#">
<input type="text" name="search" placeholder="Sarch here...">
<button type="submit"><i class="fa fa-search"></i></button>
</form>
</div>
<!-- offset search area end -->
<!-- body overlay area start -->
<div class="body_overlay"></div>
<!-- body overlay area end -->
<!-- hero area start -->
<!-- Controls -->
<!-- <a class="carousel-control-prev" href="#heroCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#heroCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<style type="text/css">
.carousel-item {
background-size: cover; /* Ensures the image covers the carousel item */
background-position: center; /* Keeps the image centered */
height: 900px; /* Adjust this if you want the carousel item to be taller */
}
</style> -->
<!-- hero area end -->
<!-- about area start -->
<!-- <div class="about-area-style2 ptb--120">
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1">
<div class="about-content-style2 text-center has-color">
<div class="section-title-style mb-4">
<h2>Welcome to <b class="line-break"></b><span class="text-color">Edification</span> University</h2>
</div>
<p class="text-white-70">Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<a class="btn btn-light btn-round mt-3" href="#">Read more</a>
</div>
</div>
</div>
</div>
</div> -->
<!-- about area end -->
<!-- course area start -->
<!-- <div class="course-area ">
<div class="container">
<div class="row">
<div class="col-md-10 offset-md-1">
<div class="section-title-style2 black-title title-tb text-center">
<span>build your career</span>
<h2 class="primary-color">Featured Courses</h2>
</div>
</div>
</div>
<div class="commn-carousel owl-carousel card-deck">
<div class="card mb-5">
<div class="course-thumb">
<img src="assets/images/course/cs-img1.jpg" alt="image">
<span class="cs-price primary-bg">$150</span>
</div>
<div class="card-body p-25">
<div class="course-meta-title mb-4">
<div class="course-meta-text">
<h4><a href="course-details.html">Application Design Course</a></h4>
<ul class="course-meta-stats">
<li><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half"></i></li>
<li>36 <i class="fa fa-comment"></i></li>
<li>85 <i class="fa fa-heart"></i></li>
</ul>
</div>
<a href="course-details.html"><img class="course-meta-thumbnail rounded-circle" src="assets/images/author/auth1.jpg" alt="image"> </a>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sciunt. Neque quisquam est, qui dolorem ipsum tatem.</p>
<ul class="course-meta-details list-inline w-100">
<li>
<p>Course</p>
<span>3 Year</span>
</li>
<li>
<p>Class Size</p>
<span>18</span>
</li>
<li>
<p>Duration</p>
<span>1 hour</span>
</li>
</ul>
</div>
</div>
<div class="card mb-5">
<div class="course-thumb">
<img src="assets/images/course/cs-img2.jpg" alt="image">
<span class="cs-price primary-bg">$150</span>
</div>
<div class="card-body p-25">
<div class="course-meta-title mb-4">
<div class="course-meta-text">
<h4><a href="course-details.html">Data Structure & Algorithm</a></h4>
<ul class="course-meta-stats">
<li><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half"></i></li>
<li>36 <i class="fa fa-comment"></i></li>
<li>85 <i class="fa fa-heart"></i></li>
</ul>
</div>
<a href="course-details.html"><img class="course-meta-thumbnail rounded-circle" src="assets/images/author/auth1.jpg" alt="image"> </a>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sciunt. Neque quisquam est, qui dolorem ipsum tatem.</p>
<ul class="course-meta-details list-inline w-100">
<li>
<p>Course</p>
<span>3 Year</span>
</li>
<li>
<p>Class Size</p>
<span>18</span>
</li>
<li>
<p>Duration</p>
<span>1 hour</span>
</li>
</ul>
</div>
</div>
<div class="card mb-5">
<div class="course-thumb">
<img src="assets/images/course/cs-img3.jpg" alt="image">
<span class="cs-price primary-bg">$150</span>
</div>
<div class="card-body p-25">
<div class="course-meta-title mb-4">
<div class="course-meta-text">
<h4><a href="course-details.html">Android App Development</a></h4>
<ul class="course-meta-stats">
<li><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half"></i></li>
<li>36 <i class="fa fa-comment"></i></li>
<li>85 <i class="fa fa-heart"></i></li>
</ul>
</div>
<a href="course-details.html"><img class="course-meta-thumbnail rounded-circle" src="assets/images/author/auth1.jpg" alt="image"> </a>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sciunt. Neque quisquam est, qui dolorem ipsum tatem.</p>
<ul class="course-meta-details list-inline w-100">
<li>
<p>Course</p>
<span>3 Year</span>
</li>
<li>
<p>Class Size</p>
<span>18</span>
</li>
<li>
<p>Duration</p>
<span>1 hour</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div> -->
<!-- course area end -->
<!-- about area start -->
<div class="about-area ptb--120" id="about">
<div class="container">
<div class="row">
<div class="col-md-10 offset-md-1">
<div class="section-title-style2 black-title text-center">
<h2>About Us</h2>
<span>We’re dedicated to delivering exceptional [products/services], driven by passion, innovation, and a commitment to excellence.</span>
</div>
</div>
<div class="col-lg-6">
<div class="about-left-content">
<div class="section-title"><!--
<span class="text-uppercase">about us</span> -->
<h1>Welcome to</h1><h2> <span class="primary-color">V-S Academy</span></h2>
</div>
<p style="text-align:justify;">Since 2007, VS Academy has been dedicated to nurturing the ambitions of students aspiring to careers in medicine and engineering. Each year, our students achieve remarkable results in prominent medical and engineering entrance examinations, including NEET, JEE, and MHT-CET. Over the years, we have consistently secured top ranks in various medical entrance exams.
What began as a single center with just seven students has grown into one of the leading coaching institutes in Solapur. We offer state-of-the-art facilities, including interactive smart boards, comprehensive topic-wise and sub-topic-wise test series, and in-depth discussion sessions. Our approach emphasizes customized, personalized attention to support the progress of each student.
We extend our sincere gratitude to our students and their parents for their trust and support in our efforts to provide exceptional educational guidance.</p>
<!-- <a href="#" class="btn btn-primary btn-round">Read more</a> -->
</div>
</div>
<div class="col-lg-6">
<div class="abt-right-thumb">
<div class="abt-rt-inner">
<a class="expand-video" href="assets/1.mp4"><i class="fa fa-play"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- about area end -->
<!-- events area start -->
<div class="event-area pt--120 pb--80" id="courses">
<div class="container">
<div class="row">
<div class="col-md-10 offset-md-1">
<div class="section-title-style2 black-title text-center">
<span>Top-Tier Courses</span>
<h2>Our Courses</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="media align-items-center mb-5">
<div class="media-head primary-bg">
<p>XI</p>
</div>
<div class="media-body">
<h4><a href="#">PCMB Coaching</a></h4>
<p><i class="fa fa-clock-o"></i>07:00 AM - 10:00 AM</p>
</div>
</div> <!-- media -->
</div><!-- col-md-6 -->
<div class="col-md-6">
<div class="media align-items-center mb-5">
<div class="media-head primary-bg">
<p>XII</p>
</div>
<div class="media-body">
<h4><a href="#">PCMB Coaching</a></h4>
<p><i class="fa fa-clock-o"></i>10:30 AM - 01:30 PM</p>
</div>
</div> <!-- media -->
</div><!-- col-md-6 -->
<div class="col-md-6">
<div class="media align-items-center mb-5">
<div class="media-head primary-bg">
<p>JEE</p>
</div>
<div class="media-body">
<h4><a href="#">JEE Preparation</a></h4>
<p><i class="fa fa-clock-o"></i>02:00 PM - 05:00 PM</p>
</div>
</div> <!-- media -->
</div><!-- col-md-6 -->
<div class="col-md-6">
<div class="media align-items-center mb-5">
<div class="media-head primary-bg">
<p>NEET</p>
</div>
<div class="media-body">
<h4><a href="#">NEET Preparation</a></h4>
<p><i class="fa fa-clock-o"></i>05:30 PM - 08:30 PM</p>
</div>
</div> <!-- media -->
</div><!-- col-md-6 -->
</div><!-- row -->
</div><!-- container -->
</div>
<!-- events area end -->
<!-- take toure area start -->
<div class="take-toure-area ptb--120">
<div class="container">
<div class="row">
<div class="col-md-10 offset-md-1">
<div class="section-title-style2 white-title text-center">
<span>Take A Look</span>
<h2>Explore Our Video Gallery</h2>
</div>
</div>
</div>
<div class="video-area">
<a class="expand-video" href="assets/1.mp4"><i class="fa fa-play"></i></a>
</div>
</div>
</div>
<!-- take toure area end -->
<!-- course area start -->
<div id="gallary"></div>
<div class="teacher-area pb--100" >
<div class="container">
<div class="row" id="gallary">
<div class="col-md-10 offset-md-1">
<div class="section-title-style2 black-title title-tb text-center">
<span class="section-tagline">Our Best Gallary section</span>
<h2 class="primary-color">Gallary</h2>
</div>
</div>
</div>
<div class="commn-carousel owl-carousel card-deck">
<?php
$report_details = $db->get_all_gallery();
if (!empty($report_details)) {
foreach ($report_details as $record) {
$id = $record[0];
$title = $record[1];
$images = $record[2];
?>
<div class="card mb-5">
<img src="admin/gallary_images/<?php echo htmlspecialchars($images, ENT_QUOTES, 'UTF-8'); ?>" alt="image" style="height: 250px;">
<div class="card-body teacher-content p-25">
<h4 class="card-title mb-4">
<a href="teacher-details.html"><?php echo htmlspecialchars($title, ENT_QUOTES, 'UTF-8'); ?></a>
</h4>
</div>
</div><!-- card -->
<?php
}
} else {
echo "<p>No data found.</p>";
}
?>
</div>
<!-- Add a horizontal line below the carousel -->
<hr class="carousel-divider">
</div>
</div>
<!-- course area end -->
<style type="text/css">
.carousel-dot {
width: 20px; /* Adjust size as needed */
height: 20px; /* Adjust size as needed */
background-color: #ccc; /* Adjust color as needed */
border-radius: 50%; /* Makes it a circle */
margin: 20px auto; /* Center horizontally and adjust vertical spacing */
}.section-tagline {
font-size: 16px; /* Adjust font size as needed */
color: #555; /* Adjust color as needed */
margin-top: 10px; /* Adjust spacing as needed */
font-weight: 400; /* Adjust weight as needed */
}
</style>
<br><br><br>
<!-- Testimonial Area Start -->
<div class="testimonial-area ptb--120" id="">
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2 text-center">
<div class="section-title mb-4">
<span class="text-uppercase primary-color mb-0">Happy Students</span>
<h2>What Our Students Say</h2>
</div>
<div class="tst-carousel owl-carousel">
<?php
// Fetching feedback details
$report_details = $db->get_feedback_details();
if (!empty($report_details)) {
foreach ($report_details as $record) {
$id = htmlspecialchars($record[0]);
$full_name = htmlspecialchars($record[1]);
$email = htmlspecialchars($record[2]);
$class = htmlspecialchars($record[3]);
$college_name = htmlspecialchars($record[4]);
$batch = htmlspecialchars($record[5]);
$photo = htmlspecialchars($record[6]);
$testimonial = htmlspecialchars($record[7]);
$feedback_date = htmlspecialchars($record[8]);
$feedback_time = htmlspecialchars($record[9]);
?>
<div class="testimonial-content pb--40">
<div class="testimonial-img mb-3">
<img src="feedback_images/<?php echo $photo; ?>" alt="Testimonial Image" class="rounded-circle shadow-lg">
</div>
<div class="testimonial-text bg-white p-4 rounded border border-light shadow-lg">
<h2 class="font-italic text-primary">“<?php echo $testimonial; ?>”</h3>
<h3 class="font-weight-bold mt-3 text-dark"><?php echo $full_name; ?></h4>
<span class="text-muted"><?php echo $class; ?> - <?php echo $college_name; ?> - <?php echo $batch; ?></span>
</div>
</div>
<?php
}
} else {
?>
<div class="testimonial-content pb--40">
<div class="testimonial-text bg-white p-5 rounded border border-light shadow-lg">
<p style="font-size: 30px;">No feedback available at the moment.</p>
</div>
</div>
<?php
}
?>
</div>
</div><!-- col-lg-8 -->
</div><!-- row -->
</div><!-- container -->
</div><!-- testimonial-area -->
<!-- Testimonial Area End -->
<style type="text/css">
.testimonial-area {
position: relative;
background: linear-gradient(145deg, #f3f3f3, #ffffff);
padding: 60px 0;
}
.testimonial-area .section-title {
margin-bottom: 40px;
}
.testimonial-area .section-title h2 {
font-size: 2.8rem;
font-weight: bold;
color: #333;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.testimonial-content {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
background: rgba(255, 255, 255, 0.9);
padding: 2rem;
border-radius: 10px;
border: 1px solid #e1e1e1;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.testimonial-content:hover {
transform: translateY(-10px);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}
.testimonial-img img {
width: 140px;
height: 140px;
object-fit: cover;
/* border: 4px solid #007bff;*/
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.testimonial-text {
margin-top: 1.5rem;
}
.testimonial-text h3 {
font-size: 1.5rem;
color: #007bff;
}
.testimonial-text h4 {
font-size: 1.2rem;
color: #333;
}
.testimonial-text span {
display: block;
font-size: 0.9rem;
color: #777;
}
.tst-carousel .owl-nav {
position: absolute;
top: 50%;
width: 100%;
display: flex;
justify-content: space-between;
transform: translateY(-50%);
}
.owl-prev, .owl-next {
background: rgba(0, 123, 255, 0.8);
color: #fff;
border-radius: 50%;
padding: 12px;
font-size: 1.6rem;
transition: background 0.3s ease;
}
.owl-prev:hover, .owl-next:hover {
background: rgba(0, 123, 255, 1);
}
.owl-prev {
left: 15px;
}
.owl-next {
right: 15px;
}
</style>
<!-- blog area start -->
<!-- <div class="feature-blog ptb--120"> -->
<!-- <div class="container">
<div class="row">
<div class="col-md-10 offset-md-1">
<div class="section-title-style2 black-title title-tb text-center">
<span>Top stories</span>
<h2>Blog & News</h2>
</div>
</div>
</div>
<div class="row">
<div class="blog-carousel owl-carousel card-deck">
<div class="card mb-5">
<img class="card-img-top" src="assets/images/blog/blog-thumbnail1.jpg" alt="image">
<div class="card-body p-25">
<ul class="list-inline primary-color mb-3">
<li><i class="fa fa-clock-o"></i> AUGUST 6, 2017</li>
<li><i class="fa fa-comments"></i> 3 Comments</li>
</ul>
<h4 class="card-title mb-4"><a href="blog.html">The Death Of architechture</a></h4>
<p class="card-text">We’re a philosophical bunch here at School site and we have thought long and hard about.</p>
<a class="btn btn-primary btn-round btn-sm" href="blog-details.html"> Read More </a>
</div>
</div>
<div class="card mb-5">
<img class="card-img-top" src="assets/images/blog/blog-thumbnail2.jpg" alt="image">
<div class="card-body p-25">
<ul class="list-inline primary-color mb-3">
<li><i class="fa fa-clock-o"></i> AUGUST 6, 2017</li>
<li><i class="fa fa-comments"></i> 3 Comments</li>
</ul>
<h4 class="card-title mb-4"><a href="blog.html">Aenean id ullamcorper</a></h4>
<p class="card-text">We’re a philosophical bunch here at School site and we have thought long and hard about.</p>
<a class="btn btn-primary btn-round btn-sm" href="blog-details.html"> Read More </a>
</div>
</div>
<div class="card mb-5">
<img class="card-img-top" src="assets/images/blog/blog-thumbnail3.jpg" alt="image">
<div class="card-body p-25">
<ul class="list-inline primary-color mb-3">
<li><i class="fa fa-clock-o"></i> AUGUST 6, 2017</li>
<li><i class="fa fa-comments"></i> 3 Comments</li>
</ul>
<h4 class="card-title mb-4"><a href="blog.html">The Death Of architechture</a></h4>
<p class="card-text">We’re a philosophical bunch here at School site and we have thought long and hard about.</p>
<a class="btn btn-primary btn-round btn-sm" href="blog-details.html"> Read More </a>
</div>
</div>
<div class="card mb-5">
<img class="card-img-top" src="assets/images/blog/blog-thumbnail1.jpg" alt="image">
<div class="card-body p-25">
<ul class="list-inline primary-color mb-3">
<li><i class="fa fa-clock-o"></i> AUGUST 6, 2017</li>
<li><i class="fa fa-comments"></i> 3 Comments</li>
</ul>
<h4 class="card-title mb-4"><a href="blog.html">The Death Of architechture</a></h4>
<p class="card-text">We’re a philosophical bunch here at School site and we have thought long and hard about.</p>
<a class="btn btn-primary btn-round btn-sm" href="blog-details.html"> Read More </a>
</div>
</div>
</div>
</div><
</div> -->
<!-- </div> <!-- blog area end --> -->
<!-- cta area start -->
<!-- <div class="cta-area secondary-bg has-color cta-area ptb--50 ">
<div class="container">
<div class="row align-items-center">
<div class="col-md-9">
<div class="cta-content">
<p class="mb-2">Click to Join the Advance Workshop</p>
<h2>Training in advance networking</h2>
</div>
</div>
<div class="col-md-3">
<div class="cta-btn">
<a class="btn btn-light btn-round" href="#">Join Now</a>
</div>
</div>
</div>
</div>
</div> -->
<!-- cta area end -->
<!-- footer area start -->
<footer>
<div class="footer-top has-color pt--120 pb--30">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="widget widget-company">
<a href="index.php"><img src="assets/images/icon/images.png" alt="VS Academy Logo" style="width: 200px;border-radius: 10px;"></a>
<div class="address">
<h6>Office Address</h6>
<p>Paras Building, Near Hotel Zakas, Saat Rasta, Solapur</p>
</div>
<div class="address">
<h6>Business Phone</h6>
<p>+91 9096655180</p>
<p>+91 9890112009</p>
</div>
<div class="address">
<h6>Business Email</h6>
<p>vsacademy1983@gmail.com</p>
</div>
<ul class="social">
<li><a href="#"><i class="fa fa-facebook" style="color:white;"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
<!-- Add or remove social media links as needed -->
</ul>
</div>
</div>
<div class="col-md-3">
<div class="widget footer-link">
<h4 class="fwidget-title mb-5 pb-3 primary-color">Quick Links</h4>
<ul>
<li><a href="#"><i class="fa fa-angle-right"></i>Courses</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>About Us</a></li>
<!-- <li><a href="#"><i class="fa fa-angle-right"></i>Success Stories</a></li> -->
<li><a href="#"><i class="fa fa-angle-right"></i>Feedback</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Contact Us</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i> Feedback</a></li>
</ul>
</div>
</div>
<div class="col-md-5">
<div class="widget widget-opening">
<h4 class="fwidget-title mb-5 pb-3 primary-color">About VS Academy</h4>
<p>Since 2007, VS Academy has been nurturing students’ aspirations for careers in medicine and engineering. Our students consistently achieve top ranks in NEET, JEE, and MHT-CET. From our humble beginnings with just seven students, we have grown to become one of Solapur's leading coaching institutes, offering advanced facilities and personalized attention to help every student succeed.</p>
</div>
</div>
</div>
<div class="footer-bottom">
<p>Copyright © 2024 <span><a class="primary-color" href="index.php">VS Academy</a></span> - All Rights Reserved. Designed by <span><a class="primary-color" href="#" target="_blank">vs academy</a></span></p>
</div>
</div>
</div>
</footer>
<!-- footer area end -->
<!-- jquery latest version -->
<script src="assets/js/vendor/jquery-2.2.4.min.js"></script>
<!-- bootstrap 4 js -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- others plugins -->
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/jquery.slicknav.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/scripts.js"></script>
</body>
</html>
Linux 65-254-81-4.cprapid.com 5.14.0-284.11.1.el9_2.x86_64 #1 SMP PREEMPT_DYNAMIC Tue May 9 05:49:00 EDT 2023 x86_64
Apache
65.254.81.4