1 INTRODUCTION

1.1 ABOUT THE ORGANIZATION

Softloft Technologies is a computer training institute located in Ram Nagar,
Coimbatore. Established in 2018, they offer courses in various computer-related subjects
such as Python, MS Excel, and Web Designing. The institute is situated at 198 2ND
FLOOR VKV Building, Near KMCH City Center, Nehru Street, Ram Nagar- 641009,
Coimbatore. Their convenient location near KMCH City Center makes them easily
accessible.
Softloft Technologies has earned a good reputation, boasting a 5.0 rating from satisfied
customers. They accept multiple payment methods including Cash, Cheques, Debit Cards,
Credit Card, Cash on Delivery, Card on Delivery, JD Pay, Paytm, Master Card, Visa Card,
and G Pay to ensure a hassle-free transaction experience for their clients.
Operating hours for Softloft Technologies are from 10:00 AM to 6:30 PM, allowing
customers to contact them during their business hours for inquiries or assistance. They are
known for their commitment to delivering the best experience to their customers, with a
focus on quality education and service.

1.2 ABOUT THE PROJECT

E-learning, short for electronic learning, has revolutionized the way education and
training are delivered and accessed. It refers to the use of electronic technologies, primarily the
internet, to facilitate learning outside of traditional classroom settings. This mode of education
encompasses a wide range of activities, from accessing educational materials online to
participating in virtual classrooms and interactive multimedia modules.
One of the primary advantages of e-learning is its accessibility. It breaks down
geographical barriers, allowing individuals from diverse locations to access quality education
and training materials. Whether you're in a bustling urban center or a remote rural area, as long
as you have an internet connection, you can engage with educational content.
E-learning often incorporates interactive multimedia elements such as videos,
animations, quizzes, and simulations, enhancing engagement and comprehension. These
dynamic learning experiences cater to different learning styles and preferences, making the
learning process more effective and enjoyable for learners.

1
 E-learning also poses challenges, such as the need for digital literacy skills, potential
issues with internet connectivity, and the importance of maintaining motivation and discipline
in self-directed learning environments.

1.3 OBJECTIVE OF THE PROJECT

The objectives of an e-learning project can vary depending on its specific context, target
audience, and desired outcomes. However, here are some common objectives that
organizations or institutions might have when embarking on an e-learning initiative:
Increase Accessibility: Make education and training accessible to a broader audience,
including individuals in remote or underserved areas, those with physical disabilities, or
those who cannot attend traditional classroom settings due to various constraints.
Enhance Flexibility: Provide learners with the flexibility to study at their own pace,
anytime and anywhere, enabling them to balance learning with other commitments such as
work or family responsibilities.
Improve Learning Outcomes: Utilize interactive and engaging multimedia content to
enhance comprehension, retention, and application of knowledge, leading to improved
learning outcomes and skill development.
Reduce Costs: Decrease the costs associated with traditional classroom-based training,
such as venue rental, travel expenses, and printed materials, by leveraging digital
technologies for content delivery and assessment.
Facilitate Skill Development: Equip learners with the knowledge, skills, and
competencies needed to succeed in their academic or professional endeavors, aligning the
e-learning content with industry standards and best practices.

2
1.4 PROBLEM STATEMENT

In traditional educational settings, access to quality education is often limited by

geographical, financial, and logistical barriers. Many individuals, especially those in
remote or underserved areas, face challenges in accessing educational resources and
opportunities due to factors such as lack of infrastructure, limited availability of qualified
instructors, and prohibitive costs associated with attending traditional classrooms.

Furthermore, traditional classroom-based training methods may not effectively cater to

diverse learning styles and preferences, leading to suboptimal learning outcomes and low
engagement among learners. Additionally, organizations seeking to provide training and
professional development opportunities to their employees may encounter difficulties in
delivering consistent, cost-effective, and scalable learning solutions.

In light of these challenges, there is a pressing need to develop and implement an e-

learning initiative that leverages digital technologies to overcome barriers to education and
training. This project aims to create a flexible, accessible, and interactive learning
environment that empowers individuals to acquire new knowledge and skills, regardless of
their location or background. By addressing the limitations of traditional education and
training models, this e-learning initiative seeks to promote lifelong learning, skill
development, and professional growth among learners, ultimately contributing to socio-
economic development and innovation in diverse fields.

3
1.5 MODULE DESCRIPTION

User Module:

