Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 38

Development technology v

A
Project Report

On

“E-Learning System”
Submitted In Partial Fulfilment For The Degree Of
Bachelor Of Computer Application
In
Department Of Computer Application
From Mohanlal Sukhadia University, Udaipur

Session: 2021-2022

Submitted By: Submitted To:


Shailesh nagar Mr. Naresh Mungiya
BCA Final Year BCA Department

MOHANLAL SUKHADIA UNIVERSITY, UDAIPUR


SP COLLEGE
Sarvadham Temple Sirohi
Department Of Computer Application
FEBRUARY, 2022

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

SESSION 2021-22

Certificate

This is to certify that the work which is being presented in the BCA major project entitled “E-
LEARNING SYSTEM HAS BEEN SUBMITTED TO THE SP COLLEGE, SIROHI
fulfilment of the requirement for the award of degree of bachelor of computer application

Date:

Place:

HEAD OF DEPARTMENT PRINCIPAL

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

DECLARATION :

In accordance with the requirements for the degree of bachelor of computer application, in
department of computer application, I present this report entitled “E-Learning System” This
report is completed under the supervision of Mr. Narseh Mungiya.

I declare that the work presented in the report is my own work except as acknowledged in
the text and footnotes, and that to my knowledge this material has not been submitted either
in whole or in part, for a degree at this university or at any other such institution.

DATE: / /2022 RAJESH KUMAR

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

Acknowledgement :

My Satisfaction On Successful Completion Of Practical Training Would Not Be Complete

Without Mention Of Those Who Made It Possible Under Whose Guidance And

Encouragement Helped Me To Achieve This Success.

I would like to express my gratitude towards our Director Mr.Ashutosh Patnifor

allowing me to conduct E-Learning System project. I also feel thankful and express

my kind gratitude towards Mr. Hitesh Kumarfor guiding me throughout the project.

The mentioned project was done under the supervision of Mr. Yogesh RajSant I thank

all participants for their positive support and guidance.I Am Deeply Indebted To Mr.

Naresh MungiyaOur Technical Guide For Giving Me The Opportunity To Work

Under Her And Providing All The Necessary Resources For The Project And The

Essential Tips And Assistance While Undergoing The Project.

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

Abstract :

● Introduction part gives the information regarding E-Learning project. It also gives
brief introduction about the project .it gives a short introduction about system.

● The next part is the requirment people which is mainly concerned with study of
various requirements such as user, system, hardware/software & performance. It
also includes feasibility study of system.

● Last part is regarding conclusion.

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

INDEX

Table of Contents

Project Report
Certificate
Declaration
Acknowledgement
Abstract

Introduction
Objective
SDLC Model
Developement Technology...............................................................................................

Implementation
Future Scope
Conclusion
Reference

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

Introduction:

 The process of studying through electronic devices is called e-learning or electronic


learning. ... A learning system based on formalised teaching but with the help of
electronic resources is known as E-learning. ... E-learning can also be termed as
a network enabled transfer of skills and knowledge, and the delivery of education is
made to a large number of recipients at the same or different times.

 One of the prime importance of e-learning is that it helps students and teachers
develop advanced skills.

 Online learning helps students to create and communicate new ideas. You get the
chance to uplift your skills and gain knowledge apart from school education.

Objective:

● Introduce yourself. Tell readers who you are in the first line of your E-Learning

introduction.
● Aim for a Digitally Learning .

● Decide which professional Sir experience to include.

● Experience Full Knowledge Team.

● Daily Quiz System Availble.

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

● Include a video lecture.

● Provide facility 24*7.

SDLC Model :

SDLC is a process followed for a software project, within a software organization. It


consists of a detailed plan describing how to develop, maintain, replace and alter or
enhance specific software. The life cycle defines a methodology for improving the quality
of software and the overall development process.

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

Development Technology:

The System Uses HTML , CSS , JAVASCRIPT As Code Language in Microsoft Visual
Studio. Visual Studio Provides A facility to run HTML, CSS , Java-Script code in it

Visual Studio

Microsoft Visual Studio is an integrated development environment (IDE)


from Microsoft. It is used to develop computer programs, as well as websites, web
apps, web services and mobile apps. Visual Studio uses Microsoft software development
platforms such as Windows API, Windows Forms, Windows Presentation
Foundation, Windows Store and Microsoft Silverlight. It can produce both native
code and managed code.

Advantages:-

● Light-weight.
● Robust Architecture.
● Intelli-Sense.

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

● Freeware: Free of Cost- probably the best feature of all for all the programmers out
there, even more for the organizations.

Implementation :

<!—Homepage__>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

Home Page HTML

<!DOCTYPE html>
<html>
<head>
    <link rel="shortcut icon" type="png" href="images/icon/favicon.png">
   
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Comaptible" content="IE=edge">
    <title>E-Learning</title>
    <meta name="desciption" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="style.css">
    <script type="text/javascript" src="script.js"></script>
    <script src="https://code.jquery.com/jquery-3.2.1.js"></script>
    <script>
        $(window).on('scroll', function(){
            if($(window).scrollTop()){
              $('nav').addClass('black');
             }else {
           $('nav').removeClass('black');
         }
        })
    </script>
</head>
<body>
<!-- Navigation Bar -->
    <header id="header">
   
DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM
Development technology v

        <nav>
            <div class="logo"><img src="images/icon/Capture12.PNG" alt="logo"></div>
           
            <ul>
                <li><a class="active" href="">Home</a></li>
                <li><a href="#portfolio_section">Portfolio</a></li>
                <li><a href="#team_section">Team</a></li>
                <li><a href="#services_section">Services</a></li>
                <li><a href="#about_section">About</a></li>
                <li><a href="#contactus_section">Contact Us</a></li>
            </ul>
        </nav>
        <div class="head-container">
            <div class="quote">
                <p>You Can Learn Anything</p>
                <br>
               
                <h2>The beautiful thing about learning is that nobody can take it away
from you.</h2>
                <h5>Education is the process of facilitating learning, or the
acquisition of knowledge, skills, values, beliefs, and habits. Educational methods
include teaching, training, storytelling, discussion and directed research!</h5>
   
               
            </div>
            <div class="svg-image">
                <img src="images/extra/svg1.jpg" alt="svg">
            </div>
        </div>
        <div class="side-menu" id="side-menu">
            <div class="close" onclick="sideMenu(1)"><img src="images/icon/close.png"
alt=""></div>
            <div class="user">
                <img src="images/creator/rajesh.PNG" alt="Username">
                <p>roshank9419</p>
            </div>
            <ul>
                <li><a href="#about_section">About</a></li>
                <li><a href="#portfolio_section">Portfolio</a></li>
                <li><a href="#team_section">Team</a></li>
                <li><a href="#services_section">Services</a></li>
                <li><a href="#contactus_section">Contact</a></li>
                <li><a href="#feedBACK">Feedback</a></li>
            </ul>
        </div>
    </header>

<!-- Some Popular Subjects -->


DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM
Development technology v

    <div class="title">
        <span>Popular Subjects on E-Learning</span>
    </div>
    <br><br>
    <div class="course">
        <center><div class="cbox">
        <div class="det"><a href="subjects/jee.html"><img
src="images/courses/book.png">JEE Preparation</a></div>
        <div class="det"><a href="subjects/gate.html"><img
src="images/courses/d1.png">GATE Preparation</a></div>
        <div class="det"><a href="subjects/jee.html#sample_papers"><img
src="images/courses/paper.png">Sample Papers</a></div>
        <div class="det"><a href="subjects/quiz.html"><img
src="images/courses/d1.png">Daily Quiz</a></div>
        </div></center>
        <div class="cbox">
        <div class="det"><a href="subjects/computer_courses.html"><img
src="images/courses/computer.png">Computer Courses</a></div>
        <div class="det"><a href="subjects/computer_courses.html#data"><img
src="images/courses/data.png">Data Structures</a></div>
        <div class="det"><a href="subjects/computer_courses.html#algo"><img
src="images/courses/algo.png">Algorithm</a></div>
        <div class="det det-last"><a href="subjects/computer_courses.html#projects"><img
src="images/courses/projects.png">Projects</a></div>
        </div>
    </div>

   
<!-- ABOUT -->
    <div class="diffSection" id="about_section">
        <center><p style="font-size: 50px; padding: 100px">About</p></center>
        <div class="about-content">
                <div class="side-image">
                    <img class="sideImage" src="images/extra/e3.jpg">
                </div>
                <div class="side-text">
                    <h2>What you think about us ?</h2>
                    <p>Education is the process of facilitating learning, or the
acquisition of knowledge, skills, values, beliefs, and habits. Educational methods
include teaching, training, storytelling, discussion and directed research.<br>
Educational website can include websites that have games, videos or topic related
resources that act as tools to enhance learning and supplement classroom teaching. These
websites help make the process of learning entertaining and attractive to the student,
especially in today's age. <br>Using HTML(HyperText Markup Language), CSS(Cascading
Style Sheet), JavaScript, we can make learning more easier and in a interesting way.</p>
                </div>
        </div>
    </div>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

<!-- PORTFOLIO -->


    <div class="diffSection" id="portfolio_section">
        <center><p style="font-size: 50px; padding: 100px; padding-bottom:
40px;">Portfolio</p></center>
        <div class="content">
            <p>
                “Education is the passport to the future, for tomorrow belongs to those
who prepare for it today.” “Your attitude, not your aptitude, will determine your
altitude.” “If you think education is expensive, try ignorance.” “The only person who is
educated is the one who has learned how to learn …and change.”
            </p>
        </div>
    </div>
    <div class="extra">
        <p>We're increasing this data every year</p>
        <div class="smbox">
        <span><center><div class="data">102</div><div class="det">Enrolled
Students</div></center></span>
        <span><center><div class="data">10</div><div class="det">Total
Courses</div></center></span>
        <span><center><div class="data">56</div><div class="det">Placed
Students</div></center></span>
        <span><center><div class="data">27</div><div class="det">Total
Projects</div></center></span>
        </div>
    </div>

<!-- TEAM -->


    <div class="diffSection" id="team_section">
        <center><p style="font-size: 50px; padding-top: 100px; padding-bottom:
60px;">We're the Creators</p></center>
        <div class="totalcard">
            <div class="card">
                <center><img src="images/creator/rajesh.PNG"></center>
                <center><div class="card-title">Rajesh Jain</div>
                <div id="detail">
                    <p>“ You can teach a student a lesson for a day; but if you can
teach him to learn by creating curiosity, he will continue the learning process as long
as he lives “</p>
                    <div class="duty"></div>
                    <a href="https://www.instagram.com/rajesh_jain02/"
target="_blank"><button class="btn-roshan">Follow +</button></a>
                </div>
                </center>
            </div>
            <div class="card">
DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM
Development technology v

                <center><img src="images/creator/rajesh2.PNG"></center>
                <center><div class="card-title">Rajesh Jain</div>
                <div id="detail">
                    <p>“ Real education should consist of drawing the goodness and the
