1#@!#!123s

: / home / mybf1 / www / app.bf1.my /
Filename : index.htm
back
<!DOCTYPE html>
<html lang="en">

<head>
<title>app.bf1.my</title>
<meta name="viewport" content="width=device-width, initial-scale=1">


<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">


<style>
    
    .navheader { position:fixed; left:0; top:0; display:block; width:100%; height:13% }
    .navheader a {float:left; display:block; color:white; text-align:left; padding-left:0%; padding-right:0%; font-size:16px; }
    .navheader p {font-family:Arial}
    
    .navfooter { position:fixed; left:0; bottom:0; width:100%; }
    .navfooter a {float:left; color:white; }
    
    
    
    td {position:left; padding-top:0px;}
    td button a .icon .fa {font-size:16px; transition:0.5s; color:#000;}
    td button a {text-decoration:none; padding: 0 10px;}
    td button a .name{color:#000; font-size:16px;} 
    #t01 {color:white; background-color:#D4EFDF; border-radius:10px;}
    
    body{text-align:justify;font-size:16;font-family:Arial;font-style:normal;color:#666;}
    a{color:#996600;text-decoration:none;}
    .container{position:center;background:none;width:1080px;margin:0px auto;padding:0px;} 
    section{float:left;background:none;width:1080px;margin:80px 20px 70px 20px;} 
    aside{float:left;background:none;width:350px;margin:10px 0px 0px 10px;}
    
    .btn {background-color: transparent; border: none; border-radius: 12px; color: white; padding: 0px 0px; cursor: pointer;}
    
    .logo{border-radius:7px;}
    .facebook{border-radius:10px;}
    .youtube{border-radius:10px;}
    
    /* Slideshow container */
        
        * {box-sizing: border-box;}
        .mySlides {display: none;}
        img {vertical-align: middle;}
        
        .slideshow-container {
          max-width: 1000px;
          position: relative;
          margin: auto;
        }
        
        
        
        .dot {
          cursor: pointer;
          height: 15px;
          width: 15px;
          margin: 0 2px;
          background-color: #CCFFE5;
          border-radius: 50%;
          display: inline-block;
          transition: background-color 0.6s ease;
        }
        
        .active, .dot:hover {
          background-color: #009900;
        }
    
    @media screen and (min-width: 320px) and (max-width: 960px) {
        
    
        .navheader { position:fixed; left:0; top:0;display: block; width: 100%;height:13% }
        .navheader a {float: left;display: block;text-align: left;padding-left:0%;  padding-right:0%;font-size: 16px;}
        .navheader p {font-family:Arial}
        
        .navfooter { position:fixed; left:0; bottom:0; width: 100%; }
        .navfooter a {float: left;}
        
        
        
        td {position:left; padding-top:0px;}
        td button a .icon .fa {font-size:18px; transition:0.5s; color:#000;}
        td button a {text-decoration:none; padding: 0 10px;}
        td button a .name{color:#000; font-size:16px;} 
        #t01 {color:white; background-color:#D4EFDF; border-radius:10px;}
        .container{position:center;background:none;width:100%;margin:0px auto;padding:0px;}
        section{float:left;background:none;width:100%;margin:80px 0px 90px 0px;} 
        aside{float:right;background:none;width:100%;margin:10px 0px 90px 50px;}
        
        .btn {background-color: transparent; border: none; border-radius: 12px; color: white; padding: 0px 0px; cursor: pointer;}
        
        .logo{border-radius:7px;}
        .facebook{border-radius:10px;}
        .youtube{border-radius:10px;}
    
    }    
        
        
        
    
    
       
   
    
   
</style>

</head>

<body>
        <div class="container">
            <section>
               
                <!-- Ecwid Store -->
                <div id="my-store-1566335"></div>
                <div>
                <script data-cfasync="false" type="text/javascript" src="https://app.ecwid.com/script.js?1566335&data_platform=code&data_date=2020-07-08" charset="utf-8"></script>
                <script type="text/javascript"> xProductBrowser("categoriesPerRow=3","views=grid(10,4) list(60) table(60)","categoryView=grid","searchView=list","id=my-store-1566335");</script>
                </div>
                <!-- Ecwid Store -->
                <p align="center">
                <a href="https://www.bf1.my/app.bf1.my/guarantee/" >* Guarantee</a>
                <a href="https://www.bf1.my/app.bf1.my/payment/" >* Payment</a>
                <a href="https://www.bf1.my/app.bf1.my/delivery/" >* Delivery</a>
                <a href="https://www.bf1.my/app.bf1.my/contact/" >* Contact</a>
                <a href="https://www.bf1.my/app.bf1.my/oem/" >* OEM</a>
                <a href="https://class.bf1.my/" >* Learn More</a>
                </p>
                
                <!-- Slideshow container -->
                
                    <div class="slideshow-container">
    
                        <div class="mySlides fade">
                          <img src="https://bf1.my/images/frontline3.jpg" style="width:100%">
                        </div>
                        
                        <div class="mySlides fade">
                          <img src="https://bf1.my/images/frontline1.jpg" style="width:100%">
                        </div>
                        
                        <div class="mySlides fade">
                          <img src="https://bf1.my/images/frontline2.jpg" style="width:100%">
                        </div>
                        
                        <div class="mySlides fade">
                          <img src="https://bf1.my/images/frontline4.jpg" style="width:100%">
                        </div>
                        
                        <div class="mySlides fade">
                          <img src="https://bf1.my/images/frontline5.jpg" style="width:100%">
                        </div>
                    
                    </div>
                    <br>
                    
                    <div style="text-align:center">
                      <span class="dot" onclick="currentSlide(1)"></span> 
                      <span class="dot" onclick="currentSlide(2)"></span> 
                      <span class="dot" onclick="currentSlide(3)"></span>
                      <span class="dot" onclick="currentSlide(4)"></span>
                      <span class="dot" onclick="currentSlide(5)"></span>
                    </div>
                
                    <script>
                    var slideIndex = 0;
                    showSlides();
                    
                    function showSlides() {
                      var i;
                      var slides = document.getElementsByClassName("mySlides");
                      var dots = document.getElementsByClassName("dot");
                      
                      for (i = 0; i < slides.length; i++) {
                        slides[i].style.display = "none";  
                      }
                      slideIndex++;
                      if (slideIndex > slides.length) {slideIndex = 1}    
                      for (i = 0; i < dots.length; i++) {
                        dots[i].className = dots[i].className.replace(" active", "");
                      }
                      slides[slideIndex-1].style.display = "block";  
                      dots[slideIndex-1].className += " active";
                      setTimeout(showSlides, 2000); // Change image every 2 seconds
                    }
                    </script>
                
                
                <!-- Slideshow container -->
                
                <hr>
                <p align="left"><b>Best Formula Industries</b><br  /> 
                Company No : 002150621-D<br  />
                146, Jalan Segambut,<br  />
                51200 Kuala Lumpur, Malaysia.<br  />
                Tel : +603-6257 6048<br  /> 
                <p align="left"><b>Whatsapp Order :</b><br  /> 
                <a href="whatsapp://send?phone=+60123590344" tarbet="_blank" rel="nofollow" ><i class="fa fa-whatsapp" aria-hidden="true"></i> <b>+60123590344</b></a>
                </p>
                
                
                * Operation :<br  /> 
                Mon - Fri = 10am - 6.30pm<br  />  
                Sat = 10am - 5pm<br  />
                <br>
                
                <p>
                <a href="https://www.facebook.com/bestformula/" tarbet="_blank" rel="nofollow" ><img src="https://bf1.my/images/Facebook.jpg" border="0" alt="Facebook" width="50" height="50" class="facebook"></a>
                <a href="https://www.youtube.com/user/bestform699" target="_blank" rel="nofollow"><img src="https://bf1.my/images/Youtube.jpg" border="0" alt="Youtube"width="50" height="50" class="youtube"></a>
                </p>
                
                 
                
                
                
                
            </section>
        </div>
        
            
        


    <div>
            
            
        <!--- Header --->
        
            <div class="navheader">
                  
                
                <table id="t01" width="100%"  >
                      <tr>
                        
                        <th rowspan="2" height="50"><a href="https://app.bf1.my"><img src="https://bf1.my/logo.jpg" width="60px" height="60px" align="left" class="logo" ></a></th>
                        
                        <th colspan="4"><div id="my-search-1566335" align="left"></div>
                            <div>
                            <script data-cfasync="false" type="text/javascript" src="https://app.ecwid.com/script.js?1566335&data_platform=code&data_date=2020-07-07" charset="utf-8"></script>
                            <script type="text/javascript"> xSearch("id=my-search-1566335"); </script>
                            </div>
                        </th>
                       
                      </tr>
                       
                          <tr>
                              <td>
                                <button class="btn">
                                            <a href="https://www.bf1.my/app.bf1.my/#!/~/accountSettings">
                                            <div class="icon">
                                            <i class="fa fa-user-circle" aria-hidden="true"></i>
                                            </div>   
                                            </a>
                               </button>
                              </td>
                              
                              <td>
                                <button class="btn">
                                            <a href="https://www.bf1.my/app.bf1.my/#!/~/cart">
                                            <div class="icon">
                                            <i class="fa fa-shopping-cart" aria-hidden="true"></i>
                                            </div>
                                            </a>
                                </button>
                              </td>
                              
                              <td>
                                <button class="btn">
                                            <a href="https://www.bf1.my/app.bf1.my/#!/~/orders/offset=0">
                                            <div class="icon">
                                            <i class="fa fa-check-circle" aria-hidden="true"></i>
                                            </div>
                                            </a>
                                </button>
                              </td>
                              
                              <td>
                                <button class="btn">
                                            <a href="https://www.bf1.my/app.bf1.my/#!/~/favorites">
                                            <div class="icon">
                                            <i class="fa fa-heart" aria-hidden="true"></i>
                                            </div>
                                            </a>
                                </button>
                              </td>
                              
                          </tr>
                          
                          
                      
                    </table>  
            
            </div>
            
        <!--- Header --->   
        
        <!--- Footer --->
            
                <div class="navfooter">
            
                    <table id="t01" width="100%" >
                    
                    <tr>
                            <td>
                                <div id="my-categories-1566335" align="center" ></div>
                                <div><script data-cfasync="false" type="text/javascript" src="https://app.ecwid.com/script.js?1566335&data_platform=code&data_date=2020-07-08" charset="utf-8"></script>
                                <script type="text/javascript"> xCategoriesV2("id=my-categories-1566335"); </script>
                                </div>
                            </td>
                            
                            
                            <td>
                                <button class="btn">
                                            <a href="https://www.bf1.my/app.bf1.my/video">
                                            <div class="icon">
                                            <i class="fa fa-play-circle" aria-hidden="true"></i>
                                            <div class="name" data-text="Video">Video</div>
                                            </div>
                                            </a>
                                </button>
                            </td>
                            
                            <td>
                                <button class="btn">
                                            <a href="https://www.bf1.my/app.bf1.my/contact">
                                            <div class="icon">
                                            <i class="fa fa-phone-square" aria-hidden="true"></i>
                                            <div class="name" data-text="Contact Us">Contact Us</div>
                                            </div>
                                            </a>
                                </button>
                            </td>
                            
                            
                            
                    </table>        
                            
                            
                </div>
            
                  
        <!--- Footer --->    
        
        
    </div>
        

        






    









</body>
</html>