Commit 682f5592 authored by I.K Seneviratne's avatar I.K Seneviratne

Changing some landing sections in the Home page and putting images in the 'About Us' section

parent ae024c26
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
<div class="image col-xl-5 d-flex align-items-stretch justify-content-center justify-content-lg-start"></div> <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">Voluptatem dignissimos provident quasi</h3> <h3 data-aos="fade-in" data-aos-delay="100">Research Project Milestones</h3>
<p data-aos="fade-in"> <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 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> </p>
...@@ -175,7 +175,7 @@ ...@@ -175,7 +175,7 @@
<div class="container"> <div class="container">
<div class="section-title"> <div class="section-title">
<h2 data-aos="fade-in">Services</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>
...@@ -234,12 +234,12 @@ ...@@ -234,12 +234,12 @@
</div> </div>
</section><!-- End Services Section --> </section><!-- End Services Section -->
<!-- ======= Features Section ======= --> <!-- ======= Documents Section ======= -->
<section id="presentation" class="presentation section-bg"> <section id="presentation" class="presentation section-bg">
<div class="container"> <div class="container">
<div class="section-title"> <div class="section-title">
<h2 data-aos="fade-in">Features</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>
...@@ -314,174 +314,230 @@ ...@@ -314,174 +314,230 @@
</div> </div>
</section><!-- End Features Section --> </section><!-- End Features Section -->
<!-- ======= Portfolio Section ======= --> <!-- ======= Presentation Section ======= -->
<section id="aboutUs" class="aboutUs section-bg"> <!-- <section id="aboutUs" class="aboutUs section-bg">-->
<!-- <div class="container">-->
<!-- <div class="section-title">-->
<!-- <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 class="row">-->
<!-- <div class="col-lg-12">-->
<!-- <ul id="portfolio-flters">-->
<!-- <li data-filter="*" class="filter-active">All</li>-->
<!-- <li data-filter=".filter-app">App</li>-->
<!-- <li data-filter=".filter-card">Card</li>-->
<!-- <li data-filter=".filter-web">Web</li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="row portfolio-container" data-aos="fade-up">-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-app">-->
<!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-1.jpg" class="img-fluid" alt="">-->
<!-- <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="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>-->
<!-- <div class="portfolio-info">-->
<!-- <h4>App 1</h4>-->
<!-- <p>App</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-web">-->
<!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-2.jpg" class="img-fluid" alt="">-->
<!-- <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="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>-->
<!-- <div class="portfolio-info">-->
<!-- <h4>Web 3</h4>-->
<!-- <p>Web</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-app">-->
<!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-3.jpg" class="img-fluid" alt="">-->
<!-- <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="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>-->
<!-- <div class="portfolio-info">-->
<!-- <h4>App 2</h4>-->
<!-- <p>App</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-card">-->
<!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-4.jpg" class="img-fluid" alt="">-->
<!-- <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="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>-->
<!-- <div class="portfolio-info">-->
<!-- <h4>Card 2</h4>-->
<!-- <p>Card</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-web">-->
<!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-5.jpg" class="img-fluid" alt="">-->
<!-- <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="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>-->
<!-- <div class="portfolio-info">-->
<!-- <h4>Web 2</h4>-->
<!-- <p>Web</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-app">-->
<!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-6.jpg" class="img-fluid" alt="">-->
<!-- <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="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>-->
<!-- <div class="portfolio-info">-->
<!-- <h4>App 3</h4>-->
<!-- <p>App</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-card">-->
<!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-7.jpg" class="img-fluid" alt="">-->
<!-- <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="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>-->
<!-- <div class="portfolio-info">-->
<!-- <h4>Card 1</h4>-->
<!-- <p>Card</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-card">-->
<!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-8.jpg" class="img-fluid" alt="">-->
<!-- <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="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>-->
<!-- <div class="portfolio-info">-->
<!-- <h4>Card 3</h4>-->
<!-- <p>Card</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 portfolio-item filter-web">-->
<!-- <div class="portfolio-wrap">-->
<!-- <img src="assets/img/portfolio/portfolio-9.jpg" class="img-fluid" alt="">-->
<!-- <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="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>-->
<!-- </div>-->
<!-- <div class="portfolio-info">-->
<!-- <h4>Web 3</h4>-->
<!-- <p>Web</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </section>-->
<!-- End Portfolio Section -->
<!-- ======= About Us Section ======= -->
<section id="team" class="team section-bg">
<div class="container"> <div class="container">
<div class="section-title"> <div class="section-title">
<h2 data-aos="fade-in">Portfolio</h2> <h2 data-aos="fade-in">About Us</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"> <div class="section-title">
<div class="col-lg-12"> <h4 data-aos="fade-in">Supervisors</h4>
<ul id="portfolio-flters"> <!-- <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>-->
<li data-filter="*" class="filter-active">All</li>
<li data-filter=".filter-app">App</li>
<li data-filter=".filter-card">Card</li>
<li data-filter=".filter-web">Web</li>
</ul>
</div>
</div> </div>
<div class="row portfolio-container" data-aos="fade-up">
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-1.jpg" class="img-fluid" alt="">
<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="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>
</div>
<div class="portfolio-info">
<h4>App 1</h4>
<p>App</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web"> <!-- About Us - Supervisors-->
<div class="portfolio-wrap"> <div class="row">
<img src="assets/img/portfolio/portfolio-2.jpg" class="img-fluid" alt="">
<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="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>
</div>
<div class="portfolio-info">
<h4>Web 3</h4>
<p>Web</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app"> <div class="col-xl-3 col-lg-4 col-md-6">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-3.jpg" class="img-fluid" alt="">
<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="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>
</div>
<div class="portfolio-info">
<h4>App 2</h4>
<p>App</p>
</div>
</div>
</div> </div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card"> <div class="col-xl-3 col-lg-4 col-md-6">
<div class="portfolio-wrap"> <div class="member" data-aos="fade-up">
<img src="assets/img/portfolio/portfolio-4.jpg" class="img-fluid" alt=""> <div class="pic"><img src="assets/img/about_us/Samantha_sir.jpg" alt=""></div>
<div class="portfolio-links"> <h4>Samantha Rajapaksha</h4>
<a href="assets/img/portfolio/portfolio-4.jpg" data-gall="portfolioGallery" class="venobox" title="Card 2"><i class="icofont-plus-circle"></i></a> <span>Senior Lecturer</span>
<a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a> <div class="social">
</div> <a href=""><i class="icofont-twitter"></i></a>
<div class="portfolio-info"> <a href=""><i class="icofont-facebook"></i></a>
<h4>Card 2</h4> <a href=""><i class="icofont-instagram"></i></a>
<p>Card</p> <a href=""><i class="icofont-linkedin"></i></a>
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web"> <div class="col-xl-3 col-lg-4 col-md-6">
<div class="portfolio-wrap"> <div class="member" data-aos="fade-up">
<img src="assets/img/portfolio/portfolio-5.jpg" class="img-fluid" alt=""> <div class="pic"><img src="assets/img/about_us/Dinuka_miss.jpg" alt=""></div>
<div class="portfolio-links"> <h4>Ms. Dinuka Wijendra</h4>
<a href="assets/img/portfolio/portfolio-5.jpg" data-gall="portfolioGallery" class="venobox" title="Web 2"><i class="icofont-plus-circle"></i></a> <span>Lecturer</span>
<a href="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a> <div class="social">
</div> <a href=""><i class="icofont-twitter"></i></a>
<div class="portfolio-info"> <a href=""><i class="icofont-facebook"></i></a>
<h4>Web 2</h4> <a href=""><i class="icofont-instagram"></i></a>
<p>Web</p> <a href=""><i class="icofont-linkedin"></i></a>
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app"> <div class="col-xl-3 col-lg-4 col-md-6">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-6.jpg" class="img-fluid" alt="">
<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="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>
</div>
<div class="portfolio-info">
<h4>App 3</h4>
<p>App</p>
</div>
</div>
</div> </div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-7.jpg" class="img-fluid" alt="">
<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="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>
</div>
<div class="portfolio-info">
<h4>Card 1</h4>
<p>Card</p>
</div>
</div>
</div> </div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card"> <!-- End of About Us - Supervisors-->
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-8.jpg" class="img-fluid" alt="">
<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="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>
</div>
<div class="portfolio-info">
<h4>Card 3</h4>
<p>Card</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-9.jpg" class="img-fluid" alt="">
<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="portfolio-details.html" title="More Details"><i class="icofont-link"></i></a>
</div>
<div class="portfolio-info">
<h4>Web 3</h4>
<p>Web</p>
</div>
</div>
</div>
</div> <!--About Us - Group Members-->
<div class="section-title mt-4">
<h4 data-aos="fade-in">Group Members</h4>
</div> </div>
</section><!-- End Portfolio Section -->
<!-- ======= Team Section ======= -->
<section id="team" class="team section-bg">
<div class="container">
<div class="section-title">
<h2 data-aos="fade-in">Team</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 class="row"> <div class="row">
<div class="col-xl-3 col-lg-4 col-md-6"> <div class="col-xl-3 col-lg-4 col-md-6">
<div class="member" data-aos="fade-up"> <div class="member" data-aos="fade-up">
<div class="pic"><img src="assets/img/team/team-1.jpg" alt=""></div> <div class="pic"><img src="assets/img/about_us/Ishan.jpg" alt=""></div>
<h4>Walter White</h4> <h4>Ishan Seneviratne</h4>
<span>Chief Executive Officer</span> <span>Group Leader</span>
<div class="social"> <div class="social">
<a href=""><i class="icofont-twitter"></i></a> <a href=""><i class="icofont-twitter"></i></a>
<a href=""><i class="icofont-facebook"></i></a> <a href=""><i class="icofont-facebook"></i></a>
...@@ -493,9 +549,9 @@ ...@@ -493,9 +549,9 @@
<div class="col-xl-3 col-lg-4 col-md-6"> <div class="col-xl-3 col-lg-4 col-md-6">
<div class="member" data-aos="fade-up" data-aos-delay="100"> <div class="member" data-aos="fade-up" data-aos-delay="100">
<div class="pic"><img src="assets/img/team/team-2.jpg" alt=""></div> <div class="pic"><img src="assets/img/about_us/sohan.PNG" alt=""></div>
<h4>Sarah Jhinson</h4> <h4>Sohan Perera</h4>
<span>Product Manager</span> <span>Member</span>
<div class="social"> <div class="social">
<a href=""><i class="icofont-twitter"></i></a> <a href=""><i class="icofont-twitter"></i></a>
<a href=""><i class="icofont-facebook"></i></a> <a href=""><i class="icofont-facebook"></i></a>
...@@ -507,9 +563,9 @@ ...@@ -507,9 +563,9 @@
<div class="col-xl-3 col-lg-4 col-md-6"> <div class="col-xl-3 col-lg-4 col-md-6">
<div class="member" data-aos="fade-up" data-aos-delay="200"> <div class="member" data-aos="fade-up" data-aos-delay="200">
<div class="pic"><img src="assets/img/team/team-3.jpg" alt=""></div> <div class="pic"><img src="assets/img/about_us/sachith.jpg" alt=""></div>
<h4>William Anderson</h4> <h4>Sachith Fernando</h4>
<span>CTO</span> <span>Member</span>
<div class="social"> <div class="social">
<a href=""><i class="icofont-twitter"></i></a> <a href=""><i class="icofont-twitter"></i></a>
<a href=""><i class="icofont-facebook"></i></a> <a href=""><i class="icofont-facebook"></i></a>
...@@ -521,9 +577,9 @@ ...@@ -521,9 +577,9 @@
<div class="col-xl-3 col-lg-4 col-md-6"> <div class="col-xl-3 col-lg-4 col-md-6">
<div class="member" data-aos="fade-up" data-aos-delay="300"> <div class="member" data-aos="fade-up" data-aos-delay="300">
<div class="pic"><img src="assets/img/team/team-4.jpg" alt=""></div> <div class="pic"><img src="assets/img/about_us/linisha.jpg" alt=""></div>
<h4>Amanda Jepson</h4> <h4>Linisha Siriwardana</h4>
<span>Accountant</span> <span>Member</span>
<div class="social"> <div class="social">
<a href=""><i class="icofont-twitter"></i></a> <a href=""><i class="icofont-twitter"></i></a>
<a href=""><i class="icofont-facebook"></i></a> <a href=""><i class="icofont-facebook"></i></a>
...@@ -533,6 +589,8 @@ ...@@ -533,6 +589,8 @@
</div> </div>
</div> </div>
</div> </div>
<!--End of About Us - Group members-->
</div> </div>
</section><!-- End Team Section --> </section><!-- End Team Section -->
......
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