best out of our own students. What better books can there be than the book of humanity
“</p>
                    <div class="duty"></div>
                    <a href="https://www.instagram.com/rajesh_jain02/"
target="_blank"><button class="btn-akhil">Follow +</button></a>
                </div>
                </center>
            </div>
        </div>
    </div>

<!-- SERVICES -->


    <div class="service-swipe">
        <div class="diffSection" id="services_section">
        <center><p style="font-size: 50px; padding: 100px; padding-bottom: 40px; color:
#fff;">Services</p></center>
        </div>
        <a href="subjects/computer_courses.html"><div class="s-card"><img
src="images/icon/computer-courses.png"><p>Free Online Computer Courses</p></div></a>
        <a href="subjects/jee.html"><div class="s-card"><img
src="images/icon/brainbooster.png"><p>Building Concepts for Competitive
Exams</p></div></a>
        <a href="#"><div class="s-card"><img src="images/icon/online-
tutorials.png"><p>Online Video Lectures</p></div></a>
        <a href="subjects/jee.html#sample_papers"><div class="s-card"><img
src="images/icon/papers.jpg"><p>Sample Papers of Various Competitive Exams</p></div></a>
       
       
        <a href="subjects/quiz.html"><div class="s-card"><img
src="images/icon/q1.png"><p>Daily Brain Teasing Questions to Improve IQ</p></div></a>
        <a href="#contactus_section"><div class="s-card"><img
src="images/icon/help.png"><p>24x7 Online Support</p></div></a>
    </div>

<!-- CONTACT US -->


    <div class="diffSection" id="contactus_section">
        <center><p style="font-size: 50px; padding: 100px">Contact Us</p></center>
        <div class="csec"></div>
        <div class="back-contact">
            <div class="cc">
            <form action="mailto:jainrajesh3977@gmail.com" method="post"
enctype="text/plain">

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

                <label>First Name <span class="imp">*</span></label><label


style="margin-left: 185px">Last Name <span class="imp">*</span></label><br>
                <center>
                <input type="text" name="" style="margin-right: 10px; width: 175px"
required="required"><input type="text" name="lname" style="width: 175px"
required="required"><br>
                </center>
                <label>Email <span class="imp">*</span></label><br>
                <input type="email" name="mail" style="width: 100%"
required="required"><br>
                <label>Message <span class="imp">*</span></label><br>
                <input type="text" name="message" style="width: 100%"
required="required"><br>
                <label>Additional Details</label><br>
                <textarea name="addtional"></textarea><br>
                <button type="submit" id="csubmit">Send Message</button>
            </form>
            </div>
        </div>
    </div>

<!-- Sliding Information -->


    <marquee style="background: linear-gradient(to right, #FA4B37, #DF2771); margin-top:
50px;" direction="left" onmouseover="this.stop()" onmouseout="this.start()"
scrollamount="20"><div class="marqu">“Education is the passport to the future, for
tomorrow belongs to those who prepare for it today.” “Your attitude, not your aptitude,
will determine your altitude.” “If you think education is expensive, try ignorance.”
“The only person who is educated is the one who has learned how to learn …and
change.”</div></marquee>

<!-- FOOTER -->


    <footer>
        <div class="footer-container">
            <div class="left-col">
                <img src="images/icon/Capture12.PNG" style="width: 200px;">
                <div class="logo"></div>
                <div class="social-media">
                    <a href="#"><img src="images/icon\fb.png"></a>
                    <a href="#"><img src="images/icon\insta.png"></a>
                    <a href="#"><img src="images/icon\tt.png"></a>
                    <a href="#"><img src="images/icon\ytube.png"></a>
                    <a href="#"><img src="images/icon\linkedin.png"></a>
                </div><br><br>
                <p class="rights-text">Created By Rajesh Jain</p>
                <br><p><img src="images/icon/location.png"> <br>Sirohi, Rajasthan-
307001</p><br>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

                <p><img src="images/icon/phone.png"> +91-7340180547<br><img


src="images/icon/mail.png">&nbsp; jainrajesh3977@gmail.com</p>
            </div>
            <div class="right-col">
                <h1 style="color: #fff">Our Newsletter</h1>
                <div class="border"></div><br>
                <p>Enter Your Email to get our News and updates.</p>
                <form class="newsletter-form">
                    <input class="txtb" type="email" placeholder="Enter Your Email">
                    <input class="btn" type="submit" value="Submit">
                </form>
            </div>
        </div>
    </footer>

</body>
</html>

<!—Quiz Part Coding-->

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

Quiz Page HTML Code

<!DOCTYPE html>
<html>
<head>
    <link rel="shortcut icon" type="png" href="../images/icon/favicon.png">
    <title>Quiz on E-Learning</title>
    <link rel="stylesheet" type="text/css" href="quizStyle.css">
    <script type="text/javascript" src="../script.js"></script>
</head>
<body>
   
<!-- NAVIGATION -->

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

    <header>
        <div class="nav" id="nav">
            <div id="learned-logo">
            <a href="../index.html"><img src="../images/icon/Capture12.PNG"
style="width: 120px;"></a></div>
            <div class="switch-tab" id="switch-tab" onclick="switchTAB()"><img
src="../images/icon/menu.png"></div>
            <ul id="list-switch">
                <li><a href="file:///C:/Users/Hp/Desktop/Project/LearnEd_E-
learning_Website/index.html?"><img src="../images/courses/projects.png"
class="icon">HOME</a></li>
                <li><a href="jee.html"><img src="../images/courses/d1.png"
