Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

icons Added in footer #269

Closed
wants to merge 3 commits into from
Closed

icons Added in footer #269

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
52581e5
iconsadded
SadafKausar2025 May 17, 2024
160dce8
Merge branch 'main' into footer
JAYESHBATRA May 19, 2024
04254c7
Merge branch 'main' into footer
SadafKausar2025 May 19, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
168 changes: 32 additions & 136 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,10 +19,10 @@
rel="stylesheet"
/>
<script src="https://kit.fontawesome.com/796ee7d577.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://unpkg.com/scrollreveal"></script>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.lordicon.com/lordicon.js"></script>

<script>
document.addEventListener("DOMContentLoaded", function () {
Expand Down Expand Up @@ -51,13 +51,7 @@

gtag("config", "G-80WSMNJP27");
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

<!-- Swiper CSS -->
<link rel="stylesheet" href="Pages/Testimonials/swiper-bundle.min.css">

<!-- Custom CSS -->
<link rel="stylesheet" href="Pages/Testimonials/test-style.css">
<body>
<!-- social media section -->

Expand Down Expand Up @@ -95,12 +89,6 @@
</li>
</ul>
</div>
<!--our products Section -->
<svg height="0" width="0">
<filter id="my-shadow" color-interpolation-filters="sRGB">
<feDropShadow dx="2" dy="2" stdDeviation="3" flood-opacity="0.5"/>
</filter>
</svg>

<!-- nav bar -->
<nav id = "main_navbar">
Expand Down Expand Up @@ -163,15 +151,7 @@
>
</li>
<li>
<div class="switch-container">
<input type="checkbox" id="switch" class="switch-checkbox">
<label for="switch" class="switch-label">
<div class="switch-button">
<span class="material-icons sun-icon">wb_sunny</span>
<span class="material-icons moon-icon">brightness_2</span>
</div>
</label>
</div>
<img src="./assets/asset 43.png" id="mode-switch-icon" />
</li>
</ul>
</div>
Expand Down Expand Up @@ -348,7 +328,12 @@ <h3>Doubt Engine</h3>

<!-- big features section -->
<section class="big-feature-section step-1">
<div class="steps-heading-text">
<h2>Steps to Learn</h2>
</div>

<div class="container flex big-feature-container">

<div class="feature-img">
<img src="./assets/asset 18.svg" alt="" class="feature-image-left" />
</div>
Expand Down Expand Up @@ -428,8 +413,11 @@ <h4>Step 4</h4>
</section>

<!-- pricing section -->

<div class="price-heading-text">
<h2>Our Courses</h2>
</div>
<div class="pricing">

<div class="wrapper">
<div class="table basic popup popup-basic">
<div class="head_tab">
Expand Down Expand Up @@ -579,106 +567,6 @@ <h2>CareerLaunch <br />Accelerator</h2>
</div>
</div>

<!-- Testimonials -->

<h2 class="h2 section-title has-underline" style="margin-top: 15px;align-items: center;justify-content: center;display: flex;">
Testimonials
</h2>
<p class="section-subtitle" style="align-items: center;justify-content: center;display: flex;">Know what our customers say</p>

<div class="slide-container swiper" style="margin-bottom: 15px;">
<div class="slide-content">
<div class="card-wrapper swiper-wrapper">
<div class="card swiper-slide">
<div class="fronts" style="align-items: center; justify-content: center; display: flex; flex-direction: column; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">

<div class="image-content" >


<div class="card-image">
<img src="Pages/Testimonials/testimonials-1.jpg" alt="" class="card-img">
</div>
<h1 style="font-size: 20px;">B.Sharmila</h1>
</div>

<div class="rating" >
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<div class="backs" style="align-items: center;justify-content: center;display: flex;padding: 10px 10px ;">

Virtuo Learn transformed my child's education with personalized learning. Interactive tools engage while the doubt engine ensures no question goes unanswered. Progress since joining has been remarkable. </div>

</div>
<div class="card swiper-slide">
<div class="fronts" style="align-items: center; justify-content: center; display: flex; flex-direction: column; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">

<div class="image-content" >
<div class="card-image">
<img src="Pages/Testimonials/testimonials-2.jpg" alt="" class="card-img">
</div>
<h1 style="font-size: 20px;">Prem Sampath</h1>
</div>
<div class="rating" >
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<div class="backs" style="align-items: center;justify-content: center;display: flex;padding: 10px 10px ;">Virtuo Learn's flexibility and vast resources make studying manageable and enjoyable for busy college students. Instant feedback from quizzes keeps me on track, enhancing the learning experience.</div>
</div>
<div class="card swiper-slide">
<div class="fronts" style="align-items: center; justify-content: center; display: flex; flex-direction: column; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
<div class="image-content" >
<div class="card-image">
<img src="Pages/Testimonials/testimonials-3.jpg" alt="" class="card-img">
</div>
<h1 style="font-size: 20px;">Aron Loes</h1>
</div>
<div class="rating" >
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<div class="backs" style="align-items: center;justify-content: center;display: flex;padding: 10px 10px ;">Integrating Virtuo Learn into my classroom has yielded phenomenal results. Its variety of tools and interactive simulations cater to diverse student needs, transforming teaching and learning.</div>
</div>
<div class="card swiper-slide">
<div class="fronts" style="align-items: center; justify-content: center; display: flex; flex-direction: column; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
<div class="image-content" >
<div class="card-image">
<img src="Pages/Testimonials/testimonials-4.jpg" alt="" class="card-img">
</div>
<h1 style="font-size: 20px;">Sonal K</h1>
</div>
<div class="rating" >
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<div class="backs" style="align-items: center;justify-content: center;display: flex;padding: 10px 10px ;">Virtuo Learn made returning to education smooth and enjoyable. Its user-friendly interface and comprehensive features support my educational goals effectively, providing the resources needed for success.</div>
</div>
</div>
</div>
<div class="swiper-button-next swiper-navBtn"></div>
<div class="swiper-button-prev swiper-navBtn"></div>
<div class="swiper-pagination"></div>
</div>


<!-- Testimonials -->

<button
onclick="topFunction()"
class="icon-arrow-up"
Expand Down Expand Up @@ -711,18 +599,31 @@ <h1 style="font-size: 20px;">Sonal K</h1>
<span class="links-title-span">Useful Links</span>
</div>
<ul>
<li><a href="./Pages/Simulation/index.html">Stimulations</a></li>
<li><a href="index.html">Home</a></li>
<li><a href="./Pages/Simulation/index.html"><i class="fa-solid fa-plug-circle-check"></i> Stimulations</a></li>
<li><a href="index.html"><i class="fa-solid fa-house" class="hover-link current-page"></i> Home</a></li>
<li>
<a href="./Pages/3D-Visualizations/index.html"
>3D Visualisations</a
><i class="fa-brands fa-unity"></i> 3D Visualisations</a
>
</li>
<li><a href="./Pages/About-Us/index.html">About Us</a></li>
<li><a href="./Pages/Quizes/index.html">Quizzes</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="./Pages/Videos/index.html">Videos</a></li>
<li><a href="./Pages/Doubt Engine/index.html">Help</a></li>
<li><a href="./Pages/About-Us/index.html"><i class="fa-solid fa-building-columns"></i> About Us</a></li>
<li><a href="./Pages/Quizes/index.html"><i class="fa-solid fa-list-check"></i> Quizzes</a></li>
<li><a href="#"><lord-icon
src="https://cdn.lordicon.com/srsgifqc.json"
trigger="hover"
style="width:20px;height:20px">
</lord-icon> Contact Us</a></li>
<li><a href="./Pages/Videos/index.html"><lord-icon
src="https://cdn.lordicon.com/wgdqrxxf.json"
trigger="hover"
style="width:20px;height:20px">
</lord-icon> Videos</a></li>
<li><a href="./Pages/Doubt Engine/index.html">
<lord-icon
src="https://cdn.lordicon.com/ojnjgkun.json"
trigger="hover"
style="width:20px;height:20px">
</lord-icon> Help</a></li>
</ul>
</div>
</div>
Expand Down Expand Up @@ -772,10 +673,5 @@ <h3>
<script src="mode-switch.js"></script>
<!-- copyright-year Script -->
<script src="./copyrightYear.js"></script>
<!-- Swiper JS -->
<script src="Pages/Testimonials/swiper-bundle.min.js"></script>
<!-- Custom JavaScript -->

<script src="Pages/Testimonials/test-script.js"></script>
</body>
</html>
Loading
Loading