This module provides an intuitive and user-friendly interface accessible via web or
mobile applications. Features include user registration, login, and profile management.

Administrative Module:

Provides administrative functionalities for system configuration, user management, and

access control. Allows administrators to define service areas, set operational parameters,
and monitor system performance.

Faculty Module:

Explore the essential components of an e-learning ecosystem, including learning

management systems (LMS), multimedia content, and interactive tools. The
Communication Skills for the Digital Age module is designed to enhance participants'
ability to effectively communicate in various online and digital environments. In today's
interconnected world, strong communication skills are essential for success in both
personal and professional contexts. This module aims to equip learners with the knowledge,
strategies, and tools needed to communicate confidently, clearly, and persuasively in digital
settings.

4
 2 SYSTEM SPECIFICATION

2.1 HARDWARE SPECIFICATION

Processor Intel Core I3 Processor

Hard Disk 500GB
Ram 4GB RAM

2.2 SOFTWARE SPECIFICATION

Front End PHP , JAVASCRIPT

Back End PYTHON , MYSQL

2.3 SOFTWARE DESCRIPTION

PHP (Hypertext Preprocessor):

Server-Side Scripting: PHP is a powerful server-side scripting language, allowing developers

to embed PHP code directly into HTML to create dynamic web pages and applications.

Database Integration: PHP has robust support for interacting with databases, with MySQL
being a commonly used option. This integration enables seamless data retrieval, manipulation,
and storage in web applications.

Cross-Platform Compatibility: PHP is compatible with various operating systems and web
servers, including Apache and Nginx, making it highly versatile for web development across
different environments.

5
MySQL:

Relational Database Management: MySQL is a widely used relational database management

system (RDBMS) known for its reliability and scalability. It provides efficient storage and
retrieval of structured data, facilitating data management for web applications.

SQL Support: MySQL supports SQL (Structured Query Language), allowing developers to
perform complex queries, transactions, and data manipulation operations. Its SQL
compatibility makes it easy to integrate with other systems and tools.

Performance and Security: MySQL offers high performance and strong security features,
including data encryption, access control, and user authentication mechanisms. It ensures data
integrity and protects against unauthorized access or malicious attacks.

JavaScript:

Client-Side Interactivity: JavaScript is primarily used for client-side scripting in web

browsers, enabling dynamic and interactive behaviour on web pages. It facilitates tasks such
as form validation, DOM manipulation, and event handling.

Extensive Ecosystem: JavaScript has a vast ecosystem of frameworks, libraries, and tools that
streamline web development. Frameworks like React.js, AngularJS, and Vue.js provide pre-
built components and abstractions for building complex web applications efficiently.

6
 3 SYSTEM STUDY

3.1 EXISTING SYSTEM

The existing system for education and training predominantly relies on traditional
classroom-based learning, where students attend physical classrooms or training facilities to
receive instruction from teachers, trainers, or instructors. This conventional approach to
education has been the primary method of teaching and learning for centuries and continues to
be widely used in schools, universities, vocational training centers, and corporate training
programs.

Key Characteristics: Physical Presence: In the traditional classroom-based learning

system, both instructors and students are required to be physically present in the same location,
typically within a classroom or lecture hall.

Printed Materials: Educational materials such as textbooks, handouts, and worksheets are
commonly used to supplement classroom instruction and provide additional resources for
students.

Instructor-Centric Approach: Instructors play a central role in delivering content,

leading discussions, and facilitating learning activities, with students primarily acting as
passive recipients of knowledge.

Limited Flexibility: Students may have limited flexibility in choosing their learning pace,
schedule, or learning environment, leading to potential disengagement or frustration.

Resource Intensive: Traditional classroom-based learning often requires significant

resources, including physical infrastructure, instructional materials, and transportation, which
can be costly and resource-intensive.

Varied Learning Styles: The one-size-fits-all approach to instruction may not cater to
the diverse learning styles, preferences, and needs of individual learners, potentially hindering
their learning outcomes.

7
3.1.1 LIMITATION OF EXISTING SYSTEM

Geographical Constraints: The traditional classroom-based learning system is limited by

geographical boundaries, making it inaccessible to individuals living in remote or rural
areas. This limitation restricts access to education and training opportunities for those who
may not have access to physical classrooms or training facilities.

Fixed Schedule: Classes and training sessions are typically scheduled at specific times and
locations, which may not accommodate the varying schedules and commitments of
learners. This rigid scheduling can make it challenging for individuals with work, family,
or other responsibilities to participate in traditional classroom-based learning.