class="icon">JEE</a></li>
                <li><a href="gate.html"><img src="../images/courses/paper.png"
class="icon">GATE</a></li>
                <li><a href="computer_courses.html"><img
src="../images/courses/computer.png" class="icon">Computer Courses</a></li>
               
               
                <li><a href="../subjects/quiz.html"><img
src="../images/courses/algo.png" class="icon">Daily Quiz</a></li>
            </ul>
            <div class="search" id="search-switch">
                <input type="search" placeholder="Search" class="srch"><button
id="srchbtn"><img src="../images/icon/search.png"></button>
            </div>
        </div>
    </header>
   

<!-- MAIN Heading of Page -->


    <div class="title" id="title">
        <span>Daily Quiz on E-Learning</span>
        <div class="shortdesc"><br>
            <p>If you think education is expensive, try ignorance</p>
        </div>
        <button onclick="startquiz()">Start Now</button>
    </div>

<div class="panel" id="panel">


   
    <div class="left-side" id="left">
        <ul>
            <li onclick="quizt(1)">HOME</li>
            <li onclick="quizt(2)">JEE Mains</li>
            <li onclick="quizt(3)">JEE Advanced</li>
            <li onclick="quizt(4)">GATE</li>
            <li onclick="quizt(5)">C Language</li>
DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM
Development technology v

            <li onclick="quizt(6)">Java</li>
            <li onclick="quizt(7)">Python</li>
            <li onclick="quizt(8)">JavaScript</li>
            <li onclick="quizt(9)">Data Structures</li>
            <li onclick="quizt(10)">Algorithm</li>
            <li onclick="quizt(11)">Interview Questions</li>
        </ul>
    </div>

    <div class="right-side" id="right">


        <div id="quiz-container">
           
            <div id="f1"><div class="quiz-frame main-frame"></div></div>

            <div id="f2"><iframe class="quiz-frame"


src="https://docs.google.com/forms/d/e/1FAIpQLSe3hXLPuiQGqj1n3IeeAzM8YLNpgJIIk_zfteoEdWk
a4X3wxQ/viewform?embedded=true" frameborder="0" marginheight="0"
marginwidth="0">Loading…</iframe></div>
           
            <div id="f3"><iframe class="quiz-frame"
src="https://docs.google.com/forms/d/e/1FAIpQLSeVTLsd_AqZGpbIMnZRm20OKrjjiYSirWBjfCHpWtA
sMQU--g/viewform?embedded=true" frameborder="0" marginheight="0"
marginwidth="0">Loading…</iframe></div>
           
            <div id="f4"><iframe class="quiz-frame"
src="https://docs.google.com/forms/d/e/1FAIpQLSdjSKZhQp5jqqR34zD_uWMtgXr18F9pdK6YqcafLSP
6J7VZjw/viewform?embedded=true" frameborder="0" marginheight="0"
marginwidth="0">Loading…</iframe></div>

            <div id="f5"><iframe class="quiz-frame"


src="https://docs.google.com/forms/d/e/1FAIpQLSe1xs1-
41MAbLN7KkXrJwtGdbl5ydxe_vX_nmFRjf6c0wtYkA/viewform?embedded=true"  frameborder="0"
marginheight="0" marginwidth="0">Loading…</iframe></iframe></div>
           
            <div id="f6"><iframe class="quiz-frame"
src="https://docs.google.com/forms/d/e/1FAIpQLSdHFDm_BakVxro_zJI78OF2OLJpXgDzzaAVMHD9hpt
WlXBSpA/viewform?embedded=true" frameborder="0" marginheight="0"
marginwidth="0">Loading…</iframe></div>
           
            <div id="f7"><iframe class="quiz-frame"
src="https://docs.google.com/forms/d/e/1FAIpQLSdgD7yFEJtqpkImDiLAaQ7w9VcsO688gr1V3Gl7Fqw
M5yXtWQ/viewform?embedded=true" frameborder="0" marginheight="0"
marginwidth="0">Loading…</iframe></div>

            <div id="f8"><iframe class="quiz-frame"


src="https://docs.google.com/forms/d/e/1FAIpQLSchDBnai_Aup7YFJQegg4z-
qoB338p010VgZRxBYDT17xoRew/viewform?embedded=true" frameborder="0" marginheight="0"
marginwidth="0">Loading…</iframe></div>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

            <div id="f9"><iframe class="quiz-frame"


src="https://docs.google.com/forms/d/e/1FAIpQLSfY5oIAz4R9Ty-LBpx7h4th6OJ0-
RkrxIlLslRV4NjwwW8_uw/viewform?embedded=true" frameborder="0" marginheight="0"
marginwidth="0">Loading…</iframe></div>
           
            <div id="f10"><iframe class="quiz-frame"
src="https://docs.google.com/forms/d/e/1FAIpQLSflwS89sG7H98J9vFgFqJgsKaZ5gpq3yUlOiW3up7R
QQ-qRnw/viewform?embedded=true" frameborder="0" marginheight="0"
marginwidth="0">Loading…</iframe></div>

            <div id="f11"><iframe class="quiz-frame"


src="https://docs.google.com/forms/d/e/1FAIpQLSe_aS8-
CMNFdUzI1UE73zahC2bmMwJkmB6FJXPIeKbLIBqB4Q/viewform?embedded=true" frameborder="0"
marginheiclass="quiz-frame" ght="0" marginwidth="0">Loading…</iframe></div>

        </div>
    </div>

</div>

    <script type="text/javascript" src="../script.js"></script>


</body>
</html>

<!—Computer Course page

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

Computer Course HTML Code


