Skip to content

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

Committing the major changes in the linking the documents and presentations to... 

Committing the major changes in the linking the documents and presentations to the Google Drive and listing the Research Projetc milestones as a dropdown.
parent 5ffef0b9
Show whitespace changes
Inline Side-by-side
Showing with 474 additions and 187 deletions
assets/css/style.css
View file @ 512181a2
......@@ -420,6 +420,7 @@ h1, h2, h3, h4, h5, h6 {
section {
padding: 60px 0;
overflow: hidden;
/*overflow: auto;*/
}
.section-bg {
......
assets/img/favicon/site.webmanifest 0 → 100644
View file @ 512181a2
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file
assets/vendor/bootstrap/css/bootstrap.css
View file @ 512181a2
......@@ -3231,9 +3231,11 @@ input[type="button"].btn-block {
.dropdown-menu {
position: absolute;
/*position: relative;*/
top: 100%;
left: 0;
z-index: 1000;
/*z-index: -1;*/
display: none;
float: left;
min-width: 10rem;
......
index.html
View file @ 512181a2
......@@ -5,12 +5,13 @@
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Bocor Bootstrap Template - Index</title>
<title>SLPES</title>
<meta content="" name="descriptison">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<!-- <link href="assets/img/favicon.png" rel="icon">-->
<link href="assets/img/favicon.ico" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
......@@ -99,7 +100,7 @@
<div class="row d-flex align-items-center">
<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>
<h2>Works well for Administration, Lecturers and Students</h2>
<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">
......@@ -752,149 +753,374 @@
</div>
</div>
<!-- <div class="page-header">-->
<!-- </div>-->
<ul class="timeline">
<!--timeline - 1-->
<li data-aos="fade-right">
<div class="timeline-badge"><i class="glyphicon glyphicon-check"></i></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="timeline-title">Project Proposal</h4>
<p><small class="text-muted"><i class="glyphicon glyphicon-time"></i> 11 hours ago via
Twitter</small></p>
<!--row-->
<div class="row">
<!--dropdown column-->
<div class="col-lg-6">
<div class="dropdown show">
<a class="btn btn-primary dropdown-toggle" href="#" role="button"
id="dropdownMenumilestones" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
Select the particular milestone
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<button class="dropdown-item" data-toggle="tab"
data-target="#proposal_milestone">Project Proposal
</button>
<button class="dropdown-item" data-toggle="tab"
data-target="#pp1_milestone">Progress Presentation - 1
</button>
<button class="dropdown-item" data-toggle="tab"
data-target="#pp2_milestone">Progress Presentation - 2
</button>
<button class="dropdown-item" data-toggle="tab"
data-target="#demo_milestone">Demo
</button>
<button class="dropdown-item" data-toggle="tab"
data-target="#final_milestone">Final Assessment
</button>
<button class="dropdown-item" data-toggle="tab"
data-target="#viva_milestone">Viva
</button>
</div>
<div class="timeline-body">
<p>Some text</p>
</div>
</div>
</li>
<!--end of timeline - 1-->
<!--end of dropdown column-->
<!--content column-->
<div class="col-lg-6">
<!--beginning of milestone content-->
<div class="tab-content" id="tabContentMilestones">
<!--timeline - 2-->
<li class="timeline-inverted" data-aos="fade-left">
<div class="timeline-badge warning"><i class="glyphicon glyphicon-credit-card"></i></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="timeline-title">Progress Presentation - I</h4>
<!--beginning of proposal-->
<div class="tab-pane fade in active" id="proposal_milestone">
<div class="card bg-white shadow-lg">
<div class="card-header">
<h1 class="card-title">Proposal</h1>
</div>
<div class="timeline-body">
<p>Some text...</p>
<div class="card-body">
<h3 class="font-weight-bold">Description</h3>
<div class="justify-content-center">
<p class="card-text">The Research group was given the opportunity to elaborate
the research problem,
research objectives and tentative methodology of the proposed study. The
presentation was carried out by each
individual describing their components</p>
</div>
<h3 class="font-weight-bold">Date</h3>
<div class="justify-content-center">
<p class="card-text">
<i class="glyphicon glyphicon-time"></i>
Feb 27th, 2020.
</p>
</div>
</li>
<!--end of timeline - 2-->
<!--timeline - 3-->
<li data-aos="fade-right">
<div class="timeline-badge danger"><i class="glyphicon glyphicon-credit-card"></i></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="timeline-title">Progress Presentation - II</h4>
<h3 class="font-weight-bold">Marks</h3>
<div class="justify-content-center">
<p class="card-text">10</p>
</div>
<div class="timeline-body">
<p>Some text...</p>
</div>
</div>
</li>
<!--end of timeline - 3-->
<!--timeline - 4-->
<li class="timeline-inverted" data-aos="fade-left">
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="timeline-title">Demo (Camera-ready Poster)</h4>
</div>
<div class="timeline-body">
<p>Some text...</p>
<!--end of proposal-->
<!--beginning of proposal-->
<div class="tab-pane fade" id="pp1_milestone">
<div class="card bg-white shadow-lg">
<div class="card-header">
<h1 class="card-title">Progress Presentation - 1</h1>
</div>
<div class="card-body">
<h3 class="font-weight-bold">Description</h3>
<div class="justify-content-center">
<p class="card-text">This presentation was aimed to show the progress of the ongoing porcess,
such that 50% of the complete product had to be presented. Each individual had to clearly mention what they
have done and the actual percentage of the work completed</p>
</div>
</li>
<!--end of timeline - 4-->
<!--timeline - 5-->
<li data-aos="fade-right">
<div class="timeline-badge info"><i class="glyphicon glyphicon-floppy-disk"></i></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="timeline-title">Final Assessment</h4>
<h3 class="font-weight-bold">Date</h3>
<div class="justify-content-center">
<i class="glyphicon glyphicon-time"></i>
July 13, 2020
</div>
<div class="timeline-body">
<p>Some text...</p>
<hr>
<div class="btn-group">
<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">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
<h3 class="font-weight-bold">Marks</h3>
<div class="justify-content-center">
15%
</div>
</div>
</div>
</li>
<!--end of timeline - 5-->
<!--timeline - 6-->
<li data-aos="fade-right">
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="timeline-title">Viva</h4>
</div>
<div class="timeline-body">
<p>Some text...</p>
<!--end of proposal-->
<!--beginning of proposal-->
<div class="tab-pane fade" id="pp2_milestone">
<div class="card bg-white shadow-lg">
<div class="card-header">
<h1 class="card-title">Progress Presentation - 2</h1>
</div>
<div class="card-body">
<h3 class="font-weight-bold">Description</h3>
<div class="justify-content-center">
<p class="card-text">The main purpose of this presentation was to show the progress of the
project. It was expected that 90% of the project to be completed.</p>
</div>
</li>
<!--end of timeline - 6-->
</ul>
<h3 class="font-weight-bold">Date</h3>
<div class="justify-content-center">
<i class="glyphicon glyphicon-time"></i>
September 24, 2020
</div>
<h3 class="font-weight-bold">Marks</h3>
<div class="justify-content-center">
<p class="card-text">N/A</p>
</div>
</div>
</div>
</div>
<!--end of proposal-->
<!--beginning of proposal-->
<div class="tab-pane fade" id="demo_milestone">
<div class="card bg-white shadow-lg">
<div class="card-header">
<h1 class="card-title">Demo</h1>
</div>
<div class="card-body">
<h3 class="font-weight-bold">Description</h3>
<div class="justify-content-center">
<p class="card-text">The research project group had to design a Research Poster to provide a
basic understand about the Research. The content included were Introduction, Literature Survey,
Research Problem, Research Objectives, Methodology, Results and Discussion and Conclusion</p>
</div>
<h3 class="font-weight-bold">Date</h3>
<div class="justify-content-center">
<i class="glyphicon glyphicon-time"></i>
September 24, 2020
</div>
<h3 class="font-weight-bold">Marks</h3>
<!-- <div class="row">-->
<!-- <div class="image col-xl-5 d-flex align-items-stretch justify-content-center justify-content-lg-start"></div>-->
<!-- <div class="col-xl-7 pl-0 pl-lg-5 pr-lg-1 d-flex align-items-stretch">-->
<!-- <div class="content d-flex flex-column justify-content-center">-->
<!-- <h3 data-aos="fade-in" data-aos-delay="100">Research Project Milestones</h3>-->
<!-- <p data-aos="fade-in">-->
<!-- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut-->
<!-- labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit-->
<!-- </p>-->
<!-- <div class="row">-->
<!-- <div class="col-md-6 icon-box" data-aos="fade-up">-->
<!-- <i class="bx bx-receipt"></i>-->
<!-- <h4><a href="#">Corporis voluptates sit</a></h4>-->
<!-- <p>Consequuntur sunt aut quasi enim aliquam quae harum pariatur laboris nisi ut-->
<!-- aliquip</p>-->
<div class="justify-content-center">
<p class="card-text">N/A</p>
</div>
</div>
</div>
</div>
<!--end of proposal-->
<!--beginning of proposal-->
<div class="tab-pane fade" id="final_milestone">
<div class="card bg-white shadow-lg">
<div class="card-header">
<h1 class="card-title">Final Assessment</h1>
</div>
<div class="card-body">
<h3 class="font-weight-bold">Description</h3>
<h3 class="font-weight-bold">Date</h3>
<h3 class="font-weight-bold">Marks</h3>
</div>
</div>
</div>
<!--end of proposal-->
<!--beginning of proposal-->
<div class="tab-pane fade" id="viva_milestone">
<div class="card bg-white shadow-lg">
<div class="card-header">
<h1 class="card-title">Viva</h1>
</div>
<div class="card-body">
<h3>Description</h3>
<h3>Date</h3>
<h3>Marks</h3>
</div>
</div>
</div>
<!--end of proposal-->
</div>
<!--end of milestone content-->
</div>
<!--end of content column-->
</div>
<!--end of row-->
<!--beginning of the timeline-->
<!-- <ul class="timeline">-->
<!-- &lt;!&ndash;timeline - 1&ndash;&gt;-->
<!-- <li data-aos="fade-right">-->
<!-- <div class="timeline-badge"><i class="glyphicon glyphicon-check"></i></div>-->
<!-- <div class="timeline-panel">-->
<!-- <div class="timeline-heading">-->
<!-- <h4 class="timeline-title">Project Proposal Presentation</h4>-->
<!-- <p><small class="text-muted"><i class="glyphicon glyphicon-time"></i> 11 hours ago via-->
<!-- Twitter</small></p>-->
<!-- </div>-->
<!-- <div class="timeline-body">-->
<!-- <p>Some text</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </li>-->
<!-- &lt;!&ndash;end of timeline - 1&ndash;&gt;-->
<!-- &lt;!&ndash;timeline - 2&ndash;&gt;-->
<!-- <li class="timeline-inverted" data-aos="fade-left">-->
<!-- <div class="timeline-badge warning"><i class="glyphicon glyphicon-credit-card"></i></div>-->
<!-- <div class="timeline-panel">-->
<!-- <div class="timeline-heading">-->
<!-- <h4 class="timeline-title">Progress Presentation - I</h4>-->
<!-- </div>-->
<!-- <div class="timeline-body">-->
<!-- <p>Some text...</p>-->
<!-- </div>-->
<!-- <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="100">-->
<!-- <i class="bx bx-cube-alt"></i>-->
<!-- <h4><a href="#">Ullamco laboris nisi</a></h4>-->
<!-- <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia-->
<!-- deserunt</p>-->
<!-- </div>-->
<!-- <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="200">-->
<!-- <i class="bx bx-images"></i>-->
<!-- <h4><a href="#">Labore consequatur</a></h4>-->
<!-- <p>Aut suscipit aut cum nemo deleniti aut omnis. Doloribus ut maiores omnis facere</p>-->
<!-- </li>-->
<!-- &lt;!&ndash;end of timeline - 2&ndash;&gt;-->
<!-- &lt;!&ndash;timeline - 3&ndash;&gt;-->
<!-- <li data-aos="fade-right">-->
<!-- <div class="timeline-badge danger"><i class="glyphicon glyphicon-credit-card"></i></div>-->
<!-- <div class="timeline-panel">-->
<!-- <div class="timeline-heading">-->
<!-- <h4 class="timeline-title">Progress Presentation - II</h4>-->
<!-- </div>-->
<!-- <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="300">-->
<!-- <i class="bx bx-shield"></i>-->
<!-- <h4><a href="#">Beatae veritatis</a></h4>-->
<!-- <p>Expedita veritatis consequuntur nihil tempore laudantium vitae denat pacta</p>-->
<!-- <div class="timeline-body">-->
<!-- <p>Some text...</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>&lt;!&ndash; End .content&ndash;&gt;-->
<!-- </li>-->
<!-- &lt;!&ndash;end of timeline - 3&ndash;&gt;-->
<!-- &lt;!&ndash;timeline - 4&ndash;&gt;-->
<!-- <li class="timeline-inverted" data-aos="fade-left">-->
<!-- <div class="timeline-panel">-->
<!-- <div class="timeline-heading">-->
<!-- <h4 class="timeline-title">Demo (Camera-ready Poster)</h4>-->
<!-- </div>-->
<!-- <div class="timeline-body">-->
<!-- <p>Some text...</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </li>-->
<!-- &lt;!&ndash;end of timeline - 4&ndash;&gt;-->
<!-- &lt;!&ndash;timeline - 5&ndash;&gt;-->
<!-- <li data-aos="fade-right">-->
<!-- <div class="timeline-badge info"><i class="glyphicon glyphicon-floppy-disk"></i></div>-->
<!-- <div class="timeline-panel">-->
<!-- <div class="timeline-heading">-->
<!-- <h4 class="timeline-title">Final Assessment</h4>-->
<!-- </div>-->
<!-- <div class="timeline-body">-->
<!-- <p>Some text...</p>-->
<!-- <hr>-->
<!-- <div class="btn-group">-->
<!-- <button class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown"-->
<!-- type="button">-->
<!-- <i class="glyphicon glyphicon-cog"></i>-->
<!-- <span>View more</span>-->
<!-- </button>-->
<!-- <ul class="dropdown-menu" role="menu">-->
<!-- <li><a href="#">Action</a></li>-->
<!-- <li><a href="#">Another action</a></li>-->
<!-- <li><a href="#">Something else here</a></li>-->
<!-- <li class="divider"></li>-->
<!-- <li><a href="#">Separated link</a></li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </li>-->
<!-- &lt;!&ndash;end of timeline - 5&ndash;&gt;-->
<!-- &lt;!&ndash;timeline - 6&ndash;&gt;-->
<!-- <li data-aos="fade-right">-->
<!-- <div class="timeline-panel">-->
<!-- <div class="timeline-heading">-->
<!-- <h4 class="timeline-title">Viva</h4>-->
<!-- </div>-->
<!-- <div class="timeline-body">-->
<!-- <p>Some text...</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </li>-->
<!-- &lt;!&ndash;end of timeline - 6&ndash;&gt;-->
<!-- </ul>-->
<!--end of the timeline-->
</div>
<div style="height: 100px"></div>
</section>
<!-- End About Section -->
......@@ -910,14 +1136,17 @@
<!-- documents row-->
<div class="row">
<!--topic registration document-->
<!--project charter document-->
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-right">
<div class="card">
<div class="card-img">
<img alt="..." src="assets/img/documents/pdf_image.jpg">
</div>
<div class="card-body">
<h5 class="card-title"><a href="">Topic Registration</a></h5>
<h5 class="card-title">
<a href="https://drive.google.com/file/d/1DRr_m2lqWN7Md8akLOeOB16hW4ytqbkV/view?usp=sharing">Project
Charter</a>
</h5>
<!-- <p class="card-text">Lorem ipsum dolor sit amet, consectetur elit, sed do eiusmod tempor ut-->
<!-- labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation-->
<!-- ullamco laboris nisi ut aliquip ex ea commodo consequat</p>-->
......@@ -925,7 +1154,7 @@
</div>
</div>
</div>
<!-- end of topic registration document-->
<!-- end of project charter document-->
<!-- proposal documents-->
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-left">
......@@ -934,8 +1163,10 @@
<img alt="..." src="assets/img/documents/pdf_image.jpg">
</div>
<div class="card-body">
<h5 class="card-title"><a href="">Project Proposal</a></h5>
<div class="read-more"><a href="#"><i class="icofont-arrow-right"></i> View More</a></div>
<h5 class="card-title">
<a href="https://drive.google.com/file/d/1LpSWOBgxhZeqVxyTBFg0vICFE8BXi9__/view?usp=sharing">Project
Proposal</a>
</h5>
</div>
</div>
......@@ -949,7 +1180,10 @@
<img alt="..." src="assets/img/documents/pdf_image.jpg">
</div>
<div class="card-body">
<h5 class="card-title"><a href="">Research Paper</a></h5>
<h5 class="card-title">
<a href="https://drive.google.com/file/d/1L6jMzmAJ8tI6jwOr_drzLSZpzRSEQGx7/view?usp=sharing">Research
Paper</a>
</h5>
</div>
</div>
</div>
......@@ -963,8 +1197,47 @@
<img alt="..." src="assets/img/documents/pdf_image.jpg">
</div>
<div class="card-body">
<h5 class="card-title"><a href="">Final Thesis</a></h5>
<div class="read-more"><a href="#"><i class="icofont-arrow-right"></i> View More</a></div>
<h5 class="card-title">
<a href="https://drive.google.com/file/d/1Qma23sGsjHh9u2WnaAR_VPG0p7rApTSg/view?usp=sharing">Final
Thesis</a>
</h5>
<!-- <div class="read-more"><a href="#"><i class="icofont-arrow-right"></i> View More</a></div>-->
<!--View more button-->
<!-- <div class="btn-group">-->
<!-- <button class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown"-->
<!-- type="button">-->
<!-- <i class="glyphicon glyphicon-cog"></i>-->
<!-- <span>View more</span>-->
<!-- </button>-->
<!-- <ul class="dropdown-menu" role="menu">-->
<!-- <li><a href="#">Action</a></li>-->
<!-- <li><a href="#">Another action</a></li>-->
<!-- <li><a href="#">Something else here</a></li>-->
<!-- <li class="divider"></li>-->
<!-- <li><a href="#">Separated link</a></li>-->
<!-- </ul>-->
<!-- </div>-->
<!--end of View more button-->
<div class="dropdown show">
<a class="btn btn-secondary dropdown-toggle" href="#" role="button"
id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
View more
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item"
href="https://drive.google.com/file/d/10ABw2L3xLK2WispcjMuyXG_vwUS_2cjM/view?usp=sharing">IT17138000</a>
<a class="dropdown-item"
href="https://drive.google.com/file/d/18K63kV65Hmvc-F4oX4JSBK37KoeFha3S/view?usp=sharing">IT17097284</a>
<a class="dropdown-item"
href="https://drive.google.com/file/d/1BfxIt-iTpnSnWEbUajfpDahsi6YhBenf/view?usp=sharing">IT17098960</a>
<a class="dropdown-item"
href="https://drive.google.com/file/d/1FYxarfpV63CjCi45ZNfOQZ5OPOhsFWaK/view?usp=sharing">IT17100908</a>
</div>
</div>
</div>
</div>
</div>
......@@ -973,6 +1246,8 @@
</div>
<!-- end of documents row-->
<hr>
</div>
</section><!-- End Services Section -->
......@@ -989,7 +1264,9 @@
<img alt="" class="img-fluid" src="assets/img/presentations/proposal.PNG">
</div>
<div class="col-md-7 pt-4" data-aos="fade-left">
<a href="https://drive.google.com/file/d/14-ySPADcmmWZX4Ivc9MUBDgUK0AJEYcx/view?usp=sharing">
<h3>Proposal Presentation</h3>
</a>
<ul>
<li><i class="icofont-check"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>
<li><i class="icofont-check"></i> Duis aute irure dolor in reprehenderit in voluptate velit.
......@@ -1003,7 +1280,9 @@
<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">
<a href="https://drive.google.com/file/d/1YWvLFZvCnrMKk4uSbVf4AhbXNChq7bZ4/view?usp=sharing">
<h3>Progress Presentation - I</h3>
</a>
</div>
</div>
......@@ -1012,7 +1291,9 @@
<img alt="" class="img-fluid" src="assets/img/presentations/pp2.PNG">
</div>
<div class="col-md-7 pt-5" data-aos="fade-left">
<a href="https://drive.google.com/file/d/1rcbsZPKKuP03xnGZ9c07l-sh-TmDstNG/view?usp=sharing">
<h3>Progress Presentation - II</h3>
</a>
<ul>
<li><i class="icofont-check"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>
<li><i class="icofont-check"></i> Duis aute irure dolor in reprehenderit in voluptate velit.
......@@ -1027,7 +1308,9 @@
<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">
<a href="#">
<h3>Final Presentation</h3>
</a>
</div>
</div>
......@@ -1059,12 +1342,12 @@
<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>
......@@ -1073,12 +1356,12 @@
<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>
......@@ -1103,12 +1386,12 @@
<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>
......@@ -1117,12 +1400,12 @@
<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>
......@@ -1131,12 +1414,12 @@
<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>
......@@ -1145,12 +1428,12 @@
<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>
......@@ -1188,18 +1471,18 @@
</ul>
</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 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>
......
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