Limited Flexibility: The traditional classroom-based learning model offers limited

flexibility in terms of pacing, learning styles, and learning environments. Students are often
expected to follow a standardized curriculum and learning pace set by the instructor, which
may not align with their individual learning needs and preferences.

Resource Intensive: Traditional classroom-based learning requires significant resources,

including physical infrastructure (classrooms, equipment), instructional materials
(textbooks, handouts), and transportation. These resources can be costly and may present
barriers to access for individuals and institutions with limited financial resources.

Instructor-Centric Approach: In the traditional classroom-based learning model,

instructors typically play a central role in delivering content and facilitating learning
activities. This instructor-centric approach may not fully engage students or encourage
active participation, leading to passive learning experiences for some learners.

Limited Interactivity: Traditional classroom-based learning may lack opportunities for

interactive and experiential learning activities, such as group discussions, hands-on
projects, and real-world simulations. This limitation can hinder students' ability to actively
engage with course material and apply their learning in practical contexts.

8
3.2 PROPOSED SYSTEM

3.2.1 ADAVANTAGES OF PROPOSED SYSTEM

Increased Accessibility: The proposed system overcomes geographical constraints by

providing online access to education and training materials. Learners from remote or
underserved areas can participate in courses and training programs without the need to
travel to physical classrooms or training facilities.

Enhanced Flexibility: Unlike traditional classroom-based learning, the proposed system

offers greater flexibility in terms of scheduling and pacing. Learners can access course
materials, participate in discussions, and complete assignments at their own pace and
convenience, accommodating their individual schedules and commitments.

Cost-Effectiveness: The proposed system reduces the need for costly resources such as
physical infrastructure, instructional materials, and transportation. By leveraging digital
technologies for content delivery and communication, organizations can significantly
reduce operational costs associated with traditional classroom-based learning.

Customized Learning Experience: The proposed system allows for greater customization
of the learning experience to meet the diverse needs and preferences of individual learners.
Courses can be tailored to accommodate different learning styles, provide personalized
feedback, and offer adaptive learning pathways based on learners' progress and
performance.

Enhanced Interactivity and Engagement: The proposed system offers opportunities for
interactive and engaging learning experiences, such as multimedia presentations,
simulations, virtual labs, and online discussions. These interactive elements foster active
participation, collaboration, and critical thinking among learners, leading to improved
learning outcomes.

9
 4 SYSTEM DESIGN

4.1 INPUT DESIGN

User Registration and Profile Creation:

• Input fields for users to register with the e-learning platform, including fields
for username, email address, password, and personal information.

• Additional input fields for users to create and update their profiles, such as
name, age, educational background, and areas of interest.

Course Enrollment:

• Input options for users to search and browse available courses based on criteria
such as subject, level, and instructor.

• Checkbox or dropdown menu for users to select and enroll in courses of interest.

• Confirmation prompts for users to confirm their enrollment in selected courses.

Learning Activities:

• Input fields for users to submit responses to quizzes, assignments, and

assessments embedded within course modules.

• File upload functionality for users to submit assignments, projects, or other

course-related materials.

• Text boxes or comment sections for users to provide feedback, comments, or

questions on course content or learning activities.

Interaction and Communication:

• Text fields or messaging interfaces for users to engage in discussions, ask

questions, and communicate with instructors and peers.

• Input options for users to post comments, share resources, or contribute to

collaborative activities within online forums or discussion boards.

10
4.2 OUTPUT DESIGN

Dashboards and Visualizations:

• Dynamic dashboards displaying key metrics and insights derived from data analytics,
such as learner engagement, course completion rates, and assessment scores.
• Interactive charts, graphs, and visualizations to represent trends, patterns, and
correlations in e-learning data, making it easier for administrators and instructors to
interpret and analyze.

Learning Analytics Insights:

• Insights derived from learning analytics, such as learner preferences, learning styles,
and knowledge gaps, used to tailor instruction, content delivery, and assessment
strategies to individual learner needs.
• Recommendations for adaptive learning paths, personalized recommendations, and
targeted interventions based on learning analytics data to optimize learning outcomes.

Data Visualization Tools:

• Interactive data visualization tools allowing users to explore and manipulate e-learning
data in real-time, such as filtering, sorting, and drilling down into specific data subsets.
• Customizable dashboards and visualization templates that enable users to create
personalized reports and visualizations tailored to their specific needs and preferences.

11
4.3 TABLE DESIGN

ADMIN TABLE:

Primary key: id

ADMIN ID DATA TYPE DESCRIPTION

Id Int(50) This field contains

admin id
Name Varchar(250) This field contains
admin name
Password Text This field contains
admin password
Username Text This field contains
admin username

FACULTY TABLE:

Primary key: id

FACULTY DATA TYPE DESCRIPTION

Id Int(30) This field contains
faculty id
Email Varchar(250) This field contains
faculty email
Password Text This field contains
faculty password
Department_id Int(30) This field contains
faculty department
Class Varchar(250) This field contains
faculty class
Document Varchar(250) This field contains
faculty document

12
STUDENT TABLE:

Primary key: id Foreign key: Course

STUDENT DATA TYPE DESCRIPTION

Id Int(30) This field contains
student id
Name Varchar(150) This field contains
student name
Password Text This field contains
student password
Course Varchar(250) This field contains
student course
Academic year Int(30) This field contains
student academic year

LESSON TABLE:

Primary key: id Foreign key: Faculty_id

LESSON DATA TYPE DESCRIPTION

Id Int(30) This field contains
lesson id
Academic year Int(30) This field contains
lesson academic year
Subject_id Int(30) This field contains
lesson subject id
Faculty_id Varchar(50) This field contains
lesson faculty id
Title Varchar(250) This field contains
lesson title
Ppt_path Text This field contains
lesson ppt path

13
COURSE TABLE:

Primary key: id

ADMIN ID DATA TYPE DESCRIPTION

Id Int(30) This field contains

course id
Course Varchar(250) This field contains
course name
Description Text This field contains
course description

14
4.4 DATA FLOW DIAGRAM

LEVEL 0

LEVEL 1

15
LEVEL 2

LEVEL 3

16
4.4 ER DIAGRAM

17
 5 SYSTEM TESTING

System testing for e-learning platforms involves evaluating the functionality, usability,
performance, security, and compatibility of the platform to ensure that it meets the needs
of users and stakeholders Here's an overview of the key aspects of system testing for e-
learning platforms:

Functional Testing:
Verify that all features and functionalities of the e-learning platform work as expected,
including user registration, course enrollment, content delivery, assessments, discussion
forums, and administrative tasks.
Test various scenarios such as creating user accounts, enrolling in courses, accessing course
materials, submitting assignments, taking quizzes, and generating reports.
Usability Testing:
Evaluate the user interface (UI) design, navigation flow, and overall user experience
(UX) of the e-learning platform.
Conduct usability tests with representative users to assess ease of use, intuitiveness,
accessibility, and effectiveness of navigation, layout, and interaction design elements.
Compatibility Testing:
Verify that the e-learning platform is compatible with different web browsers (e.g.,
Chrome, Firefox, Safari, Edge) and operating systems (e.g., Windows, macOS, iOS,
Android).
Content Testing:
Validate the accuracy, completeness, and relevance of educational content (e.g., text,
images, videos, interactive exercises) available on the e-learning platform.
Review course materials for factual errors, grammatical mistakes, broken links, and
formatting inconsistencies, and ensure alignment with learning objectives and instructional
design principles.
Integration Testing:
Verify integration with external systems and services such as learning management
systems (LMS), content management systems (CMS), video conferencing tools, payment
gateways, and analytics platform.

18
 6 SYSTEM IMPLEMENTATION AND MAINTENANCE

SYSTEM IMPLEMENTATION

Planning and Preparation:

• Define project goals, objectives, and requirements for the e-learning platform
implementation.

• Develop a project plan outlining key milestones, deliverables, timelines, and

resource allocations.

• Identify stakeholders, roles, and responsibilities within the implementation

team.

Platform Selection:

• Evaluate and select an e-learning platform that aligns with the organization's
requirements, budget, scalability, and technical capabilities.

• Consider factors such as features and functionalities, customization options,

scalability, security, support and maintenance, and integration capabilities.

Customization and Configuration:

• Customize the e-learning platform to meet the organization's branding

guidelines, user interface preferences, and functional requirements.

• Configure platform settings, permissions, user roles, and access controls

according to organizational policies and requirements.

Content Migration and Development:

• Migrate existing educational content (e.g., course materials, presentations,

videos, quizzes) to the e-learning platform.

• Develop new content as needed, including interactive multimedia modules,

