Skip to content

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

changes

parent 113424b0
Show 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,61 +743,19 @@ ...@@ -743,61 +743,19 @@
<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 bg-white shadow-lg">
...@@ -833,183 +791,15 @@ ...@@ -833,183 +791,15 @@
</div> </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">
<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="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> </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>
<!-- <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>
</a>
</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">
<a href="https://drive.google.com/file/d/1LpSWOBgxhZeqVxyTBFg0vICFE8BXi9__/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/1LpSWOBgxhZeqVxyTBFg0vICFE8BXi9__/view?usp=sharing">Project <h2>Project Proposal</h2>
Proposal</a> </div>
</h5>
</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">
<a href="https://drive.google.com/file/d/1L6jMzmAJ8tI6jwOr_drzLSZpzRSEQGx7/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/1L6jMzmAJ8tI6jwOr_drzLSZpzRSEQGx7/view?usp=sharing">Research <h2>Research Paper</h2>
Paper</a> </div>
</h5>
</div> </div>
</a>
</div> </div>
</div> </div>
<!-- end of research paper --> <!-- end of research paper -->
...@@ -1192,34 +981,18 @@ ...@@ -1192,34 +981,18 @@
<!-- 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">
<a href="https://drive.google.com/file/d/1Qma23sGsjHh9u2WnaAR_VPG0p7rApTSg/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-inner text-center">
<div class="header">
<h2>Final Thesis</h2>
</div>
</div>
<div class="card-body"> <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"> <div class="dropdown show">
<a class="btn btn-secondary dropdown-toggle" href="#" role="button" <a class="btn btn-info dropdown-toggle btn-block" href="#" role="button"
id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false"> aria-expanded="false">
View more View more
...@@ -1238,6 +1011,7 @@ ...@@ -1238,6 +1011,7 @@
</div> </div>
</div> </div>
</a>
</div> </div>
</div> </div>
<!-- end of final thesis--> <!-- end of final thesis-->
......
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