Skip to content

2
2020-045
Commit cf142a11 authored by HMKS Herath's avatar HMKS Herath
Browse files
Options

designed aboutus div

parent 3a52fb35
Pipeline #1763 failed with stages
      Hide whitespace changes
      Inline Side-by-side
      Showing with 94 additions and 51 deletions
      Arsha/Arsha/assets/css/style.css
      View file @ cf142a11
      ......@@ -1080,11 +1080,48 @@ section {
      padding-left: 30px;
      }
      .team .member-info .info i {
      font-size: 20px;
      color: #459A71;
      float: left;
      width: 44px;
      height: 44px;
      background: #e7f5fb;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50px;
      transition: all 0.3s ease-in-out;
      }
      .team .member-info .info h4 {
      padding: 0 0 0 60px;
      font-size: 22px;
      font-weight: 600;
      margin-bottom: 5px;
      color: #459A71;
      }
      .team .member-info .info p {
      padding: 10px 0px 10px 50px;
      font-size: 14px;
      color: #459A71;
      }
      .team .member-info .info {
      padding-top: 8px;
      }
      .team .member-info .info .email:hover i {
      background: #459A71;
      color: #fff;
      }
      .team .member h4 {
      font-weight: 700;
      margin-bottom: 5px;
      font-size: 20px;
      color: #37517e;
      color: #459A71;
      }
      .team .member span {
      ......@@ -1130,7 +1167,7 @@ section {
      }
      .team .member .social a i {
      color: #37517e;
      color: #459A71;
      font-size: 16px;
      margin: 0 2px;
      }
      ......
      Arsha/Arsha/index.html
      View file @ cf142a11
      ......@@ -61,7 +61,7 @@
      </li>
      <li><a href="#portfolio">Documents</a></li>
      <li><a href="#team">Presentations</a></li>
      <li><a href="#services">About</a></li>
      <li><a href="#team">About</a></li>
      <li><a href="#contact">Contact</a></li>
      </ul>
      ......@@ -479,50 +479,59 @@
      <div class="col-lg-6">
      <div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="100">
      <div class="pic"><img src="assets/img/team/team-1.jpg" class="img-fluid" alt=""></div>
      <div class="pic"><img src="assets/img/team/supervisor.jpeg" class="img-fluid" alt=""></div>
      <div class="member-info">
      <h4>Walter White</h4>
      <span>Chief Executive Officer</span>
      <p>Explicabo voluptatem mollitia et repellat qui dolorum quasi</p>
      <div class="social">
      <h4>Dr. Pradeepa Samarasinghe</h4>
      <span>Supervisor</span>
      <div class="info">
      <div class="email">
      <i class="icofont-envelope"></i>
      <p>pradeepa.s@sliit.lk</p>
      </div>
      </div>
      <!-- <div class="social">
      <a href=""><i class="ri-twitter-fill"></i></a>
      <a href=""><i class="ri-facebook-fill"></i></a>
      <a href=""><i class="ri-instagram-fill"></i></a>
      <a href=""> <i class="ri-linkedin-box-fill"></i> </a>
      </div>
      </div> -->
      </div>
      </div>
      </div>
      <div class="col-lg-6 mt-4 mt-lg-0">
      <div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="200">
      <div class="pic"><img src="assets/img/team/team-2.jpg" class="img-fluid" alt=""></div>
      <div class="pic"><img src="assets/img/team/co-supervisor.jpeg" class="img-fluid" alt=""></div>
      <div class="member-info">
      <h4>Sarah Jhonson</h4>
      <span>Product Manager</span>
      <p>Aut maiores voluptates amet et quis praesentium qui senda para</p>
      <div class="social">
      <h4>Ms. Lokesha Weerasinghe</h4>
      <span>Co - Supervisor</span>
      <div class="info">
      <div class="email">
      <i class="icofont-envelope"></i>
      <p>lokesha.w@sliit.lk</p>
      </div>
      </div>
      <!-- <div class="social">
      <a href=""><i class="ri-twitter-fill"></i></a>
      <a href=""><i class="ri-facebook-fill"></i></a>
      <a href=""><i class="ri-instagram-fill"></i></a>
      <a href=""> <i class="ri-linkedin-box-fill"></i> </a>
      </div>
      </div> -->
      </div>
      </div>
      </div>
      <div class="col-lg-6 mt-4">
      <div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="300">
      <div class="pic"><img src="assets/img/team/team-3.jpg" class="img-fluid" alt=""></div>
      <div class="pic"><img src="assets/img/team/group-leader.jpeg" class="img-fluid" alt=""></div>
      <div class="member-info">
      <h4>William Anderson</h4>
      <span>CTO</span>
      <p>Quisquam facilis cum velit laborum corrupti fuga rerum quia</p>
      <div class="social">
      <a href=""><i class="ri-twitter-fill"></i></a>
      <a href=""><i class="ri-facebook-fill"></i></a>
      <a href=""><i class="ri-instagram-fill"></i></a>
      <a href=""> <i class="ri-linkedin-box-fill"></i> </a>
      <h4>Boteju W.M.J.</h4>
      <span>Group Leader</span>
      <div class="info">
      <div class="email">
      <i class="icofont-envelope"></i>
      <p>it17133678@my.sliit.lk</p>
      </div>
      </div>
      </div>
      </div>
      ......@@ -530,16 +539,15 @@
      <div class="col-lg-6 mt-4">
      <div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="400">
      <div class="pic"><img src="assets/img/team/team-4.jpg" class="img-fluid" alt=""></div>
      <div class="pic"><img src="assets/img/team/group-member1.jpeg" class="img-fluid" alt=""></div>
      <div class="member-info">
      <h4>Amanda Jepson</h4>
      <span>Accountant</span>
      <p>Dolorum tempora officiis odit laborum officiis et et accusamus</p>
      <div class="social">
      <a href=""><i class="ri-twitter-fill"></i></a>
      <a href=""><i class="ri-facebook-fill"></i></a>
      <a href=""><i class="ri-instagram-fill"></i></a>
      <a href=""> <i class="ri-linkedin-box-fill"></i> </a>
      <h4>Herath H.M.K.S.</h4>
      <span>Group Member</span>
      <div class="info">
      <div class="email">
      <i class="icofont-envelope"></i>
      <p>it16175426@my.sliit.lk</p>
      </div>
      </div>
      </div>
      </div>
      ......@@ -547,16 +555,15 @@
      <div class="col-lg-6 mt-4">
      <div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="300">
      <div class="pic"><img src="assets/img/team/team-3.jpg" class="img-fluid" alt=""></div>
      <div class="pic"><img src="assets/img/team/group-member2.jpeg" class="img-fluid" alt=""></div>
      <div class="member-info">
      <h4>William Anderson</h4>
      <span>CTO</span>
      <p>Quisquam facilis cum velit laborum corrupti fuga rerum quia</p>
      <div class="social">
      <a href=""><i class="ri-twitter-fill"></i></a>
      <a href=""><i class="ri-facebook-fill"></i></a>
      <a href=""><i class="ri-instagram-fill"></i></a>
      <a href=""> <i class="ri-linkedin-box-fill"></i> </a>
      <h4>Peiris M.D.P.</h4>
      <span>Group Member</span>
      <div class="info">
      <div class="email">
      <i class="icofont-envelope"></i>
      <p>it17123150@my.sliit.lk</p>
      </div>
      </div>
      </div>
      </div>
      ......@@ -564,16 +571,15 @@
      <div class="col-lg-6 mt-4">
      <div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="400">
      <div class="pic"><img src="assets/img/team/team-4.jpg" class="img-fluid" alt=""></div>
      <div class="pic"><img src="assets/img/team/group-member3.jpeg" class="img-fluid" alt=""></div>
      <div class="member-info">
      <h4>Amanda Jepson</h4>
      <span>Accountant</span>
      <p>Dolorum tempora officiis odit laborum officiis et et accusamus</p>
      <div class="social">
      <a href=""><i class="ri-twitter-fill"></i></a>
      <a href=""><i class="ri-facebook-fill"></i></a>
      <a href=""><i class="ri-instagram-fill"></i></a>
      <a href=""> <i class="ri-linkedin-box-fill"></i> </a>
      <h4>Wathsala A.K.P.E.</h4>
      <span>Group Member</span>
      <div class="info">
      <div class="email">
      <i class="icofont-envelope"></i>
      <p>it17141352@my.sliit.lk</p>
      </div>
      </div>
      </div>
      </div>
      ......
      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