Skip to content

2
2021-010
Commit 9966131b authored by Lakshan Wijewardana W.M.W-IT18132588's avatar Lakshan Wijewardana W.M.W-IT18132588
Browse files
Options

Update web site

parent 7768e708
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1874 additions and 825 deletions
web_site/Readme.txt 0 → 100644
View file @ 9966131b
Link for hosted web site - https://research-web-site-40342.web.app
\ No newline at end of file
web_site/blog.html deleted 100644 → 0
View file @ 7768e708
<!DOCTYPE html>
<html lang="en">
<head>
<title>Digital Trend - Blog</title>
<!--
DIGITAL TREND
https://templatemo.com/tm-538-digital-trend
-->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- MAIN CSS -->
<link rel="stylesheet" href="css/templatemo-digital-trend.css">
</head>
<body>
<!-- MENU BAR -->
<nav class="navbar navbar-expand-lg position-absolute">
<div class="container">
<a class="navbar-brand" href="index.html">
<i class="fa fa-line-chart"></i>
Digital Trend
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="index.html#about" class="nav-link">Studio</a>
</li>
<li class="nav-item">
<a href="index.html#project" class="nav-link">Our Works</a>
</li>
<li class="nav-item">
<a href="blog.html" class="nav-link active">Blog</a>
</li>
<li class="nav-item">
<a href="contact.html" class="nav-link contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- BLOG -->
<section class="blog section-padding">
<div class="container">
<div class="row">
<div class="col-lg-12 col-12 py-5 mt-5 mb-3 text-center">
<h1 class="mb-4" data-aos="fade-up">Digital Trend Blog</h1>
</div>
<div class="col-lg-7 col-md-7 col-12 mb-4">
<div class="blog-header" data-aos="fade-up" data-aos-delay="100">
<img src="images/blog/blog-header-image.jpg" class="img-fluid" alt="blog header">
<div class="blog-header-info">
<h4 class="blog-category text-info">Creative</h4>
<h3><a href="blog-detail.html">The Key to Creative Work is Knowing When to Walk Away</a></h3>
</div>
</div>
</div>
<div class="col-lg-5 col-md-5 col-12 mb-4">
<div class="blog-sidebar d-flex justify-content-center align-items-center" data-aos="fade-up" data-aos-delay="200">
<img src="images/blog/blog-sidebar-image.jpg" class="img-fluid" alt="blog">
<div class="blog-info">
<h4 class="blog-category text-danger">Design</h4>
<h3><a href="blog-detail.html">Why Truly Accessible Design Benefits Everyone</a></h3>
</div>
</div>
<div class="blog-sidebar py-4 d-flex justify-content-center align-items-center" data-aos="fade-up" data-aos-delay="300">
<img src="images/blog/blog-sidebar-image01.jpg" class="img-fluid" alt="blog">
<div class="blog-info">
<h4 class="blog-category text-success">lifestyle</h4>
<h3><a href="blog-detail.html">Be Humble About What You Know</a></h3>
</div>
</div>
<div class="blog-sidebar d-flex justify-content-center align-items-center" data-aos="fade-up" data-aos-delay="200">
<img src="images/blog/blog-sidebar-image02.jpg" class="img-fluid" alt="blog">
<div class="blog-info">
<h4 class="blog-category text-primary">Coding</h4>
<h3><a href="blog-detail.html">The Mistakes I Made As a Coding Beginner</a></h3>
</div>
</div>
</div>
<div class="col-lg-5 ml-auto mt-5 pt-5 col-md-6 col-12">
<img src="images/newsletter.png" data-aos="fade-up" data-aos-delay="100" class="img-fluid" alt="newsletter">
</div>
<div class="col-lg-5 mr-auto mt-5 pt-5 col-md-6 col-12 newsletter-form">
<h4 data-aos="fade-up" data-aos-delay="200">Email Newsletter</h4>
<h2 data-aos="fade-up" data-aos-delay="300">Let’s stay up-to-date. We'll share you all good stuffs.</h2>
<form action="#" method="get" enctype="multipart/form-data">
<div class="form-group mt-4" data-aos="fade-up" data-aos-delay="400">
<input name="email" type="email" class="form-control"
id="email" aria-describedby="emailHelp" placeholder="Please enter your email" required>
<small id="emailHelp" class="form-text text-muted">We'll NOT share your email address to anyone else.</small>
</div>
<div class="form-group form-check" data-aos="fade-up" data-aos-delay="500">
<input name="monthly" type="checkbox" class="form-check-input" id="monthly">
<label class="form-check-label" for="monthly">Please send me a monthly newsletter.</label>
</div>
<button type="submit" data-aos="fade-up" data-aos-delay="500" class="btn w-100 mt-3">Sign up</button>
</form>
</div>
</div>
</div>
</section>
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-lg-5 mx-lg-auto col-md-8 col-10">
<h1 class="text-white" data-aos="fade-up" data-aos-delay="100">We make creative <strong>brands</strong> only.</h1>
</div>
<div class="col-lg-3 col-md-6 col-12" data-aos="fade-up" data-aos-delay="200">
<h4 class="my-4">Contact Info</h4>
<p class="mb-1">
<i class="fa fa-phone mr-2 footer-icon"></i>
+99 080 070 4224
</p>
<p>
<a href="#">
<i class="fa fa-envelope mr-2 footer-icon"></i>
hello@company.com
</a>
</p>
</div>
<div class="col-lg-3 col-md-6 col-12" data-aos="fade-up" data-aos-delay="300">
<h4 class="my-4">Our Studio</h4>
<p class="mb-1">
<i class="fa fa-home mr-2 footer-icon"></i>
Av. Lúcio Costa - Barra da Tijuca, Rio de Janeiro - RJ, Brazil
</p>
</div>
<div class="col-lg-4 mx-lg-auto text-center col-md-8 col-12" data-aos="fade-up" data-aos-delay="400">
<p class="copyright-text">Copyright &copy; 2020 Your Company
<br>
<a rel="nofollow noopener" href="https://templatemo.com">Design: TemplateMo</a></p>
</div>
<div class="col-lg-4 mx-lg-auto col-md-6 col-12" data-aos="fade-up" data-aos-delay="500">
<ul class="footer-link">
<li><a href="#">Stories</a></li>
<li><a href="#">Work with us</a></li>
<li><a href="#">Privacy</a></li>
</ul>
</div>
<div class="col-lg-3 mx-lg-auto col-md-6 col-12" data-aos="fade-up" data-aos-delay="600">
<ul class="social-icon">
<li><a href="#" class="fa fa-instagram"></a></li>
<li><a href="#" class="fa fa-twitter"></a></li>
<li><a href="#" class="fa fa-dribbble"></a></li>
<li><a href="#" class="fa fa-behance"></a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- SCRIPTS -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>
\ No newline at end of file
web_site/contact.html
View file @ 9966131b
This diff is collapsed.
web_site/css/templatemo-digital-trend.css
View file @ 9966131b
/*
DIGITAL TREND
https://templatemo.com/tm-538-digital-trend
*/
@font-face {
font-family: 'Plain-Regular';
......@@ -345,7 +339,7 @@ https://templatemo.com/tm-538-digital-trend
.hero {
position: relative;
padding: 8em 0;
padding: 6em 0;
overflow: hidden;
}
......@@ -543,7 +537,7 @@ https://templatemo.com/tm-538-digital-trend
background: var(--project-bg);
border: 0;
padding: 1.7em 1.3em;
margin: 14px 0;
margin: 8px 0;
}
.newsletter-form button,
......@@ -569,7 +563,7 @@ https://templatemo.com/tm-538-digital-trend
.site-footer {
background: var(--dark-color);
padding: 7em 0 6em 0;
padding: 4em 0 5em 0;
}
.site-footer a {
......@@ -590,36 +584,11 @@ https://templatemo.com/tm-538-digital-trend
.copyright-text,
.footer-link,
.site-footer .social-icon {
margin-top: 6em;
margin-top: 1em;
}
.copyright-text {
margin-top: 5.3em;
}
/*---------------------------------------
SOCIAL ICON
-----------------------------------------*/
.social-icon {
position: relative;
padding: 0;
margin: 4em 0 0 0;
}
.social-icon li {
display: inline-block;
list-style: none;
}
.social-icon li a {
text-decoration: none;
display: inline-block;
font-size: var(--base-font-size);
margin: 10px;
text-align: center;
margin-top: 1.8em;
}
......
web_site/documents.html 0 → 100644
View file @ 9966131b
<!DOCTYPE html>
<html lang="en">
<head>
<title>OrgiCheck</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="icon" href="images/orgicheck lolgo2.png">
<!-- MAIN CSS -->
<link rel="stylesheet" href="css/templatemo-digital-trend.css">
<style>
.img1 {
display: block;
margin-left: auto;
margin-right: auto;
}
.box {
padding: 30px;
position: relative;
overflow: hidden;
border-radius: 10px;
margin: 0 10px 40px 10px;
background: rgb(255, 255, 255);
box-shadow: 0 10px 29px 0 rgba(141, 233, 198, 0.445);
transition: all 0.3s ease-in-out;
}
#services .box:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
#services .icon {
position: absolute;
left: -10px;
size: 100px;
top: calc(50% - 32px);
}
#services .box:hover .title a {
color: #51da6f;
}
</style>
</head>
<body>
<!-- MENU BAR -->
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="index.html">
<i><img src="images/orgicheck lolgo.png" style="height: 60px;"></i>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="index.html" class="nav-link smoothScroll">Home</a>
</li>
<li class="nav-item">
<a href="scope.html" class="nav-link smoothScroll">Research Project Scope</a>
</li>
<li class="nav-item">
<a href="milestone.html" class="nav-link">Project Milestones</a>
</li>
<li class="nav-item">
<a href="documents.html" class="nav-link active" >Documents</a>
</li>
<li class="nav-item">
<a href="presentation.html" class="nav-link">Presentation</a>
</li>
<li class="nav-item">
<a href="about.html" class="nav-link">About Us</a>
</li>
<li class="nav-item">
<a href="contact.html" class="nav-link">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
<section class="hero hero-bg d-flex justify-content-center align-items-center" style=" position: relative; padding: 3em 0; overflow: hidden;">
<div class="container">
<div class="hero-text">
<h1 class="text-dark" data-aos="fade-up">Documents</h1>
</div>
</div>
</section>
<section id="services" class="section-bg" data-aos="fade-up" >
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-6 wow bounceInUp" data-wow-duration="1.4s"
style="visibility: visible; animation-duration: 1.4s; animation-name: bounceInUp;">
<div class="box">
<span class="iconify" style="color: #e9bf06; font-size: 35px;" data-icon="ion-document-text"></span>
<h6 class="title"><a
href="https://drive.google.com/drive/folders/15vjzIw41BgakvDRJA8XKWt4lwPoDICFJ?usp=sharing" target="_blank">Project Charter</a></h6>
<p style="font-size: 15px;">Formal, typically short document that describes project in its entirety —
including what the objectives are and how it will be carried out.</p>
</div>
</div>
<div class="col-md-6 col-lg-6 wow bounceInUp" data-wow-duration="1.4s"
style="visibility: visible; animation-duration: 1.4s; animation-name: bounceInUp;">
<div class="box">
<span class="iconify" style="color: #e9bf06; font-size: 35px;" data-icon="ion-document-text"></span>
<h6 class="title"><a
href="https://drive.google.com/drive/folders/1PGIYrVFHRweZLTDdFNVPv4EK2oN70SkP?usp=sharing" target="_blank">Project Proposal</a></h6>
<p style="font-size: 15px;">A core document that helps to focus on the substance of the proposed
plan, while using an easy-to-follow project proposal outline.</p>
</div>
</div>
<div class="col-md-6 col-lg-6 wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s"
style="visibility: visible; animation-duration: 1.4s; animation-delay: 0.1s; animation-name: bounceInUp;">
<div class="box">
<span class="iconify" style="color: #e9bf06; font-size: 35px;" data-icon="ion-document-text"></span>
<h6 class="title"><a
href="https://drive.google.com/drive/folders/1WKLwwR5cXlxLZhPrHbz8DLStiHRQ7txo?usp=sharing" target="_blank">Status Document</a></h6>
<p style="font-size: 15px;">A document which describes in detail how the meetings were held with the team mates and what have we talked about. Also the GitLab Commits</p>
</div>
</div>
<div class="col-md-6 col-lg-6 wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s"
style="visibility: visible; animation-duration: 1.4s; animation-delay: 0.1s; animation-name: bounceInUp;">
<div class="box">
<span class="iconify" style="color: #e9bf06; font-size: 35px;" data-icon="ion-document-text"></span>
<h6 class="title"><a
href="https://drive.google.com/drive/folders/1rfw-McARHxkEFaxPtsMQI_0mSbuLHidZ?usp=sharing" target="_blank">Research Paper </a></h6>
<p style="font-size: 15px;">A piece of academic writing based on its author's original research on a
particular topic, and the analysis and interpretation of the research findings. </p>
</div>
</div>
<div class="col-md-6 col-lg-6 wow bounceInUp" data-wow-delay="0.2s" data-wow-duration="1.4s"
style="visibility: visible; animation-duration: 1.4s; animation-delay: 0.2s; animation-name: bounceInUp;">
<div class="box">
<span class="iconify" style="color: #e9bf06; font-size: 35px;" data-icon="ion-document-text"></span>
<h6 class="title"><a
href="https://drive.google.com/drive/folders/1okOtMypmFcrN3r3HAbVOXtltYTZ3ZZuf?usp=sharing" target="_blank">Final Documents</a></h6>
<p style="font-size: 15px;">The Report which intended to concisely summarize the outcomes of a
project and is the final document in the CDAP Module</p>
</div>
</div>
</div>
</div>
</section>
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-lg-5 mx-lg-auto col-md-8 col-10">
<h1 class="text-white" data-aos="fade-up" data-aos-delay="100">
Check with <br><strong>OrgiCheck &trade;</strong> only.
</h1>
</div>
<div
class="col-lg-3 col-md-6 col-12"
data-aos="fade-up"
data-aos-delay="200"
>
<h4 class="my-4">Contact Info</h4>
<p class="mb-1">
<i class="fa fa-phone mr-2 footer-icon"></i>
+94 76 654 59 82
</p>
<p>
<a href="#">
<i class="fa fa-envelope mr-2 footer-icon"></i>
support@orgicheck.com
</a>
</p>
</div>
<div
class="col-lg-3 col-md-6 col-12"
data-aos="fade-up"
data-aos-delay="300"
>
<h4 class="my-4">Address</h4>
<p class="mb-1">
<i class="fa fa-home mr-2 footer-icon"></i>
No. 40, New Kandy Road, Malabe, Sri Lanka
</p>
</div>
<div
class="col-lg-4 mx-lg-auto text-center col-md-8 col-12"
data-aos="fade-up"
data-aos-delay="400"
>
<p class="copyright-text">
Copyright &copy; 2021 OrgiCheck &trade;
</p>
</div>
</div>
</div>
</footer>
<!-- SCRIPTS -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/custom.js"></script>
<script src="https://code.iconify.design/2/2.0.4/iconify.min.js"></script>
</body>
</html>
\ No newline at end of file
web_site/index.html
View file @ 9966131b
This diff is collapsed.
web_site/milestone.html 0 → 100644
View file @ 9966131b
<!DOCTYPE html>
<html lang="en">
<head>
<title>OrgiCheck &trade;</title>
<!--
DIGITAL TREND
https://templatemo.com/tm-538-digital-trend
-->
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1"
/>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/font-awesome.min.css" />
<link rel="stylesheet" href="css/aos.css" />
<link rel="stylesheet" href="css/owl.carousel.min.css" />
<link rel="stylesheet" href="css/owl.theme.default.min.css" />
<!-- MAIN CSS -->
<link rel="stylesheet" href="css/templatemo-digital-trend.css" />
<style>
.timeline {
border-left: 3px solid #727cf5;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
background: rgba(114, 124, 245, 0.09);
margin: 0 auto;
letter-spacing: 0.2px;
position: relative;
line-height: 1.4em;
font-size: 1.03em;
padding: 50px;
list-style: none;
text-align: left;
max-width: 40%;
}
@media (max-width: 767px) {
.timeline {
max-width: 98%;
padding: 25px;
}
}
.timeline h1 {
font-weight: 300;
font-size: 1.4em;
}
.timeline h2,
.timeline h3 {
font-weight: 600;
font-size: 1rem;
margin-bottom: 10px;
}
.timeline .event {
border-bottom: 1px dashed #e8ebf1;
padding-bottom: 25px;
margin-bottom: 25px;
position: relative;
}
@media (max-width: 767px) {
.timeline .event {
padding-top: 30px;
}
}
.timeline .event:last-of-type {
padding-bottom: 0;
margin-bottom: 0;
border: none;
}
.timeline .event:before,
.timeline .event:after {
position: absolute;
display: block;
top: 0;
}
.timeline .event:before {
left: -207px;
content: attr(data-date);
text-align: right;
font-weight: 100;
font-size: 0.9em;
min-width: 120px;
}
@media (max-width: 767px) {
.timeline .event:before {
left: 0px;
text-align: left;
}
}
.timeline .event:after {
-webkit-box-shadow: 0 0 0 3px #727cf5;
box-shadow: 0 0 0 3px #727cf5;
left: -55.8px;
background: #fff;
border-radius: 50%;
height: 9px;
width: 9px;
content: "";
top: 5px;
}
@media (max-width: 767px) {
.timeline .event:after {
left: -31.8px;
}
}
.rtl .timeline {
border-left: 0;
text-align: right;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
border-right: 3px solid #727cf5;
}
.rtl .timeline .event::before {
left: 0;
right: -170px;
}
.rtl .timeline .event::after {
left: 0;
right: -55.8px;
}
</style>
</head>
<body>
<!-- MENU BAR -->
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="index.html">
<i><img src="images/orgicheck lolgo.png" style="height: 60px" /></i>
</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="index.html" class="nav-link smoothScroll">Home</a>
</li>
<li class="nav-item">
<a href="scope.html" class="nav-link smoothScroll"
>Research Project Scope</a
>
</li>
<li class="nav-item">
<a href="milestone.html" class="nav-link active"
>Project Milestones</a
>
</li>
<li class="nav-item">
<a href="documents.html" class="nav-link">Documents</a>
</li>
<li class="nav-item">
<a href="presentation.html" class="nav-link">Presentation</a>
</li>
<li class="nav-item">
<a href="about.html" class="nav-link">About Us</a>
</li>
<li class="nav-item">
<a href="contact.html" class="nav-link">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
<section class="hero hero-bg d-flex justify-content-center align-items-center" style=" position: relative; padding: 3em 0; overflow: hidden;">
<div class="container">
<div class="hero-text">
<h1 class="text-dark" data-aos="fade-up">Project Milestones</h1>
</div>
</div>
</section>
<br>
<!-- BLOG -->
<section class="blog">
<div class="container">
<div class="row">
<div id="content" style="margin-left: 5%;">
<ul class="timeline">
<li class="event" data-date="2020 November">
<h3>Awareness Session</h3>
<p>
Awareness session for the research project and, we had to
select a supervisor.
</p>
</li>
<li class="event" data-date="2021 January">
<h3>Topic Evaluation</h3>
<p>In this stage the Topic we selected been evaluvated</p>
</li>
<li class="event" data-date="2021 March">
<h3>Project Proposal Presentation</h3>
<p>
A project proposal is prepared to make an offer and to try to
convince a supervisor or a future customer to accept it
</p>
</li>
<li class="event" data-date="2021 July">
<h3>Progress Presentation 1</h3>
<p>In this stage we had to show our progress up to 50%.</p>
</li>
<li class="event" data-date="2021 October">
<h3>Progress Presentation 2</h3>
<p>In this stage we had to show our progress up to 90%.</p>
</li>
<li class="event" data-date="2021 October">
<h3>Demo and Poster</h3>
<p>
In this stage we had to prepare a poster for the research
project.
</p>
</li>
<li class="event" data-date="2021 November">
<h3>Final Presentation and Viva</h3>
<p>
The Viva presentation bring the individual research component
evaluation to an end. Each member has to answer the questions
based on their work
</p>
</li>
</ul>
</div>
</div>
</div>
</section>
<br />
<br />
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-lg-5 mx-lg-auto col-md-8 col-10">
<h1 class="text-white" data-aos="fade-up" data-aos-delay="100">
Check with <br><strong>OrgiCheck &trade;</strong> only.
</h1>
</div>
<div
class="col-lg-3 col-md-6 col-12"
data-aos="fade-up"
data-aos-delay="200"
>
<h4 class="my-4">Contact Info</h4>
<p class="mb-1">
<i class="fa fa-phone mr-2 footer-icon"></i>
+94 76 654 59 82
</p>
<p>
<a href="#">
<i class="fa fa-envelope mr-2 footer-icon"></i>
support@orgicheck.com
</a>
</p>
</div>
<div
class="col-lg-3 col-md-6 col-12"
data-aos="fade-up"
data-aos-delay="300"
>
<h4 class="my-4">Address</h4>
<p class="mb-1">
<i class="fa fa-home mr-2 footer-icon"></i>
No. 40, New Kandy Road, Malabe, Sri Lanka
</p>
</div>
<div
class="col-lg-4 mx-lg-auto text-center col-md-8 col-12"
data-aos="fade-up"
data-aos-delay="400"
>
<p class="copyright-text">
Copyright &copy; 2021 OrgiCheck &trade;
</p>
</div>
</div>
</div>
</footer>
<!-- SCRIPTS -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/custom.js"></script>
</body>
</html>
web_site/presentation.html 0 → 100644
View file @ 9966131b
<!DOCTYPE html>
<html lang="en">
<head>
<title>OrgiCheck</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="icon" href="images/orgicheck lolgo2.png">
<!-- MAIN CSS -->
<link rel="stylesheet" href="css/templatemo-digital-trend.css">
<style>
.img1 {
display: block;
margin-left: auto;
margin-right: auto;
}
.box {
padding: 30px;
position: relative;
overflow: hidden;
border-radius: 10px;
margin: 0 10px 40px 10px;
background: rgb(255, 255, 255);
box-shadow: 0 10px 29px 0 rgba(141, 233, 198, 0.445);
transition: all 0.3s ease-in-out;
}
#services .box:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
#services .icon {
position: absolute;
left: -10px;
size: 100px;
top: calc(50% - 32px);
}
#services .box:hover .title a {
color: #51da6f;
}
</style>
</head>
<body>
<!-- MENU BAR -->
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="index.html">
<i><img src="images/orgicheck lolgo.png" style="height: 60px;"></i>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="index.html" class="nav-link smoothScroll">Home</a>
</li>
<li class="nav-item">
<a href="scope.html" class="nav-link smoothScroll">Research Project Scope</a>
</li>
<li class="nav-item">
<a href="milestone.html" class="nav-link">Project Milestones</a>
</li>
<li class="nav-item">
<a href="documents.html" class="nav-link">Documents</a>
</li>
<li class="nav-item">
<a href="presentation.html" class="nav-link active">Presentation</a>
</li>
<li class="nav-item">
<a href="about.html" class="nav-link">About Us</a>
</li>
<li class="nav-item">
<a href="contact.html" class="nav-link">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
<section class="hero hero-bg d-flex justify-content-center align-items-center" style=" position: relative; padding: 3em 0; overflow: hidden;">
<div class="container">
<div class="hero-text">
<h1 class="text-dark" data-aos="fade-up">Presentation</h1>
</div>
</div>
</section>
<section id="services" data-aos="fade-up">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-6 wow bounceInUp" data-wow-duration="1.4s"
style="visibility: visible; animation-duration: 1.4s; animation-name: bounceInUp;">
<div class="box">
<span class="iconify" style="color: #e9bf06; font-size: 35px;" data-icon="ion-document-text"></span>
<h6 class="title"><a
href="https://docs.google.com/presentation/d/1-Csp6sLUJG4dbgcZml9NyOTlkQ8Wb_WY/edit?usp=sharing&ouid=117218814904465874571&rtpof=true&sd=true" target="_blank">Proposal Presentation </a></h6>
<p style="font-size: 15px;">In this Presentation, our group presented our concept to the panel as well as our supervisor.</p>
</div>
</div>
<div class="col-md-6 col-lg-6 wow bounceInUp" data-wow-duration="1.4s"
style="visibility: visible; animation-duration: 1.4s; animation-name: bounceInUp;">
<div class="box">
<span class="iconify" style="color: #e9bf06;font-size: 35px;" data-icon="ion-document-text"></span>
<h6 class="title"><a
href="https://docs.google.com/presentation/d/1vi6_mblNh7qtoWvfjqfU1619erUaVtv2/edit?usp=sharing&ouid=117218814904465874571&rtpof=true&sd=true" target="_blank">Progress Presentation-1</a></h6>
<p style="font-size: 15px;">The presentation we developed to demonstrate our system's 50% progress.</p>
</div>
</div>
<div class="col-md-6 col-lg-6 wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s"
style="visibility: visible; animation-duration: 1.4s; animation-delay: 0.1s; animation-name: bounceInUp;">
<div class="box">
<span class="iconify" style="color: #e9bf06; font-size: 35px;" data-icon="ion-document-text"></span>
<h6 class="title"><a
href="https://docs.google.com/presentation/d/1a8Mt9RzUD5eQIcXeK2I7sWEovoyHX9c9/edit?usp=sharing&ouid=117218814904465874571&rtpof=true&sd=true" target="_blank">Progress Presentation-2</a></h6>
<p style="font-size: 15px;">The presentation we developed to demonstrate our system's 90 percent development and the achievements we made during our way</p>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-lg-5 mx-lg-auto col-md-8 col-10">
<h1 class="text-white" data-aos="fade-up" data-aos-delay="100">
Check with <br><strong>OrgiCheck &trade;</strong> only.
</h1>
</div>
<div
class="col-lg-3 col-md-6 col-12"
data-aos="fade-up"
data-aos-delay="200"
>
<h4 class="my-4">Contact Info</h4>
<p class="mb-1">
<i class="fa fa-phone mr-2 footer-icon"></i>
+94 76 654 59 82
</p>
<p>
<a href="#">
<i class="fa fa-envelope mr-2 footer-icon"></i>
support@orgicheck.com
</a>
</p>
</div>
<div
class="col-lg-3 col-md-6 col-12"
data-aos="fade-up"
data-aos-delay="300"
>
<h4 class="my-4">Address</h4>
<p class="mb-1">
<i class="fa fa-home mr-2 footer-icon"></i>
No. 40, New Kandy Road, Malabe, Sri Lanka
</p>
</div>
<div
class="col-lg-4 mx-lg-auto text-center col-md-8 col-12"
data-aos="fade-up"
data-aos-delay="400"
>
<p class="copyright-text">
Copyright &copy; 2021 OrgiCheck &trade;
</p>
</div>
</div>
</div>
</footer>
<!-- SCRIPTS -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/custom.js"></script>
<script src="https://code.iconify.design/2/2.0.4/iconify.min.js"></script>
</body>
</html>
\ No newline at end of file
web_site/project-detail.html deleted 100644 → 0
View file @ 7768e708
<!DOCTYPE html>
<html lang="en">
<head>
<title>Digital Trend - Project Detail</title>
<!--
DIGITAL TREND
https://templatemo.com/tm-538-digital-trend
-->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- MAIN CSS -->
<link rel="stylesheet" href="css/templatemo-digital-trend.css">
</head>
<body>
<!-- MENU BAR -->
<nav class="navbar navbar-expand-lg position-relative">
<div class="container">
<a class="navbar-brand" href="index.html">
<i class="fa fa-line-chart"></i>
Digital Trend
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="index.html#about" class="nav-link">Studio</a>
</li>
<li class="nav-item">
<a href="index.html#project" class="nav-link">Our Works</a>
</li>
<li class="nav-item">
<a href="blog.html" class="nav-link">Blog</a>
</li>
<li class="nav-item">
<a href="contact.html" class="nav-link contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- PROJECT DETAIL -->
<section class="project-detail section-padding-half">
<div class="container">
<div class="row">
<div class="col-lg-9 mx-auto col-md-10 col-12 mt-lg-5 text-center" data-aos="fade-up">
<h4>Digital Marketing Agency</h4>
<h1>127+ Duis sollicitudin urna id elit pulvinar placerat</h1>
</div>
</div>
</div>
</section>
<div class="full-image text-center" data-aos="zoom-in">
<img src="images/project/project-detail/interview-process.jpg" class="img-fluid" alt="interview process">
</div>
<!-- PROJECT DETAIL -->
<section class="project-detail section-padding">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-12 mb-5">
<img src="images/project/project-detail/personal-website.png" class="img-fluid" alt="personal website" data-aos="fade-up">
</div>
<div class="col-lg-5 col-md-6 mr-lg-auto mt-lg-5 col-12" data-aos="fade-up" data-aos-delay="200">
<h2>Pellentesque pretium interdum</h2>
<p class="mt-3 mb-4">Nunc sapien nulla, interdum at diam non, aliquam vestibulum leo. Fusce laoreet malesuada ante, consectetur consequat.</p>
<ul class="list-detail">
<li><span>Curabitur commodo a sapien non</span></li>
<li><span>Sed facilisis convallis turpis</span></li>
<li><span>Quisque placerat augue neque</span></li>
<li><span>Nullam fringilla arcu a tortor</span></li>
</ul>
</div>
</div>
<div class="col-lg-12 col-12">
<div class="embed-responsive embed-responsive-16by9 my-5 py-5" data-aos="fade-up">
<iframe class="embed-responsive-item" width="800" height="450" src="https://www.youtube.com/embed/myVN26Vx4MU?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class="col-lg-9 mx-auto col-12" data-aos="fade-up">
<div class="client-info mt-lg-5 py-lg-5">
<h3>Curabitur egestas mollis tellus sit amet porttitor. Sed leo nisl, posuere at molestie ac, suscipit auctor mauris. Etiam quis metus elementum, tempor risus vel.</h3>
<div class="d-flex align-items-center mt-3">
<img src="images/project/project-detail/male-avatar.png" class="img-fluid" alt="male avatar">
<p>Angelo Sharp, Creative Director</p>
</div>
</div>
</div>
</div>
</section>
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-lg-5 mx-lg-auto col-md-8 col-10">
<h1 class="text-white" data-aos="fade-up" data-aos-delay="100">We make creative <strong>brands</strong> only.</h1>
</div>
<div class="col-lg-3 col-md-6 col-12" data-aos="fade-up" data-aos-delay="200">
<h4 class="my-4">Contact Info</h4>
<p class="mb-1">
<i class="fa fa-phone mr-2 footer-icon"></i>
+99 080 070 4224
</p>
<p>
<a href="#">
<i class="fa fa-envelope mr-2 footer-icon"></i>
hello@company.com
</a>
</p>
</div>
<div class="col-lg-3 col-md-6 col-12" data-aos="fade-up" data-aos-delay="300">
<h4 class="my-4">Our Studio</h4>
<p class="mb-1">
<i class="fa fa-home mr-2 footer-icon"></i>
Av. Lúcio Costa - Barra da Tijuca, Rio de Janeiro - RJ, Brazil
</p>
</div>
<div class="col-lg-4 mx-lg-auto text-center col-md-8 col-12" data-aos="fade-up" data-aos-delay="400">
<p class="copyright-text">Copyright &copy; 2020 Your Company
<br>
<a rel="nofollow noopener" href="https://templatemo.com">Design: TemplateMo</a></p>
</div>
<div class="col-lg-4 mx-lg-auto col-md-6 col-12" data-aos="fade-up" data-aos-delay="500">
<ul class="footer-link">
<li><a href="#">Stories</a></li>
<li><a href="#">Work with us</a></li>
<li><a href="#">Privacy</a></li>
</ul>
</div>
<div class="col-lg-3 mx-lg-auto col-md-6 col-12" data-aos="fade-up" data-aos-delay="600">
<ul class="social-icon">
<li><a href="#" class="fa fa-instagram"></a></li>
<li><a href="#" class="fa fa-twitter"></a></li>
<li><a href="#" class="fa fa-dribbble"></a></li>
<li><a href="#" class="fa fa-behance"></a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- SCRIPTS -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>
\ No newline at end of file
web_site/scope.html 0 → 100644
View file @ 9966131b
This diff is collapsed.
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