Raunak Nath Project File

Raunak Nath
12 A
Project File
PROJECT TERM-1
Lakshmipat Singhania Academy
Class: XII Subject: Web Application
Date of Submissions Review: 02.06.2023 Final: 12.06.2023
Board Project – Step1

Please note: This is an ongoing project and will be reviewed again later with more added features.
In February 2023, the Union Education Minister launched the learning-teaching material for
foundational years titled "Jaadui Pitara" which includes toys, puzzles, puppetry, posters, ash cards,
worksheets and attractive storybooks.
https://www.timesnownews.com/education/jaadui-pitara-education-minister-launches-learning-teaching-material-for-foundational-years-article-98096862
The digital "Jaadui Pitara" has been designed on the motto of "learning through play". It is a
child-centric, innovative, toy-based learning experience that will strengthen conceptual understanding
amongst the learners aged 3-8 years, as envisaged in the new National Education Policy (NEP).
The digital "Jaadui Pitara" recommends learning and development in ve domains –
● Physical development
● Socio-emotional and ethical development
● Cognitive development
94
● Language and literacy development
● Aesthetic and cultural development.
To Do:-
1. Create a resourceful website/ portal similar to digital Jadui Pitara explained above
2. Your portal must highlight 4 domains out of 5 mentioned above.
3. Your portal should have maximum 6 webpages initially.
4. Each domain should have brief introduction and 2 activities (of any type audio/ video/
imae/text) for the age group discussed above.
5. Use software/ application/ features learnt in Web Application curriculum Grade 11 and 12, like
GIMP, HTML, CSS and JavaScript and more.
6. You will enhance your website with the next set of technologies you will learn later.
7. You need to increase the number of webpage as per the requirement of the new inclusions.
8. Use of website template will be appreciated. (learn it)
9. Give a name to your portal which suits the service your are providing.
10. Create and add a logo using GIMP.
11. Add at least 2 audios to enhance the domain.
12. Support your portal with 2 or more helpful videos edited by you.
13. It should have external links to enrich your portal with extra activities for any one or more
domains.
14. There should be a Sign-up form, where parent will login for their child and choose one or more
domain activities they want use for their child. A con rmation message page should come
showing the child’s name and registered domain names.
15. The Sign-up form should validate that the age of the child between 3 to 8.
16. Developers’ details like name, class, school name, formal picture should be in the home page.
17. The bibliography should be strong enough as you will collect real life data from various sources.
18. There will be a viva based on your project work.
General Instructions:-
i. You can form a group of two to three members. Work should be equally distributed.
ii. To start with, explore and learn the use of template.
iii. Create a folder named as NamesProj1 and save all your resources with proper sub folders within
the same.
iv. Both the members of a group upload the same folder through the assignments tab of Teams
within stipulated time.
v. We will have a mid review of the project.
vi. You have to showcase your project in the class after the submission date.
Marking Scheme:-
● Use of technological knowledge = 8

● Content with Supportive resource =6
95
● Creativity and artistic approach= 2
● Presentation Skill = 2
● Timely submission=1
● Collaborative approach = 1
96
Javascript (external)
main.js
(function ($) {
"use strict";
// Spinner
var spinner = function () {
setTimeout(function () {
if ($('#spinner').length > 0) {
$('#spinner').removeClass('show');
}
}, 1);
};
spinner();
// Initiate the wowjs

new WOW().init();
// Sticky Navbar
$(window).scroll(function () {
if ($(this).scrollTop() > 300) {
$('.sticky-top').css('top', '0px');
97
} else {
$('.sticky-top').css('top', '-100px');
}
});
// Dropdown on mouse hover

const $dropdown = $(".dropdown");
const $dropdownToggle = $(".dropdown-toggle");
const $dropdownMenu = $(".dropdown-menu");
const showClass = "show";
$(window).on("load resize", function() {

if (this.matchMedia("(min-width: 992px)").matches) {
$dropdown.hover(
function() {
const $this = $(this);
$this.addClass(showClass);
$this. nd($dropdownToggle).attr("aria-expanded", "true");
$this. nd($dropdownMenu).addClass(showClass);
},
function() {
const $this = $(this);
$this.removeClass(showClass);
$this. nd($dropdownToggle).attr("aria-expanded", "false");
98
$this. nd($dropdownMenu).removeClass(showClass);
}
);
} else {
$dropdown.o ("mouseenter mouseleave");
}
});
// Back to top button

$(window).scroll(function () {
if ($(this).scrollTop() > 300) {
$('.back-to-top').fadeIn('slow');
} else {
$('.back-to-top').fadeOut('slow');
}
});
$('.back-to-top').click(function () {
$('html, body').animate({scrollTop: 0}, 1500, 'easeInOutExpo');
return false;
});
// Header carousel
$(".header-carousel").owlCarousel({
99
autoplay: true,
smartSpeed: 1500,
items: 1,
dots: false,
loop: true,
nav : true,
navText : [
'<i class="bi bi-chevron-left"></i>',
'<i class="bi bi-chevron-right"></i>'
]
});
// Testimonials carousel
$(".testimonial-carousel").owlCarousel({
autoplay: true,
smartSpeed: 1000,
center: true,
margin: 24,
dots: true,
loop: true,
nav : false,
responsive: {
0:{
items:1
100
},
768:{
items:2
},
992:{
items:3
}
}
});
})(jQuery);
101
CSS (external)
style.css
/********** Template CSS **********/
:root {
--primary: #06BBCC;
--light: #F0FBFC;
--dark: #181d38;
}
.fw-medium {
font-weight: 600 !important;
}
.fw-semi-bold {
font-weight: 700 !important;
}
.back-to-top {
position: xed;
display: none;
right: 45px;
bottom: 45px;
z-index: 99;
}
102
/*** Spinner ***/
#spinner {
opacity: 0;
visibility: hidden;
transition: opacity .5s ease-out, visibility 0s linear .5s;
z-index: 99999;
}
#spinner.show {
transition: opacity .5s ease-out, visibility 0s linear 0s;
visibility: visible;
opacity: 1;
}
/*** Button ***/

