Skip to content

W
Website
Commit 1d857cee authored by sachith.fernando's avatar sachith.fernando
Browse files
Options

changes

parent 113424b0
Hide whitespace changes
Inline Side-by-side
Showing with 115 additions and 316 deletions
assets/css/style.css
View file @ 1d857cee
...@@ -1407,3 +1407,28 @@ section { ...@@ -1407,3 +1407,28 @@ section {
text-align: ceneter; text-align: ceneter;
} }
} }
.card {
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: all 0.2s ease-in-out;
box-sizing: border-box;
margin-top:10px;
margin-bottom:10px;
background-color:#FFF;
}
.card:hover {
box-shadow: 0 5px 5px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.card > .card-inner {
padding:10px;
}
.card .header h2, h3 {
margin-bottom: 0px;
margin-top:0px;
}
.card .header {
margin-bottom:5px;
}
.card img{
width:100%;
}
index.html
View file @ 1d857cee
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
...@@ -743,273 +743,63 @@ ...@@ -743,273 +743,63 @@
<section class="researchMilestone section-bg" id="researchMilestone"> <section class="researchMilestone section-bg" id="researchMilestone">
<div class="container"> <div class="container">
<div class="row"> <div class="section-title">
<div class="col-xl-7 pl-0 pl-lg-5 pr-lg-1 d-flex align-items-stretch" data-aos="fade-right"> <h2 data-aos="fade-in">Research Project Milestones</h2>
<div class="content d-flex flex-column justify-content-center">
<h2 class="font-weight-bold" data-aos="fade-in" data-aos-delay="100">Research Project
Milestones</h2>
</div>
</div>
</div> </div>
<!--row--> <!--row-->
<div class="row"> <div class="row">
<!--dropdown column--> <div class="container">
<div class="col-lg-6"> <div class="row">
<div class="dropdown show"> <div class="col">
<a class="btn btn-primary dropdown-toggle" href="#" role="button" <div class="card text-center">
id="dropdownMenumilestones" data-toggle="dropdown" aria-haspopup="true" <a href="#proposal" class="card-header bg-info" style="padding: 7px; font-size: 25px; color: white; text-decoration: none" data-toggle="collapse">Proposal</a>
aria-expanded="false"> <div id="proposal" class="collapse mt-4">
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>
</div>
<!--end of dropdown column-->
<!--content column-->
<div class="col-lg-6">
<!--beginning of milestone content-->
<div class="tab-content" id="tabContentMilestones">
<!--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="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>
<h3 class="font-weight-bold">Marks</h3>
<div class="justify-content-center">
<p class="card-text">10</p>
</div>
</div>
</div>
</div>
<!--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>
<h3 class="font-weight-bold">Date</h3>
<div class="justify-content-center">
<i class="glyphicon glyphicon-time"></i>
July 13, 2020
</div>
<h3 class="font-weight-bold">Marks</h3>
<div class="justify-content-center">
15%
</div>
</div>
</div>
</div>
<!--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>
<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"> <div class="card bg-white shadow-lg">
<div class="card-header">
<h1 class="card-title">Proposal</h1>
</div>
<div class="card-body">
<h3 class="font-weight-bold">Description</h3> <h3 class="font-weight-bold">Description</h3>
<div class="justify-content-center"> <div class="justify-content-center">
<p class="card-text">The research project group had to design a Research Poster to provide a <p class="card-text">The Research group was given the opportunity to elaborate
basic understand about the Research. The content included were Introduction, Literature Survey, the research problem,
Research Problem, Research Objectives, Methodology, Results and Discussion and Conclusion</p> research objectives and tentative methodology of the proposed study. The
</div> presentation was carried out by each
individual describing their components</p>
</div>
<h3 class="font-weight-bold">Date</h3> <h3 class="font-weight-bold">Date</h3>
<div class="justify-content-center"> <div class="justify-content-center">
<i class="glyphicon glyphicon-time"></i> <p class="card-text">
September 24, 2020 <i class="glyphicon glyphicon-time"></i>
</div> Feb 27th, 2020.
</p>
</div>
<h3 class="font-weight-bold">Marks</h3> <h3 class="font-weight-bold">Marks</h3>
<div class="justify-content-center">
<p class="card-text">10</p>
</div>
<div class="justify-content-center"> </div>
<p class="card-text">N/A</p>
</div> </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> </div>
</div> </div>
<!--end of proposal-->
</div> </div>
<!--end of milestone content-->
</div> </div>
<!--end of content column-->
</div> </div>
<!--end of row--> <!--end of row-->
<!--beginning of the timeline--> <!--beginning of the timeline-->
<!-- <ul class="timeline">--> <!-- <ul class="timeline">-->
<!-- &lt;!&ndash;timeline - 1&ndash;&gt;--> <!-- &lt;!&ndash;timeline - 1&ndash;&gt;-->
...@@ -1138,19 +928,16 @@ ...@@ -1138,19 +928,16 @@
<!--project charter document--> <!--project charter document-->
<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">
<a href="https://drive.google.com/file/d/1DRr_m2lqWN7Md8akLOeOB16hW4ytqbkV/view?usp=sharing" style="text-decoration: none">
<div class="card-img"> <div class="card-img">
<img alt="..." src="assets/img/documents/08.png"> <img alt="..." src="assets/img/documents/08.png">
</div> </div>
<div class="card-body"> <div class="card-inner text-center">
<h5 class="card-title"> <div class="header">
<a href="https://drive.google.com/file/d/1DRr_m2lqWN7Md8akLOeOB16hW4ytqbkV/view?usp=sharing">Project <h2>Project Charter</h2>
Charter</a> </div>
</h5> </div>
<!-- <p class="card-text">Lorem ipsum dolor sit amet, consectetur elit, sed do eiusmod tempor ut--> </a>
<!-- labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation-->
<!-- ullamco laboris nisi ut aliquip ex ea commodo consequat</p>-->
<!-- <div class="read-more"><a href="#"><i class="icofont-arrow-right"></i> Read More</a></div>-->
</div>
</div> </div>
</div> </div>
<!-- end of project charter document--> <!-- end of project charter document-->
...@@ -1158,15 +945,16 @@ ...@@ -1158,15 +945,16 @@
<!-- proposal documents--> <!-- proposal documents-->
<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"> <a href="https://drive.google.com/file/d/1LpSWOBgxhZeqVxyTBFg0vICFE8BXi9__/view?usp=sharing" style="text-decoration: none">
<img alt="..." src="assets/img/documents/08.png"> <div class="card-img">
</div> <img alt="..." src="assets/img/documents/08.png">
<div class="card-body"> </div>
<h5 class="card-title"> <div class="card-inner text-center">
<a href="https://drive.google.com/file/d/1LpSWOBgxhZeqVxyTBFg0vICFE8BXi9__/view?usp=sharing">Project <div class="header">
Proposal</a> <h2>Project Proposal</h2>
</h5> </div>
</div> </div>
</a>
</div> </div>
</div> </div>
...@@ -1175,15 +963,16 @@ ...@@ -1175,15 +963,16 @@
<!-- research paper --> <!-- research paper -->
<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"> <a href="https://drive.google.com/file/d/1L6jMzmAJ8tI6jwOr_drzLSZpzRSEQGx7/view?usp=sharing" style="text-decoration: none">
<img alt="..." src="assets/img/documents/08.png"> <div class="card-img">
</div> <img alt="..." src="assets/img/documents/08.png">
<div class="card-body"> </div>
<h5 class="card-title"> <div class="card-inner text-center">
<a href="https://drive.google.com/file/d/1L6jMzmAJ8tI6jwOr_drzLSZpzRSEQGx7/view?usp=sharing">Research <div class="header">
Paper</a> <h2>Research Paper</h2>
</h5> </div>
</div> </div>
</a>
</div> </div>
</div> </div>
<!-- end of research paper --> <!-- end of research paper -->
...@@ -1192,52 +981,37 @@ ...@@ -1192,52 +981,37 @@
<!-- final thesis--> <!-- final thesis-->
<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"> <a href="https://drive.google.com/file/d/1Qma23sGsjHh9u2WnaAR_VPG0p7rApTSg/view?usp=sharing" style="text-decoration: none">
<img alt="..." src="assets/img/documents/08.png"> <div class="card-img">
</div> <img alt="..." src="assets/img/documents/08.png">
<div class="card-body"> </div>
<h5 class="card-title"> <div class="card-inner text-center">
<a href="https://drive.google.com/file/d/1Qma23sGsjHh9u2WnaAR_VPG0p7rApTSg/view?usp=sharing">Final <div class="header">
Thesis</a> <h2>Final Thesis</h2>
</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 class="card-body">
<div class="dropdown show">
<a class="btn btn-info dropdown-toggle btn-block" href="#" role="button"
id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
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>
</a>
</div> </div>
</div> </div>
<!-- end of final thesis--> <!-- end of final thesis-->
...@@ -1560,4 +1334,4 @@ ...@@ -1560,4 +1334,4 @@
</body> </body>
</html> </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