Skip to content

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

Committing the changes in the timeline and presentation sections in the Home page section

parent 2a6218b8
Show whitespace changes
Inline Side-by-side
Showing with 1072 additions and 740 deletions
assets/css/timeline.css 0 → 100644
View file @ d2b1c1bd
.timeline {
list-style: none;
padding: 20px 0 20px;
position: relative;
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #eeeeee;
left: 50%;
margin-left: -1.5px;
}
.timeline > li {
margin-bottom: 20px;
position: relative;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li > .timeline-panel {
width: 46%;
float: left;
border: 1px solid #d4d4d4;
border-radius: 2px;
padding: 20px;
position: relative;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline > li > .timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
.timeline > li > .timeline-badge {
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 1.4em;
text-align: center;
position: absolute;
top: 16px;
left: 50%;
margin-left: -25px;
background-color: #999999;
z-index: 100;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline-badge.primary {
background-color: #2e6da4 !important;
}
.timeline-badge.success {
background-color: #3f903f !important;
}
.timeline-badge.warning {
background-color: #f0ad4e !important;
}
.timeline-badge.danger {
background-color: #d9534f !important;
}
.timeline-badge.info {
background-color: #5bc0de !important;
}
.timeline-title {
margin-top: 0;
color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
margin-bottom: 0;
}
.timeline-body > p + p {
margin-top: 5px;
}
@media (max-width: 767px) {
ul.timeline:before {
left: 40px;
}
ul.timeline > li > .timeline-panel {
width: calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
}
ul.timeline > li > .timeline-badge {
left: 15px;
margin-left: 0;
top: 16px;
}
ul.timeline > li > .timeline-panel {
float: right;
}
ul.timeline > li > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
ul.timeline > li > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
}
\ No newline at end of file
index.html
View file @ d2b1c1bd
...@@ -14,7 +14,8 @@ ...@@ -14,7 +14,8 @@
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts --> <!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
rel="stylesheet">
<!-- Vendor CSS Files --> <!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
...@@ -27,6 +28,13 @@ ...@@ -27,6 +28,13 @@
<!-- Template Main CSS File --> <!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet"> <link href="assets/css/style.css" rel="stylesheet">
<!-- links for the timeine-->
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"
id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<link rel="stylesheet" href="assets/css/timeline.css">
<!-- ======================================================= <!-- =======================================================
* Template Name: Bocor - v2.1.0 * Template Name: Bocor - v2.1.0
* Template URL: https://bootstrapmade.com/bocor-bootstrap-template-nice-animation/ * Template URL: https://bootstrapmade.com/bocor-bootstrap-template-nice-animation/
...@@ -37,8 +45,8 @@ ...@@ -37,8 +45,8 @@
<body> <body>
<!-- ======= Header ======= --> <!-- ======= Header ======= -->
<header id="header"> <header id="header">
<div class="container d-flex align-items-center"> <div class="container d-flex align-items-center">
<div class="logo mr-auto"> <div class="logo mr-auto">
...@@ -60,29 +68,31 @@ ...@@ -60,29 +68,31 @@
</nav><!-- .nav-menu --> </nav><!-- .nav-menu -->
</div> </div>
</header><!-- End Header --> </header><!-- End Header -->
<!-- ======= Hero Section ======= --> <!-- ======= Hero Section ======= -->
<section id="hero"> <section id="hero">
<div class="container"> <div class="container">
<div class="row d-flex align-items-center""> <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"> <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> <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>We are team of talanted designers making websites with Bootstrap</h2>
<a href="#about" class="btn-get-started scrollto">Get Started</a> <a href="#about" class="btn-get-started scrollto">Get Started</a>
</div> </div>
<div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="fade-left"> <div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="fade-left">
<!-- <img src="assets/img/application.jpg" class="img-fluid" alt="">--> <!-- <img src="assets/img/application.jpg" class="img-fluid" alt="">-->
<img src="assets/img/hero-img.png" class="img-fluid" alt=""> <img src="assets/img/hero-img.png" class="img-fluid" alt="">
<!-- <img src="assets/img/application_1.jpg" class="img-fluid" alt="">--> <!-- <img src="assets/img/application_1.jpg" class="img-fluid" alt="">-->
</div> </div>
</div> </div>
</div> </div>
</section><!-- End Hero --> </section><!-- End Hero -->
<main id="main"> <main id="main">
<!-- ======= Clients Section ======= --> <!-- ======= Clients Section ======= -->
<section id="researchScope" class="researchScope section-bg"> <section id="researchScope" class="researchScope section-bg">
...@@ -98,31 +108,36 @@ ...@@ -98,31 +108,36 @@
<div class="col-lg-2 col-md-4 col-6"> <div class="col-lg-2 col-md-4 col-6">
<div class="researchScope-logo"> <div class="researchScope-logo">
<img src="assets/img/clients/client-2.png" class="img-fluid" alt="" data-aos="flip-right" data-aos-delay="100"> <img src="assets/img/clients/client-2.png" class="img-fluid" alt="" data-aos="flip-right"
data-aos-delay="100">
</div> </div>
</div> </div>
<div class="col-lg-2 col-md-4 col-6"> <div class="col-lg-2 col-md-4 col-6">
<div class="client-logo"> <div class="client-logo">
<img src="assets/img/clients/client-3.png" class="img-fluid" alt="" data-aos="flip-right" data-aos-delay="200"> <img src="assets/img/clients/client-3.png" class="img-fluid" alt="" data-aos="flip-right"
data-aos-delay="200">
</div> </div>
</div> </div>
<div class="col-lg-2 col-md-4 col-6"> <div class="col-lg-2 col-md-4 col-6">
<div class="client-logo"> <div class="client-logo">
<img src="assets/img/clients/client-4.png" class="img-fluid" alt="" data-aos="flip-right" data-aos-delay="300"> <img src="assets/img/clients/client-4.png" class="img-fluid" alt="" data-aos="flip-right"
data-aos-delay="300">
</div> </div>
</div> </div>
<div class="col-lg-2 col-md-4 col-6"> <div class="col-lg-2 col-md-4 col-6">
<div class="client-logo"> <div class="client-logo">
<img src="assets/img/clients/client-5.png" class="img-fluid" alt="" data-aos="flip-right" data-aos-delay="400"> <img src="assets/img/clients/client-5.png" class="img-fluid" alt="" data-aos="flip-right"
data-aos-delay="400">
</div> </div>
</div> </div>
<div class="col-lg-2 col-md-4 col-6"> <div class="col-lg-2 col-md-4 col-6">
<div class="client-logo"> <div class="client-logo">
<img src="assets/img/clients/client-6.png" class="img-fluid" alt="" data-aos="flip-right" data-aos-delay="500"> <img src="assets/img/clients/client-6.png" class="img-fluid" alt="" data-aos="flip-right"
data-aos-delay="500">
</div> </div>
</div> </div>
...@@ -136,41 +151,159 @@ ...@@ -136,41 +151,159 @@
<div class="container"> <div class="container">
<div class="row"> <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="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"> <div class="content d-flex flex-column justify-content-center">
<h3 data-aos="fade-in" data-aos-delay="100">Research Project Milestones</h3> <h2 data-aos="fade-in" data-aos-delay="100" class="font-weight-bold">Research Project
<p data-aos="fade-in"> Milestones</h2>
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 </div>
</p> </div>
<div class="row"> </div>
<div class="col-md-6 icon-box" data-aos="fade-up">
<i class="bx bx-receipt"></i> <!-- <div class="page-header">-->
<h4><a href="#">Corporis voluptates sit</a></h4>
<p>Consequuntur sunt aut quasi enim aliquam quae harum pariatur laboris nisi ut aliquip</p> <!-- </div>-->
<ul class="timeline">
<!--timeline - 1-->
<li>
<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>
</div>
<div class="timeline-body">
<p>Some text</p>
</div>
</div> </div>
<div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="100"> </li>
<i class="bx bx-cube-alt"></i> <!--end of timeline - 1-->
<h4><a href="#">Ullamco laboris nisi</a></h4>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt</p> <!--timeline - 2-->
<li class="timeline-inverted">
<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>
</li>
<!--end of timeline - 2-->
<!--timeline - 3-->
<li>
<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="timeline-body">
<p>Some text...</p>
</div> </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>
</div> </div>
<div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="300"> </li>
<i class="bx bx-shield"></i> <!--end of timeline - 3-->
<h4><a href="#">Beatae veritatis</a></h4>
<p>Expedita veritatis consequuntur nihil tempore laudantium vitae denat pacta</p> <!--timeline - 4-->
<li class="timeline-inverted">
<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>
<!--end of timeline - 4-->
<!--timeline - 5-->
<li>
<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>
<div class="timeline-body">
<p>Some text...</p>
<hr>
<div class="btn-group">
<button type="button" class="btn btn-primary btn-sm dropdown-toggle"
data-toggle="dropdown">
<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>
</div> </div>
</div><!-- End .content-->
</div> </div>
</div> </div>
</li>
<!--end of timeline - 5-->
<!--timeline - 6-->
<li>
<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> </div>
</section><!-- End About Section --> </li>
<!--end of timeline - 6-->
</ul>
<!-- <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>-->
<!-- <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>-->
<!-- </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>-->
<!-- </div>-->
<!-- </div>&lt;!&ndash; End .content&ndash;&gt;-->
<!-- </div>-->
<!-- </div>-->
</div>
</section>
<!-- End About Section -->
<!-- ======= Services Section ======= --> <!-- ======= Services Section ======= -->
<section id="documents" class="documents section-bg"> <section id="documents" class="documents section-bg">
...@@ -178,60 +311,74 @@ ...@@ -178,60 +311,74 @@
<div class="section-title"> <div class="section-title">
<h2 data-aos="fade-in">Documents</h2> <h2 data-aos="fade-in">Documents</h2>
<p data-aos="fade-in">Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p> <!-- <p data-aos="fade-in">Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>-->
</div> </div>
<!-- documents row-->
<div class="row"> <div class="row">
<div class="col-md-6 d-flex align-items-stretch" data-aos="fade-right"> <!--topic registration document-->
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-right">
<div class="card"> <div class="card">
<div class="card-img"> <div class="card-img">
<img src="assets/img/services-1.jpg" alt="..."> <img src="assets/img/documents/pdf_image.jpg" alt="...">
</div> </div>
<div class="card-body"> <div class="card-body">
<h5 class="card-title"><a href="">Temporibus laudantium</a></h5> <h5 class="card-title"><a href="">Topic Registration</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> <!-- <p class="card-text">Lorem ipsum dolor sit amet, consectetur elit, sed do eiusmod tempor ut-->
<div class="read-more"><a href="#"><i class="icofont-arrow-right"></i> Read More</a></div> <!-- 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> </div>
<div class="col-md-6 d-flex align-items-stretch" data-aos="fade-left"> <!-- end of topic registration document-->
<!-- proposal documents-->
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-left">
<div class="card"> <div class="card">
<div class="card-img"> <div class="card-img">
<img src="assets/img/services-2.jpg" alt="..."> <img src="assets/img/documents/pdf_image.jpg" alt="...">
</div> </div>
<div class="card-body"> <div class="card-body">
<h5 class="card-title"><a href="">Aperiores voluptates</a></h5> <h5 class="card-title"><a href="">Project Proposal</a></h5>
<p class="card-text">Sed ut perspiciatis unde omnis iste natus error sit voluptatem doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo</p> <div class="read-more"><a href="#"><i class="icofont-arrow-right"></i> View More</a></div>
<div class="read-more"><a href="#"><i class="icofont-arrow-right"></i> Read More</a></div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-6 d-flex align-items-stretch" data-aos="fade-right"> <!-- end of proposal documents-->
<!-- research paper -->
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-right">
<div class="card"> <div class="card">
<div class="card-img"> <div class="card-img">
<img src="assets/img/services-3.jpg" alt="..."> <img src="assets/img/documents/pdf_image.jpg" alt="...">
</div> </div>
<div class="card-body"> <div class="card-body">
<h5 class="card-title"><a href="">Veritatis natus nisi</a></h5> <h5 class="card-title"><a href="">Research Paper</a></h5>
<p class="card-text">Nemo enim ipsam voluptatem quia voluptas sit aut odit aut fugit, sed quia magni dolores eos qui ratione voluptatem sequi nesciunt Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet</p>
<div class="read-more"><a href="#"><i class="icofont-arrow-right"></i> Read More</a></div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-6 d-flex align-items-stretch" data-aos="fade-left"> <!-- end of research paper -->
<!-- final thesis-->
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-left">
<div class="card"> <div class="card">
<div class="card-img"> <div class="card-img">
<img src="assets/img/services-4.jpg" alt="..."> <img src="assets/img/documents/pdf_image.jpg" alt="...">
</div> </div>
<div class="card-body"> <div class="card-body">
<h5 class="card-title"><a href="">Aliquam veritatis</a></h5> <h5 class="card-title"><a href="">Final Thesis</a></h5>
<p class="card-text">Nostrum eum sed et autem dolorum perspiciatis. Magni porro quisquam laudantium voluptatem. In molestiae earum ab sit esse voluptatem. Eos ipsam cumque ipsum officiis qui nihil aut incidunt aut</p> <div class="read-more"><a href="#"><i class="icofont-arrow-right"></i> View More</a></div>
<div class="read-more"><a href="#"><i class="icofont-arrow-right"></i> Read More</a></div>
</div> </div>
</div> </div>
</div> </div>
<!-- end of final thesis-->
</div> </div>
<!-- end of documents row-->
</div> </div>
</section><!-- End Services Section --> </section><!-- End Services Section -->
...@@ -242,54 +389,41 @@ ...@@ -242,54 +389,41 @@
<div class="section-title"> <div class="section-title">
<h2 data-aos="fade-in">Presentation</h2> <h2 data-aos="fade-in">Presentation</h2>
<p data-aos="fade-in">Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
</div> </div>
<div class="row content"> <div class="row content">
<div class="col-md-5" data-aos="fade-right"> <div class="col-md-5" data-aos="fade-right">
<img src="assets/img/features-1.svg" class="img-fluid" alt=""> <img src="assets/img/presentations/proposal.PNG" class="img-fluid" alt="">
</div> </div>
<div class="col-md-7 pt-4" data-aos="fade-left"> <div class="col-md-7 pt-4" data-aos="fade-left">
<h3>Voluptatem dignissimos provident quasi corporis voluptates sit assumenda.</h3> <h3>Proposal Presentation</h3>
<p class="font-italic">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua.
</p>
<ul> <ul>
<li><i class="icofont-check"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li> <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.</li> <li><i class="icofont-check"></i> Duis aute irure dolor in reprehenderit in voluptate velit.
</li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="row content"> <div class="row content">
<div class="col-md-5 order-1 order-md-2" data-aos="fade-left"> <div class="col-md-5 order-1 order-md-2" data-aos="fade-left">
<img src="assets/img/features-2.svg" class="img-fluid" alt=""> <img src="assets/img/presentations/pp1.PNG" class="img-fluid" alt="">
</div> </div>
<div class="col-md-7 pt-5 order-2 order-md-1" data-aos="fade-right"> <div class="col-md-7 pt-5 order-2 order-md-1" data-aos="fade-right">
<h3>Corporis temporibus maiores provident</h3> <h3>Progress Presentation - I</h3>
<p class="font-italic">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua.
</p>
<p>
Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum
</p>
</div> </div>
</div> </div>
<div class="row content"> <div class="row content">
<div class="col-md-5" data-aos="fade-right"> <div class="col-md-5" data-aos="fade-right">
<img src="assets/img/features-3.svg" class="img-fluid" alt=""> <img src="assets/img/presentations/pp2.PNG" class="img-fluid" alt="">
</div> </div>
<div class="col-md-7 pt-5" data-aos="fade-left"> <div class="col-md-7 pt-5" data-aos="fade-left">
<h3>Sunt consequatur ad ut est nulla consectetur reiciendis animi voluptas</h3> <h3>Progress Presentation - II</h3>
<p>Cupiditate placeat cupiditate placeat est ipsam culpa. Delectus quia minima quod. Sunt saepe odit aut quia voluptatem hic voluptas dolor doloremque.</p>
<ul> <ul>
<li><i class="icofont-check"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li> <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.</li> <li><i class="icofont-check"></i> Duis aute irure dolor in reprehenderit in voluptate velit.
</li>
<li><i class="icofont-check"></i> Facilis ut et voluptatem aperiam. Autem soluta ad fugiat.</li> <li><i class="icofont-check"></i> Facilis ut et voluptatem aperiam. Autem soluta ad fugiat.</li>
</ul> </ul>
</div> </div>
...@@ -297,19 +431,10 @@ ...@@ -297,19 +431,10 @@
<div class="row content"> <div class="row content">
<div class="col-md-5 order-1 order-md-2" data-aos="fade-left"> <div class="col-md-5 order-1 order-md-2" data-aos="fade-left">
<img src="assets/img/features-4.svg" class="img-fluid" alt=""> <img src="assets/img/presentations/final_presentation.png" class="img-fluid" alt="">
</div> </div>
<div class="col-md-7 pt-5 order-2 order-md-1" data-aos="fade-right"> <div class="col-md-7 pt-5 order-2 order-md-1" data-aos="fade-right">
<h3>Quas et necessitatibus eaque impedit ipsum animi consequatur incidunt in</h3> <h3>Final Presentation</h3>
<p class="font-italic">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua.
</p>
<p>
Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum
</p>
</div> </div>
</div> </div>
...@@ -317,157 +442,157 @@ ...@@ -317,157 +442,157 @@
</section><!-- End Features Section --> </section><!-- End Features Section -->
<!-- ======= Presentation Section ======= --> <!-- ======= Presentation Section ======= -->
<!-- <section id="aboutUs" class="aboutUs section-bg">--> <!-- <section id="aboutUs" class="aboutUs section-bg">-->
<!-- <div class="container">--> <!-- <div class="container">-->
<!-- <div class="section-title">--> <!-- <div class="section-title">-->
<!-- <h2 data-aos="fade-in">Presentation</h2>--> <!-- <h2 data-aos="fade-in">Presentation</h2>-->
<!-- <p data-aos="fade-in">Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>--> <!-- <p data-aos="fade-in">Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="row">--> <!-- <div class="row">-->
<!-- <div class="col-lg-12">--> <!-- <div class="col-lg-12">-->
<!-- <ul id="portfolio-flters">--> <!-- <ul id="portfolio-flters">-->
<!-- <li data-filter="*" class="filter-active">All</li>--> <!-- <li data-filter="*" class="filter-active">All</li>-->
<!-- <li data-filter=".filter-app">App</li>--> <!-- <li data-filter=".filter-app">App</li>-->
<!-- <li data-filter=".filter-card">Card</li>--> <!-- <li data-filter=".filter-card">Card</li>-->
<!-- <li data-filter=".filter-web">Web</li>--> <!-- <li data-filter=".filter-web">Web</li>-->
<!-- </ul>--> <!-- </ul>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="row portfolio-container" data-aos="fade-up">--> <!-- <div class="row portfolio-container" data-aos="fade-up">-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-app">--> <!-- <div class="col-lg-4 col-md-6 portfolio-item filter-app">-->
<!-- <div class="portfolio-wrap">--> <!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-1.jpg" class="img-fluid" alt="">--> <!-- <img src="assets/img/portfolio/portfolio-1.jpg" class="img-fluid" alt="">-->
<!-- <div class="portfolio-links">--> <!-- <div class="portfolio-links">-->
<!-- <a href="assets/img/portfolio/portfolio-1.jpg" data-gall="portfolioGallery" class="venobox" title="App 1"><i class="icofont-plus-circle"></i></a>--> <!-- <a href="assets/img/portfolio/portfolio-1.jpg" data-gall="portfolioGallery" class="venobox" title="App 1"><i class="icofont-plus-circle"></i></a>-->
<!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>--> <!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="portfolio-info">--> <!-- <div class="portfolio-info">-->
<!-- <h4>App 1</h4>--> <!-- <h4>App 1</h4>-->
<!-- <p>App</p>--> <!-- <p>App</p>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-web">--> <!-- <div class="col-lg-4 col-md-6 portfolio-item filter-web">-->
<!-- <div class="portfolio-wrap">--> <!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-2.jpg" class="img-fluid" alt="">--> <!-- <img src="assets/img/portfolio/portfolio-2.jpg" class="img-fluid" alt="">-->
<!-- <div class="portfolio-links">--> <!-- <div class="portfolio-links">-->
<!-- <a href="assets/img/portfolio/portfolio-2.jpg" data-gall="portfolioGallery" class="venobox" title="Web 3"><i class="icofont-plus-circle"></i></a>--> <!-- <a href="assets/img/portfolio/portfolio-2.jpg" data-gall="portfolioGallery" class="venobox" title="Web 3"><i class="icofont-plus-circle"></i></a>-->
<!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>--> <!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="portfolio-info">--> <!-- <div class="portfolio-info">-->
<!-- <h4>Web 3</h4>--> <!-- <h4>Web 3</h4>-->
<!-- <p>Web</p>--> <!-- <p>Web</p>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-app">--> <!-- <div class="col-lg-4 col-md-6 portfolio-item filter-app">-->
<!-- <div class="portfolio-wrap">--> <!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-3.jpg" class="img-fluid" alt="">--> <!-- <img src="assets/img/portfolio/portfolio-3.jpg" class="img-fluid" alt="">-->
<!-- <div class="portfolio-links">--> <!-- <div class="portfolio-links">-->
<!-- <a href="assets/img/portfolio/portfolio-3.jpg" data-gall="portfolioGallery" class="venobox" title="App 2"><i class="icofont-plus-circle"></i></a>--> <!-- <a href="assets/img/portfolio/portfolio-3.jpg" data-gall="portfolioGallery" class="venobox" title="App 2"><i class="icofont-plus-circle"></i></a>-->
<!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>--> <!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="portfolio-info">--> <!-- <div class="portfolio-info">-->
<!-- <h4>App 2</h4>--> <!-- <h4>App 2</h4>-->
<!-- <p>App</p>--> <!-- <p>App</p>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-card">--> <!-- <div class="col-lg-4 col-md-6 portfolio-item filter-card">-->
<!-- <div class="portfolio-wrap">--> <!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-4.jpg" class="img-fluid" alt="">--> <!-- <img src="assets/img/portfolio/portfolio-4.jpg" class="img-fluid" alt="">-->
<!-- <div class="portfolio-links">--> <!-- <div class="portfolio-links">-->
<!-- <a href="assets/img/portfolio/portfolio-4.jpg" data-gall="portfolioGallery" class="venobox" title="Card 2"><i class="icofont-plus-circle"></i></a>--> <!-- <a href="assets/img/portfolio/portfolio-4.jpg" data-gall="portfolioGallery" class="venobox" title="Card 2"><i class="icofont-plus-circle"></i></a>-->
<!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>--> <!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="portfolio-info">--> <!-- <div class="portfolio-info">-->
<!-- <h4>Card 2</h4>--> <!-- <h4>Card 2</h4>-->
<!-- <p>Card</p>--> <!-- <p>Card</p>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-web">--> <!-- <div class="col-lg-4 col-md-6 portfolio-item filter-web">-->
<!-- <div class="portfolio-wrap">--> <!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-5.jpg" class="img-fluid" alt="">--> <!-- <img src="assets/img/portfolio/portfolio-5.jpg" class="img-fluid" alt="">-->
<!-- <div class="portfolio-links">--> <!-- <div class="portfolio-links">-->
<!-- <a href="assets/img/portfolio/portfolio-5.jpg" data-gall="portfolioGallery" class="venobox" title="Web 2"><i class="icofont-plus-circle"></i></a>--> <!-- <a href="assets/img/portfolio/portfolio-5.jpg" data-gall="portfolioGallery" class="venobox" title="Web 2"><i class="icofont-plus-circle"></i></a>-->
<!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>--> <!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="portfolio-info">--> <!-- <div class="portfolio-info">-->
<!-- <h4>Web 2</h4>--> <!-- <h4>Web 2</h4>-->
<!-- <p>Web</p>--> <!-- <p>Web</p>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-app">--> <!-- <div class="col-lg-4 col-md-6 portfolio-item filter-app">-->
<!-- <div class="portfolio-wrap">--> <!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-6.jpg" class="img-fluid" alt="">--> <!-- <img src="assets/img/portfolio/portfolio-6.jpg" class="img-fluid" alt="">-->
<!-- <div class="portfolio-links">--> <!-- <div class="portfolio-links">-->
<!-- <a href="assets/img/portfolio/portfolio-6.jpg" data-gall="portfolioGallery" class="venobox" title="App 3"><i class="icofont-plus-circle"></i></a>--> <!-- <a href="assets/img/portfolio/portfolio-6.jpg" data-gall="portfolioGallery" class="venobox" title="App 3"><i class="icofont-plus-circle"></i></a>-->
<!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>--> <!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="portfolio-info">--> <!-- <div class="portfolio-info">-->
<!-- <h4>App 3</h4>--> <!-- <h4>App 3</h4>-->
<!-- <p>App</p>--> <!-- <p>App</p>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-card">--> <!-- <div class="col-lg-4 col-md-6 portfolio-item filter-card">-->
<!-- <div class="portfolio-wrap">--> <!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-7.jpg" class="img-fluid" alt="">--> <!-- <img src="assets/img/portfolio/portfolio-7.jpg" class="img-fluid" alt="">-->
<!-- <div class="portfolio-links">--> <!-- <div class="portfolio-links">-->
<!-- <a href="assets/img/portfolio/portfolio-7.jpg" data-gall="portfolioGallery" class="venobox" title="Card 1"><i class="icofont-plus-circle"></i></a>--> <!-- <a href="assets/img/portfolio/portfolio-7.jpg" data-gall="portfolioGallery" class="venobox" title="Card 1"><i class="icofont-plus-circle"></i></a>-->
<!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>--> <!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="portfolio-info">--> <!-- <div class="portfolio-info">-->
<!-- <h4>Card 1</h4>--> <!-- <h4>Card 1</h4>-->
<!-- <p>Card</p>--> <!-- <p>Card</p>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-card">--> <!-- <div class="col-lg-4 col-md-6 portfolio-item filter-card">-->
<!-- <div class="portfolio-wrap">--> <!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-8.jpg" class="img-fluid" alt="">--> <!-- <img src="assets/img/portfolio/portfolio-8.jpg" class="img-fluid" alt="">-->
<!-- <div class="portfolio-links">--> <!-- <div class="portfolio-links">-->
<!-- <a href="assets/img/portfolio/portfolio-8.jpg" data-gall="portfolioGallery" class="venobox" title="Card 3"><i class="icofont-plus-circle"></i></a>--> <!-- <a href="assets/img/portfolio/portfolio-8.jpg" data-gall="portfolioGallery" class="venobox" title="Card 3"><i class="icofont-plus-circle"></i></a>-->
<!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>--> <!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="portfolio-info">--> <!-- <div class="portfolio-info">-->
<!-- <h4>Card 3</h4>--> <!-- <h4>Card 3</h4>-->
<!-- <p>Card</p>--> <!-- <p>Card</p>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-web">--> <!-- <div class="col-lg-4 col-md-6 portfolio-item filter-web">-->
<!-- <div class="portfolio-wrap">--> <!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-9.jpg" class="img-fluid" alt="">--> <!-- <img src="assets/img/portfolio/portfolio-9.jpg" class="img-fluid" alt="">-->
<!-- <div class="portfolio-links">--> <!-- <div class="portfolio-links">-->
<!-- <a href="assets/img/portfolio/portfolio-9.jpg" data-gall="portfolioGallery" class="venobox" title="Web 3"><i class="icofont-plus-circle"></i></a>--> <!-- <a href="assets/img/portfolio/portfolio-9.jpg" data-gall="portfolioGallery" class="venobox" title="Web 3"><i class="icofont-plus-circle"></i></a>-->
<!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>--> <!-- <a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="portfolio-info">--> <!-- <div class="portfolio-info">-->
<!-- <h4>Web 3</h4>--> <!-- <h4>Web 3</h4>-->
<!-- <p>Web</p>--> <!-- <p>Web</p>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- </section>--> <!-- </section>-->
<!-- End Portfolio Section --> <!-- End Portfolio Section -->
<!-- ======= About Us Section ======= --> <!-- ======= About Us Section ======= -->
...@@ -480,11 +605,10 @@ ...@@ -480,11 +605,10 @@
<div class="section-title"> <div class="section-title">
<h4 data-aos="fade-in">Supervisors</h4> <h4 data-aos="fade-in">Supervisors</h4>
<!-- <p data-aos="fade-in">Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>--> <!-- <p data-aos="fade-in">Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>-->
</div> </div>
<!-- About Us - Supervisors--> <!-- About Us - Supervisors-->
<div class="row"> <div class="row">
...@@ -603,7 +727,9 @@ ...@@ -603,7 +727,9 @@
<div class="section-title"> <div class="section-title">
<h2 data-aos="fade-in">Pricing</h2> <h2 data-aos="fade-in">Pricing</h2>
<p data-aos="fade-in">Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p> <p data-aos="fade-in">Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga
eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit
suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
</div> </div>
<div class="row no-gutters"> <div class="row no-gutters">
...@@ -659,7 +785,9 @@ ...@@ -659,7 +785,9 @@
<div class="section-title"> <div class="section-title">
<h2 data-aos="fade-in">Frequently Asked Questions</h2> <h2 data-aos="fade-in">Frequently Asked Questions</h2>
<p data-aos="fade-in">Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p> <p data-aos="fade-in">Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga
eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit
suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
</div> </div>
<div class="row faq-item d-flex align-items-stretch" data-aos="fade-up"> <div class="row faq-item d-flex align-items-stretch" data-aos="fade-up">
...@@ -669,7 +797,8 @@ ...@@ -669,7 +797,8 @@
</div> </div>
<div class="col-lg-7"> <div class="col-lg-7">
<p> <p>
Feugiat pretium nibh ipsum consequat. Tempus iaculis urna id volutpat lacus laoreet non curabitur gravida. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus non. Feugiat pretium nibh ipsum consequat. Tempus iaculis urna id volutpat lacus laoreet non
curabitur gravida. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus non.
</p> </p>
</div> </div>
</div><!-- End F.A.Q Item--> </div><!-- End F.A.Q Item-->
...@@ -681,7 +810,9 @@ ...@@ -681,7 +810,9 @@
</div> </div>
<div class="col-lg-7"> <div class="col-lg-7">
<p> <p>
Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit
laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est
pellentesque elit ullamcorper dignissim.
</p> </p>
</div> </div>
</div><!-- End F.A.Q Item--> </div><!-- End F.A.Q Item-->
...@@ -693,7 +824,9 @@ ...@@ -693,7 +824,9 @@
</div> </div>
<div class="col-lg-7"> <div class="col-lg-7">
<p> <p>
Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Faucibus pulvinar elementum integer enim. Sem nulla pharetra diam sit amet nisl suscipit. Rutrum tellus pellentesque eu tincidunt. Lectus urna duis convallis convallis tellus. Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Faucibus pulvinar
elementum integer enim. Sem nulla pharetra diam sit amet nisl suscipit. Rutrum tellus
pellentesque eu tincidunt. Lectus urna duis convallis convallis tellus.
</p> </p>
</div> </div>
</div><!-- End F.A.Q Item--> </div><!-- End F.A.Q Item-->
...@@ -705,7 +838,9 @@ ...@@ -705,7 +838,9 @@
</div> </div>
<div class="col-lg-7"> <div class="col-lg-7">
<p> <p>
Aperiam itaque sit optio et deleniti eos nihil quidem cumque. Voluptas dolorum accusantium sunt sit enim. Provident consequuntur quam aut reiciendis qui rerum dolorem sit odio. Repellat assumenda soluta sunt pariatur error doloribus fuga. Aperiam itaque sit optio et deleniti eos nihil quidem cumque. Voluptas dolorum accusantium sunt
sit enim. Provident consequuntur quam aut reiciendis qui rerum dolorem sit odio. Repellat
assumenda soluta sunt pariatur error doloribus fuga.
</p> </p>
</div> </div>
</div><!-- End F.A.Q Item--> </div><!-- End F.A.Q Item-->
...@@ -717,7 +852,9 @@ ...@@ -717,7 +852,9 @@
</div> </div>
<div class="col-lg-7"> <div class="col-lg-7">
<p> <p>
Molestie a iaculis at erat pellentesque adipiscing commodo. Dignissim suspendisse in est ante in. Nunc vel risus commodo viverra maecenas accumsan. Sit amet nisl suscipit adipiscing bibendum est. Purus gravida quis blandit turpis cursus in Molestie a iaculis at erat pellentesque adipiscing commodo. Dignissim suspendisse in est ante
in. Nunc vel risus commodo viverra maecenas accumsan. Sit amet nisl suscipit adipiscing bibendum
est. Purus gravida quis blandit turpis cursus in
</p> </p>
</div> </div>
</div><!-- End F.A.Q Item--> </div><!-- End F.A.Q Item-->
...@@ -731,7 +868,9 @@ ...@@ -731,7 +868,9 @@
<div class="section-title"> <div class="section-title">
<h2 data-aos="fade-in">Contact</h2> <h2 data-aos="fade-in">Contact</h2>
<p data-aos="fade-in">Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p> <p data-aos="fade-in">Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga
eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit
suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
</div> </div>
<div class="row"> <div class="row">
...@@ -765,23 +904,29 @@ ...@@ -765,23 +904,29 @@
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
<form action="forms/contact.php" method="post" role="form" class="php-email-form" data-aos="fade-up"> <form action="forms/contact.php" method="post" role="form" class="php-email-form"
data-aos="fade-up">
<div class="form-row"> <div class="form-row">
<div class="col-md-6 form-group"> <div class="col-md-6 form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" /> <input type="text" name="name" class="form-control" id="name" placeholder="Your Name"
data-rule="minlen:4" data-msg="Please enter at least 4 chars"/>
<div class="validate"></div> <div class="validate"></div>
</div> </div>
<div class="col-md-6 form-group"> <div class="col-md-6 form-group">
<input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" /> <input type="email" class="form-control" name="email" id="email"
placeholder="Your Email" data-rule="email"
data-msg="Please enter a valid email"/>
<div class="validate"></div> <div class="validate"></div>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" /> <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject"
data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject"/>
<div class="validate"></div> <div class="validate"></div>
</div> </div>
<div class="form-group"> <div class="form-group">
<textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea> <textarea class="form-control" name="message" rows="5" data-rule="required"
data-msg="Please write something for us" placeholder="Message"></textarea>
<div class="validate"></div> <div class="validate"></div>
</div> </div>
<div class="mb-3"> <div class="mb-3">
...@@ -789,7 +934,9 @@ ...@@ -789,7 +934,9 @@
<div class="error-message"></div> <div class="error-message"></div>
<div class="sent-message">Your message has been sent. Thank you!</div> <div class="sent-message">Your message has been sent. Thank you!</div>
</div> </div>
<div class="text-center"><button type="submit">Send Message</button></div> <div class="text-center">
<button type="submit">Send Message</button>
</div>
</form> </form>
</div> </div>
...@@ -798,10 +945,10 @@ ...@@ -798,10 +945,10 @@
</div> </div>
</section><!-- End Contact Section --> </section><!-- End Contact Section -->
</main><!-- End #main --> </main><!-- End #main -->
<!-- ======= Footer ======= --> <!-- ======= Footer ======= -->
<footer id="footer"> <footer id="footer">
<div class="footer-top"> <div class="footer-top">
...@@ -810,14 +957,16 @@ ...@@ -810,14 +957,16 @@
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-lg-6"> <div class="col-lg-6">
<h3>Bocor</h3> <h3>Bocor</h3>
<p>Et aut eum quis fuga eos sunt ipsa nihil. Labore corporis magni eligendi fuga maxime saepe commodi placeat.</p> <p>Et aut eum quis fuga eos sunt ipsa nihil. Labore corporis magni eligendi fuga maxime saepe
commodi placeat.</p>
</div> </div>
</div> </div>
<div class="row footer-newsletter justify-content-center"> <div class="row footer-newsletter justify-content-center">
<div class="col-lg-6"> <div class="col-lg-6">
<form action="" method="post"> <form action="" method="post">
<input type="email" name="email" placeholder="Enter your Email"><input type="submit" value="Subscribe"> <input type="email" name="email" placeholder="Enter your Email"><input type="submit"
value="Subscribe">
</form> </form>
</div> </div>
</div> </div>
...@@ -845,22 +994,22 @@ ...@@ -845,22 +994,22 @@
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div> </div>
</div> </div>
</footer><!-- End Footer --> </footer><!-- End Footer -->
<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a> <a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
<!-- Vendor JS Files --> <!-- Vendor JS Files -->
<script src="assets/vendor/jquery/jquery.min.js"></script> <script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script> <script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script> <script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script> <script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="assets/vendor/venobox/venobox.min.js"></script> <script src="assets/vendor/venobox/venobox.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script> <script src="assets/vendor/aos/aos.js"></script>
<!-- Template Main JS File --> <!-- Template Main JS File -->
<script src="assets/js/main.js"></script> <script src="assets/js/main.js"></script>
</body> </body>
......
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