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 {
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">
<head>
......@@ -743,273 +743,63 @@
<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 class="font-weight-bold" data-aos="fade-in" data-aos-delay="100">Research Project
Milestones</h2>
</div>
</div>
<div class="section-title">
<h2 data-aos="fade-in">Research Project Milestones</h2>
</div>
<!--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>
</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="container">
<div class="row">
<div class="col">
<div class="card text-center">
<a href="#proposal" class="card-header bg-info" style="padding: 7px; font-size: 25px; color: white; text-decoration: none" data-toggle="collapse">Proposal</a>
<div id="proposal" class="collapse mt-4">
<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">
<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>
<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>
<h3 class="font-weight-bold">Date</h3>
<div class="justify-content-center">
<i class="glyphicon glyphicon-time"></i>
September 24, 2020
</div>
<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>
<h3 class="font-weight-bold">Marks</h3>
<div class="justify-content-center">
<p class="card-text">10</p>
</div>
<div class="justify-content-center">
<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>
<!--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;-->
......@@ -1138,19 +928,16 @@
<!--project charter document-->
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-right">
<div class="card">
<a href="https://drive.google.com/file/d/1DRr_m2lqWN7Md8akLOeOB16hW4ytqbkV/view?usp=sharing" style="text-decoration: none">
<div class="card-img">
<img alt="..." src="assets/img/documents/08.png">
</div>
<div class="card-body">
<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>-->
<!-- <div class="read-more"><a href="#"><i class="icofont-arrow-right"></i> Read More</a></div>-->
</div>
<div class="card-inner text-center">
<div class="header">
<h2>Project Charter</h2>
</div>
</div>
</a>
</div>
</div>
<!-- end of project charter document-->
......@@ -1158,15 +945,16 @@
<!-- proposal documents-->
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-left">
<div class="card">
<div class="card-img">
<img alt="..." src="assets/img/documents/08.png">
</div>
<div class="card-body">
<h5 class="card-title">
<a href="https://drive.google.com/file/d/1LpSWOBgxhZeqVxyTBFg0vICFE8BXi9__/view?usp=sharing">Project
Proposal</a>
</h5>
</div>
<a href="https://drive.google.com/file/d/1LpSWOBgxhZeqVxyTBFg0vICFE8BXi9__/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>Project Proposal</h2>
</div>
</div>
</a>
</div>
</div>
......@@ -1175,15 +963,16 @@
<!-- research paper -->
<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/08.png">
</div>
<div class="card-body">
<h5 class="card-title">
<a href="https://drive.google.com/file/d/1L6jMzmAJ8tI6jwOr_drzLSZpzRSEQGx7/view?usp=sharing">Research
Paper</a>
</h5>
</div>
<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>
<!-- end of research paper -->
......@@ -1192,52 +981,37 @@
<!-- final thesis-->
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-left">
<div class="card">
<div class="card-img">
<img alt="..." src="assets/img/documents/08.png">
</div>
<div class="card-body">
<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>
<a href="https://drive.google.com/file/d/1Qma23sGsjHh9u2WnaAR_VPG0p7rApTSg/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>Final Thesis</h2>
</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>
<!-- end of final thesis-->
......@@ -1560,4 +1334,4 @@
</body>
</html>
\ No newline at end of file
</html>
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