<!DOCTYPE html>
<html>
<head>
    <link rel="shortcut icon" type="png" href="../images/icon/favicon.png">
    <title>Computer Science Courses on E-Learning</title>
    <link rel="stylesheet" type="text/css" href="subjects.css">
    <script type="text/javascript" src="../script.js"></script>
</head>
<body>
   
<!-- NAVIGATION -->
    <header>
        <div class="nav" id="nav">
            <div id="learned-logo">
            <a href="../index.html"><img src="../images/icon/Capture12.PNG"
style="width: 120px;"></a></div>
            <div class="switch-tab" id="switch-tab" onclick="switchTAB()"><img
src="../images/icon/menu.png"></div>
            <ul id="list-switch">
                <li><a href="../index.html"><img src="../images/courses/projects.png"
class="icon">HOME</a></li>
                <li><a href="jee.html"><img src="../images/courses/d1.png"
class="icon">JEE</a></li>
                <li><a href="gate.html"><img src="../images/courses/paper.png"
class="icon">GATE</a></li>
                <li><a href="#"><img src="../images/courses/computer.png"
class="icon">Computer Courses</a></li>
               

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

                <li><a href="../subjects/quiz.html"><img
src="../images/courses/algo.png" class="icon">Daily Quiz</a></li>
               
            </ul>
       
        </div>
    </header>
   

<!-- MAIN Heading of Page -->


    <div class="title">
        <span>Computer Science Courses<br>on E-Learning</span>
        <div class="shortdesc">
            <p>Learn programming languages and concepts to prepare for a career
in<br>hardware or software development</p>
        </div>
    </div>

<!-- Some KeyWords related to Topic -->


    <div class="course">
        <div class="cbox">
        <div class="det"><a href="#java">Java</a></div>
        <div class="det"><a href="https://developer.android.com/">Android
Development</a></div>
        <div class="det"><a
href="https://docs.oracle.com/javafx/2/get_started/fxml_tutorial.htm">FXML</a></div>
        <div class="det"><a href="#c++">C++</a></div>
        <div class="det"><a href="https://www.geeksforgeeks.org/introduction-of-
compiler-design/">Compiler Designing</a></div>
        <div class="det"><a href="https://www.coursera.org/specializations/game-design-
and-development">Game Development</a></div>
        <div class="det"><a href="#algo">Algorithm</a></div>
        </div>
        <div class="cbox">
        <div class="det"><a href="#python">Python</a></div>
        <div class="det"><a href="https://www.coursera.org/learn/machine-
learning">Machine Learning</a></div>
        <div class="det"><a
href="https://en.wikipedia.org/wiki/Artificial_intelligence">Artificial
Intelligence</a></div>
        <div class="det"><a
href="https://en.wikipedia.org/wiki/Network">Networking</a></div>
        <div class="det"><a
href="https://www.kaspersky.co.in/resource-center/definitions/what-is-cyber-
security">Cyber Security</a></div>
        <div class="det"><a href="https://www.eccouncil.org/ethical-hacking/">Ethical
Hacking</a></div>
        <div class="det"><a href="#data">Data Structures</a></div>
DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM
Development technology v

        </div>
        <div class="cbox">
        <div class="det"><a href="#html_css">HTML and CSS</a></div>
        <div class="det"><a href="https://www.udacity.com/course/full-stack-web-
developer-nanodegree--nd0044">Full Stack Web Development</a></div>
        <div class="det"><a href="https://uxplanet.org/what-is-ui-vs-ux-design-and-the-
difference-d9113f6612de?gi=6d9d13f4cc95">UI Designing</a></div>
        <div class="det"><a href="https://www.adobe.com/in/products/xd.html">Adobe
XD</a></div>
        <div class="det"><a href="https://www.sciencedirect.com/topics/computer-
science/hardware-design">Hardware Designing</a></div>
        <div class="det"><a href="#javascript">JavaScript</a></div>
        <div class="det"><a href="#html_css">Bootstrap</a></div>
        </div>
    </div>

<!-- Courses Available -->


    <div class="inbt">
        Accelerate your career with Computer Science programs
    </div>

    <div class="ccard">
    <center>
        <div class="ccardbox">
            <div class="dcard">
                <div class="fpart"><img src="../images/courses/java-course.jpg"></div>
                <a href="#java"><div class="spart">8 Courses <img
src="../images/icon/dropdown.png"></div></a>
            </div>
            <div class="dcard">
                <div class="fpart"><img src="../images/courses/python-course.png"></div>
                <a href="#python"><div class="spart">8 Courses <img
src="../images/icon/dropdown.png"></div></a>
            </div>
            <div class="dcard">
                <div class="fpart"><img src="../images/courses/c-course.jpg"></div>
                <a href="#c++"><div class="spart">8 Courses <img
src="../images/icon/dropdown.png"></div></a>
            </div>
        </div>
        <div class="ccardbox">
            <div class="dcard">
                <div class="fpart"><img src="../images/courses/web-course.jpg"></div>
                <a href="#html_css"><div class="spart">8 Courses <img
src="../images/icon/dropdown.png"></div></a>
            </div>
            <div class="dcard">
                <div class="fpart"><img src="../images/courses/data-course.jpg"></div>
DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM
Development technology v

                <a href="#data"><div class="spart">8 Courses <img


src="../images/icon/dropdown.png"></div></a>
            </div>
            <div class="dcard">
                <div class="fpart"><img src="../images/courses/algo-course.jpg"></div>
                <a href="#algo"><div class="spart">8 Courses <img
src="../images/icon/dropdown.png"></div></a>
            </div>
        </div>
    </center>
    </div>

