Skip to content

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

Commiting changes

parent d7f0bd20
Show whitespace changes
Inline Side-by-side
Showing with 176 additions and 458 deletions
index.html
View file @ 61e7fa60
......@@ -19,7 +19,7 @@
<!--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 -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
......@@ -35,11 +35,11 @@
<script src="assets/vendor/jquery/jquery.min.js"></script>
<!-- links for the timeline-->
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"
id="bootstrap-css">
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" id="bootstrap-css"
rel="stylesheet">
<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>
<link rel="stylesheet" href="assets/css/timeline.css">
<link href="assets/css/timeline.css" rel="stylesheet">
<style>
......@@ -83,6 +83,7 @@
<li><a href="#researchMilestone">Research Project Milestones</a></li>
<li><a href="#documents">Documents</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="#contact">Contact Us</a></li>
</ul>
......@@ -99,11 +100,11 @@
<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>
<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 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/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="">-->
</div>
</div>
......@@ -115,7 +116,7 @@
<main id="main">
<!-- ======= Research Scope Section ======= -->
<section id="researchScope" class="researchScope section-bg">
<section class="researchScope section-bg" id="researchScope">
<div class="container">
<div class="section-title">
......@@ -126,28 +127,29 @@
<!--nav tabs-->
<ul class="nav nav-tabs nav-fill" id="nav_bar" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="lit-survey-tab" data-toggle="tab" href="#lit_survey" role="tab"
aria-controls="lit_survey" aria-selected="false">Literature Survey</a>
<a aria-controls="lit_survey" aria-selected="false" class="nav-link active" data-toggle="tab"
href="#lit_survey"
id="lit-survey-tab" role="tab">Literature Survey</a>
</li>
<li class="nav-item">
<a class="nav-link" id="research-gap-tab" data-toggle="tab" href="#research_gap"
role="tab" aria-controls="research_gap" aria-selected="false">Research Gap</a>
<a aria-controls="research_gap" aria-selected="false" class="nav-link" data-toggle="tab"
href="#research_gap" id="research-gap-tab" role="tab">Research Gap</a>
</li>
<li class="nav-item">
<a class="nav-link" id="research-problem-tab" data-toggle="tab" href="#research_problem"
role="tab" aria-controls="research_problem" aria-selected="false">Research Problem</a>
<a aria-controls="research_problem" aria-selected="false" class="nav-link" data-toggle="tab"
href="#research_problem" id="research-problem-tab" role="tab">Research Problem</a>
</li>
<li class="nav-item">
<a class="nav-link" id="research-objectives-tab" data-toggle="tab" href="#research_objectives"
role="tab" aria-controls="research_objectives" aria-selected="false">Research Objectives</a>
<a aria-controls="research_objectives" aria-selected="false" class="nav-link" data-toggle="tab"
href="#research_objectives" id="research-objectives-tab" role="tab">Research Objectives</a>
</li>
<li class="nav-item">
<a class="nav-link" id="methodology-tab" data-toggle="tab" href="#methodology"
role="tab" aria-controls="methodology" aria-selected="false">Methodology</a>
<a aria-controls="methodology" aria-selected="false" class="nav-link" data-toggle="tab"
href="#methodology" id="methodology-tab" role="tab">Methodology</a>
</li>
<li class="nav-item">
<a class="nav-link" id="technologies-used-tab" data-toggle="tab" href="#technologies_used"
role="tab" aria-controls="technologies_used" aria-selected="false">Technologies used</a>
<a aria-controls="technologies_used" aria-selected="false" class="nav-link" data-toggle="tab"
href="#technologies_used" id="technologies-used-tab" role="tab">Technologies used</a>
</li>
</ul>
......@@ -197,7 +199,7 @@
<!--end of 1st column-->
<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>
<!--end of 1st row-->
......@@ -242,7 +244,7 @@
</div>
<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>
......@@ -277,7 +279,7 @@
</div>
<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>
<!--end of 3rd row-->
......@@ -317,7 +319,7 @@
</div>
<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>
......@@ -346,74 +348,74 @@
<tr>
<td>Attendance Register</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>
<i class="fa fa-check fa-3x" aria-hidden="true"></i>
<i aria-hidden="true" class="fa fa-check fa-3x"></i>
</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>
<i class="fa fa-times fa-3x" aria-hidden="true"></i>
<i aria-hidden="true" class="fa fa-times fa-3x"></i>
</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>
</tr>
<tr>
<td>Monitoring Student Behavior</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>
<i class="fa fa-times fa-3x" aria-hidden="true"></i>
<i aria-hidden="true" class="fa fa-times fa-3x"></i>
</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>
<i class="fa fa-times fa-3x" aria-hidden="true"></i>
<i aria-hidden="true" class="fa fa-times fa-3x"></i>
</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>
</tr>
<tr>
<td>Lecture Summarizing</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>
<i class="fa fa-check fa-3x" aria-hidden="true"></i>
<i aria-hidden="true" class="fa fa-check fa-3x"></i>
</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>
<i class="fa fa-check fa-3x" aria-hidden="true"></i>
<i aria-hidden="true" class="fa fa-check fa-3x"></i>
</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>
</tr>
<tr>
<td>Monitoring Lecturer Performance</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>
<i class="fa fa-times fa-3x" aria-hidden="true"></i>
<i aria-hidden="true" class="fa fa-times fa-3x"></i>
</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>
<i class="fa fa-times fa-3x" aria-hidden="true"></i>
<i aria-hidden="true" class="fa fa-times fa-3x"></i>
</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>
</tr>
</tbody>
......@@ -477,7 +479,8 @@
</div>
<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>
......@@ -495,7 +498,8 @@
</div>
<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>
......@@ -511,7 +515,8 @@
</div>
<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>
......@@ -528,7 +533,8 @@
</div>
<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>
......@@ -570,7 +576,8 @@
<!--diagram column-->
<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>
<!--end of diagram column-->
......@@ -637,32 +644,32 @@
<div class="col-lg-3 col-md-4 col-6">
<div class="client-logo">
<img src="assets/img/technologies/deep_learning.jpg" class="img-fluid" alt=""
data-aos="flip-right">
<img alt="" class="img-fluid" data-aos="flip-right"
src="assets/img/technologies/deep_learning.jpg">
<span>Deep Learning</span>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="client-logo">
<img src="assets/img/technologies/computer_vision.jpg" class="img-fluid" alt=""
data-aos="flip-right" data-aos-delay="400">
<img alt="" class="img-fluid" data-aos="flip-right"
data-aos-delay="400" src="assets/img/technologies/computer_vision.jpg">
<span>Computer Vision</span>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="client-logo">
<img src="assets/img/technologies/machine_learning.jpg" class="img-fluid" alt=""
data-aos="flip-right" data-aos-delay="100">
<img alt="" class="img-fluid" data-aos="flip-right"
data-aos-delay="100" src="assets/img/technologies/machine_learning.jpg">
<span>Machine Learning</span>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="client-logo">
<img src="assets/img/technologies/nlp.jpg" class="img-fluid" alt=""
data-aos="flip-right" data-aos-delay="200">
<img alt="" class="img-fluid" data-aos="flip-right"
data-aos-delay="200" src="assets/img/technologies/nlp.jpg">
<span>Natural Language Processing</span>
</div>
</div>
......@@ -678,43 +685,43 @@
<div class="col-lg-2 col-md-4 col-6">
<div class="client-logo">
<img src="assets/img/technologies/django.png" class="img-fluid" alt=""
data-aos="flip-right">
<img alt="" class="img-fluid" data-aos="flip-right"
src="assets/img/technologies/django.png">
</div>
</div>
<div class="col-lg-2 col-md-4 col-6">
<div class="client-logo">
<img src="assets/img/technologies/djangorestframework.png" class="img-fluid" alt=""
data-aos="flip-right" data-aos-delay="400">
<img alt="" class="img-fluid" data-aos="flip-right"
data-aos-delay="400" src="assets/img/technologies/djangorestframework.png">
</div>
</div>
<div class="col-lg-2 col-md-4 col-6">
<div class="client-logo">
<img src="assets/img/technologies/mongo.png" class="img-fluid" alt=""
data-aos="flip-right" data-aos-delay="100">
<img alt="" class="img-fluid" data-aos="flip-right"
data-aos-delay="100" src="assets/img/technologies/mongo.png">
</div>
</div>
<div class="col-lg-2 col-md-4 col-6">
<div class="client-logo">
<img src="assets/img/technologies/opencv.png" class="img-fluid" alt=""
data-aos="flip-right" data-aos-delay="200">
<img alt="" class="img-fluid" data-aos="flip-right"
data-aos-delay="200" src="assets/img/technologies/opencv.png">
</div>
</div>
<div class="col-lg-2 col-md-4 col-6">
<div class="client-logo">
<img src="assets/img/technologies/tensorflow.png" class="img-fluid" alt=""
data-aos="flip-right" data-aos-delay="300">
<img alt="" class="img-fluid" data-aos="flip-right"
data-aos-delay="300" src="assets/img/technologies/tensorflow.png">
</div>
</div>
<div class="col-lg-2 col-md-4 col-6">
<div class="client-logo">
<img src="assets/img/technologies/flutter.png" class="img-fluid" alt=""
data-aos="flip-right" data-aos-delay="400">
<img alt="" class="img-fluid" data-aos="flip-right"
data-aos-delay="400" src="assets/img/technologies/flutter.png">
</div>
</div>
......@@ -733,13 +740,13 @@
<!-- End Research Scope Section -->
<!-- ======= Research Milestones Section ======= -->
<section id="researchMilestone" class="researchMilestone section-bg">
<section class="researchMilestone section-bg" id="researchMilestone">
<div class="container">
<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="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>
</div>
</div>
......@@ -817,8 +824,8 @@
<p>Some text...</p>
<hr>
<div class="btn-group">
<button type="button" class="btn btn-primary btn-sm dropdown-toggle"
data-toggle="dropdown">
<button class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown"
type="button">
<i class="glyphicon glyphicon-cog"></i> <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
......@@ -892,7 +899,7 @@
<!-- End About Section -->
<!-- ======= Services Section ======= -->
<section id="documents" class="documents section-bg">
<section class="documents section-bg" id="documents">
<div class="container">
<div class="section-title">
......@@ -907,7 +914,7 @@
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-right">
<div class="card">
<div class="card-img">
<img src="assets/img/documents/pdf_image.jpg" alt="...">
<img alt="..." src="assets/img/documents/pdf_image.jpg">
</div>
<div class="card-body">
<h5 class="card-title"><a href="">Topic Registration</a></h5>
......@@ -924,7 +931,7 @@
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-left">
<div class="card">
<div class="card-img">
<img src="assets/img/documents/pdf_image.jpg" alt="...">
<img alt="..." src="assets/img/documents/pdf_image.jpg">
</div>
<div class="card-body">
<h5 class="card-title"><a href="">Project Proposal</a></h5>
......@@ -939,7 +946,7 @@
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-right">
<div class="card">
<div class="card-img">
<img src="assets/img/documents/pdf_image.jpg" alt="...">
<img alt="..." src="assets/img/documents/pdf_image.jpg">
</div>
<div class="card-body">
<h5 class="card-title"><a href="">Research Paper</a></h5>
......@@ -953,7 +960,7 @@
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-left">
<div class="card">
<div class="card-img">
<img src="assets/img/documents/pdf_image.jpg" alt="...">
<img alt="..." src="assets/img/documents/pdf_image.jpg">
</div>
<div class="card-body">
<h5 class="card-title"><a href="">Final Thesis</a></h5>
......@@ -970,7 +977,7 @@
</section><!-- End Services Section -->
<!-- ======= Documents Section ======= -->
<section id="presentation" class="presentation section-bg">
<section class="presentation section-bg" id="presentation">
<div class="container">
<div class="section-title">
......@@ -979,7 +986,7 @@
<div class="row content">
<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 class="col-md-7 pt-4" data-aos="fade-left">
<h3>Proposal Presentation</h3>
......@@ -993,7 +1000,7 @@
<div class="row content">
<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 class="col-md-7 pt-5 order-2 order-md-1" data-aos="fade-right">
<h3>Progress Presentation - I</h3>
......@@ -1002,7 +1009,7 @@
<div class="row content">
<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 class="col-md-7 pt-5" data-aos="fade-left">
<h3>Progress Presentation - II</h3>
......@@ -1017,7 +1024,7 @@
<div class="row content">
<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 class="col-md-7 pt-5 order-2 order-md-1" data-aos="fade-right">
<h3>Final Presentation</h3>
......@@ -1027,162 +1034,8 @@
</div>
</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 ======= -->
<section id="aboutUs" class="team section-bg">
<section class="team section-bg" id="aboutUs">
<div class="container">
<div class="section-title">
......@@ -1203,29 +1056,29 @@
<div class="col-xl-3 col-lg-4 col-md-6">
<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>
<span>Senior Lecturer</span>
<div class="social">
<a href=""><i class="icofont-twitter"></i></a>
<a href=""><i class="icofont-facebook"></i></a>
<a href=""><i class="icofont-instagram"></i></a>
<a href=""><i class="icofont-linkedin"></i></a>
</div>
<!-- <div class="social">-->
<!-- <a href=""><i class="icofont-twitter"></i></a>-->
<!-- <a href=""><i class="icofont-facebook"></i></a>-->
<!-- <a href=""><i class="icofont-instagram"></i></a>-->
<!-- <a href=""><i class="icofont-linkedin"></i></a>-->
<!-- </div>-->
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6">
<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>
<span>Lecturer</span>
<div class="social">
<a href=""><i class="icofont-twitter"></i></a>
<a href=""><i class="icofont-facebook"></i></a>
<a href=""><i class="icofont-instagram"></i></a>
<a href=""><i class="icofont-linkedin"></i></a>
</div>
<!-- <div class="social">-->
<!-- <a href=""><i class="icofont-twitter"></i></a>-->
<!-- <a href=""><i class="icofont-facebook"></i></a>-->
<!-- <a href=""><i class="icofont-instagram"></i></a>-->
<!-- <a href=""><i class="icofont-linkedin"></i></a>-->
<!-- </div>-->
</div>
</div>
......@@ -1247,57 +1100,57 @@
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-6">
<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>
<span>Group Leader</span>
<div class="social">
<a href=""><i class="icofont-twitter"></i></a>
<a href=""><i class="icofont-facebook"></i></a>
<a href=""><i class="icofont-instagram"></i></a>
<a href=""><i class="icofont-linkedin"></i></a>
</div>
<!-- <div class="social">-->
<!-- <a href=""><i class="icofont-twitter"></i></a>-->
<!-- <a href=""><i class="icofont-facebook"></i></a>-->
<!-- <a href=""><i class="icofont-instagram"></i></a>-->
<!-- <a href=""><i class="icofont-linkedin"></i></a>-->
<!-- </div>-->
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6">
<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>
<span>Member</span>
<div class="social">
<a href=""><i class="icofont-twitter"></i></a>
<a href=""><i class="icofont-facebook"></i></a>
<a href=""><i class="icofont-instagram"></i></a>
<a href=""><i class="icofont-linkedin"></i></a>
</div>
<!-- <div class="social">-->
<!-- <a href=""><i class="icofont-twitter"></i></a>-->
<!-- <a href=""><i class="icofont-facebook"></i></a>-->
<!-- <a href=""><i class="icofont-instagram"></i></a>-->
<!-- <a href=""><i class="icofont-linkedin"></i></a>-->
<!-- </div>-->
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6">
<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>
<span>Member</span>
<div class="social">
<a href=""><i class="icofont-twitter"></i></a>
<a href=""><i class="icofont-facebook"></i></a>
<a href=""><i class="icofont-instagram"></i></a>
<a href=""><i class="icofont-linkedin"></i></a>
</div>
<!-- <div class="social">-->
<!-- <a href=""><i class="icofont-twitter"></i></a>-->
<!-- <a href=""><i class="icofont-facebook"></i></a>-->
<!-- <a href=""><i class="icofont-instagram"></i></a>-->
<!-- <a href=""><i class="icofont-linkedin"></i></a>-->
<!-- </div>-->
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6">
<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>
<span>Member</span>
<div class="social">
<a href=""><i class="icofont-twitter"></i></a>
<a href=""><i class="icofont-facebook"></i></a>
<a href=""><i class="icofont-instagram"></i></a>
<a href=""><i class="icofont-linkedin"></i></a>
</div>
<!-- <div class="social">-->
<!-- <a href=""><i class="icofont-twitter"></i></a>-->
<!-- <a href=""><i class="icofont-facebook"></i></a>-->
<!-- <a href=""><i class="icofont-instagram"></i></a>-->
<!-- <a href=""><i class="icofont-linkedin"></i></a>-->
<!-- </div>-->
</div>
</div>
</div>
......@@ -1308,155 +1161,58 @@
</section><!-- End Team Section -->
<!-- ======= Pricing Section ======= -->
<section id="pricing" class="pricing section-bg">
<section class="pricing section-bg" id="price">
<div class="container">
<div class="section-title">
<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 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>
<h4>$0<span>per month</span></h4>
<h4>$0<span>14 Days</span></h4>
<ul>
<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> 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>
<li><i class="bx bx-check"></i>Setup for one classroom</li>
<li><i class="bx bx-check"></i>Includes: A Raspberry pi, 2 Cameras and a microphone</li>
</ul>
<a href="#" class="get-started-btn">Get Started</a>
</div>
<div class="col-lg-4 box featured" data-aos="zoom-in">
<span class="featured-badge">Featured</span>
<h3>Business</h3>
<h4>$29<span>per month</span></h4>
<div class="col-lg-6 box box" data-aos="zoom-in">
<h3>Paid</h3>
<h4>$25<span>Annual Subscription fee</span></h4>
<ul>
<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> 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>
<li><i class="bx bx-check"></i>$150 Per Classroom</li>
<li><i class="bx bx-check"></i> </li>
</ul>
<a href="#" class="get-started-btn">Get Started</a>
</div>
<div class="col-lg-4 box" data-aos="zoom-in">
<h3>Developer</h3>
<h4>$49<span>per month</span></h4>
<ul>
<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> 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>
<a href="#" class="get-started-btn">Get Started</a>
</div>
<!-- <div class="col-lg-4 box" data-aos="zoom-in">-->
<!-- <h3>Developer</h3>-->
<!-- <h4>$49<span>per month</span></h4>-->
<!-- <ul>-->
<!-- <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> 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>-->
<!-- <a class="get-started-btn" href="#">Get Started</a>-->
<!-- </div>-->
</div>
</div>
</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 ======= -->
<section id="contact" class="contact section-bg">
<section class="contact section-bg" id="contact">
<div class="container">
<div class="section-title">
<h2 data-aos="fade-in">Contact</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>
<p data-aos="fade-in">Make contact via the details below to get in touch with us.</p>
</div>
<div class="row">
......@@ -1468,21 +1224,7 @@
<div class="info-box" data-aos="fade-up">
<i class="bx bx-map"></i>
<h3>Our Address</h3>
<p>A108 Adam Street, New York, NY 535022</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>
<p>Sri Lanka Institute of Information Technology, New Kandy Rd, Malabe 10115</p>
</div>
</div>
</div>
......@@ -1490,29 +1232,33 @@
</div>
<div class="col-lg-6">
<form action="forms/contact.php" method="post" role="form" class="php-email-form"
data-aos="fade-up">
<form action="forms/contact.php" class="php-email-form" data-aos="fade-up" method="post"
role="form">
<div class="form-row">
<div class="col-md-6 form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name"
data-rule="minlen:4" data-msg="Please enter at least 4 chars"/>
<input class="form-control" 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>
<div class="col-md-6 form-group">
<input type="email" class="form-control" name="email" id="email"
placeholder="Your Email" data-rule="email"
data-msg="Please enter a valid email"/>
<input class="form-control" data-msg="Please enter a valid email" data-rule="email"
id="email"
name="email" placeholder="Your Email"
type="email"/>
<div class="validate"></div>
</div>
</div>
<div class="form-group">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject"
data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject"/>
<input class="form-control" 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>
<div class="form-group">
<textarea class="form-control" name="message" rows="5" data-rule="required"
data-msg="Please write something for us" placeholder="Message"></textarea>
<textarea class="form-control" data-msg="Please write something for us" data-rule="required"
name="message"
placeholder="Message" rows="5"></textarea>
<div class="validate"></div>
</div>
<div class="mb-3">
......@@ -1542,47 +1288,19 @@
<div class="row justify-content-center">
<div class="col-lg-6">
<h3>Bocor</h3>
<p>Et aut eum quis fuga eos sunt ipsa nihil. Labore corporis magni eligendi fuga maxime saepe
commodi placeat.</p>
<h3>SLPES</h3>
<p>Taking the classroom monitoring to the next level with SLPES</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 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 class="container footer-bottom clearfix">
<div class="copyright">
&copy; Copyright <strong><span>Bocor</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>
&copy; Copyright <strong><span>SLPES</span></strong>. All Rights Reserved
</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 -->
<!--<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