assessments, simulations, and learning activities.

19
Monitoring and Maintenance:

• Establish monitoring mechanisms to track system performance, usage metrics,

user feedback, and emerging issues.

• Implement regular maintenance, updates, and upgrades to keep the e-learning

platform secure, up-to-date, and aligned with evolving organizational needs and
industry standards.

Backend Development:

• Develop backend functionalities using server-side programming languages such

as PHP or Python.
• Integrate with external APIs or services for additional data sources or
functionalities.

Frontend Development:

• Design and develop user interfaces for web or mobile applications using HTML,
CSS, and JavaScript ,php frameworks.
• Implement intuitive navigation, interactive elements, and responsive design for
optimal user experience across the design.

20
MAINTENANCE

Regular Updates and Upgrades:

• Stay up-to-date with software updates, patches, and new releases provided by
the e-learning platform vendor.

• Implement regular upgrades to leverage new features, improvements, and

security enhancements introduced in newer versions of the platform.

Security Maintenance:

• Conduct regular security audits and vulnerability assessments to identify and

address potential security risks and threats.

• Implement security best practices such as data encryption, user authentication

mechanisms, access controls, and intrusion detection systems to protect against
unauthorized access, data breaches, and cyber attacks.

Performance Monitoring:

• Monitor system performance metrics such as response time, uptime, server load,
and network traffic to ensure optimal performance and reliability.

• Use performance monitoring tools and analytics to identify performance

bottlenecks, latency issues, and resource constraints, and take corrective actions
as needed.

Content Management:

• Regularly review and update educational content (e.g., courses, presentations,

videos, quizzes) to ensure accuracy, relevance, and alignment with learning
objectives.

• Monitor user feedback, engagement metrics, and performance data to identify

popular content, areas for improvement, and opportunities for content
expansion or revision.

21
 7 CONCLUSION

In conclusion, e-learning platforms play a crucial role in modern education and training,
offering flexibility, accessibility, and scalability to learners and organizations worldwide.
Throughout this discussion, we've explored various aspects of e-learning, including its
advantages, challenges, implementation considerations, and maintenance requirements.

E-learning platforms provide numerous benefits such as increased accessibility,

personalized learning experiences, cost-effectiveness, and scalability. By leveraging digital
technologies, these platforms empower learners to access educational content anytime,
anywhere, and facilitate interactive, engaging learning experiences through multimedia,
simulations, and collaborative tools.

E-learning also presents challenges such as technological barriers, digital divide issues,
and the need for effective instructional design and support services to ensure learner
engagement and success. Additionally, organizations must carefully plan and execute
system implementation and maintenance processes to address security concerns,
performance issues, and regulatory compliance requirements.

Despite these challenges, the continued evolution of e-learning holds great promise for
revolutionizing education and training across various industries and sectors. With ongoing
advancements in technology, pedagogy, and learning analytics, e-learning platforms have
the potential to enhance learning outcomes, foster lifelong learning, and empower
individuals to acquire new skills and knowledge in an ever-changing world.

22
 8 FUTURE ENHANCEMENT

Personalized Learning Paths:

Implement adaptive learning algorithms and artificial intelligence (AI) technologies to

dynamically tailor learning paths and content recommendations based on individual learner
preferences, goals, and performance data.

Immersive Learning Experiences:

Integrate virtual reality (VR), augmented reality (AR), and mixed reality (MR)
technologies to create immersive learning experiences that simulate real-world environments,
scenarios, and simulations, enhancing learner engagement and retention.

Collaborative Learning Tools:

Introduce advanced collaboration features such as real-time co-authoring, group

projects, peer reviews, and synchronous collaboration tools to facilitate teamwork,
communication, and knowledge sharing among learners.

Predictive Analytics and Learning Analytics:

Leverage predictive analytics and learning analytics to anticipate learner behavior,

identify at-risk students, and provide proactive interventions and personalized support to
enhance learning outcomes and retention rates.

Social Learning Communities:

Foster social learning communities within e-learning platforms, allowing learners to

connect, collaborate, and share knowledge with peers, mentors, and subject matter experts
through discussion forums, social media integration, and community features.

Multilingual Support and Accessibility:

Expand multilingual support and accessibility features to accommodate diverse learner

populations, including users with disabilities, language barriers, and cultural differences,
ensuring inclusivity and equal access to educational opportunities.

23
 9 REFERENCE