<!-- Videos on JAVA Lectures -->


    <div class="title2" id="java">
        <span>Start Programming with Java</span>
        <div class="shortdesc2">
            <p>Practice and Practice to become a good Java programmer</p>
        </div>
    </div>
   
    <center>
        <div class="ccardbox2">
            <div class="dcard2"><span class="tag" >1/8</span>
                <div class="fpart2">
                    <img src="../images/courses/java-course.jpg">
                    <iframe src="https://www.youtube.com/embed/IsLyduxZ9sc"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >2/8</span>
                <div class="fpart2">
                    <img src="../images/courses/java-course.jpg">
                    <iframe src="https://www.youtube.com/embed/U_vuESBFEpE"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >3/8</span>
                <div class="fpart2">
                    <img src="../images/courses/java-course.jpg">
                    <iframe src="https://www.youtube.com/embed/7i8vbPA37y0"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >4/8</span>
                <div class="fpart2">
DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM
Development technology v

                    <img src="../images/courses/java-course.jpg">
                    <iframe src="https://www.youtube.com/embed/FB47F-QIk3k"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >5/8</span>
                <div class="fpart2">
                    <img src="../images/courses/java-course.jpg">
                    <iframe src="https://www.youtube.com/embed/8qyVcHJ1Et4"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >6/8</span>
                <div class="fpart2">
                    <img src="../images/courses/java-course.jpg">
                    <iframe src="https://www.youtube.com/embed/N53Vf8HGd-0"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >7/8</span>
                <div class="fpart2">
                    <img src="../images/courses/java-course.jpg">
                    <iframe src="https://www.youtube.com/embed/slz2Vc904Qg"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >8/8</span>
                <div class="fpart2">
                    <img src="../images/courses/java-course.jpg">
                    <iframe src="https://www.youtube.com/embed/Q0NVRQP1Z5g"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </center>
    <br><br>
   

<!-- Videos on C++ Lectures -->

    <div class="title2" id="c++">


        <span>Start Programming with C++</span>
        <div class="shortdesc2">

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

            <p>Practice and Practice to become a good C++ programmer</p>


        </div>
    </div>
    <center>
        <div class="ccardbox2">
            <div class="dcard2"><span class="tag" >1/8</span>
                <div class="fpart2"><img src="../images/courses/c-course.jpg">
                    <iframe src="https://www.youtube.com/embed/Iuo9PpGE04Y"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >2/8</span>
                <div class="fpart2"><img src="../images/courses/c-course.jpg">
                    <iframe src="https://www.youtube.com/embed/52dHKRD7cdg"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >3/8</span>
                <div class="fpart2"><img src="../images/courses/c-course.jpg">
                    <iframe src="https://www.youtube.com/embed/Iuo9PpGE04Y"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >4/8</span>
                <div class="fpart2"><img src="../images/courses/c-course.jpg">
                    <iframe src="https://www.youtube.com/embed/Iuo9PpGE04Y"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
       
            <div class="dcard2"><span class="tag" >5/8</span>
                <div class="fpart2"><img src="../images/courses/c-course.jpg">
                    <iframe src="https://www.youtube.com/embed/Iuo9PpGE04Y"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >6/8</span>
                <div class="fpart2"><img src="../images/courses/c-course.jpg">
                    <iframe src="https://www.youtube.com/embed/Iuo9PpGE04Y"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

            <div class="dcard2"><span class="tag" >7/8</span>


                <div class="fpart2"><img src="../images/courses/c-course.jpg">
                    <iframe src="https://www.youtube.com/embed/Iuo9PpGE04Y"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >8/8</span>
                <div class="fpart2"><img src="../images/courses/c-course.jpg">
                    <iframe src="https://www.youtube.com/embed/Iuo9PpGE04Y"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </center>
<br><br>
   
<!-- Videos on PYTHON Lectures -->

    <div class="title2" id="python">


        <span>Start Programming with Python</span>
        <div class="shortdesc2">
            <p>Practice and Practice to become a good Python programmer</p>
        </div>
    </div>
    <center>
        <div class="ccardbox2">
            <div class="dcard2"><span class="tag" >1/8</span>
                <div class="fpart2"><img src="../images/courses/python-course.png">
                    <iframe src="https://www.youtube.com/embed/QXeEoD0pB3E"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >2/8</span>
                <div class="fpart2"><img src="../images/courses/python-course.png">
                    <iframe src="https://www.youtube.com/embed/QXeEoD0pB3E"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >3/8</span>
                <div class="fpart2"><img src="../images/courses/python-course.png">
                    <iframe src="https://www.youtube.com/embed/QXeEoD0pB3E"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

            </div>
            <div class="dcard2"><span class="tag" >4/8</span>
                <div class="fpart2"><img src="../images/courses/python-course.png">
                    <iframe src="https://www.youtube.com/embed/QXeEoD0pB3E"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
       
            <div class="dcard2"><span class="tag" >5/8</span>
                <div class="fpart2"><img src="../images/courses/python-course.png">
                    <iframe src="https://www.youtube.com/embed/QXeEoD0pB3E"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >6/8</span>
                <div class="fpart2"><img src="../images/courses/python-course.png">
                    <iframe src="https://www.youtube.com/embed/QXeEoD0pB3E"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >7/8</span>
                <div class="fpart2"><img src="../images/courses/python-course.png">
                    <iframe src="https://www.youtube.com/embed/QXeEoD0pB3E"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >8/8</span>
                <div class="fpart2"><img src="../images/courses/python-course.png">
                    <iframe src="https://www.youtube.com/embed/QXeEoD0pB3E"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </center>

