Commit 393e6ac1 authored by LiniEisha's avatar LiniEisha

Merge remote-tracking branch 'origin/master' into master

parents 2b2f77a0 54fdae0b
Version: 2.1.0
- Updated Bootstrap to version 4.5.0
- Updated the PHP Email Form library to version 2.0 with reCaptcha support
- Added portfolio-details.html template
- Aded inner-page.html tempalte
- Updated all the third party vendor libraries to their latest versions
- Other small fixes and improvements
Version: 2.0.0
- The template was rebuilt from scratch with the latest Bootstrap version (4.4.1)
- Added SMPTP support for the contact form script (Pro)
- Added NodeJS NPM Development version (Pro unlimited & Membership members)
Version: 1.0.0
- Initial Release
......@@ -55,6 +55,10 @@
.fa-times {
color: red;
}
.card-text {
font-size: 20px;
}
</style>
<!-- =======================================================
......@@ -143,29 +147,29 @@
<div class="tab-content tabs">
<div role="tabpanel" class="tab-pane fade in active" id="lit-survey">
<h2>Literature Survey</h2>
<h1>Literature Survey</h1>
<div class="card">
<div class="row ">
<div class="col-md-7 px-3">
<div class="card-block px-6">
<h3 class="card-title display-4"> Class Dojo </h3>
<h2 class="card-title display-4"> Class Dojo </h2>
<p class="card-text">Software that encourages positive classroom behavior by
awarding points for
participation</p>
<h5 class="font-weight-bold">Best For: </h5>
<h3 class="font-weight-bold">Best For: </h3>
<ul type="square">
<li>Teachers</li>
<li>School leaders</li>
<li>Families</li>
<li class="card-text">Teachers</li>
<li class="card-text">School leaders</li>
<li class="card-text">Families</li>
</ul>
<h5 class="font-weight-bold">Features</h5>
<h3 class="font-weight-bold">Features</h3>
<p class="card-text">
Useful for
......@@ -193,7 +197,7 @@
<div class="col-md-7 px-3">
<div class="card-block px-6">
<h3 class="card-title display-4"> TopHat </h3>
<h2 class="card-title display-4"> TopHat </h2>
<p class="card-text">The Top Hat app motivates students to engage with course
content, participate in
......@@ -205,7 +209,7 @@
understanding, all with one easy-to-use interface.
</p>
<h5 class="font-weight-bold">Features</h5>
<h3 class="font-weight-bold">Features</h3>
<ul type="square">
......@@ -229,7 +233,7 @@
<div class="col-md-7 px-3">
<div class="card-block px-6">
<h3 class="card-title display-4"> AI-enabled classrooms in China </h3>
<h2 class="card-title display-4"> AI-enabled classrooms in China </h2>
<p class="card-text">
A High School in Hangzhou, China has installed cameras which are designed to
......@@ -269,8 +273,8 @@
<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>
<h2 class="card-title display-4"> EduSense: Practical Classroom Sensing at
Scale </h2>
<p class="card-text">
EduSense is a comprehensive, open source, sensing system that produces a
......@@ -286,9 +290,10 @@
</p>
<ul type="disc">
<li>Body Segmentation, Keypoints and Interframe tracking</li>
<li>Facial Landmarks</li>
<li>Speech Detection</li>
<li class="card-text">Body Segmentation, Keypoints and Interframe tracking
</li>
<li class="card-text">Facial Landmarks</li>
<li class="card-text">Speech Detection</li>
</ul>
</div>
</div>
......@@ -316,7 +321,7 @@
<tbody>
<tr>
<tr>
<td>Attendance Register</td>
<td class="card-text">Attendance Register</td>
<td>
<i aria-hidden="true" class="fa fa-check fa-3x"></i>
</td>
......@@ -335,7 +340,7 @@
</tr>
<tr>
<td>Monitoring Student Behavior</td>
<td class="card-text">Monitoring Student Behavior</td>
<td>
<i aria-hidden="true" class="fa fa-check fa-3x"></i>
</td>
......@@ -353,7 +358,7 @@
</td>
</tr>
<tr>
<td>Lecture Summarizing</td>
<td class="card-text">Lecture Summarizing</td>
<td>
<i aria-hidden="true" class="fa fa-times fa-3x"></i>
</td>
......@@ -371,7 +376,7 @@
</td>
</tr>
<tr>
<td>Monitoring Lecturer Performance</td>
<td class="card-text">Monitoring Lecturer Performance</td>
<td>
<i aria-hidden="true" class="fa fa-times fa-3x"></i>
</td>
......@@ -814,14 +819,18 @@
<h3 class="font-weight-bold">Date</h3>
<div class="justify-content-center">
<p class="card-text">
<i class="glyphicon glyphicon-time"></i>
July 13, 2020
</p>
</div>
<h3 class="font-weight-bold">Marks</h3>
<div class="justify-content-center">
<p class="card-text">
15%
</p>
</div>
</div>
......@@ -859,14 +868,18 @@
<h3 class="font-weight-bold">Date</h3>
<div class="justify-content-center">
<p class="card-text">
<i class="glyphicon glyphicon-time"></i>
September 24, 2020
</p>
</div>
<h3 class="font-weight-bold">Marks</h3>
<div class="justify-content-center">
<p class="card-text">
18%
</p>
</div>
</div>
......@@ -906,14 +919,18 @@
<h3 class="font-weight-bold">Date</h3>
<div class="justify-content-center">
<p class="card-text">
<i class="glyphicon glyphicon-time"></i>
September 24, 2020
</p>
</div>
<h3 class="font-weight-bold">Marks</h3>
<div class="justify-content-center">
<p class="card-text">
12%
</p>
</div>
</div>
......@@ -942,20 +959,28 @@
<h3 class="font-weight-bold">Description</h3>
<div class="justify-content-center">
<p class="card-text">A completed product demonstration was expected</p>
<p class="card-text">
This is the final presentation that we had to do and it marked the end of
our research project. It is compulsory to present each individual component
in real-time.
</p>
</div>
<h3 class="font-weight-bold">Date</h3>
<div class="justify-content-center">
<p class="card-text">
<i class="glyphicon glyphicon-time"></i>
To be Informed
</p>
</div>
<h3 class="font-weight-bold">Marks</h3>
<div class="justify-content-center">
<p class="card-text">
10%
</p>
</div>
</div>
......@@ -990,14 +1015,18 @@
<h3 class="font-weight-bold">Date</h3>
<div class="justify-content-center">
<p class="card-text">
<i class="glyphicon glyphicon-time"></i>
To be Informed
</p>
</div>
<h3 class="font-weight-bold">Marks</h3>
<div class="justify-content-center">
<p class="card-text">
10%
</p>
</div>
</div>
......@@ -1215,23 +1244,23 @@
</div>
<!-- end of logbook-->
<!-- &lt;!&ndash; research paper &ndash;&gt;-->
<!-- <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">-->
<!-- <div class="card-img">-->
<!-- <img alt="..." src="assets/img/documents/08.png">-->
<!-- </div>-->
<!-- <div class="card-inner text-center">-->
<!-- <div class="header">-->
<!-- <h2>Research Paper</h2>-->
<!-- </div>-->
<!-- </div>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; end of research paper &ndash;&gt;-->
<!-- &lt;!&ndash; research paper &ndash;&gt;-->
<!-- <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">-->
<!-- <div class="card-img">-->
<!-- <img alt="..." src="assets/img/documents/08.png">-->
<!-- </div>-->
<!-- <div class="card-inner text-center">-->
<!-- <div class="header">-->
<!-- <h2>Research Paper</h2>-->
<!-- </div>-->
<!-- </div>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; end of research paper &ndash;&gt;-->
<!-- Status doc-->
......
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Inner Page - Bocor Bootstrap Template</title>
<meta content="" name="descriptison">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Bocor - v2.1.0
* Template URL: https://bootstrapmade.com/bocor-bootstrap-template-nice-animation/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
<header id="header">
<div class="container d-flex align-items-center">
<div class="logo mr-auto">
<h1 class="text-light"><a href="index.html">Bocor<span>.</span></a></h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="index.html"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
</div>
<nav class="nav-menu d-none d-lg-block">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#team">Team</a></li>
<li class="drop-down"><a href="">Drop Down</a>
<ul>
<li><a href="#">Drop Down 1</a></li>
<li class="drop-down"><a href="#">Drop Down 2</a>
<ul>
<li><a href="#">Deep Drop Down 1</a></li>
<li><a href="#">Deep Drop Down 2</a></li>
<li><a href="#">Deep Drop Down 3</a></li>
<li><a href="#">Deep Drop Down 4</a></li>
<li><a href="#">Deep Drop Down 5</a></li>
</ul>
</li>
<li><a href="#">Drop Down 3</a></li>
<li><a href="#">Drop Down 4</a></li>
<li><a href="#">Drop Down 5</a></li>
</ul>
</li>
<li><a href="#contact">Contact Us</a></li>
<li class="get-started"><a href="#about">Get Started</a></li>
</ul>
</nav><!-- .nav-menu -->
</div>
</header><!-- End Header -->
<main id="main">
<!-- ======= Breadcrumbs Section ======= -->
<section class="breadcrumbs">
<div class="container">
<div class="d-flex justify-content-between align-items-center">
<h2>Inner Page</h2>
<ol>
<li><a href="index.html">Home</a></li>
<li>Inner Page</li>
</ol>
</div>
</div>
</section><!-- End Breadcrumbs Section -->
<section class="inner-page">
<div class="container">
<p>
Example inner page template
</p>
</div>
</section>
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="footer-top">
<div class="container" data-aos="fade-up">
<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>
</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>
</footer><!-- End Footer -->
<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="assets/vendor/venobox/venobox.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Portfolio Details - Bocor Bootstrap Template</title>
<meta content="" name="descriptison">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Bocor - v2.1.0
* Template URL: https://bootstrapmade.com/bocor-bootstrap-template-nice-animation/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
<header id="header">
<div class="container d-flex align-items-center">
<div class="logo mr-auto">
<h1 class="text-light"><a href="index.html">Bocor<span>.</span></a></h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="index.html"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
</div>
<nav class="nav-menu d-none d-lg-block">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#services">Services</a></li>
<li class="active"><a href="#portfolio">Portfolio</a></li>
<li><a href="#team">Team</a></li>
<li class="drop-down"><a href="">Drop Down</a>
<ul>
<li><a href="#">Drop Down 1</a></li>
<li class="drop-down"><a href="#">Drop Down 2</a>
<ul>
<li><a href="#">Deep Drop Down 1</a></li>
<li><a href="#">Deep Drop Down 2</a></li>
<li><a href="#">Deep Drop Down 3</a></li>
<li><a href="#">Deep Drop Down 4</a></li>
<li><a href="#">Deep Drop Down 5</a></li>
</ul>
</li>
<li><a href="#">Drop Down 3</a></li>
<li><a href="#">Drop Down 4</a></li>
<li><a href="#">Drop Down 5</a></li>
</ul>
</li>
<li><a href="#contact">Contact Us</a></li>
<li class="get-started"><a href="#about">Get Started</a></li>
</ul>
</nav><!-- .nav-menu -->
</div>
</header><!-- End Header -->
<main id="main">
<!-- ======= Breadcrumbs Section ======= -->
<section class="breadcrumbs">
<div class="container">
<div class="d-flex justify-content-between align-items-center">
<h2>Portfolio Details</h2>
<ol>
<li><a href="index.html">Home</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li>Portfolio Details</li>
</ol>
</div>
</div>
</section><!-- Breadcrumbs Section -->
<!-- ======= Portfolio Details Section ======= -->
<section class="portfolio-details">
<div class="container">
<div class="portfolio-details-container">
<div class="owl-carousel portfolio-details-carousel">
<img src="assets/img/portfolio/portfolio-details-1.jpg" class="img-fluid" alt="">
<img src="assets/img/portfolio/portfolio-details-2.jpg" class="img-fluid" alt="">
<img src="assets/img/portfolio/portfolio-details-3.jpg" class="img-fluid" alt="">
</div>
<div class="portfolio-info">
<h3>Project information</h3>
<ul>
<li><strong>Category</strong>: Web design</li>
<li><strong>Client</strong>: ASU Company</li>
<li><strong>Project date</strong>: 01 March, 2020</li>
<li><strong>Project URL</strong>: <a href="#">www.example.com</a></li>
</ul>
</div>
</div>
<div class="portfolio-description">
<h2>This is an example of portfolio detail</h2>
<p>
Autem ipsum nam porro corporis rerum. Quis eos dolorem eos itaque inventore commodi labore quia quia. Exercitationem repudiandae officiis neque suscipit non officia eaque itaque enim. Voluptatem officia accusantium nesciunt est omnis tempora consectetur dignissimos. Sequi nulla at esse enim cum deserunt eius.
</p>
</div>
</div>
</section><!-- End Portfolio Details Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="footer-top">
<div class="container" data-aos="fade-up">
<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>
</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>
</footer><!-- End Footer -->
<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="assets/vendor/venobox/venobox.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>
\ No newline at end of file
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