.btn {
font-family: 'Nunito', sans-serif;
font-weight: 600;
transition: .5s;
}
.btn.btn-primary,
103
.btn.btn-secondary {
color: #FFFFFF;
}
.btn-square {
width: 38px;
height: 38px;
}
.btn-sm-square {
width: 32px;
height: 32px;
}
.btn-lg-square {
width: 48px;
height: 48px;
}
.btn-square,
.btn-sm-square,
.btn-lg-square {
padding: 0;
display: ex;
align-items: center;
104
justify-content: center;
font-weight: normal;
border-radius: 0px;
}
/*** Navbar ***/

.navbar .dropdown-toggle::after {
border: none;
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
vertical-align: middle;
margin-left: 8px;
}
.navbar-light .navbar-nav .nav-link {

margin-right: 30px;
padding: 25px 0;
color: # ;
font-size: 15px;
text-transform: uppercase;
outline: none;
}
105
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
color: var(--primary);
}
@media (max-width: 991.98px) {

margin-right: 0;
padding: 10px 0;
}
.navbar-light .navbar-nav {
border-top: 1px solid #EEEEEE;
}
}
.navbar-light .navbar-brand,
.navbar-light a.btn {
height: 75px;
}

color: var(--dark);
font-weight: 500;
}
106
.navbar-light.sticky-top {
top: -100px;
transition: .5s;
}
@media (min-width: 992px) {

.navbar .nav-item .dropdown-menu {
display: block;
margin-top: 0;
opacity: 0;
visibility: hidden;
transition: .5s;
}
.navbar .dropdown-menu.fade-down {
top: 100%;
transform: rotateX(-75deg);
transform-origin: 0% 0%;
}
.navbar .nav-item:hover .dropdown-menu {

top: 100%;
transform: rotateX(0deg);
visibility: visible;
107
transition: .5s;
opacity: 1;
}
}
/*** Header carousel ***/

@media (max-width: 768px) {
.header-carousel .owl-carousel-item {
position: relative;
min-height: 500px;
}
.header-carousel .owl-carousel-item img {

position: absolute;
width: 100%;
height: 100%;
object- t: cover;
}
}
.header-carousel .owl-nav {
position: absolute;
top: 50%;
right: 8%;
108
transform: translateY(-50%);
display: ex;
ex-direction: column;
}
.header-carousel .owl-nav .owl-prev,

.header-carousel .owl-nav .owl-next {
margin: 7px 0;
width: 45px;
height: 45px;
display: ex;
color: #FFFFFF;
background: transparent;
border: 1px solid #FFFFFF;
font-size: 22px;
transition: .5s;
}
.header-carousel .owl-nav .owl-prev:hover,

.header-carousel .owl-nav .owl-next:hover {
background: var(--primary);
border-color: var(--primary);
}
109
.page-header {
background: linear-gradient(rgba(24, 29, 56, .7), rgba(24, 29, 56, .7)),
url(../img/carousel-1.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.page-header-inner {
background: rgba(15, 23, 43, .7);
}
.breadcrumb-item + .breadcrumb-item::before {
color: var(--light);
}
/*** Section Title ***/

.section-title {
position: relative;
display: inline-block;
text-transform: uppercase;
}
110
.section-title::before {
position: absolute;
content: "";
width: calc(100% + 80px);
height: 2px;
top: 4px;
left: -40px;
z-index: -1;
}
.section-title::after {
position: absolute;
content: "";
height: 2px;
bottom: 5px;
left: -60px;
z-index: -1;
}
.section-title.text-start::before {
left: 0;
111
}
.section-title.text-start::after {
left: 0;
}
/*** Service ***/

.service-item {
background: var(--light);
transition: .5s;
}
.service-item:hover {
margin-top: -10px;
}
.service-item * {
transition: .5s;
}
.service-item:hover * {
color: var(--light) !important;
112
}
/*** Categories & Courses ***/

.category img,
.course-item img {
transition: .5s;
}
.category a:hover img,

.course-item:hover img {
transform: scale(1.1);
}
/*** Team ***/

.team-item img {
transition: .5s;
}
.team-item:hover img {
transform: scale(1.1);
}
113
/*** Testimonial ***/
.testimonial-carousel::before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 0;
background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255,
255, 0) 100%);
z-index: 1;
}
.testimonial-carousel::after {
position: absolute;
content: "";
top: 0;
right: 0;
height: 100%;
width: 0;
background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255,
255, 0) 100%);
z-index: 1;
}
114
.testimonial-carousel::before,
width: 200px;
}
}

.testimonial-carousel::before,
width: 300px;
}
}
.testimonial-carousel .owl-item .testimonial-text,

.testimonial-carousel .owl-item.center .testimonial-text * {
transition: .5s;
}
.testimonial-carousel .owl-item.center .testimonial-text {

background: var(--primary) !important;
}
.testimonial-carousel .owl-item.center .testimonial-text * {

color: #FFFFFF !important;
}
115
.testimonial-carousel .owl-dots {
margin-top: 24px;
display: ex;
align-items: ex-end;
}
.testimonial-carousel .owl-dot {
position: relative;
display: inline-block;
margin: 0 5px;
width: 15px;
height: 15px;
border: 1px solid #CCCCCC;
transition: .5s;
}
.testimonial-carousel .owl-dot.active {
border-color: var(--primary);
}
/*** Footer ***/
116
.footer .btn.btn-social {
margin-right: 5px;
width: 35px;
height: 35px;
display: ex;
border: 1px solid #FFFFFF;
border-radius: 35px;
transition: .3s;
}
.footer .btn.btn-social:hover {
color: var(--primary);
}
.footer .btn.btn-link {
display: block;
margin-bottom: 5px;
padding: 0;
text-align: left;
color: #FFFFFF;
font-size: 15px;
117
text-transform: capitalize;
transition: .3s;
}
.footer .btn.btn-link::before {
position: relative;
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 10px;
}
.footer .btn.btn-link:hover {
letter-spacing: 1px;
box-shadow: none;
}
.footer .copyright {
padding: 25px 0;
font-size: 15px;
border-top: 1px solid rgba(256, 256, 256, .1);
}
.footer .copyright a {
118
}
.footer .footer-menu a {
margin-right: 15px;
padding-right: 15px;
border-right: 1px solid rgba(255, 255, 255, .1);
}
.footer .footer-menu a:last-child {

margin-right: 0;
padding-right: 0;
border-right: none;
}
119
Libraries Used
Animate
/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.2
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2017 Daniel Eden
*/
Easing
/ * jQuery Easing v1.4.1 - http://gsgd.co.uk/sandbox/jquery/easing/
* Open source under the BSD License.
* Copyright © 2008 George McGinley Smith
* All rights reserved.
* https://raw.github.com/gdsmith/jquery-easing/master/LICENSE
*/
Owl Carousel
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under the MIT License
120
*/
Waypoints
/*!
Waypoints - 4.0.1
Copyright © 2011-2016 Caleb Troughton
Licensed under the MIT license.
https://github.com/imakewebthings/waypoints/blob/master/licenses.txt
*/
Wow
/*
* WOW wow.js - v1.3.0 - 2016-10-04
* https://wowjs.uk
* Copyright (c) 2016 Thomas Grainger; Licensed MIT
*/
121
HTML
INDEX PAGE-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>eLEARNING - eLearning HTML Template</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">

<link href="img/favicon.ico" rel="icon">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600&fam
ily=Nunito:wght@600;700;800&display=swap" rel="stylesheet">

<link
href="https://cdnjs.cloud are.com/ajax/libs/font-awesome/5.10.0/css/all.min.css"
rel="stylesheet">
<link
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.
css" rel="stylesheet">
122

<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">

<link href="css/bootstrap.min.css" rel="stylesheet">

<link href="css/style.css" rel="stylesheet">
</head>
<body>

<div id="spinner" class="show bg-white position- xed translate-middle w-100
vh-100 top-50 start-50 d- ex align-items-center justify-content-center">
<div class="spinner-border text-primary" style="width: 3rem;height: 3rem;"
role="status">
<span class="sr-only">Loading...</span>
</div>
</div>


<nav class="navbar navbar-expand-lg bg-white navbar-light shadow sticky-top
p-0">
<a href="index.html" class="navbar-brand d- ex align-items-center px-4
px-lg-5">
<h2 class="m-0 text-primary">
<i class="fa fa-book me-3"></i>Eduscape
</h2>
123
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse"
data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="index.html" class="nav-item nav-link active">Home</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle"
data-bs-toggle="dropdown">COURSES</a>
<div class="dropdown-menu fade-down m-0">
<a href="PHYSICAL.html" class="dropdown-item">PHYSICAL
DEVELOPMENT</a>
<a href="COGNITIVE.html" class="dropdown-item">COGNITIVE
DEVELOPMENT</a>
<a href="LANGUAGE.html" class="dropdown-item">LANGUAGE
AND LITERACY DEVELOPMENT</a>
<a href="SOCIO.html" class="dropdown-item">SOCIO-EMOTIONAL
AND ETHICAL DEVELOPMENT</a>
</div>
</div>
<a href="contact.html" class="nav-item nav-link">Contact</a>
<a href="Bibliography.html" class="nav-item nav-link">Bibliography</a>
</div>
<a href="Form.html" class="btn btn-primary py-4 px-lg-5 d-none
d-lg-block">Join Now <i class="fa fa-arrow-right ms-3"></i>
124
</a>
</div>
</nav>


<div class="containerD- uid p-0 mb-5">
<div class="owl-carousel header-carousel position-relative">
<div class="owl-carousel-item position-relative">
<img class="img- uid" src="img/logo1.jpg" alt="">
<div class="position-absolute top-0 start-0 w-100 h-100 d- ex
align-items-center" style="background: rgba(24, 29, 56, .7);">
<div class="container">
<div class="row justify-content-start">
<div class="col-sm-10 col-lg-8">
<h5 class="text-primary text-uppercase mb-3 animated
slideInDown">Best Online Courses</h5>
<h1 class="display-3 text-white animated slideInDown">The Best
Online Learning Platform</h1>
<p class="fs-5 text-white mb-4 pb-2"> Welcome to Eduscape, where
education meets entertainment! Explore a world of interactive videos and games
designed to make learning fun for kids of all ages."</p>
<a href="Form.html" class="btn btn-light py-md-3 px-md-5 animated
slideInRight">Join Now</a>
</div>
</div>
</div>
</div>
125
</div>
slideInDown">BEST ONLINE COURSES</h5>
<h1 class="display-3 text-white animated slideInDown">Physical
Development</h1>
<p class="fs-5 text-white mb-4 pb-2">Physical development in children
can be dependent on several factors, such as age, brain development, and physical
growth in di erent parts of the body. Physical developmental milestones are
provided for children, and these milestones outline the typical developmental
patterns for children at di erent ages.</p>
</div>
</div>
</div>
</div>
</div>
126
<h1 class="display-3 text-white animated slideInDown">Language and
Literacy Development</h1>
<p class="fs-5 text-white mb-4 pb-2">Language and Literacy
development is a vital part of your child’s overall development. It’s the foundation
for doing well at school, socialising with others, problem-solving, making
decisions, </p>
</div>
</div>
</div>
</div>
</div>
127
<h1 class="display-3 text-white animated
slideInDown">Socio-emotional And Ethical Development</h1>
<p class="fs-5 text-white mb-4 pb-2">Social and emotional
development means how children start to understand who they are, what they are
feeling and what to expect when interacting with others. </p>
</div>
</div>
</div>
</div>
</div>
slideInDown">Best Online Courses</h5>
<h1 class="display-3 text-white animated slideInDown">Cognitive
Development</h1>
<p class="fs-5 text-white mb-4 pb-2"> Cognitive development means
the development of the ability to think and reason.</p>
</div>
128
</div>
</div>
</div>
</div>
</div>
</div>


<div class="container-xxl py-5">
<div class="row g-5">
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s"
style="min-height: 400px;">
<div class="position-relative h-100">
<img class="img- uid position-absolute w-100 h-100"
src="img/eduscape.jpeg" alt="" style="object- t: cover;">
</div>
</div>
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.3s">
<h6 class="section-title bg-white text-start text-primary pe-3">About
Us</h6>
<h1 class="mb-4">Welcome to Eduscape</h1>
<p class="mb-4">This is Eduscape, where education meets entertainment!
Explore a world of interactive videos and games designed to make learning fun for
kids of all ages."</p>
<div class="row gy-2 gx-4 mb-4">
129
<div class="col-sm-6">
<p class="mb-0">
<i class="fa fa-arrow-right text-primary me-2"></i>PHYSICAL
DEVELOPMENT
</p>
</div>
<p class="mb-0">
<i class="fa fa-arrow-right text-primary me-2"></i>COGNITIVE
DEVELOPMENT
</p>
</div>
<p class="mb-0">
<i class="fa fa-arrow-right text-primary me-2"></i>LANGUAGE AND
LITERACY DEVELOPMENT
</p>
</div>
<p class="mb-0">
<i class="fa fa-arrow-right text-primary
me-2"></i>SOCIO-EMOTIONAL AND ETHICAL DEVELOPMENT
</p>
</div>
</div>
</div>
130
</div>
</div>
</div>


<center>
<iframe width=70% height="400"
src="https://www.youtube.com/embed/xmYDR4kuKpk?feature=oembed"
frameborder="0" allow="accelerometer; autoplay; clipboard-write;
encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen
title="5 Developmental Domains"></iframe>
</center>


<div class="text-center wow fadeInUp" data-wow-delay="0.1s"
style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
<h6 class="section-title bg-white text-center text-primary
px-3">Creators</h6>
<h1 class="mb-5">The Team</h1>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s"
<div class="team-item bg-light">
<div class="over ow-hidden">
131
<img class="img- uid" src="img/raunak.jpg" alt="">
</div>
<div class="position-relative d- ex justify-content-center"
style="margin-top: -23px;">
<div class="bg-light d- ex justify-content-center pt-2 px-1">
<a class="btn btn-sm-square btn-primary mx-1" href="mailto:
nathraunak1252006@gmail.com">
<i class="fab fa-google"></i>
</a>
<a class="btn btn-sm-square btn-primary mx-1"
href="https://tttttt.me/RN12designs">
<i class="fab fa-telegram"></i>
</a>
href="https://github.com/Codemaster-Raunak">
<i class="fab fa-github"></i>
</a>
</div>
</div>
<div class="text-center p-4">
<h5 class="mb-0">Raunak Nath</h5>
<small>Class 12</small>
</div>
</div>
</div>
132
<img class="img- uid" src="img/aakriti.jpg" alt="">
</div>
<a class="btn btn-sm-square btn-primary mx-1" href="mailto:
aakritimohota@gmail.com">
<i class="fab fa-google"></i>
</a>
href="https://wa.me/9021">
<i class="fab fa-whatsapp"></i>
</a>
href="https://www.instagram.com/aakritimohota_02">
<i class="fab fa-instagram"></i>
</a>
</div>
</div>
<h5 class="mb-0">Aakriti Mohota</h5>
133
</div>
</div>
</div>
<img class="img- uid" src="img/arav.jpg" alt="">
</div>
<a class="btn btn-sm-square btn-primary mx-1" href="">
<i class="fab fa-facebook-f"></i>
</a>
<i class="fab fa-twitter"></i>
</a>
<i class="fab fa-instagram"></i>
</a>
</div>
</div>
<h5 class="mb-0">Arav Priyadarshi</h5>
134
</div>
</div>
</div>
</div>
</div>
</div>


<div class="container- uid bg-dark text-light footer pt-5 mt-5 wow fadeIn"
data-wow-delay="0.1s">
<div class="container py-5">
<div class="col-lg-3 col-md-6">
<h4 class="text-white mb-3">Quick Links</h4>
<a class="btn btn-link" href="index.html">Home</a>
<a class="btn btn-link" href="PHYSICAL.html">Physical
Development</a>
<a class="btn btn-link" href="COGNITIVE.html">Cognitive
Development</a>
<a class="btn btn-link" href="LANGUAGE.html">Language and Literacy
Development</a>
<a class="btn btn-link" href="SOCIO.html">Socio-economic and Ethical
Development</a>
</div>
<h4 class="text-white mb-3">Contact</h4>
135
<p class="mb-2">
<i class="fa fa-map-marker-alt me-3"></i>Lakshmipat Singhania
Academy
</p>
<p class="mb-2">
<i class="fa fa-phone-alt me-3"></i>+91 33 24793600
</p>
<p class="mb-2">
<i class="fa fa-envelope me-3"></i>lsa_kol@redi mail.com
</p>
</div>
<h4 class="text-white mb-3">Gallery</h4>
<div class="row g-2 pt-2">
<div class="col-4">
<img class="img- uid bg-light p-1" src="img/hop.jpeg" alt="">
</div>
<div class="col-4">
<img class="img- uid bg-light p-1" src="img/swim.jpeg" alt="">
</div>
<div class="col-4">
<img class="img- uid bg-light p-1" src="img/Board games img1.jpg"
alt="">
</div>
<div class="col-4">
136
<img class="img- uid bg-light p-1" src="img/Activity 1 img2.jpg"
alt="">
</div>
<div class="col-4">
<img class="img- uid bg-light p-1" src="img/Activity 2 img2.jpg"
alt="">
</div>
<div class="col-4">
<img class="img- uid bg-light p-1" src="img/s&p.jpeg" alt="">
</div>
</div>
</div>
<h4 class="text-white mb-3">Newsletter</h4 <div class="position-relative
mx-auto" style="max-width: 400px;">
<input class="form-control border-0 w-100 py-3 ps-4 pe-5" type="text"
placeholder="Your email">
<button type="button" class="btn btn-primary py-2 position-absolute
top-0 end-0 mt-2 me-2">SignUp</button>
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="row">
137
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0"> © <a
class="border-bottom" href="#">Eduscape</a>, All Right Reserved.
 Designed By <a class="border-bottom"
href="https://htmlcodex.com">HTML Codex</a>
</div>
<div class="col-md-6 text-center text-md-end">
<div class="footer-menu">
<a href="">Home</a>
<a href="">Cookies</a>
<a href="">Help</a>
<a href="">FQAs</a>
</div>
</div>
</div>
</div>
</div>
</div>


<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top">
<i class="bi bi-arrow-up"></i>
</a>

138
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min
.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>

<script src="js/main.js"></script>
</body>
</html>
139
140
141
Physical Development Page-
<html lang="en">
<head>



<link

<link
rel="stylesheet">
<link
142


</head>
<body>
<div class="spinner-border text-primary" style="width: 3rem; height: 3rem;"
role="status">
</div>
</div>
143
p-0">
px-lg-5">
<h2 class="m-0 text-primary"><i class="fa fa-book me-3"></i>Eduscape</h2>
</a>
</button>
DEVELOPMENT</a>
DEVELOPMENT</a>
<a href="LANGUAGE.html"
class="dropdown-item">LANGUAGE AND LITERACY
DEVELOPMENT</a>
<a href="SOCIO.html"
class="dropdown-item">SOCIO-EMOTIONAL AND ETHICAL
DEVELOPMENT</a>
</div>
144
</div>
</div>
d-lg-block">Join Now<i
class="fa fa-arrow-right ms-3"></i></a>
</div>
</nav>



<div class="container- uid bg-primary py-5 mb-5 page-header">
<div class="row justify-content-center">
<div class="col-lg-10 text-center">
<h1 class="display-3 text-white animated slideInDown">PHYSICAL
DEVELOPMENT</h1>
<nav aria-label="breadcrumb">
<ol class="breadcrumb justify-content-center">
<li class="breadcrumb-item"><a class="text-white"
href="#">Home</a></li>
145
href="#">Courses</a></li>
<li class="breadcrumb-item text-white active"
aria-current="page">Physical development</li>
</ol>
</nav>
</div>
</div>
</div>
</div>


src="img/hop.jpeg" alt="" style="object- t: cover;">
</div>
</div>
<h6 class="section-title bg-white text-start text-primary
pe-3">ACTIVITY 1</h6>
146
<h1><class="mb-4">Hopscotch</h1>
<p class="mb-4">The player throws a small object into numbered
spaces and then hops through it to recover the object. The beauty of the game lies
in the fact that it can be played by a group of players or alone.The player tosses the
object into the rst square making sure the object lands within the square. Then,
the player hops through the squares skipping the square with the object in it.
Depending on whether the square is single or side-by-side, the player hops on a
single leg or can use both their legs respectively. The player continues this until
they reach square 10 or ‘home’ square.Then the player turns around and retraces
their journey hopping through squares until they reach the square with the object
in it. The player stops before the square with the object and retrieves the object
without stepping into the square. Upon successfully retrieving the object, the
player continues the game by throwing the object into the second square and
repeating the game.</p>
<a class="btn btn-primary py-3 px-5 mt-2"
href="https://www.hopscotch.in/blog/hopscotch-game-everything-you-would-w
ant-to-know/">Read More</a>
<audio controls>
<source src="audio/hop.mp3" type="audio/mp3">
</audio>
</div>
</div>
</div>
</div>
</div>
</div>

147
src="img/swim.jpeg" alt="" style="object- t: cover;">
</div>
</div>
<h1 class="mb-4">Swimming</h1>
<p class="mb-4">Introducing your children to swimming is a great
way to establish the importance of a healthy lifestyle. One of the biggest
advantages of swimming is that it allows children to be naturally adventurous and
have fun. Drowning is still one of the most common causes of accidental death in
children, so being able to swim is an essential life-saving skill.</p>
href="https://www.parentcircle.com/health-bene ts-of-swimming-for-kids/articl
e">Read More</a>
<audio controls>
<source src="audio/swim.mp3" type="audio/mp3">
</audio>
</div>
</div>
</div>
</div>
148
</div>
</div>


Development</a>
Development</a>
Development</a>
Development</a>
</div>
149
<p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>Lakshmipat
Singhania Academy</p>
<p class="mb-2"><i class="fa fa-phone-alt me-3"></i>+91 33
24793600</p>
<p class="mb-2"><i class="fa fa-envelope
me-3"></i>lsa_kol@redi mail.com</p>
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
<div class="col-4">
alt="">
</div>
<div class="col-4">
<img class="img- uid bg-light p-1" src="img/Activity 1 img2.jpg" alt="">
</div>
<div class="col-4">
150
</div>
<div class="col-4">
151
152
Cognitive Development Page-
<!DOCTYPE html>
<html lang="en">
<head>
153


<link

<link
rel="stylesheet">
<link



154
</head>
<body>
role="status">
</div>
</div>

p-0">
px-lg-5">
</a>
</button>
155
DEVELOPMENT</a>
DEVELOPMENT</a>
DEVELOPMENT</a>
DEVELOPMENT</a>
</div>
</div>
</div>
156
</div>
</nav>


<h1 class="display-3 text-white animated slideInDown"
>COGNITIVE DEVELOPMENT</h1>
aria-current="page">Cognitive development</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
157


src="img/Make believe img2.jpg" alt="" style="object- t: cover;">
</div>
</div>
<h1><class="mb-4">Play make-believe</h1>
<p class="mb-4">When children engage in make-believe activities, they
can take on di erent roles in order to demonstrate what they are learning. As they
gain a stronger understanding of other people’s perspectives, it will enrich their
cognitive skills and language development. Additionally, make-believe activities
help children learn how to create and follow a plan. It can also help to enhance the
development of memory as children repeat themes and actions as they role-play
di erent characters. Make-believe play enhances the following cognitive skills:
cognitive exibility, problem-solving, understanding di erent perspectives,
language development, and vocabulary.</p>
</div>
</div>
158
</div>
</div>
</div>
</div>

src="img/Board games img1.jpg" alt="" style="object- t: cover;">
</div>
</div>
<h1 class="mb-4">Teach children board games that require
strategy</h1>
<p class="mb-4">IBoard games, like chess, snakes and ladders, ludo etc.
can enhance children’s logical thinking and problem-solving skills. Play games
together and teach your little one about the rules of each game. Cognitive skills
are enriched as children gain an understanding of how to play the game. Playing
games enhances the following cognitive skills: problem-solving, cognitive
exibility, logical thinking, language development (for instructions and strategy),
visual memory (for recalling positions and visualizing).</p>
159
</div>
</div>
</div>
</div>
</div>
</div>


