Skip to content

W
Website
Commit fe34709b authored by I.K Seneviratne's avatar I.K Seneviratne
Browse files
Options

Committing the addition of email address in the 'Contact Us' section in the home page.

parent 91dbcffd
Hide whitespace changes
Inline Side-by-side
Showing with 160 additions and 128 deletions
assets/css/style.css
View file @ fe34709b
......@@ -1404,7 +1404,7 @@ section {
#footer .copyright, #footer .credits {
padding: 5px;
float: none;
text-align: ceneter;
text-align: center;
}
}
.card-doc {
......@@ -1482,7 +1482,7 @@ section {
.carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
lex-direction: column;
lex-direction, column{
}
.btn {
......
forms/contact.php deleted 100644 → 0
View file @ 91dbcffd
<?php
/**
* Requires the "PHP Email Form" library
* The "PHP Email Form" library is available only in the pro version of the template
* The library should be uploaded to: vendor/php-email-form/php-email-form.php
* For more info and help: https://bootstrapmade.com/php-email-form/
*/
// Replace contact@example.com with your real receiving email address
$receiving_email_address = 'contact@example.com';
if( file_exists($php_email_form = '../assets/vendor/php-email-form/php-email-form.php' )) {
include( $php_email_form );
} else {
die( 'Unable to load the "PHP Email Form" Library!');
}
$contact = new PHP_Email_Form;
$contact->ajax = true;
$contact->to = $receiving_email_address;
$contact->from_name = $_POST['name'];
$contact->from_email = $_POST['email'];
$contact->subject = $_POST['subject'];
// Uncomment below code if you want to use SMTP to send emails. You need to enter your correct SMTP credentials
/*
$contact->smtp = array(
'host' => 'example.com',
'username' => 'example',
'password' => 'pass',
'port' => '587'
);
*/
$contact->add_message( $_POST['name'], 'From');
$contact->add_message( $_POST['email'], 'Email');
$contact->add_message( $_POST['message'], 'Message', 10);
echo $contact->send();
?>
index.html
View file @ fe34709b
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">
<head>
......@@ -126,12 +126,18 @@
<div class="tab-test" role="tabpanel">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#lit-survey" aria-controls="home" role="tab" data-toggle="tab">Literature Survey</a></li>
<li role="presentation"><a href="#r-gap" aria-controls="profile" role="tab" data-toggle="tab">Research Gap</a></li>
<li role="presentation"><a href="#rp" aria-controls="messages" role="tab" data-toggle="tab">Research Problem</a></li>
<li role="presentation"><a href="#ro" aria-controls="messages" role="tab" data-toggle="tab">Research Objectives</a></li>
<li role="presentation"><a href="#meth" aria-controls="messages" role="tab" data-toggle="tab">Methodology</a></li>
<li role="presentation"><a href="#tu" aria-controls="messages" role="tab" data-toggle="tab">Technologies Used</a></li>
<li role="presentation" class="active"><a href="#lit-survey" aria-controls="home" role="tab"
data-toggle="tab">Literature Survey</a></li>
<li role="presentation"><a href="#r-gap" aria-controls="profile" role="tab" data-toggle="tab">Research
Gap</a></li>
<li role="presentation"><a href="#rp" aria-controls="messages" role="tab" data-toggle="tab">Research
Problem</a></li>
<li role="presentation"><a href="#ro" aria-controls="messages" role="tab" data-toggle="tab">Research
Objectives</a></li>
<li role="presentation"><a href="#meth" aria-controls="messages" role="tab" data-toggle="tab">Methodology</a>
</li>
<li role="presentation"><a href="#tu" aria-controls="messages" role="tab" data-toggle="tab">Technologies
Used</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content tabs">
......@@ -169,7 +175,8 @@
</div>
<!-- Carousel start -->
<div class="col-md-5">
<img src="assets/img/literature_survey/class_dojo.jpg" alt="dojo" style="width: 100%">
<img src="assets/img/literature_survey/class_dojo.jpg" alt="dojo"
style="width: 100%">
</div>
<!-- End of carousel -->
</div>
......@@ -205,7 +212,8 @@
<li>Get real-time feedback on student progress.</li>
<li>Leverage students' devices in class to increase participation.</li>
<li>Upload your slides easily and add interactive questions.</li>
<li>Take attendance effortlessly and prevent absent students from bending the
<li>Take attendance effortlessly and prevent absent students from bending
the
rules.
</li>
<li>Launch real-time polls to gauge student understanding.</li>
......@@ -225,7 +233,8 @@
<p class="card-text">
A High School in Hangzhou, China has installed cameras which are designed to
mark attendance automatically and track activities that students are engaging
mark attendance automatically and track activities that students are
engaging
in,
including reading, writing or listening.
</p>
......@@ -240,7 +249,8 @@
</div>
<!-- Carousel start -->
<div class="col-md-5">
<img src="assets/img/literature_survey/AI_china.jpg" alt="aichi" style="width: 100%">
<img src="assets/img/literature_survey/AI_china.jpg" alt="aichi"
style="width: 100%">
</div>
<!-- End of carousel -->
</div>
......@@ -252,18 +262,22 @@
<!-- Carousel start -->
<div class="col-md-5">
<img src="assets/img/literature_survey/edusense.PNG" alt="top-hatt" style="width: 100%">
<img src="assets/img/literature_survey/edusense.PNG" alt="top-hatt"
style="width: 100%">
</div>
<!-- End of carousel -->
<div class="col-md-7 px-3">
<div class="card-block px-6">
<h3 class="card-title display-4"> EduSense: Practical Classroom Sensing at Scale </h3>
<h3 class="card-title display-4"> EduSense: Practical Classroom Sensing at
Scale </h3>
<p class="card-text">
EduSense is a comprehensive, open source, sensing system that produces a
plethora of theoretically-motivated visual and audio features correlated with
effective instruction, which can feed professional development tools in much the
plethora of theoretically-motivated visual and audio features correlated
with
effective instruction, which can feed professional development tools in much
the
same way as a Fitbit sensor reports step count to an end user app
</p>
......@@ -412,7 +426,8 @@
</div>
<div class="col-lg-2">
<img alt="" height="100" src="assets/img/objectives/face_recognition.jpg"
<img alt="" height="100"
src="assets/img/objectives/face_recognition.jpg"
width="100">
</div>
</div>
......@@ -495,31 +510,41 @@
Tracking student attendance using face detection and facial recognition.
</li>
<li class="mx-4">
Notify and get opinion from the students who are absent and students who are
Notify and get opinion from the students who are absent and students who
are
leaving the lecture during a specified time period.
</li>
<li class="mx-4">
Provide an overview for the lecturer regarding student behavior during the lecture periods
Provide an overview for the lecturer regarding student behavior during
the lecture periods
through a web interface.
</li>
<li class="mx-4">
Identifying the student activities, emotion expressions and concentration levels
of students within 20-minute lecture duration using activity recognition, emotion
recognition and gaze estimation by employing computer vision technologies.
Identifying the student activities, emotion expressions and
concentration levels
of students within 20-minute lecture duration using activity
recognition, emotion
recognition and gaze estimation by employing computer vision
technologies.
</li>
<li class="mx-4">
Convert the filtered audio through lecture audio into the text format using the speech-to-text approach
in order to identify the important parts of the lecture and to summarize the lecture.
Convert the filtered audio through lecture audio into the text format
using the speech-to-text approach
in order to identify the important parts of the lecture and to summarize
the lecture.
</li>
<li class="mx-4">
Summarize the converted text and provide the summary in a pdf format for students.
Summarize the converted text and provide the summary in a pdf format for
students.
</li>
<li class="mx-4">
Monitoring lecturers’ evaluation by analyzing the audio data recorded in a
Monitoring lecturers’ evaluation by analyzing the audio data recorded in
a
lecture hall during the lecture hours.
</li>
<li class="mx-4">
Monitoring the lecturers’ interaction by tracking their posture movements such as sitting, standing
Monitoring the lecturers’ interaction by tracking their posture
movements such as sitting, standing
and walking.
</li>
</ul>
......@@ -546,14 +571,18 @@
<div class="card shadow-lg bg-white">
<div class="card-body">
<p class="card-text" style="font-size: 20px; text-align: justify">
As mentioned in the System Diagram, this system will mainly consist of a mobile
As mentioned in the System Diagram, this system will mainly consist of a
mobile
and web
application.
When the students and the lecturer enter the classroom, their behavior will be
When the students and the lecturer enter the classroom, their behavior will
be
monitored
by two separate video-cameras and a microphone. The collected data will transmit
by two separate video-cameras and a microphone. The collected data will
transmit
to the
server through local machine and stores the gathered data in the MongoDB cloud
server through local machine and stores the gathered data in the MongoDB
cloud
database
service.
</p>
......@@ -561,9 +590,11 @@
<p class="card-text" style="font-size: 20px; text-align: justify">
While the video camera tracks both facial expression and body
movements, the
microphone will record the lecture for further analysis. The student attendance
microphone will record the lecture for further analysis. The student
attendance
will
register by capturing facial identity using deep learning and computer vision
register by capturing facial identity using deep learning and computer
vision
mechanisms.
Students will be monitored by capturing their facial and body movements by
Computer
......@@ -577,9 +608,11 @@
lecturer
performance using machine learning, deep learning, and computer vision
technologies.
While the students have access to the mobile application, the lecturers and the
While the students have access to the mobile application, the lecturers and
the
higher
management have the authority to manage the web-application. Frontend components
management have the authority to manage the web-application. Frontend
components
will communicate with the backend using Django REST API.
</p>
......@@ -705,22 +738,26 @@
<div class="row">
<div class="col">
<div class="card text-center">
<a href="#proposal" class="card-header bg-info" style="padding: 7px; font-size: 25px; color: white; text-decoration: none" data-toggle="collapse">Proposal</a>
<a href="#proposal" class="card-header bg-info"
style="padding: 7px; font-size: 25px; color: white; text-decoration: none"
data-toggle="collapse">Proposal</a>
<div id="proposal" class="collapse mt-4">
<div class="card bg-white shadow-lg">
<!-- <div class="card-header">-->
<!-- <h1 class="card-title">Proposal</h1>-->
<!-- </div>-->
<!-- <div class="card-header">-->
<!-- <h1 class="card-title">Proposal</h1>-->
<!-- </div>-->
<div class="card-body">
<h3 class="font-weight-bold">Description</h3>
<div class="justify-content-center">
<p class="card-text">The Research group was given the opportunity to elaborate
<p class="card-text">The Research group was given the opportunity to
elaborate
the research problem,
research objectives and tentative methodology of the proposed study. The
research objectives and tentative methodology of the proposed study.
The
presentation was carried out by each
individual describing their components</p>
</div>
......@@ -749,22 +786,26 @@
<div class="row">
<div class="col">
<div class="card text-center">
<a href="#pp1" class="card-header bg-info" style="padding: 7px; font-size: 25px; color: white; text-decoration: none" data-toggle="collapse">Progress presentation 1</a>
<a href="#pp1" class="card-header bg-info"
style="padding: 7px; font-size: 25px; color: white; text-decoration: none"
data-toggle="collapse">Progress presentation 1</a>
<div id="pp1" class="collapse mt-4">
<div class="card bg-white shadow-lg">
<!-- <div class="card-header">-->
<!-- <h1 class="card-title">Progress Presentation - 1</h1>-->
<!-- </div>-->
<!-- <div class="card-header">-->
<!-- <h1 class="card-title">Progress Presentation - 1</h1>-->
<!-- </div>-->
<div class="card-body">
<h3 class="font-weight-bold">Description</h3>
<div class="justify-content-center">
<p class="card-text">This presentation was aimed to show the progress of the ongoing porcess,
such that 50% of the complete product had to be presented. Each individual had to clearly mention what they
<p class="card-text">This presentation was aimed to show the progress of
the ongoing porcess,
such that 50% of the complete product had to be presented. Each
individual had to clearly mention what they
have done and the actual percentage of the work completed</p>
</div>
......@@ -791,22 +832,26 @@
<div class="row">
<div class="col">
<div class="card text-center">
<a href="#pp2" class="card-header bg-info" style="padding: 7px; font-size: 25px; color: white; text-decoration: none" data-toggle="collapse">Progress presentation 2</a>
<a href="#pp2" class="card-header bg-info"
style="padding: 7px; font-size: 25px; color: white; text-decoration: none"
data-toggle="collapse">Progress presentation 2</a>
<div id="pp2" class="collapse mt-4">
<div class="card bg-white shadow-lg">
<!-- <div class="card-header">-->
<!-- <h1 class="card-title">Progress Presentation - 2</h1>-->
<!-- </div>-->
<!-- <div class="card-header">-->
<!-- <h1 class="card-title">Progress Presentation - 2</h1>-->
<!-- </div>-->
<div class="card-body">
<h3 class="font-weight-bold">Description</h3>
<div class="justify-content-center">
<p class="card-text">The main purpose of this presentation was to show the progress of the
project. It was expected that 90% of the project to be completed.</p>
<p class="card-text">The main purpose of this presentation was to show
the progress of the
project. It was expected that 90% of the project to be
completed.</p>
</div>
<h3 class="font-weight-bold">Date</h3>
......@@ -832,23 +877,28 @@
<div class="row">
<div class="col">
<div class="card text-center">
<a href="#demo" class="card-header bg-info" style="padding: 7px; font-size: 25px; color: white; text-decoration: none" data-toggle="collapse">Demo</a>
<a href="#demo" class="card-header bg-info"
style="padding: 7px; font-size: 25px; color: white; text-decoration: none"
data-toggle="collapse">Demo</a>
<div id="demo" class="collapse mt-4">
<div class="card bg-white shadow-lg">
<!-- <div class="card-header">-->
<!-- <h1 class="card-title">Demo</h1>-->
<!-- </div>-->
<!-- <div class="card-header">-->
<!-- <h1 class="card-title">Demo</h1>-->
<!-- </div>-->
<div class="card-body">
<h3 class="font-weight-bold">Description</h3>
<div class="justify-content-center">
<p class="card-text">The research project group had to design a Research Poster to provide a
basic understand about the Research. The content included were Introduction, Literature Survey,
Research Problem, Research Objectives, Methodology, Results and Discussion and Conclusion</p>
<p class="card-text">The research project group had to design a Research
Poster to provide a
basic understand about the Research. The content included were
Introduction, Literature Survey,
Research Problem, Research Objectives, Methodology, Results and
Discussion and Conclusion</p>
</div>
<h3 class="font-weight-bold">Date</h3>
......@@ -874,14 +924,16 @@
<div class="row">
<div class="col">
<div class="card text-center">
<a href="#final" class="card-header bg-info" style="padding: 7px; font-size: 25px; color: white; text-decoration: none" data-toggle="collapse">Final Assessment</a>
<a href="#final" class="card-header bg-info"
style="padding: 7px; font-size: 25px; color: white; text-decoration: none"
data-toggle="collapse">Final Assessment</a>
<div id="final" class="collapse mt-4">
<div class="card bg-white shadow-lg">
<!-- <div class="card-header">-->
<!-- <h1 class="card-title">Final Assessment</h1>-->
<!-- </div>-->
<!-- <div class="card-header">-->
<!-- <h1 class="card-title">Final Assessment</h1>-->
<!-- </div>-->
<div class="card-body">
......@@ -914,7 +966,9 @@
<div class="row">
<div class="col">
<div class="card text-center">
<a href="#viva" class="card-header bg-info" style="padding: 7px; font-size: 25px; color: white; text-decoration: none" data-toggle="collapse">Viva</a>
<a href="#viva" class="card-header bg-info"
style="padding: 7px; font-size: 25px; color: white; text-decoration: none"
data-toggle="collapse">Viva</a>
<div id="viva" class="collapse mt-4">
<div class="card bg-white shadow-lg">
......@@ -1085,10 +1139,11 @@
<!--project charter document-->
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-right">
<div class="card card-doc">
<a href="https://drive.google.com/file/d/1DRr_m2lqWN7Md8akLOeOB16hW4ytqbkV/view?usp=sharing" style="text-decoration: none">
<div class="card-img">
<img alt="..." src="assets/img/documents/08.png">
</div>
<a href="https://drive.google.com/file/d/1DRr_m2lqWN7Md8akLOeOB16hW4ytqbkV/view?usp=sharing"
style="text-decoration: none">
<div class="card-img">
<img alt="..." src="assets/img/documents/08.png">
</div>
<div class="card-inner text-center">
<div class="header">
<h2>Project Charter</h2>
......@@ -1103,7 +1158,8 @@
<!-- proposal documents-->
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-left">
<div class="card card-doc">
<a href="https://drive.google.com/file/d/1LpSWOBgxhZeqVxyTBFg0vICFE8BXi9__/view?usp=sharing" style="text-decoration: none">
<a href="https://drive.google.com/file/d/1LpSWOBgxhZeqVxyTBFg0vICFE8BXi9__/view?usp=sharing"
style="text-decoration: none">
<div class="card-img">
<img alt="..." src="assets/img/documents/08.png">
</div>
......@@ -1121,7 +1177,8 @@
<!-- research paper -->
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-right">
<div class="card card-doc">
<a href="https://drive.google.com/file/d/1L6jMzmAJ8tI6jwOr_drzLSZpzRSEQGx7/view?usp=sharing" style="text-decoration: none">
<a href="https://drive.google.com/file/d/1L6jMzmAJ8tI6jwOr_drzLSZpzRSEQGx7/view?usp=sharing"
style="text-decoration: none">
<div class="card-img">
<img alt="..." src="assets/img/documents/08.png">
</div>
......@@ -1139,7 +1196,8 @@
<!-- final thesis-->
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-left">
<div class="card card-doc">
<a href="https://drive.google.com/file/d/1Qma23sGsjHh9u2WnaAR_VPG0p7rApTSg/view?usp=sharing" style="text-decoration: none">
<a href="https://drive.google.com/file/d/1Qma23sGsjHh9u2WnaAR_VPG0p7rApTSg/view?usp=sharing"
style="text-decoration: none">
<div class="card-img">
<img alt="..." src="assets/img/documents/08.png">
</div>
......@@ -1152,7 +1210,7 @@
<div class="dropdown show">
<a class="btn btn-info dropdown-toggle btn-block" href="#" role="button"
id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
aria-expanded="true">
View more
</a>
......@@ -1177,7 +1235,7 @@
</div>
<!-- end of documents row-->
<hr>
</div>
</section><!-- End Services Section -->
......@@ -1200,11 +1258,11 @@
<hr style="height:2px;border-width:2px;color:gray;background-color:#284864">
</a>
<!-- <ul>-->
<!-- <li><i class="icofont-check"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>-->
<!-- <li><i class="icofont-check"></i> Duis aute irure dolor in reprehenderit in voluptate velit.-->
<!-- </li>-->
<!-- </ul>-->
<!-- <ul>-->
<!-- <li><i class="icofont-check"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>-->
<!-- <li><i class="icofont-check"></i> Duis aute irure dolor in reprehenderit in voluptate velit.-->
<!-- </li>-->
<!-- </ul>-->
</div>
</div>
......@@ -1229,12 +1287,12 @@
<h2>Progress Presentation - II</h2>
<hr style="height:2px;border-width:2px;color:gray;background-color:#284864">
</a>
<!-- <ul>-->
<!-- <li><i class="icofont-check"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>-->
<!-- <li><i class="icofont-check"></i> Duis aute irure dolor in reprehenderit in voluptate velit.-->
<!-- </li>-->
<!-- <li><i class="icofont-check"></i> Facilis ut et voluptatem aperiam. Autem soluta ad fugiat.</li>-->
<!-- </ul>-->
<!-- <ul>-->
<!-- <li><i class="icofont-check"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>-->
<!-- <li><i class="icofont-check"></i> Duis aute irure dolor in reprehenderit in voluptate velit.-->
<!-- </li>-->
<!-- <li><i class="icofont-check"></i> Facilis ut et voluptatem aperiam. Autem soluta ad fugiat.</li>-->
<!-- </ul>-->
</div>
</div>
......@@ -1401,10 +1459,24 @@
</div>
</div>
</div>
<!--email row-->
<div class="row mt-4">
<div class="col-md-12">
<div class="info-box" data-aos="fade-up">
<i class="fa fa-envelope"></i>
<h3>Our Email</h3>
<p>
<a href="mailto:cdap.slpes@gmail.com">cdap.slpes@gmail.com</a>
</p>
</div>
</div>
</div>
<!--end of email row-->
</div>
<div class="col-lg-6">
<form action="forms/contact.php" class="php-email-form" data-aos="fade-up" method="post"
<form action="#" class="php-email-form" data-aos="fade-up" method="post"
role="form">
<div class="form-row">
<div class="col-md-6 form-group">
......@@ -1446,6 +1518,7 @@
</div>
</div>
</section><!-- End Contact Section -->
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment