Fan Isaac | Portfolio - Websites - Sawit Raya Sdn Bhd/title> <meta name="keywords" content="Fan Isaac Website Portfolio" /> <meta name="description" content="Fan Isaac | Portfolio Websites - Sawit Raya Sdn Bhd"> <meta name="author" content="fan.isaac">  <link rel="shortcut icon" href="img/favicon.png" type="image/x-icon" /> <link rel="apple-touch-icon" href="img/apple-touch-icon.png">  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">  <link id="googleFonts" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800%7CShadows+Into+Light&display=swap" rel="stylesheet" type="text/css">  <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="vendor/fontawesome-free/css/all.min.css"> <link rel="stylesheet" href="vendor/animate/animate.compat.css"> <link rel="stylesheet" href="vendor/simple-line-icons/css/simple-line-icons.min.css"> <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.min.css"> <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.min.css"> <link rel="stylesheet" href="vendor/magnific-popup/magnific-popup.min.css">  <link rel="stylesheet" href="css/theme.css"> <link rel="stylesheet" href="css/theme-elements.css"> <link rel="stylesheet" href="css/theme-blog.css"> <link rel="stylesheet" href="css/theme-shop.css">  <link id="skinCSS" rel="stylesheet" href="css/skins/default.css">  <link rel="stylesheet" href="css/custom.css">  <script src="vendor/modernizr/modernizr.min.js"></script> </head> <body data-plugin-page-transition> <div class="body"> <header id="header" class="header-effect-shrink" data-plugin-options="{'stickyEnabled': true, 'stickyEffect': 'shrink', 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': false, 'stickyChangeLogo': true, 'stickyStartAt': 120, 'stickyHeaderContainerHeight': 70}"> <div class="header-body border-top-0"> <div class="header-top"> <div class="container"> <div class="header-row py-2"> <div class="header-column justify-content-start"> <div class="header-row"> <nav class="header-nav-top"> <ul class="nav nav-pills"> <li class="nav-item nav-item-anim-icon d-none d-md-block"> <a class="nav-link ps-0" href="https://www.tumblr.com/fanisaac-engineering"><i class="fas fa-angle-right"></i> Tumblr</a> </li> <li class="nav-item nav-item-anim-icon d-none d-md-block"> <a href="mailto:fanisaac.dev@gmail.com"><i class="fas fa-angle-right"></i> fanisaac.dev@gmail.com</a> </li> <li class="nav-item nav-item-left-border nav-item-left-border-remove nav-item-left-border-sm-show"> <span class="ws-nowrap"><i class="fas fa-phone"></i> (+60) 13-5982951</span> </li> </ul> </nav> </div> </div> <div class="header-column justify-content-end"> <div class="header-row"> <ul class="header-social-icons social-icons d-none d-sm-block social-icons-clean"> <li class="social-icons-facebook"><a href="https://www.facebook.com/fanisaac.dev" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a></li> <li class="social-icons-discord"><a href="https://discord.gg/mp4YrNz7" target="_blank" title="Discord"><i class="fab fa-discord"></i></a></li> <li class="social-icons-instagram"><a href="https://www.instagram.com/cyisaac.portfolio/" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a></li> </ul> </div> </div> </div> </div> </div> <div class="header-container container"> <div class="header-row"> <div class="header-column"> <div class="header-row"> <div class="header-logo"> <a href="index.html"> <img alt="Fan Isaac" width="100" height="48" data-sticky-width="82" data-sticky-height="40" src="img/logo-fanisaac-200x96px.png"> </a> </div> </div> </div> <div class="header-column justify-content-end"> <div class="header-row"> <div class="header-nav header-nav-line header-nav-bottom-line header-nav-bottom-line-no-transform header-nav-bottom-line-active-text-dark header-nav-bottom-line-effect-1 order-2 order-lg-1"> <div class="header-nav-main header-nav-main-square header-nav-main-dropdown-no-borders header-nav-main-effect-2 header-nav-main-sub-effect-1"> <nav class="collapse"> <ul class="nav nav-pills" id="mainNav"> </ul> </nav> </div> <button class="btn header-btn-collapse-nav" data-bs-toggle="collapse" data-bs-target=".header-nav-main nav">  </button> </div> <div class="header-nav-features header-nav-features-no-border header-nav-features-lg-show-border order-1 order-lg-2"> </div> </div> </div> </div> </div> </div> </header> <div role="main" class="main"> <section class="page-header page-header-modern bg-color-light-scale-1 page-header-md "> <div class="container-fluid"> <div class="row align-items-center"> <div class="col">  </div> <div class="col"> <div class="row"> <div class="col-md-12 align-self-center p-static order-2 text-center"> <div class="overflow-hidden pb-2"> <h1 class="text-dark font-weight-bold text-9 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="100">Sawit Raya Sdn Bhd</h2> </div> </div> <div class="col-md-12 align-self-center order-1"> <ul class="breadcrumb d-block text-center appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="300"> <li><a href="index.html">Home</a></li> <li><a href="portfolio.html">Portfolio</a></li> <li class="active">Sawit Raya Sdn Bhd</li> </ul> </div> </div> </div> <div class="col">  </div> </div> </div> </section> <div class="container py-4"> <div class="row"> <div class="col appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="300"> <div class="owl-carousel owl-theme nav-inside nav-inside-edge nav-squared nav-with-transparency nav-dark nav-lg d-block overflow-hidden" data-plugin-options="{'items': 1, 'margin': 10, 'loop': false, 'nav': true, 'dots': false, 'autoHeight': true}" style="height: 510px;"> <div> <div class="img-thumbnail border-0 border-radius-0 p-0 d-block"> <img src="img/projects/project-6-1170x540px.png" class="img-fluid border-radius-0" alt=""> </div> </div> <div> <div class="img-thumbnail border-0 border-radius-0 p-0 d-block"> <img src="img/projects/project-6-1170x540px.png" class="img-fluid border-radius-0" alt=""> </div> </div> <div> <div class="img-thumbnail border-0 border-radius-0 p-0 d-block"> <img src="img/projects/project-6-1170x540px.png" class="img-fluid border-radius-0" alt=""> </div> </div> </div> </div> </div> <div class="row pt-4 mt-2 mb-5"> <div class="col-md-7 mb-4 mb-md-0"> <h2 class="text-color-dark font-weight-normal text-5 mb-2">Project <strong class="font-weight-extra-bold">Description</strong></h2> <p>Sawit Raya Sdn Bhd Project is a business informative site with simple product listing to introduce their products to the audience. </p> <p>Minimalistic design that dives straight into details and provides for a simple scope of focus to the audience.</p> <hr class="solid my-5">  </div> <div class="col-md-5"> <h2 class="text-color-dark font-weight-normal text-5 mb-2">Project <strong class="font-weight-extra-bold">Details</strong></h2> <ul class="list list-icons list-primary list-borders text-2"> <li><i class="fas fa-caret-right left-10"></i> <strong class="text-color-primary">Client:</strong> Sawit Raya Sdn Bhd</li> <li><i class="fas fa-caret-right left-10"></i> <strong class="text-color-primary">Date:</strong> January 2019</li> <li><i class="fas fa-caret-right left-10"></i> <strong class="text-color-primary">Skills:</strong> <a href="#" class="badge badge-dark badge-sm rounded-pill px-2 py-1 ms-1">DESIGN</a><a href="#" class="badge badge-dark badge-sm rounded-pill px-2 py-1 ms-1">BRAND</a><a href="#" class="badge badge-dark badge-sm rounded-pill px-2 py-1 ms-1">WEBSITES</a></li> <li><i class="fas fa-caret-right left-10"></i> <strong class="text-color-primary">Project URL:</strong> <a href="https://www.sawitraya.com/" target="_blank" class="text-dark">https://www.sawitraya.com</a></li> </ul> </div> </div> </div> </div> <footer id="footer" class="footer-texts-more-lighten mt-0"> <div class="container"> <div class="row py-4 my-5"> <div class="col-md-6 col-lg-3 mb-5 mb-lg-0"> <h5 class="text-4 text-color-light mb-3">CONTACT INFO</h5> <ul class="list list-unstyled"> <li class="pb-1 mb-2"> <span class="d-block font-weight-normal line-height-1 text-color-light">Base</span> Klang Valley, Kuching </li> <li class="pb-1 mb-2"> <span class="d-block font-weight-normal line-height-1 text-color-light">PHONE</span> <a href="tel:+60135982951">(+60) 135982951</a> </li> <li class="pb-1 mb-2"> <span class="d-block font-weight-normal line-height-1 text-color-light">EMAIL</span> <a href="mailto:fanisaac.dev@gmail.com">fanisaac.dev@gmail.com</a> </li> <li class="pb-1 mb-2"> <span class="d-block font-weight-normal line-height-1 text-color-light">FREELANCE STATUS </span> Available </li> </ul> <ul class="social-icons social-icons-clean-with-border social-icons-medium"> <li class="social-icons-instagram"> <a href="https://www.instagram.com/cyisaac.portfolio/" class="no-footer-css" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a> </li> <li class="social-icons-twitter mx-2"> <a href="https://www.tumblr.com/fanisaac-engineering" class="no-footer-css" target="_blank" title="Tumblr"><i class="fab fa-tumblr"></i></a> </li> <li class="social-icons-facebook"> <a href="https://www.facebook.com/fanisaac.dev" class="no-footer-css" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a> </li> </ul> </div> <div class="col-md-6 col-lg-2 mb-5 mb-lg-0"> <h5 class="text-4 text-color-light mb-3">Services</h5> <ul class="list list-unstyled mb-0"> <li class="mb-0"> Web Development</li> <li class="mb-0"> Software Engineering</li> <li class="mb-0"> Automation</li> <li class="mb-0"> QA Testing</li> <li class="mb-0"> Technical Writing</li> <li class="mb-0"> IT Infrastructure</li>  </ul> </div> <div class="col-md-6 col-lg-4 mb-5 mb-md-0"> <h5 class="text-4 text-color-light mb-3">RECENT NEWS</h5> <article class="mb-3"> <a href="blog-post.html" class="text-color-light text-3-5">Build Your Customized Website Starting From RM4,999* today !</a> <p class="line-height-2 mb-0"><a href="#">Aug 01, 2023</a> in <a href="#">Promotion,</a> <a href="#">Website</a></p> </article> <article class="mb-3"> <a href="blog-post.html" class="text-color-light text-3-5">Begin Your Business Digital Transformation With A Website</a> <p class="line-height-2 mb-0"><a href="#">Jul 23, 2023</a> in <a href="#">Knowledge,</a> <a href="#">Website</a></p> </article> <article> <a href="blog-post.html" class="text-color-light text-3-5">Comprehending Multiple Faces Of Website Development</a> <p class="line-height-2 mb-0"><a href="#">Jun 16, 2023</a> in <a href="#">Knowledge,</a> <a href="#">Website</a></p> </article> </div> <div class="col-md-6 col-lg-3"> <h5 class="text-4 text-color-light mb-3">Qualified Professional</h5> <p class="mb-2">ACM Professional Member </p> <img alt="Fan Isaac" width="80%" height="40%" data-sticky-width="82" data-sticky-height="40" src="img/fanisaac_acm.png"> <p class="mb-2">Apart from attaining a Bachelors Degree in Electrical & Electronics Engineering, Fan Isaac is a professional member of The Association for Computing Machinery (ACM).</p> </div> </div> </div> <div class="container"> <div class="footer-copyright footer-copyright-style-2 pt-4 pb-5"> <div class="row"> <div class="col-12 text-center"> <p class="mb-0">© Copyright 2023. All Rights Reserved By Fan Isaac.</p> </div> </div> </div> </div> </footer> </div>  <script src="vendor/plugins/js/plugins.min.js"></script>  <script src="js/theme.js"></script>  <script src="js/custom.js"></script>  <script src="js/theme.init.js"></script> </body> </html>