BOOK REFERENCE

1. "PHP and MySQL Web Development" by Luke Welling and Laura Thomson
2. "JavaScript and JQuery: Interactive Front-End Web Development" by Jon Duckett
3. "Designing Interfaces: Patterns for Effective Interaction Design" by Jenifer Tidwell
4. "E-Learning and the Science of Instruction: Proven Guidelines for Consumers and
Designers of Multimedia Learning" by Ruth C. Clark and Richard E. Mayer
5. "Learning Management Systems and Instructional Design: Best Practices in Online
Education" by Linda V. Knight

WEB REFERENCE

1. Coursera(www.coursera.org)
2. edX(www.edx.org)
3. W3Schools(www.w3schools.com)
4. MDN Web Docs(developer.mozilla.org)
5. eLearning Industry(elearningindustry.com)
6. LinkedIn Learning(www.linkedin.com/learning)
7. Codecademy(www.codecademy.com)
8. Udemy(www.udemy.com)
9. Khan Academy(www.khanacademy.org)
10. Stack Overflow(stackoverflow.com)

24
 10 APPENDIX

A. CODE

<!DOCTYPE html>

<html lang="en" class="" style="height: auto;">

<?php require_once('config.php'); ?>

<?php require_once('inc/header.php') ?>

<body class="hold-transition layout-top-nav" >

<div class="wrapper">

<?php require_once('inc/topBarNav.php') ?>

<?php $page = isset($_GET['page']) ? $_GET['page'] : 'portal'; ?>

<!-- Content Wrapper. Contains page content -->

<div class="content-wrapper" style="min-height: 567.854px;">

<!-- Content Header (Page header) -->

<div class="content-header">

<div class="container">

<div class="row mb-2">

<div class="col-sm-6">

<h1 class="m-0"><?php echo ucwords(str_replace("_", " ",$page)) ?></h1>

</div>

<!-- /.col -->

<!-- <div class="col-sm-6">

<ol class="breadcrumb float-sm-right">

<li class="breadcrumb-item"><a href="./admin?<?php echo $page ?>"><?php

echo ucwords(str_replace("_", " ",$page)) ?></a></li>
25
 <li class="breadcrumb-item active">Dashboard v1</li>

</ol>

</div> -->

<!-- /.col -->

</div>

<!-- /.row -->

</div>

<!-- /.container-fluid -->

</div>

<!-- /.content-header -->

<!-- Main content -->

<section class="content">

<div class="container">

<?php

if(!file_exists($page.".php") && !is_dir($page)){

include '404.html';

}else{

if(is_dir($page))

include $page.'/index.php';

else

include $page.'.php';

?>

</div>
26
 </section>

<!-- /.content -->

<div class="modal fade" id="confirm_modal" role='dialog'>

<div class="modal-dialog modal-md modal-dialog-centered" role="document">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title">Confirmation</h5>

</div>

<div class="modal-body">

<div id="delete_content"></div>

</div>

<div class="modal-footer">

<button type="button" class="btn btn-primary" id='confirm'

onclick="">Continue</button>

<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

</div>

</div>

</div>

</div>

<div class="modal fade" id="uni_modal" role='dialog'>

<div class="modal-dialog modal-md modal-dialog-centered" role="document">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title"></h5>

</div>

27
 <div class="modal-body">

</div>

<div class="modal-footer">

<button type="button" class="btn btn-primary" id='submit' onclick="$('#uni_modal

form').submit()">Save</button>

<button type="button" class="btn btn-secondary" data-

dismiss="modal">Cancel</button>

</div>

</div>

</div>

</div>

<div class="modal fade" id="uni_modal_right" role='dialog'>

<div class="modal-dialog modal-full-height modal-md" role="document">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title"></h5>

<button type="button" class="close" data-dismiss="modal" aria-label="Close">

<span class="fa fa-arrow-right"></span>

</button>

</div>

<div class="modal-body">

</div>

</div>

</div>

</div>

28
 <div class="modal fade" id="viewer_modal" role='dialog'>

<div class="modal-dialog modal-md" role="document">

<div class="modal-content">

<button type="button" class="btn-close" data-dismiss="modal"><span class="fa fa-

times"></span></button>

<img src="" alt="">

</div>

</div>

</div>

</div>

<!-- /.content-wrapper -->

<?php require_once('inc/footer.php') ?>

</body>

</html>

29
B. SCREENSHOTS

30
31
32
33
34