<br><br>
   
<!-- Videos on DATA STRUCTURES Lectures -->

    <div class="title2" id="data">


        <span>Data Structures</span>
        <div class="shortdesc2">
            <p>Make your data structures concepts strong...</p>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

        </div>
    </div>
    <center>
        <div class="ccardbox2">
            <div class="dcard2"><span class="tag" >1/8</span>
                <div class="fpart2"><img src="../images/courses/data-course.jpg">
                    <iframe src="https://www.youtube.com/embed/Db9ZYbJONHc"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >2/8</span>
                <div class="fpart2"><img src="../images/courses/data-course.jpg">
                    <iframe src="https://www.youtube.com/embed/Db9ZYbJONHc"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >3/8</span>
                <div class="fpart2"><img src="../images/courses/data-course.jpg">
                    <iframe src="https://www.youtube.com/embed/Db9ZYbJONHc"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >4/8</span>
                <div class="fpart2"><img src="../images/courses/data-course.jpg">
                    <iframe src="https://www.youtube.com/embed/Db9ZYbJONHc"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
       
            <div class="dcard2"><span class="tag" >5/8</span>
                <div class="fpart2"><img src="../images/courses/data-course.jpg">
                    <iframe src="https://www.youtube.com/embed/Db9ZYbJONHc"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >6/8</span>
                <div class="fpart2"><img src="../images/courses/data-course.jpg">
                    <iframe src="https://www.youtube.com/embed/Db9ZYbJONHc"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >7/8</span>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

                <div class="fpart2"><img src="../images/courses/data-course.jpg">


                    <iframe src="https://www.youtube.com/embed/Db9ZYbJONHc"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >8/8</span>
                <div class="fpart2"><img src="../images/courses/data-course.jpg">
                    <iframe src="https://www.youtube.com/embed/Db9ZYbJONHc"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </center>
<br><br>
   

<!-- Videos on ALGORITHM Lectures -->

    <div class="title2" id="algo">


        <span>Algorithm</span>
        <div class="shortdesc2">
            <p>Make your algorithm concepts clear...</p>
        </div>
    </div>
    <center>
        <div class="ccardbox2">
            <div class="dcard2"><span class="tag" >1/8</span>
                <div class="fpart2"><img src="../images/courses/algo-course.jpg">
                    <iframe src="https://www.youtube.com/embed/0IAPZzGSbME"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >2/8</span>
                <div class="fpart2"><img src="../images/courses/algo-course.jpg">
                    <iframe src="https://www.youtube.com/embed/0IAPZzGSbME"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >3/8</span>
                <div class="fpart2"><img src="../images/courses/algo-course.jpg">
                    <iframe src="https://www.youtube.com/embed/0IAPZzGSbME"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

            </div>
            <div class="dcard2"><span class="tag" >4/8</span>
                <div class="fpart2"><img src="../images/courses/algo-course.jpg">
                    <iframe src="https://www.youtube.com/embed/0IAPZzGSbME"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
       
            <div class="dcard2"><span class="tag" >5/8</span>
                <div class="fpart2"><img src="../images/courses/algo-course.jpg">
                    <iframe src="https://www.youtube.com/embed/0IAPZzGSbME"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >6/8</span>
                <div class="fpart2"><img src="../images/courses/algo-course.jpg">
                    <iframe src="https://www.youtube.com/embed/0IAPZzGSbME"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >7/8</span>
                <div class="fpart2"><img src="../images/courses/algo-course.jpg">
                    <iframe src="https://www.youtube.com/embed/0IAPZzGSbME"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >8/8</span>
                <div class="fpart2"><img src="../images/courses/algo-course.jpg">
                    <iframe src="https://www.youtube.com/embed/0IAPZzGSbME"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </center>
<br><br>

<!-- Videos on HTML and CSS Lectures -->

    <div class="title2" id="html_css">


        <span>Start Programming with HTML and CSS</span>
        <div class="shortdesc2">
            <p>Show your creativity and uniqueness</p>
        </div>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

    </div>
    <center>
        <div class="ccardbox2">
            <div class="dcard2"><span class="tag" >1/8</span>
                <div class="fpart2"><img src="../images/courses/web-course.jpg">
                    <iframe src="https://www.youtube.com/embed/TKYsuU86-DQ"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >2/8</span>
                <div class="fpart2"><img src="../images/courses/web-course.jpg">
                    <iframe src="https://www.youtube.com/embed/TKYsuU86-DQ"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >3/8</span>
                <div class="fpart2"><img src="../images/courses/web-course.jpg">
                    <iframe src="https://www.youtube.com/embed/TKYsuU86-DQ"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >4/8</span>
                <div class="fpart2"><img src="../images/courses/web-course.jpg">
                    <iframe src="https://www.youtube.com/embed/TKYsuU86-DQ"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
       
            <div class="dcard2"><span class="tag" >5/8</span>
                <div class="fpart2"><img src="../images/courses/web-course.jpg">
                    <iframe src="https://www.youtube.com/embed/TKYsuU86-DQ"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >6/8</span>
                <div class="fpart2"><img src="../images/courses/web-course.jpg">
                    <iframe src="https://www.youtube.com/embed/TKYsuU86-DQ"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >7/8</span>
                <div class="fpart2"><img src="../images/courses/web-course.jpg">

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

                    <iframe src="https://www.youtube.com/embed/TKYsuU86-DQ"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >8/8</span>
                <div class="fpart2"><img src="../images/courses/web-course.jpg">
                    <iframe src="https://www.youtube.com/embed/TKYsuU86-DQ"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </center>

