Skip to content

W
Website
Commit 61e7fa60 authored by LiniEisha's avatar LiniEisha
Browse files
Options

Commiting changes

parent d7f0bd20
Hide whitespace changes
Inline Side-by-side
Showing with 176 additions and 458 deletions
index.html
View file @ 61e7fa60
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
<!--font awesome link--> <!--font awesome link-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<!-- Vendor CSS Files --> <!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
...@@ -35,11 +35,11 @@ ...@@ -35,11 +35,11 @@
<script src="assets/vendor/jquery/jquery.min.js"></script> <script src="assets/vendor/jquery/jquery.min.js"></script>
<!-- links for the timeline--> <!-- links for the timeline-->
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" id="bootstrap-css"
id="bootstrap-css"> rel="stylesheet">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<link rel="stylesheet" href="assets/css/timeline.css"> <link href="assets/css/timeline.css" rel="stylesheet">
<style> <style>
...@@ -83,6 +83,7 @@ ...@@ -83,6 +83,7 @@
<li><a href="#researchMilestone">Research Project Milestones</a></li> <li><a href="#researchMilestone">Research Project Milestones</a></li>
<li><a href="#documents">Documents</a></li> <li><a href="#documents">Documents</a></li>
<li><a href="#presentation">Presentation</a></li> <li><a href="#presentation">Presentation</a></li>
<li><a href="#price">Pricing</a></li>
<li><a href="#aboutUs">About Us</a></li> <li><a href="#aboutUs">About Us</a></li>
<li><a href="#contact">Contact Us</a></li> <li><a href="#contact">Contact Us</a></li>
</ul> </ul>
...@@ -99,11 +100,11 @@ ...@@ -99,11 +100,11 @@
<div class=" col-lg-6 py-5 py-lg-0 order-2 order-lg-1" data-aos="fade-right"> <div class=" col-lg-6 py-5 py-lg-0 order-2 order-lg-1" data-aos="fade-right">
<h1>Taking the classroom monitoring to the next level with SLPES</h1> <h1>Taking the classroom monitoring to the next level with SLPES</h1>
<h2>We are team of talanted designers making websites with Bootstrap</h2> <h2>We are team of talanted designers making websites with Bootstrap</h2>
<a href="#about" class="btn-get-started scrollto">Get Started</a> <a class="btn-get-started scrollto" href="#about">Get Started</a>
</div> </div>
<div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="fade-left"> <div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="fade-left">
<!-- <img src="assets/img/application.jpg" class="img-fluid" alt="">--> <!-- <img src="assets/img/application.jpg" class="img-fluid" alt="">-->
<img src="assets/img/hero-img.png" class="img-fluid" alt=""> <img alt="" class="img-fluid" src="assets/img/hero-img.png">
<!-- <img src="assets/img/application_1.jpg" class="img-fluid" alt="">--> <!-- <img src="assets/img/application_1.jpg" class="img-fluid" alt="">-->
</div> </div>
</div> </div>
...@@ -115,7 +116,7 @@ ...@@ -115,7 +116,7 @@
<main id="main"> <main id="main">
<!-- ======= Research Scope Section ======= --> <!-- ======= Research Scope Section ======= -->
<section id="researchScope" class="researchScope section-bg"> <section class="researchScope section-bg" id="researchScope">
<div class="container"> <div class="container">
<div class="section-title"> <div class="section-title">
...@@ -126,28 +127,29 @@ ...@@ -126,28 +127,29 @@
<!--nav tabs--> <!--nav tabs-->
<ul class="nav nav-tabs nav-fill" id="nav_bar" role="tablist"> <ul class="nav nav-tabs nav-fill" id="nav_bar" role="tablist">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" id="lit-survey-tab" data-toggle="tab" href="#lit_survey" role="tab" <a aria-controls="lit_survey" aria-selected="false" class="nav-link active" data-toggle="tab"
aria-controls="lit_survey" aria-selected="false">Literature Survey</a> href="#lit_survey"
id="lit-survey-tab" role="tab">Literature Survey</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="research-gap-tab" data-toggle="tab" href="#research_gap" <a aria-controls="research_gap" aria-selected="false" class="nav-link" data-toggle="tab"
role="tab" aria-controls="research_gap" aria-selected="false">Research Gap</a> href="#research_gap" id="research-gap-tab" role="tab">Research Gap</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="research-problem-tab" data-toggle="tab" href="#research_problem" <a aria-controls="research_problem" aria-selected="false" class="nav-link" data-toggle="tab"
role="tab" aria-controls="research_problem" aria-selected="false">Research Problem</a> href="#research_problem" id="research-problem-tab" role="tab">Research Problem</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="research-objectives-tab" data-toggle="tab" href="#research_objectives" <a aria-controls="research_objectives" aria-selected="false" class="nav-link" data-toggle="tab"
role="tab" aria-controls="research_objectives" aria-selected="false">Research Objectives</a> href="#research_objectives" id="research-objectives-tab" role="tab">Research Objectives</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="methodology-tab" data-toggle="tab" href="#methodology" <a aria-controls="methodology" aria-selected="false" class="nav-link" data-toggle="tab"
role="tab" aria-controls="methodology" aria-selected="false">Methodology</a> href="#methodology" id="methodology-tab" role="tab">Methodology</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="technologies-used-tab" data-toggle="tab" href="#technologies_used" <a aria-controls="technologies_used" aria-selected="false" class="nav-link" data-toggle="tab"
role="tab" aria-controls="technologies_used" aria-selected="false">Technologies used</a> href="#technologies_used" id="technologies-used-tab" role="tab">Technologies used</a>
</li> </li>
</ul> </ul>
...@@ -197,7 +199,7 @@ ...@@ -197,7 +199,7 @@
<!--end of 1st column--> <!--end of 1st column-->
<div class="col-lg-2 p-4" data-aos="fade-right"> <div class="col-lg-2 p-4" data-aos="fade-right">
<img src="assets/img/literature_survey/class_dojo.jpg" alt=""> <img alt="" src="assets/img/literature_survey/class_dojo.jpg">
</div> </div>
</div> </div>
<!--end of 1st row--> <!--end of 1st row-->
...@@ -242,7 +244,7 @@ ...@@ -242,7 +244,7 @@
</div> </div>
<div class="col-lg-2 p-4" data-aos="fade-left"> <div class="col-lg-2 p-4" data-aos="fade-left">
<img src="assets/img/literature_survey/tophat_logo.svg" alt=""> <img alt="" src="assets/img/literature_survey/tophat_logo.svg">
</div> </div>
</div> </div>
...@@ -277,7 +279,7 @@ ...@@ -277,7 +279,7 @@
</div> </div>
<div class="col-lg-2 p-4" data-aos="fade-right"> <div class="col-lg-2 p-4" data-aos="fade-right">
<img src="assets/img/literature_survey/AI_china.jpg" alt=""> <img alt="" src="assets/img/literature_survey/AI_china.jpg">
</div> </div>
</div> </div>
<!--end of 3rd row--> <!--end of 3rd row-->
...@@ -317,7 +319,7 @@ ...@@ -317,7 +319,7 @@
</div> </div>
<div class="col-lg-2 p-4" data-aos="fade-left"> <div class="col-lg-2 p-4" data-aos="fade-left">
<img src="assets/img/literature_survey/edusense.PNG" alt=""> <img alt="" src="assets/img/literature_survey/edusense.PNG">
</div> </div>
</div> </div>
...@@ -346,74 +348,74 @@ ...@@ -346,74 +348,74 @@
<tr> <tr>
<td>Attendance Register</td> <td>Attendance Register</td>
<td> <td>
<i class="fa fa-check fa-3x" aria-hidden="true"></i> <i aria-hidden="true" class="fa fa-check fa-3x"></i>
</td> </td>
<td> <td>
<i class="fa fa-check fa-3x" aria-hidden="true"></i> <i aria-hidden="true" class="fa fa-check fa-3x"></i>
</td> </td>
<td> <td>
<i class="fa fa-check fa-3x" aria-hidden="true"></i> <i aria-hidden="true" class="fa fa-check fa-3x"></i>
</td> </td>
<td> <td>
<i class="fa fa-times fa-3x" aria-hidden="true"></i> <i aria-hidden="true" class="fa fa-times fa-3x"></i>
</td> </td>
<td> <td>
<i class="fa fa-check fa-3x" aria-hidden="true"></i> <i aria-hidden="true" class="fa fa-check fa-3x"></i>
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Monitoring Student Behavior</td> <td>Monitoring Student Behavior</td>
<td> <td>
<i class="fa fa-check fa-3x" aria-hidden="true"></i> <i aria-hidden="true" class="fa fa-check fa-3x"></i>
</td> </td>
<td> <td>
<i class="fa fa-times fa-3x" aria-hidden="true"></i> <i aria-hidden="true" class="fa fa-times fa-3x"></i>
</td> </td>
<td> <td>
<i class="fa fa-times fa-3x" aria-hidden="true"></i> <i aria-hidden="true" class="fa fa-times fa-3x"></i>
</td> </td>
<td> <td>
<i class="fa fa-times fa-3x" aria-hidden="true"></i> <i aria-hidden="true" class="fa fa-times fa-3x"></i>
</td> </td>
<td> <td>
<i class="fa fa-check fa-3x" aria-hidden="true"></i> <i aria-hidden="true" class="fa fa-check fa-3x"></i>
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Lecture Summarizing</td> <td>Lecture Summarizing</td>
<td> <td>
<i class="fa fa-times fa-3x" aria-hidden="true"></i> <i aria-hidden="true" class="fa fa-times fa-3x"></i>
</td> </td>
<td> <td>
<i class="fa fa-check fa-3x" aria-hidden="true"></i> <i aria-hidden="true" class="fa fa-check fa-3x"></i>
</td> </td>
<td> <td>
<i class="fa fa-times fa-3x" aria-hidden="true"></i> <i aria-hidden="true" class="fa fa-times fa-3x"></i>
</td> </td>
<td> <td>
<i class="fa fa-check fa-3x" aria-hidden="true"></i> <i aria-hidden="true" class="fa fa-check fa-3x"></i>
</td> </td>
<td> <td>
<i class="fa fa-check fa-3x" aria-hidden="true"></i> <i aria-hidden="true" class="fa fa-check fa-3x"></i>
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Monitoring Lecturer Performance</td> <td>Monitoring Lecturer Performance</td>
<td> <td>
<i class="fa fa-times fa-3x" aria-hidden="true"></i> <i aria-hidden="true" class="fa fa-times fa-3x"></i>
</td> </td>
<td> <td>
<i class="fa fa-times fa-3x" aria-hidden="true"></i> <i aria-hidden="true" class="fa fa-times fa-3x"></i>
</td> </td>
<td> <td>
<i class="fa fa-times fa-3x" aria-hidden="true"></i> <i aria-hidden="true" class="fa fa-times fa-3x"></i>
</td> </td>
<td> <td>
<i class="fa fa-times fa-3x" aria-hidden="true"></i> <i aria-hidden="true" class="fa fa-times fa-3x"></i>
</td> </td>
<td> <td>
<i class="fa fa-check fa-3x" aria-hidden="true"></i> <i aria-hidden="true" class="fa fa-check fa-3x"></i>
</td> </td>
</tr> </tr>
</tbody> </tbody>
...@@ -477,7 +479,8 @@ ...@@ -477,7 +479,8 @@
</div> </div>
<div class="col-lg-2"> <div class="col-lg-2">
<img src="assets/img/objectives/face_recognition.jpg" alt="" height="100" width="100"> <img alt="" height="100" src="assets/img/objectives/face_recognition.jpg"
width="100">
</div> </div>
</div> </div>
...@@ -495,7 +498,8 @@ ...@@ -495,7 +498,8 @@
</div> </div>
<div class="col-lg-2"> <div class="col-lg-2">
<img src="assets/img/objectives/monitoring.jpg" alt="" height="100" width="100"> <img alt="" height="100" src="assets/img/objectives/monitoring.jpg"
width="100">
</div> </div>
</div> </div>
...@@ -511,7 +515,8 @@ ...@@ -511,7 +515,8 @@
</div> </div>
<div class="col-lg-2"> <div class="col-lg-2">
<img src="assets/img/objectives/speech_to_text.png" alt="" height="100" width="100"> <img alt="" height="100" src="assets/img/objectives/speech_to_text.png"
width="100">
</div> </div>
</div> </div>
...@@ -528,7 +533,8 @@ ...@@ -528,7 +533,8 @@
</div> </div>
<div class="col-lg-2"> <div class="col-lg-2">
<img src="assets/img/objectives/dashboard.jpg" alt="" height="100" width="100"> <img alt="" height="100" src="assets/img/objectives/dashboard.jpg"
width="100">
</div> </div>
</div> </div>
...@@ -570,7 +576,8 @@ ...@@ -570,7 +576,8 @@
<!--diagram column--> <!--diagram column-->
<div class="col-lg-4"> <div class="col-lg-4">
<img src="assets/img/methodology/system_diagram.jpg" alt="system diagram" height="400" width="300"> <img alt="system diagram" height="400" src="assets/img/methodology/system_diagram.jpg"
width="300">
</div> </div>
<!--end of diagram column--> <!--end of diagram column-->
...@@ -637,32 +644,32 @@ ...@@ -637,32 +644,32 @@
<div class="col-lg-3 col-md-4 col-6"> <div class="col-lg-3 col-md-4 col-6">
<div class="client-logo"> <div class="client-logo">
<img src="assets/img/technologies/deep_learning.jpg" class="img-fluid" alt="" <img alt="" class="img-fluid" data-aos="flip-right"
data-aos="flip-right"> src="assets/img/technologies/deep_learning.jpg">
<span>Deep Learning</span> <span>Deep Learning</span>
</div> </div>
</div> </div>
<div class="col-lg-3 col-md-4 col-6"> <div class="col-lg-3 col-md-4 col-6">
<div class="client-logo"> <div class="client-logo">
<img src="assets/img/technologies/computer_vision.jpg" class="img-fluid" alt="" <img alt="" class="img-fluid" data-aos="flip-right"
data-aos="flip-right" data-aos-delay="400"> data-aos-delay="400" src="assets/img/technologies/computer_vision.jpg">
<span>Computer Vision</span> <span>Computer Vision</span>
</div> </div>
</div> </div>
<div class="col-lg-3 col-md-4 col-6"> <div class="col-lg-3 col-md-4 col-6">
<div class="client-logo"> <div class="client-logo">
<img src="assets/img/technologies/machine_learning.jpg" class="img-fluid" alt="" <img alt="" class="img-fluid" data-aos="flip-right"
data-aos="flip-right" data-aos-delay="100"> data-aos-delay="100" src="assets/img/technologies/machine_learning.jpg">
<span>Machine Learning</span> <span>Machine Learning</span>
</div> </div>
</div> </div>
<div class="col-lg-3 col-md-4 col-6"> <div class="col-lg-3 col-md-4 col-6">
<div class="client-logo"> <div class="client-logo">
<img src="assets/img/technologies/nlp.jpg" class="img-fluid" alt="" <img alt="" class="img-fluid" data-aos="flip-right"
data-aos="flip-right" data-aos-delay="200"> data-aos-delay="200" src="assets/img/technologies/nlp.jpg">
<span>Natural Language Processing</span> <span>Natural Language Processing</span>
</div> </div>
</div> </div>
...@@ -678,43 +685,43 @@ ...@@ -678,43 +685,43 @@
<div class="col-lg-2 col-md-4 col-6"> <div class="col-lg-2 col-md-4 col-6">
<div class="client-logo"> <div class="client-logo">
<img src="assets/img/technologies/django.png" class="img-fluid" alt="" <img alt="" class="img-fluid" data-aos="flip-right"
data-aos="flip-right"> src="assets/img/technologies/django.png">
</div> </div>
</div> </div>
<div class="col-lg-2 col-md-4 col-6"> <div class="col-lg-2 col-md-4 col-6">
<div class="client-logo"> <div class="client-logo">
<img src="assets/img/technologies/djangorestframework.png" class="img-fluid" alt="" <img alt="" class="img-fluid" data-aos="flip-right"
data-aos="flip-right" data-aos-delay="400"> data-aos-delay="400" src="assets/img/technologies/djangorestframework.png">
</div> </div>
</div> </div>
<div class="col-lg-2 col-md-4 col-6"> <div class="col-lg-2 col-md-4 col-6">
<div class="client-logo"> <div class="client-logo">
<img src="assets/img/technologies/mongo.png" class="img-fluid" alt="" <img alt="" class="img-fluid" data-aos="flip-right"
data-aos="flip-right" data-aos-delay="100"> data-aos-delay="100" src="assets/img/technologies/mongo.png">
</div> </div>
</div> </div>
<div class="col-lg-2 col-md-4 col-6"> <div class="col-lg-2 col-md-4 col-6">
<div class="client-logo"> <div class="client-logo">
<img src="assets/img/technologies/opencv.png" class="img-fluid" alt="" <img alt="" class="img-fluid" data-aos="flip-right"
data-aos="flip-right" data-aos-delay="200"> data-aos-delay="200" src="assets/img/technologies/opencv.png">
</div> </div>
</div> </div>
<div class="col-lg-2 col-md-4 col-6"> <div class="col-lg-2 col-md-4 col-6">
<div class="client-logo"> <div class="client-logo">
<img src="assets/img/technologies/tensorflow.png" class="img-fluid" alt="" <img alt="" class="img-fluid" data-aos="flip-right"
data-aos="flip-right" data-aos-delay="300"> data-aos-delay="300" src="assets/img/technologies/tensorflow.png">
</div> </div>
</div> </div>
<div class="col-lg-2 col-md-4 col-6"> <div class="col-lg-2 col-md-4 col-6">
<div class="client-logo"> <div class="client-logo">
<img src="assets/img/technologies/flutter.png" class="img-fluid" alt="" <img alt="" class="img-fluid" data-aos="flip-right"
data-aos="flip-right" data-aos-delay="400"> data-aos-delay="400" src="assets/img/technologies/flutter.png">
</div> </div>
</div> </div>
...@@ -733,13 +740,13 @@ ...@@ -733,13 +740,13 @@
<!-- End Research Scope Section --> <!-- End Research Scope Section -->
<!-- ======= Research Milestones Section ======= --> <!-- ======= Research Milestones Section ======= -->
<section id="researchMilestone" class="researchMilestone section-bg"> <section class="researchMilestone section-bg" id="researchMilestone">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-xl-7 pl-0 pl-lg-5 pr-lg-1 d-flex align-items-stretch" data-aos="fade-right"> <div class="col-xl-7 pl-0 pl-lg-5 pr-lg-1 d-flex align-items-stretch" data-aos="fade-right">
<div class="content d-flex flex-column justify-content-center"> <div class="content d-flex flex-column justify-content-center">
<h2 data-aos="fade-in" data-aos-delay="100" class="font-weight-bold">Research Project <h2 class="font-weight-bold" data-aos="fade-in" data-aos-delay="100">Research Project
Milestones</h2> Milestones</h2>
</div> </div>
</div> </div>
...@@ -817,8 +824,8 @@ ...@@ -817,8 +824,8 @@
<p>Some text...</p> <p>Some text...</p>
<hr> <hr>
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-primary btn-sm dropdown-toggle" <button class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown"
data-toggle="dropdown"> type="button">
<i class="glyphicon glyphicon-cog"></i> <span class="caret"></span> <i class="glyphicon glyphicon-cog"></i> <span class="caret"></span>
</button> </button>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
...@@ -892,7 +899,7 @@ ...@@ -892,7 +899,7 @@
<!-- End About Section --> <!-- End About Section -->
<!-- ======= Services Section ======= --> <!-- ======= Services Section ======= -->
<section id="documents" class="documents section-bg"> <section class="documents section-bg" id="documents">
<div class="container"> <div class="container">
<div class="section-title"> <div class="section-title">
...@@ -907,7 +914,7 @@ ...@@ -907,7 +914,7 @@
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-right"> <div class="col-md-3 d-flex align-items-stretch" data-aos="fade-right">
<div class="card"> <div class="card">
<div class="card-img"> <div class="card-img">
<img src="assets/img/documents/pdf_image.jpg" alt="..."> <img alt="..." src="assets/img/documents/pdf_image.jpg">
</div> </div>
<div class="card-body"> <div class="card-body">
<h5 class="card-title"><a href="">Topic Registration</a></h5> <h5 class="card-title"><a href="">Topic Registration</a></h5>
...@@ -924,7 +931,7 @@ ...@@ -924,7 +931,7 @@
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-left"> <div class="col-md-3 d-flex align-items-stretch" data-aos="fade-left">
<div class="card"> <div class="card">
<div class="card-img"> <div class="card-img">
<img src="assets/img/documents/pdf_image.jpg" alt="..."> <img alt="..." src="assets/img/documents/pdf_image.jpg">
</div> </div>
<div class="card-body"> <div class="card-body">
<h5 class="card-title"><a href="">Project Proposal</a></h5> <h5 class="card-title"><a href="">Project Proposal</a></h5>
...@@ -939,7 +946,7 @@ ...@@ -939,7 +946,7 @@
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-right"> <div class="col-md-3 d-flex align-items-stretch" data-aos="fade-right">
<div class="card"> <div class="card">
<div class="card-img"> <div class="card-img">
<img src="assets/img/documents/pdf_image.jpg" alt="..."> <img alt="..." src="assets/img/documents/pdf_image.jpg">
</div> </div>
<div class="card-body"> <div class="card-body">
<h5 class="card-title"><a href="">Research Paper</a></h5> <h5 class="card-title"><a href="">Research Paper</a></h5>
...@@ -953,7 +960,7 @@ ...@@ -953,7 +960,7 @@
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-left"> <div class="col-md-3 d-flex align-items-stretch" data-aos="fade-left">
<div class="card"> <div class="card">
<div class="card-img"> <div class="card-img">
<img src="assets/img/documents/pdf_image.jpg" alt="..."> <img alt="..." src="assets/img/documents/pdf_image.jpg">
</div> </div>
<div class="card-body"> <div class="card-body">
<h5 class="card-title"><a href="">Final Thesis</a></h5> <h5 class="card-title"><a href="">Final Thesis</a></h5>
...@@ -970,7 +977,7 @@ ...@@ -970,7 +977,7 @@
</section><!-- End Services Section --> </section><!-- End Services Section -->
<!-- ======= Documents Section ======= --> <!-- ======= Documents Section ======= -->
<section id="presentation" class="presentation section-bg"> <section class="presentation section-bg" id="presentation">
<div class="container"> <div class="container">
<div class="section-title"> <div class="section-title">
...@@ -979,7 +986,7 @@ ...@@ -979,7 +986,7 @@
<div class="row content"> <div class="row content">
<div class="col-md-5" data-aos="fade-right"> <div class="col-md-5" data-aos="fade-right">
<img src="assets/img/presentations/proposal.PNG" class="img-fluid" alt=""> <img alt="" class="img-fluid" src="assets/img/presentations/proposal.PNG">
</div> </div>
<div class="col-md-7 pt-4" data-aos="fade-left"> <div class="col-md-7 pt-4" data-aos="fade-left">
<h3>Proposal Presentation</h3> <h3>Proposal Presentation</h3>
...@@ -993,7 +1000,7 @@ ...@@ -993,7 +1000,7 @@
<div class="row content"> <div class="row content">
<div class="col-md-5 order-1 order-md-2" data-aos="fade-left"> <div class="col-md-5 order-1 order-md-2" data-aos="fade-left">
<img src="assets/img/presentations/pp1.PNG" class="img-fluid" alt=""> <img alt="" class="img-fluid" src="assets/img/presentations/pp1.PNG">
</div> </div>
<div class="col-md-7 pt-5 order-2 order-md-1" data-aos="fade-right"> <div class="col-md-7 pt-5 order-2 order-md-1" data-aos="fade-right">
<h3>Progress Presentation - I</h3> <h3>Progress Presentation - I</h3>
...@@ -1002,7 +1009,7 @@ ...@@ -1002,7 +1009,7 @@
<div class="row content"> <div class="row content">
<div class="col-md-5" data-aos="fade-right"> <div class="col-md-5" data-aos="fade-right">
<img src="assets/img/presentations/pp2.PNG" class="img-fluid" alt=""> <img alt="" class="img-fluid" src="assets/img/presentations/pp2.PNG">
</div> </div>
<div class="col-md-7 pt-5" data-aos="fade-left"> <div class="col-md-7 pt-5" data-aos="fade-left">
<h3>Progress Presentation - II</h3> <h3>Progress Presentation - II</h3>
...@@ -1017,7 +1024,7 @@ ...@@ -1017,7 +1024,7 @@
<div class="row content"> <div class="row content">
<div class="col-md-5 order-1 order-md-2" data-aos="fade-left"> <div class="col-md-5 order-1 order-md-2" data-aos="fade-left">
<img src="assets/img/presentations/final_presentation.png" class="img-fluid" alt=""> <img alt="" class="img-fluid" src="assets/img/presentations/final_presentation.png">
</div> </div>
<div class="col-md-7 pt-5 order-2 order-md-1" data-aos="fade-right"> <div class="col-md-7 pt-5 order-2 order-md-1" data-aos="fade-right">
<h3>Final Presentation</h3> <h3>Final Presentation</h3>
...@@ -1027,162 +1034,8 @@ ...@@ -1027,162 +1034,8 @@
</div> </div>
</section><!-- End Features Section --> </section><!-- End Features Section -->
<!-- ======= Presentation Section ======= -->
<!-- <section id="aboutUs" class="aboutUs section-bg">-->
<!-- <div class="container">-->
<!-- <div class="section-title">-->
<!-- <h2 data-aos="fade-in">Presentation</h2>-->
<!-- <p data-aos="fade-in">Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>-->
<!-- </div>-->
<!-- <div class="row">-->
<!-- <div class="col-lg-12">-->
<!-- <ul id="portfolio-flters">-->
<!-- <li data-filter="*" class="filter-active">All</li>-->
<!-- <li data-filter=".filter-app">App</li>-->
<!-- <li data-filter=".filter-card">Card</li>-->
<!-- <li data-filter=".filter-web">Web</li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="row portfolio-container" data-aos="fade-up">-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-app">-->
<!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-1.jpg" class="img-fluid" alt="">-->
<!-- <div class="portfolio-links">-->
<!-- <a href="assets/img/portfolio/portfolio-1.jpg" data-gall="portfolioGallery" class="venobox" title="App 1"><i class="icofont-plus-circle"></i></a>-->
<!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>-->
<!-- <div class="portfolio-info">-->
<!-- <h4>App 1</h4>-->
<!-- <p>App</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-web">-->
<!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-2.jpg" class="img-fluid" alt="">-->
<!-- <div class="portfolio-links">-->
<!-- <a href="assets/img/portfolio/portfolio-2.jpg" data-gall="portfolioGallery" class="venobox" title="Web 3"><i class="icofont-plus-circle"></i></a>-->
<!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>-->
<!-- <div class="portfolio-info">-->
<!-- <h4>Web 3</h4>-->
<!-- <p>Web</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-app">-->
<!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-3.jpg" class="img-fluid" alt="">-->
<!-- <div class="portfolio-links">-->
<!-- <a href="assets/img/portfolio/portfolio-3.jpg" data-gall="portfolioGallery" class="venobox" title="App 2"><i class="icofont-plus-circle"></i></a>-->
<!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>-->
<!-- <div class="portfolio-info">-->
<!-- <h4>App 2</h4>-->
<!-- <p>App</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-card">-->
<!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-4.jpg" class="img-fluid" alt="">-->
<!-- <div class="portfolio-links">-->
<!-- <a href="assets/img/portfolio/portfolio-4.jpg" data-gall="portfolioGallery" class="venobox" title="Card 2"><i class="icofont-plus-circle"></i></a>-->
<!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>-->
<!-- <div class="portfolio-info">-->
<!-- <h4>Card 2</h4>-->
<!-- <p>Card</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-web">-->
<!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-5.jpg" class="img-fluid" alt="">-->
<!-- <div class="portfolio-links">-->
<!-- <a href="assets/img/portfolio/portfolio-5.jpg" data-gall="portfolioGallery" class="venobox" title="Web 2"><i class="icofont-plus-circle"></i></a>-->
<!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>-->
<!-- <div class="portfolio-info">-->
<!-- <h4>Web 2</h4>-->
<!-- <p>Web</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-app">-->
<!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-6.jpg" class="img-fluid" alt="">-->
<!-- <div class="portfolio-links">-->
<!-- <a href="assets/img/portfolio/portfolio-6.jpg" data-gall="portfolioGallery" class="venobox" title="App 3"><i class="icofont-plus-circle"></i></a>-->
<!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>-->
<!-- <div class="portfolio-info">-->
<!-- <h4>App 3</h4>-->
<!-- <p>App</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-card">-->
<!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-7.jpg" class="img-fluid" alt="">-->
<!-- <div class="portfolio-links">-->
<!-- <a href="assets/img/portfolio/portfolio-7.jpg" data-gall="portfolioGallery" class="venobox" title="Card 1"><i class="icofont-plus-circle"></i></a>-->
<!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>-->
<!-- <div class="portfolio-info">-->
<!-- <h4>Card 1</h4>-->
<!-- <p>Card</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-card">-->
<!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-8.jpg" class="img-fluid" alt="">-->
<!-- <div class="portfolio-links">-->
<!-- <a href="assets/img/portfolio/portfolio-8.jpg" data-gall="portfolioGallery" class="venobox" title="Card 3"><i class="icofont-plus-circle"></i></a>-->
<!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>-->
<!-- <div class="portfolio-info">-->
<!-- <h4>Card 3</h4>-->
<!-- <p>Card</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-web">-->
<!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-9.jpg" class="img-fluid" alt="">-->
<!-- <div class="portfolio-links">-->
<!-- <a href="assets/img/portfolio/portfolio-9.jpg" data-gall="portfolioGallery" class="venobox" title="Web 3"><i class="icofont-plus-circle"></i></a>-->
<!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>-->
<!-- <div class="portfolio-info">-->
<!-- <h4>Web 3</h4>-->
<!-- <p>Web</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </section>-->
<!-- End Portfolio Section -->
<!-- ======= About Us Section ======= --> <!-- ======= About Us Section ======= -->
<section id="aboutUs" class="team section-bg"> <section class="team section-bg" id="aboutUs">
<div class="container"> <div class="container">
<div class="section-title"> <div class="section-title">
...@@ -1203,29 +1056,29 @@ ...@@ -1203,29 +1056,29 @@
<div class="col-xl-3 col-lg-4 col-md-6"> <div class="col-xl-3 col-lg-4 col-md-6">
<div class="member" data-aos="fade-up"> <div class="member" data-aos="fade-up">
<div class="pic"><img src="assets/img/about_us/Samantha_sir.jpg" alt=""></div> <div class="pic"><img alt="" src="assets/img/about_us/Samantha_sir.jpg"></div>
<h4>Samantha Rajapaksha</h4> <h4>Samantha Rajapaksha</h4>
<span>Senior Lecturer</span> <span>Senior Lecturer</span>
<div class="social"> <!-- <div class="social">-->
<a href=""><i class="icofont-twitter"></i></a> <!-- <a href=""><i class="icofont-twitter"></i></a>-->
<a href=""><i class="icofont-facebook"></i></a> <!-- <a href=""><i class="icofont-facebook"></i></a>-->
<a href=""><i class="icofont-instagram"></i></a> <!-- <a href=""><i class="icofont-instagram"></i></a>-->
<a href=""><i class="icofont-linkedin"></i></a> <!-- <a href=""><i class="icofont-linkedin"></i></a>-->
</div> <!-- </div>-->
</div> </div>
</div> </div>
<div class="col-xl-3 col-lg-4 col-md-6"> <div class="col-xl-3 col-lg-4 col-md-6">
<div class="member" data-aos="fade-up"> <div class="member" data-aos="fade-up">
<div class="pic"><img src="assets/img/about_us/Dinuka_miss.jpg" alt=""></div> <div class="pic"><img alt="" src="assets/img/about_us/Dinuka_miss.jpg"></div>
<h4>Ms. Dinuka Wijendra</h4> <h4>Ms. Dinuka Wijendra</h4>
<span>Lecturer</span> <span>Lecturer</span>
<div class="social"> <!-- <div class="social">-->
<a href=""><i class="icofont-twitter"></i></a> <!-- <a href=""><i class="icofont-twitter"></i></a>-->
<a href=""><i class="icofont-facebook"></i></a> <!-- <a href=""><i class="icofont-facebook"></i></a>-->
<a href=""><i class="icofont-instagram"></i></a> <!-- <a href=""><i class="icofont-instagram"></i></a>-->
<a href=""><i class="icofont-linkedin"></i></a> <!-- <a href=""><i class="icofont-linkedin"></i></a>-->
</div> <!-- </div>-->
</div> </div>
</div> </div>
...@@ -1247,57 +1100,57 @@ ...@@ -1247,57 +1100,57 @@
<div class="row"> <div class="row">
<div class="col-xl-3 col-lg-4 col-md-6"> <div class="col-xl-3 col-lg-4 col-md-6">
<div class="member" data-aos="fade-up"> <div class="member" data-aos="fade-up">
<div class="pic"><img src="assets/img/about_us/Ishan.jpg" alt=""></div> <div class="pic"><img alt="" src="assets/img/about_us/Ishan.jpg"></div>
<h4>Ishan Seneviratne</h4> <h4>Ishan Seneviratne</h4>
<span>Group Leader</span> <span>Group Leader</span>
<div class="social"> <!-- <div class="social">-->
<a href=""><i class="icofont-twitter"></i></a> <!-- <a href=""><i class="icofont-twitter"></i></a>-->
<a href=""><i class="icofont-facebook"></i></a> <!-- <a href=""><i class="icofont-facebook"></i></a>-->
<a href=""><i class="icofont-instagram"></i></a> <!-- <a href=""><i class="icofont-instagram"></i></a>-->
<a href=""><i class="icofont-linkedin"></i></a> <!-- <a href=""><i class="icofont-linkedin"></i></a>-->
</div> <!-- </div>-->
</div> </div>
</div> </div>
<div class="col-xl-3 col-lg-4 col-md-6"> <div class="col-xl-3 col-lg-4 col-md-6">
<div class="member" data-aos="fade-up" data-aos-delay="100"> <div class="member" data-aos="fade-up" data-aos-delay="100">
<div class="pic"><img src="assets/img/about_us/sohan.PNG" alt=""></div> <div class="pic"><img alt="" src="assets/img/about_us/sohan.PNG"></div>
<h4>Sohan Perera</h4> <h4>Sohan Perera</h4>
<span>Member</span> <span>Member</span>
<div class="social"> <!-- <div class="social">-->
<a href=""><i class="icofont-twitter"></i></a> <!-- <a href=""><i class="icofont-twitter"></i></a>-->
<a href=""><i class="icofont-facebook"></i></a> <!-- <a href=""><i class="icofont-facebook"></i></a>-->
<a href=""><i class="icofont-instagram"></i></a> <!-- <a href=""><i class="icofont-instagram"></i></a>-->
<a href=""><i class="icofont-linkedin"></i></a> <!-- <a href=""><i class="icofont-linkedin"></i></a>-->
</div> <!-- </div>-->
</div> </div>
</div> </div>
<div class="col-xl-3 col-lg-4 col-md-6"> <div class="col-xl-3 col-lg-4 col-md-6">
<div class="member" data-aos="fade-up" data-aos-delay="200"> <div class="member" data-aos="fade-up" data-aos-delay="200">
<div class="pic"><img src="assets/img/about_us/sachith.jpg" alt=""></div> <div class="pic"><img alt="" src="assets/img/about_us/sachith.jpg"></div>
<h4>Sachith Fernando</h4> <h4>Sachith Fernando</h4>
<span>Member</span> <span>Member</span>
<div class="social"> <!-- <div class="social">-->
<a href=""><i class="icofont-twitter"></i></a> <!-- <a href=""><i class="icofont-twitter"></i></a>-->
<a href=""><i class="icofont-facebook"></i></a> <!-- <a href=""><i class="icofont-facebook"></i></a>-->
<a href=""><i class="icofont-instagram"></i></a> <!-- <a href=""><i class="icofont-instagram"></i></a>-->
<a href=""><i class="icofont-linkedin"></i></a> <!-- <a href=""><i class="icofont-linkedin"></i></a>-->
</div> <!-- </div>-->
</div> </div>
</div> </div>
<div class="col-xl-3 col-lg-4 col-md-6"> <div class="col-xl-3 col-lg-4 col-md-6">
<div class="member" data-aos="fade-up" data-aos-delay="300"> <div class="member" data-aos="fade-up" data-aos-delay="300">
<div class="pic"><img src="assets/img/about_us/linisha.jpg" alt=""></div> <div class="pic"><img alt="" src="assets/img/about_us/linisha.jpg"></div>
<h4>Linisha Siriwardana</h4> <h4>Linisha Siriwardana</h4>
<span>Member</span> <span>Member</span>
<div class="social"> <!-- <div class="social">-->
<a href=""><i class="icofont-twitter"></i></a> <!-- <a href=""><i class="icofont-twitter"></i></a>-->
<a href=""><i class="icofont-facebook"></i></a> <!-- <a href=""><i class="icofont-facebook"></i></a>-->
<a href=""><i class="icofont-instagram"></i></a> <!-- <a href=""><i class="icofont-instagram"></i></a>-->
<a href=""><i class="icofont-linkedin"></i></a> <!-- <a href=""><i class="icofont-linkedin"></i></a>-->
</div> <!-- </div>-->
</div> </div>
</div> </div>
</div> </div>
...@@ -1308,155 +1161,58 @@ ...@@ -1308,155 +1161,58 @@
</section><!-- End Team Section --> </section><!-- End Team Section -->
<!-- ======= Pricing Section ======= --> <!-- ======= Pricing Section ======= -->
<section id="pricing" class="pricing section-bg"> <section class="pricing section-bg" id="price">
<div class="container"> <div class="container">
<div class="section-title"> <div class="section-title">
<h2 data-aos="fade-in">Pricing</h2> <h2 data-aos="fade-in">Pricing</h2>
<p data-aos="fade-in">Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga
eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit
suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
</div> </div>
<div class="row no-gutters"> <div class="row no-gutters">
<div class="col-lg-4 box" data-aos="zoom-in"> <div class="col-lg-6 box" data-aos="zoom-in">
<h3>Free</h3> <h3>Free</h3>
<h4>$0<span>per month</span></h4> <h4>$0<span>14 Days</span></h4>
<ul> <ul>
<li><i class="bx bx-check"></i> Quam adipiscing vitae proin</li> <li><i class="bx bx-check"></i>Setup for one classroom</li>
<li><i class="bx bx-check"></i> Nec feugiat nisl pretium</li> <li><i class="bx bx-check"></i>Includes: A Raspberry pi, 2 Cameras and a microphone</li>
<li><i class="bx bx-check"></i> Nulla at volutpat diam uteera</li>
<li class="na"><i class="bx bx-x"></i> <span>Pharetra massa massa ultricies</span></li>
<li class="na"><i class="bx bx-x"></i> <span>Massa ultricies mi quis hendrerit</span></li>
</ul> </ul>
<a href="#" class="get-started-btn">Get Started</a>
</div> </div>
<div class="col-lg-4 box featured" data-aos="zoom-in"> <div class="col-lg-6 box box" data-aos="zoom-in">
<span class="featured-badge">Featured</span> <h3>Paid</h3>
<h3>Business</h3> <h4>$25<span>Annual Subscription fee</span></h4>
<h4>$29<span>per month</span></h4>
<ul> <ul>
<li><i class="bx bx-check"></i> Quam adipiscing vitae proin</li> <li><i class="bx bx-check"></i>$150 Per Classroom</li>
<li><i class="bx bx-check"></i> Nec feugiat nisl pretium</li> <li><i class="bx bx-check"></i> </li>
<li><i class="bx bx-check"></i> Nulla at volutpat diam uteera</li>
<li><i class="bx bx-check"></i> Pharetra massa massa ultricies</li>
<li><i class="bx bx-check"></i> Massa ultricies mi quis hendrerit</li>
</ul> </ul>
<a href="#" class="get-started-btn">Get Started</a>
</div> </div>
<div class="col-lg-4 box" data-aos="zoom-in"> <!-- <div class="col-lg-4 box" data-aos="zoom-in">-->
<h3>Developer</h3> <!-- <h3>Developer</h3>-->
<h4>$49<span>per month</span></h4> <!-- <h4>$49<span>per month</span></h4>-->
<ul> <!-- <ul>-->
<li><i class="bx bx-check"></i> Quam adipiscing vitae proin</li> <!-- <li><i class="bx bx-check"></i> Quam adipiscing vitae proin</li>-->
<li><i class="bx bx-check"></i> Nec feugiat nisl pretium</li> <!-- <li><i class="bx bx-check"></i> Nec feugiat nisl pretium</li>-->
<li><i class="bx bx-check"></i> Nulla at volutpat diam uteera</li> <!-- <li><i class="bx bx-check"></i> Nulla at volutpat diam uteera</li>-->
<li><i class="bx bx-check"></i> Pharetra massa massa ultricies</li> <!-- <li><i class="bx bx-check"></i> Pharetra massa massa ultricies</li>-->
<li><i class="bx bx-check"></i> Massa ultricies mi quis hendrerit</li> <!-- <li><i class="bx bx-check"></i> Massa ultricies mi quis hendrerit</li>-->
</ul> <!-- </ul>-->
<a href="#" class="get-started-btn">Get Started</a> <!-- <a class="get-started-btn" href="#">Get Started</a>-->
</div> <!-- </div>-->
</div> </div>
</div> </div>
</section><!-- End Pricing Section --> </section><!-- End Pricing Section -->
<!-- ======= Frequently Asked Questions Section ======= -->
<section id="faq" class="faq section-bg">
<div class="container">
<div class="section-title">
<h2 data-aos="fade-in">Frequently Asked Questions</h2>
<p data-aos="fade-in">Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga
eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit
suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
</div>
<div class="row faq-item d-flex align-items-stretch" data-aos="fade-up">
<div class="col-lg-5">
<i class="bx bx-help-circle"></i>
<h4>Non consectetur a erat nam at lectus urna duis?</h4>
</div>
<div class="col-lg-7">
<p>
Feugiat pretium nibh ipsum consequat. Tempus iaculis urna id volutpat lacus laoreet non
curabitur gravida. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus non.
</p>
</div>
</div><!-- End F.A.Q Item-->
<div class="row faq-item d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
<div class="col-lg-5">
<i class="bx bx-help-circle"></i>
<h4>Feugiat scelerisque varius morbi enim nunc faucibus a pellentesque?</h4>
</div>
<div class="col-lg-7">
<p>
Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit
laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est
pellentesque elit ullamcorper dignissim.
</p>
</div>
</div><!-- End F.A.Q Item-->
<div class="row faq-item d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
<div class="col-lg-5">
<i class="bx bx-help-circle"></i>
<h4>Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi?</h4>
</div>
<div class="col-lg-7">
<p>
Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Faucibus pulvinar
elementum integer enim. Sem nulla pharetra diam sit amet nisl suscipit. Rutrum tellus
pellentesque eu tincidunt. Lectus urna duis convallis convallis tellus.
</p>
</div>
</div><!-- End F.A.Q Item-->
<div class="row faq-item d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300">
<div class="col-lg-5">
<i class="bx bx-help-circle"></i>
<h4>Ac odio tempor orci dapibus. Aliquam eleifend mi in nulla?</h4>
</div>
<div class="col-lg-7">
<p>
Aperiam itaque sit optio et deleniti eos nihil quidem cumque. Voluptas dolorum accusantium sunt
sit enim. Provident consequuntur quam aut reiciendis qui rerum dolorem sit odio. Repellat
assumenda soluta sunt pariatur error doloribus fuga.
</p>
</div>
</div><!-- End F.A.Q Item-->
<div class="row faq-item d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="400">
<div class="col-lg-5">
<i class="bx bx-help-circle"></i>
<h4>Tempus quam pellentesque nec nam aliquam sem et tortor consequat?</h4>
</div>
<div class="col-lg-7">
<p>
Molestie a iaculis at erat pellentesque adipiscing commodo. Dignissim suspendisse in est ante
in. Nunc vel risus commodo viverra maecenas accumsan. Sit amet nisl suscipit adipiscing bibendum
est. Purus gravida quis blandit turpis cursus in
</p>
</div>
</div><!-- End F.A.Q Item-->
</div>
</section><!-- End Frequently Asked Questions Section -->
<!-- ======= Contact Section ======= --> <!-- ======= Contact Section ======= -->
<section id="contact" class="contact section-bg"> <section class="contact section-bg" id="contact">
<div class="container"> <div class="container">
<div class="section-title"> <div class="section-title">
<h2 data-aos="fade-in">Contact</h2> <h2 data-aos="fade-in">Contact</h2>
<p data-aos="fade-in">Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga <p data-aos="fade-in">Make contact via the details below to get in touch with us.</p>
eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit
suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
</div> </div>
<div class="row"> <div class="row">
...@@ -1468,21 +1224,7 @@ ...@@ -1468,21 +1224,7 @@
<div class="info-box" data-aos="fade-up"> <div class="info-box" data-aos="fade-up">
<i class="bx bx-map"></i> <i class="bx bx-map"></i>
<h3>Our Address</h3> <h3>Our Address</h3>
<p>A108 Adam Street, New York, NY 535022</p> <p>Sri Lanka Institute of Information Technology, New Kandy Rd, Malabe 10115</p>
</div>
</div>
<div class="col-md-6">
<div class="info-box mt-4" data-aos="fade-up" data-aos-delay="100">
<i class="bx bx-envelope"></i>
<h3>Email Us</h3>
<p>info@example.com<br>contact@example.com</p>
</div>
</div>
<div class="col-md-6">
<div class="info-box mt-4" data-aos="fade-up" data-aos-delay="100">
<i class="bx bx-phone-call"></i>
<h3>Call Us</h3>
<p>+1 5589 55488 55<br>+1 6678 254445 41</p>
</div> </div>
</div> </div>
</div> </div>
...@@ -1490,29 +1232,33 @@ ...@@ -1490,29 +1232,33 @@
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
<form action="forms/contact.php" method="post" role="form" class="php-email-form" <form action="forms/contact.php" class="php-email-form" data-aos="fade-up" method="post"
data-aos="fade-up"> role="form">
<div class="form-row"> <div class="form-row">
<div class="col-md-6 form-group"> <div class="col-md-6 form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" <input class="form-control" data-msg="Please enter at least 4 chars"
data-rule="minlen:4" data-msg="Please enter at least 4 chars"/> data-rule="minlen:4" id="name" name="name"
placeholder="Your Name" type="text"/>
<div class="validate"></div> <div class="validate"></div>
</div> </div>
<div class="col-md-6 form-group"> <div class="col-md-6 form-group">
<input type="email" class="form-control" name="email" id="email" <input class="form-control" data-msg="Please enter a valid email" data-rule="email"
placeholder="Your Email" data-rule="email" id="email"
data-msg="Please enter a valid email"/> name="email" placeholder="Your Email"
type="email"/>
<div class="validate"></div> <div class="validate"></div>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" <input class="form-control" data-msg="Please enter at least 8 chars of subject"
data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject"/> data-rule="minlen:4" id="subject" name="subject"
placeholder="Subject" type="text"/>
<div class="validate"></div> <div class="validate"></div>
</div> </div>
<div class="form-group"> <div class="form-group">
<textarea class="form-control" name="message" rows="5" data-rule="required" <textarea class="form-control" data-msg="Please write something for us" data-rule="required"
data-msg="Please write something for us" placeholder="Message"></textarea> name="message"
placeholder="Message" rows="5"></textarea>
<div class="validate"></div> <div class="validate"></div>
</div> </div>
<div class="mb-3"> <div class="mb-3">
...@@ -1542,47 +1288,19 @@ ...@@ -1542,47 +1288,19 @@
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-lg-6"> <div class="col-lg-6">
<h3>Bocor</h3> <h3>SLPES</h3>
<p>Et aut eum quis fuga eos sunt ipsa nihil. Labore corporis magni eligendi fuga maxime saepe <p>Taking the classroom monitoring to the next level with SLPES</p>
commodi placeat.</p>
</div>
</div>
<div class="row footer-newsletter justify-content-center">
<div class="col-lg-6">
<form action="" method="post">
<input type="email" name="email" placeholder="Enter your Email"><input type="submit"
value="Subscribe">
</form>
</div> </div>
</div> </div>
<div class="social-links">
<a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
<a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
<a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
<a href="#" class="google-plus"><i class="bx bxl-skype"></i></a>
<a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
</div>
</div> </div>
</div> </div>
<div class="container footer-bottom clearfix"> <div class="container footer-bottom clearfix">
<div class="copyright"> <div class="copyright">
&copy; Copyright <strong><span>Bocor</span></strong>. All Rights Reserved &copy; Copyright <strong><span>SLPES</span></strong>. All Rights Reserved
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/bocor-bootstrap-template-nice-animation/ -->
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
</div>
</footer><!-- End Footer --> </footer><!-- End Footer -->
<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a> <a class="back-to-top" href="#"><i class="icofont-simple-up"></i></a>
<!-- Vendor JS Files --> <!-- Vendor JS Files -->
<!--<script src="assets/vendor/jquery/jquery.min.js"></script>--> <!--<script src="assets/vendor/jquery/jquery.min.js"></script>-->
......
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