Development</a>
Development</a>
Development</a>
160
Development</a>
</div>
24793600</p>
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
<div class="col-4">
alt="">
</div>
161
<div class="col-4">
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
</div>
</div>
<h4 class="text-white mb-3">Newsletter</h4
<div class="position-relative mx-auto" style="max-width: 400px;">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
162
© <a class="border-bottom" href="#">Your Site Name</a>, All Right
Reserved.
your support. ***/-->
Designed By <a class="border-bottom"
</div>
<a href="">Home</a>
<a href="">Help</a>
<a href="">FQAs</a>
</div>
</div>
</div>
</div>
</div>
</div>

163
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i
class="bi bi-arrow-up"></i></a>

<script
.js"></script>

</body>
</html>
164
165
Language Development Page-
<!DOCTYPE html>
<html lang="en">
<head>



<link

<link
rel="stylesheet">
166
<link



</head>
<body>
role="status">
</div>
</div>
167
p-0">
px-lg-5">
</a>
</button>
DEVELOPMENT</a>
DEVELOPMENT</a>
DEVELOPMENT</a>
168
DEVELOPMENT</a>
</div>
</div>
</div>
</div>
</nav>


<h1 class="display-3 text-white animated slideInDown">LANGUAGE
AND LITERACY DEVELOPMENT</h1>
169
aria-current="page">Language and literacy development</li>
</ol>
</nav>
</div>
</div>
</div>
</div>


src="img/word.jpeg" alt="" style="object- t: cover;">
</div>
170
</div>
<h1><class="mb-4">Word Pics</h1>
<p class="mb-4">The idea is simple: guess the single word using just
two pics as clues. The images will have some connection, all you have to do is enter
the right words!<br>
href="https://gamesnacks.com/games/wordpics">Read More</a>
<audio controls>
<source src="audio/word.mp3" type="audio/mp3">
</audio>
</div>
</div>
</div>
</div>
</div>
</div>

171
src="img/s&p.jpeg" alt="" style="object- t: cover;">
</div>
</div>
<h1 class="mb-4">Spelling and Phonics</h1>
<p class="mb-4">The perfect game for kids to learn to spell, while
having fun! The game helps young children learn to spell by sounding out words,
phonics, and teaches how to associate letters with pictures. </p>
href="https://www.turtlediary.com/games/phonics.html">Read More</a>
<audio controls>
<source src="audio/s&p.mp3" type="audio/mp3">
</audio>
</div>
</div>
</div>
</div>
</div>
</div>

172
Development</a>
Development</a>
Development</a>
Development</a>
</div>
24793600</p>
173
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
<div class="col-4">
alt="">
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
</div>
174
</div>
</div>
</div>
</div>
</div>
<div class="row">
Reserved.
</div>
175
<a href="">Home</a>
<a href="">Help</a>
<a href="">FQAs</a>
</div>
</div>
</div>
</div>
</div>
</div>



<script
.js"></script>
176

</body>
</html>
177
178
Socio-emotional Development Page-
<!DOCTYPE html>
<html lang="en">
<head>



<link

<link
rel="stylesheet">
179
<link



</head>
<body>
role="status">
</div>
</div>
180
p-0">
px-lg-5">
</a>
</button>
DEVELOPMENT</a>
DEVELOPMENT</a>
DEVELOPMENT</a>
DEVELOPMENT</a>
181
</div>
</div>
</div>
</div>
</nav>


<h1 class="display-3 text-white animated
slideInDown">SOCIO-EMOTIONAL AND ETHICAL
DEVELOPMENT</h1>
182
aria-current="page">Socio-emotional and ethical development</li>
</ol>
</nav>
</div>
</div>
</div>
</div>


src="img/Activity 1 img2.jpg" alt="" style="object- t: cover;">
</div>
</div>
183
<h1><class="mb-4">Start each day with a check-in</h1>
<p class="mb-4">This chart is a fun one to help students communicate
how they’re feeling. Position it next to your classroom door, and have students
point to the emoji that most closely matches how they’re feeling as they enter.
This activity helps students get in the habit of monitoring their emotions and
gives you valuable information about your students’ moods.</p>
</div>
</div>
</div>
</div>
</div>
</div>

src="img/Activity 2 img2.jpg" alt="" style="object- t: cover;">
</div>
</div>
184
<h1 class="mb-4">Play a monster emotions match game</h1>
<p class="mb-4">This fun and engaging game helps kids learn how to
identify emotions in other people. The game begins as students walk around the
room making the feeling face that matches their card. As they walk, they look for
another student who seems to be demonstrating the same feeling. Once everyone
thinks they have found their matching feeling friend, let them check their cards to
see if they are right. Play a few rounds to give kids a chance to try out di erent
feelings.</p>
</div>
</div>
</div>
</div>
</div>
</div>


185
Development</a>
Development</a>
Development</a>
Development</a>
</div>
24793600</p>
</div>
<div class="col-4">
</div>
186
<div class="col-4">
</div>
<div class="col-4">
alt="">
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
</div>
</div>
</div>
187
</div>
</div>
</div>
<div class="row">
Reserved.
</div>
<a href="">Home</a>
<a href="">Help</a>
<a href="">FQAs</a>
</div>
</div>
</div>
188
</div>
</div>
</div>



<script
.js"></script>

</body>
</html>
189
190
Contact Page-
<!DOCTYPE html>
<html lang="en">
<head>



<link
ily=Nunito:wght@600;700;800&display=swap"
rel="stylesheet">
191
<link
rel="stylesheet">
<link



</head>
<body>
<div id="spinner"
class="show bg-white position- xed translate-middle w-100 vh-100 top-50
start-50 d- ex align-items-center justify-content-center">
role="status">
</div>
192
</div>

p-0">
px-lg-5">
</a>
</button>
DEVELOPMENT</a>
DEVELOPMENT</a>
193
</div>
</div>
</div>
</div>
</nav>


<h1 class="display-3 text-white animated slideInDown">Contact</h1>
194
aria-current="page">Contact</li>
</ol>
</nav>
</div>
</div>
</div>
</div>



<div class="text-center wow fadeInUp" data-wow-delay="0.1s">
<h6 class="section-title bg-white text-center text-primary px-3">Contact
Us</h6>
<h1 class="mb-5">Contact For Any Query</h1>
</div>
195
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<h5>Get In Touch</h5>
<p class="mb-4">The contact form is currently inactive. Get a functional
and working contact form with Ajax &
PHP in a few minutes. Just copy and paste the les, add a little code and
you're done. <a
href="https://htmlcodex.com/contact-form">Download Now</a>.</p>
<div class="d- ex align-items-center mb-3">
<div class="d- ex align-items-center justify-content-center ex-shrink-0
bg-primary"
style="width: 50px; height: 50px;">
<i class="fa fa-map-marker-alt text-white"></i>
</div>
<div class="ms-3">
<h5 class="text-primary">School</h5>
<p class="mb-0">Lakshmipat Singhania Academy</p>
</div>
</div>
<div class="d- ex align-items-center mb-3">
bg-primary"
<i class="fa fa-phone-alt text-white"></i>
</div>
<div class="ms-3">
<h5 class="text-primary">Mobile</h5>
196
<p class="mb-0">+91 33 24793600</p>
</div>
</div>
<div class="d- ex align-items-center">
bg-primary"
<i class="fa fa-envelope-open text-white"></i>
</div>
<div class="ms-3">
<h5 class="text-primary">Email</h5>
<p class="mb-0">lsa_kol@redi mail.com</p>
</div>
</div>
</div>
<iframe class="position-relative rounded w-100 h-100"
src="
https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3685.42942112
8669!2d88.32836461495874!3d22.525581185206907!2m3!1f0!2f0!3f0!3m2!1i1
024!2i768!4f13.1!3m3!1m2!1s0x3a027750e560d4f7%3A0x1c32d88d6a5258bd!2
sLakshmipat%20Singhania%20Academy%20(LSA)!5e0!3m2!1sen!2sin!4v1685724
814985!5m2!1sen!2sin"
frameborder="0" style="min-height: 300px; border:0;" allowfullscreen=""
aria-hidden="false"
tabindex="0"></iframe>
197
</div>
<form>
<div class="col-md-6">
<div class="form- oating">
<input type="text" class="form-control" id="name" placeholder="Your
Name">
<label for="name">Your Name</label>
</div>
</div>
<div class="col-md-6">
<input type="email" class="form-control" id="email"
placeholder="Your Email">
<label for="email">Your Email</label>
</div>
</div>
<div class="col-12">
<input type="text" class="form-control" id="subject"
placeholder="Subject">
<label for="subject">Subject</label>
</div>
</div>
198
<textarea class="form-control" placeholder="Leave a message here"
id="message"
style="height: 150px"></textarea>
<label for="message">Message</label>
</div>
</div>
<button class="btn btn-primary w-100 py-3" type="submit">Send
Message</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>


199
Development</a>
Development</a>
Development</a>
Development</a>
</div>
24793600</p>
</div>
<div class="col-4">
</div>
200
<div class="col-4">
</div>
<div class="col-4">
alt="">
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
</div>
</div>
</div>
201
</div>
</div>
</div>
<div class="row">
Reserved.
</div>
<a href="ind">Home</a>
<a href="">Help</a>
<a href="">FQAs</a>
</div>
</div>
</div>
202
</div>
</div>
</div>



<script
.js"></script>

</body>
</html>
203
Form Page-
<!DOCTYPE html>
<html lang="en">
204
<head>



<link
rel="stylesheet">

<link
rel="stylesheet">
<link
205


</head>
<body>
<div id="spinner"
role="status">
</div>
</div>
206
p-0">
px-lg-5">
</a>
</button>
DEVELOPMENT</a>
DEVELOPMENT</a>
DEVELOPMENT</a>
DEVELOPMENT</a>
</div>
207
</div>
</div>
</div>
</nav>


<h1 class="display-3 text-white animated slideInDown">Parent Sign-up
Form</h1>
208
<li class="breadcrumb-item"><a class="text-white" href="#">Sign
up</a></li>
</ol>
</nav>
</div>
</div>
</div>
</div>



<div class="container-xxl py-5 wow fadeInUp" data-wow-delay="0.1s"
<div class="container text-center">
<div>
<style>
.error {
color: red;
}
</style>
209
<form id="signupForm" onsubmit="validateForm(event)">
<label for="parentName">Parent's Name:</label>
<input type="text" id="parentName" required=""><br><br>
<label for="childName">Child's Name:</label>

<input type="text" id="childName" required=""><br><br>
<label for="childAge">Child's Age:</label>

<input type="number" id="childAge" required=""><br>
<span id="ageError" class="error"></span><br><br>
<label for="domainActivities">Domain Activities:</label><br>

<input type="checkbox" id="Physical Development" name="activities"
value="Physical Development">
<label for="Physical Development">Physical Development</label><br>
<input type="checkbox" id="Cognitive development" name="activities"
value="Cognitive development">
<label for="Cognitive development">Cognitive development</label><br>
<input type="checkbox" id="Language development" name="activities"
value="Language development">
<label for="Language development">Language development</label><br>
<input type="checkbox" id="cultural development" name="activities"
value="cultural development">
<label for="cultural development">Cultural
development &NonBreakingSpace;</label><br><br>
210
<input type="submit" value="Sign Up">
</form>
<div id="con rmation" style="display: none;">

<h2>Con rmation</h2>
<p>Child's Name: <span id="con rmedChildName"></span></p>
<p>Registered Domain Activities:</p>
<ul id="con rmedActivities"></ul>
</div>
<script>
function validateForm(event) {
event.preventDefault(); // Prevent form submission
// Get form input values

var parentName = document.getElementById('parentName').value;
var childName = document.getElementById('childName').value;
var childAge = parseInt(document.getElementById('childAge').value);
var activities = [];
// Validate child's age

var ageError = document.getElementById('ageError');
if (childAge < 3 || childAge > 8) {
ageError.innerText = 'Child\'s age must be between 3 and 8.';
return;
211
} else {
ageError.innerText = '';
}
// Get selected activities

var checkboxes = document.getElementsByName('activities');
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
activities.push(checkboxes[i].value);
}
}
// Display con rmation message