<br><br>
   
<!-- Videos on JAVASCRIPT Lectures -->

    <div class="title2" id="javascript">


        <span>Start Programming with JavaScript</span>
        <div class="shortdesc2">
            <p>Use this to build great projects</p>
        </div>
    </div>
    <center>
        <div class="ccardbox2">
            <div class="dcard2"><span class="tag" >1/8</span>
                <div class="fpart2"><img src="../images/courses/javascript-course.jpg">
                    <iframe src="https://www.youtube.com/embed/uDwSnnhl1Ng"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >2/8</span>
                <div class="fpart2"><img src="../images/courses/javascript-course.jpg">
                    <iframe src="https://www.youtube.com/embed/uDwSnnhl1Ng"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >3/8</span>
                <div class="fpart2"><img src="../images/courses/javascript-course.jpg">
                    <iframe src="https://www.youtube.com/embed/uDwSnnhl1Ng"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

            <div class="dcard2"><span class="tag" >4/8</span>


                <div class="fpart2"><img src="../images/courses/javascript-course.jpg">
                    <iframe src="https://www.youtube.com/embed/uDwSnnhl1Ng"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
       
            <div class="dcard2"><span class="tag" >5/8</span>
                <div class="fpart2"><img src="../images/courses/javascript-course.jpg">
                    <iframe src="https://www.youtube.com/embed/uDwSnnhl1Ng"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >6/8</span>
                <div class="fpart2"><img src="../images/courses/javascript-course.jpg">
                    <iframe src="https://www.youtube.com/embed/uDwSnnhl1Ng"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >7/8</span>
                <div class="fpart2"><img src="../images/courses/javascript-course.jpg">
                    <iframe src="https://www.youtube.com/embed/uDwSnnhl1Ng"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
            <div class="dcard2"><span class="tag" >8/8</span>
                <div class="fpart2"><img src="../images/courses/javascript-course.jpg">
                    <iframe src="https://www.youtube.com/embed/uDwSnnhl1Ng"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </center>
<br><br>
   

    <br><br>

<!-- FOOTER -->


<footer>
    <div class="footer-container">
        <div class="left-col">
            <img src="../images/icon/Capture12.PNG" style="width: 200px;">

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

            <div class="logo"></div>
            <div class="social-media">
                <a href="#"><img src="../images/icon\fb.png"></a>
                <a href="#"><img src="../images/icon\insta.png"></a>
                <a href="#"><img src="../images/icon\tt.png"></a>
                <a href="#"><img src="../images/icon\ytube.png"></a>
                <a href="#"><img src="../images/icon\linkedin.png"></a>
            </div><br><br>
            <p class="rights-text">Created By Rajesh Jain</p>
            <br><p><img src="../images/icon/location.png"> <br>Sirohi, Rajasthan-
307001</p><br>
            <p><img src="../images/icon/phone.png"> +91-7340180547<br><img
src="../images/icon/mail.png">&nbsp; jainrajesh3977@gmail.com</p>
        </div>
        <div class="right-col">
            <h1 style="color: #fff">Our Newsletter</h1>
            <div class="border"></div><br>
            <p>Enter Your Email to get our News and updates.</p>
            <form class="newsletter-form">
                <input class="txtb" type="email" placeholder="Enter Your Email">
                <input class="btn" type="submit" value="Submit">
            </form>
        </div>
    </div>
</footer>

</body>
</html>

<!--Footer Part Coding-->

<footer>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

        <div class="footer-container">
            <div class="left-col">
                <img src="images/icon/Capture12.PNG" style="width: 200px;">
                <div class="logo"></div>
                <div class="social-media">
                    <a href="#"><img src="images/icon\fb.png"></a>
                    <a href="#"><img src="images/icon\insta.png"></a>
                    <a href="#"><img src="images/icon\tt.png"></a>
                    <a href="#"><img src="images/icon\ytube.png"></a>
                    <a href="#"><img src="images/icon\linkedin.png"></a>
                </div><br><br>
                <p class="rights-text">Created By Rajesh Jain</p>
                <br><p><img src="images/icon/location.png"> <br>Sirohi, Rajasthan-
307001</p><br>
                <p><img src="images/icon/phone.png"> +91-7340180547<br><img
src="images/icon/mail.png">&nbsp; jainrajesh3977@gmail.com</p>
            </div>
            <div class="right-col">
                <h1 style="color: #fff">Our Newsletter</h1>
                <div class="border"></div><br>
                <p>Enter Your Email to get our News and updates.</p>
                <form class="newsletter-form">
                    <input class="txtb" type="email" placeholder="Enter Your Email">
                    <input class="btn" type="submit" value="Submit">
                </form>
            </div>
        </div>
    </footer>

</body>
</html>

Future Scope:

(1) Growing Education Feed

(2) Expending The User Thought

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM


Development technology v

(3) E-learning saves time and money. With online learning, your learners can access
content anywhere and anytime. ...

(4) E-learning is the future of education as it is interactive, interesting and entertaining


way of learning, and will soon replace the paper books in the form of touch screen tablets.

Conclusion:

 we need a Digitally Learning Here, Online learning helps students to create and
communicate new ideas. You get the chance to uplift your skills and gain knowledge apart
from school education. We mentioned 3-features-method before First is Video
Lecture,Second is Daily Quiz And Last Is Sample Paper.

Reference:
Help from Internet, following websites links have been used in the completion of
completion of this project file :

https://www.w3schools.com/

https://www.codepen.io/

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI E-LEARNING SYSTEM

You might also like