document.getElementById('con rmedChildName').innerText =
childName;
var con rmedActivities =
document.getElementById('con rmedActivities');
con rmedActivities.innerHTML = '';
activities.forEach(function (activity) {
var li = document.createElement('li');
li.innerText = activity;
con rmedActivities.appendChild(li);
});
document.getElementById('signupForm').style.display = 'none';
document.getElementById('con rmation').style.display = 'block';
212
}
</script>
</div>
</div>
</div>
</div>


Development</a>
Development</a>
Development</a>
Development</a>
213
</div>
24793600</p>
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
<div class="col-4">
alt="">
</div>
<div class="col-4">
214
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
Reserved.
215
</div>
<a href="">Home</a>
<a href="">Help</a>
<a href="">FQAs</a>
</div>
</div>
</div>
</div>
</div>
</div>


216
<script
.js"></script>
</body>
</html>
217
218
Bibliography Page-
<!DOCTYPE html>
<html lang="en">
<head>



<link
rel="stylesheet">
219
<link
rel="stylesheet">
<link



</head>
<body>
<div id="spinner"
<div class="spinner-border text-primary" style="width: 3rem;height: 3rem;"
role="status">
</div>
220
</div>

p-0">
px-lg-5">
</a>
</button>
DEVELOPMENT</a>
DEVELOPMENT</a>
221
</div>
</div>
</div>
</div>
</nav>


<h1 class="display-3 text-white animated slideInDown"
>BIBLIOGRAPHY</h1>
222
aria-current="page">Bibliography</li>
</ol>
</nav>
</div>
</div>
</div>
</div>



pe-3">Content</h6>
223
<p class="mb-0"><i class="fa fa-arrow-right text-primary
me-2"></i>https://www.hopscotch.in/blog/hopscotch-game-everything-you-wo
uld-want-to-know/</p>
me-2"></i>https://www.parentcircle.com/health-bene ts-of-swimming-for-kids/
article</p>
me-2"></i>https://gamesnacks.com/games/wordpics</p>
me-2"></i>https://www.turtlediary.com/games/phonics.html</p>
me-2"></i>COGNITIVE DEVELOPMENT</p>
me-2"></i>LANGUAGE AND LITERACY DEVELOPMENT</p>
</p>
</div>
</div>
</div>
</div>
</div>
</div>

224

<h6 class="section-title bg-white text-start text-primary pe-3">Media</h6>
me-2"></i>PHYSICAL DEVELOPMENT</p>
</div>
me-2"></i>COGNITIVE DEVELOPMENT</p>
</div>
me-2"></i>LANGUAGE AND LITERACY DEVELOPMENT</p>
</div>
</p>
</div>
</div>
</div>
</div>
225
</div>
</div>

<div class="container-xxl py-5 ">
<div class="container" style="text-align: left;">

<h6 class="section-title bg-white text-start text-primary pe-3">Javascript And
CSS Libraries</h6>
me-2"></i>https://code.jquery.com/jquery-3.4.1.min.js<br>&nbsp</p>
<p class="mb-0" ><i class="fa fa-arrow-right text-primary

me-2"></i>https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bund
le.min.js<br>&nbsp</p>

me-2"></i>WOW wow.js - v1.3.0 - 2016-10-04<br>
https://wowjs.uk<br>
Licensed MIT<br>&nbsp</p>

me-2"></i>Waypoints - 4.0.1<br>
226
Licensed under the MIT license.<br>
https://github.com/imakewebthings/waypoints/blob/master/licenses.txt<br>&n
bsp
</p>
<p class="mb-0"><i class="fa fa-arrow-right text-primary me-2"></i>Owl

Carousel v2.2.1<br>
Copyright 2013-2017 David Deutsch<br>&nbsp
</p>

me-2"></i>jQuery Easing v1.4.1 - http://gsgd.co.uk/sandbox/jquery/easing/<br>
Open source under the BSD License.<br>
Copyright © 2008 George McGinley Smith<br>
All rights reserved.<br>
https://raw.github.com/gdsmith/jquery-easing/master/LICENSE<br>&nbsp
</p>

me-2"></i>animate.css -http://daneden.me/animate<br>
Version - 3.5.2<br>
Licensed under the MIT license -
http://opensource.org/licenses/MIT<br>
Copyright (c) 2017 Daniel Eden<br>&nbsp
</p>
227
</div>
</div>
</div>
</div>
</div>
</div>


Development</a>
Development</a>
Development</a>
Development</a>
228
</div>
24793600</p>
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
<div class="col-4">
alt="">
</div>
<div class="col-4">
229
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
© <a class="border-bottom" href="#">Eduscape</a>, All Right
Reserved.
230
</div>
<a href="">Home</a>
<a href="">Help</a>
<a href="">FQAs</a>
</div>
</div>
</div>
</div>
</div>
</div>


231
<script
.js"></script>

</body>
</html>
232
233
THE
END
234

Raunak Nath Project File

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Raunak Nath Project File

Uploaded by

Copyright:

Available Formats

Raunak Nath

Lakshmipat Singhania Academy

Class: XII Subject: Web Application

Date of Submissions Review: 02.06.2023 Final: 12.06.2023

Board Project – Step1

● Use of technological knowledge = 8

// Initiate the wowjs

// Dropdown on mouse hover

$(window).on("load resize", function() {

// Back to top button

/*** Button ***/

/*** Navbar ***/

.navbar-light .navbar-nav .nav-link {

@media (max-width: 991.98px) {

.navbar-light .navbar-nav .nav-link {

@media (min-width: 992px) {

.navbar .nav-item:hover .dropdown-menu {

/*** Header carousel ***/

.header-carousel .owl-carousel-item img {

.header-carousel .owl-nav .owl-prev,

.header-carousel .owl-nav .owl-prev:hover,

/*** Section Title ***/

/*** Service ***/

/*** Categories & Courses ***/

.category a:hover img,

/*** Team ***/

@media (min-width: 768px) {

@media (min-width: 992px) {

.testimonial-carousel .owl-item .testimonial-text,

.testimonial-carousel .owl-item.center .testimonial-text {

.testimonial-carousel .owl-item.center .testimonial-text * {

/*** Footer ***/

.footer .footer-menu a:last-child {

/* Button */

/* Navbar */

/* Header carousel */

/* Section Title */

/* Service */

/* Categories & Courses */

/* Team */

/* Footer */