bnmbertsu,yu,yu,fffffffy,ltdfg

hjkhhndndndnd,trt bnmbertsu,yu,yu,fffffffy,ltdfg

<!DOCTYPE html>
<html lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <title>ENSO - Mind Believes Body Creates</title>
    <link rel="shortcut icon" href="img/favicon.png" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Oswald&amp;family=Barlow:wght@300;400;500;600;700&amp;display=swap">
    <link rel="stylesheet" href="css/plugins.css" />
    <link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">

/* Style individual product items */
        .product {
            width: calc(25% - 20px); /* 25% width with some spacing */
            margin-bottom: 20px;
            border: 1px solid #ccc;
            padding: 10px;
/*            display: flex;*/
            flex-direction: column; /* Display product name and price vertically */
            background-color: #f1f1f1;
        }

/* Style product images */
        .product img {
            max-width: 100%;
            height: auto;
            background-color: #f1f1f1;
        }

/* Style product titles (product name) */
        .product h2 {
            margin: 0; /* Reset default margin */
            font-size: 22px;
            text-align: left; /* Align the product name to the left */
            color: #000;
            display: inline;
        }
        .product p{
            display: inline;
        }

/* Style product prices */
        .product .price {
            font-size: 16px;
            color: #333;
            text-align: right; /* Align the price to the right */
            margin-top: auto; /* Push the price to the bottom of the product box */
        }
         .product-buttons {
          /*  display: flex;
            justify-content: space-between;*/
            margin-top: 25px;
        }

.product-buttons button {
            background-color: #0a0a0a;
            color: #fff;
            border: none;
            padding: 1px 16px;
            cursor: pointer;
        }

.product-buttons button.buy-now {
            background-color: #e5504b; /* Change button color for Buy Now */
        }
        .buy-now{
            background: #e5504b;
    color: #fff;
    padding: 1px 16px;

}

.buy-now:hover{
    background-color: #000;
    color: #fff;
    border: none;

}
     .container-fluid{
    padding-left: 60px;
    padding-right: 60px;
    
}
/*.container-fluid{
    padding: 0;
    }*/
    body{
        background-color: #000;
    }

.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index:1100;
  float:right !important;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
   display: block;
  margin: 0px;
 /* background: rgba(0, 0, 0, 0.36);*/
  
  text-align: right;
  padding: 5px;
  border-radius: 0 30px 30px 0;
  transition: all 1s;
}

.twitter {
  background: #55ACEE;
  color: white;
   display: block;
  margin: 0px;
 /* background: rgba(0, 0, 0, 0.36);*/
  
  text-align: right;
  padding: 5px;
  border-radius: 0 30px 30px 0;
  transition: all 1s;
}

.instagram {
  background: #dd4b39;
  color: white;
   display: block;
  display: block;
  margin: 0px;
 /* background: rgba(0, 0, 0, 0.36);*/
  
  text-align: right;
  padding: 5px;
  border-radius: 0 30px 30px 0;
  transition: all 1s;
}

.lazada {
  background: #007bb5;
  color: white;
    display: block;
  margin: 0px;
 /* background: rgba(0, 0, 0, 0.36);*/
  
  text-align: right;
  padding: 5px;
  border-radius: 0 30px 30px 0;
  transition: all 1s;
}

.shopee {
  background: #bb0000;
  color: white;
   display: block;
  margin: 0px;
 /* background: rgba(0, 0, 0, 0.36);*/
  
  text-align: right;
  padding: 5px;
  border-radius: 0 30px 30px 0;
  transition: all 1s;
}

.content {
  margin-left: 75px;
  font-size: 30px;
}

.icon-bar a:hover{
   padding-top:5px;
    margin:0px;
    line-height:16px;
    font-size:11px;
}

.navbar .navbar-nav .nav-link {
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    margin: 1px;
    -webkit-transition: all .4s;
    transition: all .4s;
    padding-right: 28px;
    padding-left: 10px;
}

/*
.social {
  position: fixed;
  top: 40%;
   z-index:1100;
}
.social ul {
  padding: 0px;
  transform: translate(-250px, 0);
}
.social ul li {
  display: block;
  margin: 0px;

width: 300px;
  text-align: right;
  padding: 5px;
  border-radius: 0 30px 30px 0;
  transition: all 1s;
}
.social ul li:hover {
  transform: translate(110px, 0);
  background: rgba(255, 255, 255, 0.4);
}
.social ul li:hover a {
  color: #fff;
}
.social ul li:hover i {
  color: #fff;
  background: rgba(0, 0, 0, 0.36);
  transform: rotate(360deg);
  transition: all 1s;
}
.social ul li i {
  margin-left: 10px;
  color: #000;
  background: #F00;
  padding: 10px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 20px;
  background: #ffffff;
  transform: rotate(0deg);
}*/
.social {
  position: fixed;
  top: 40%;
   z-index:1100;
}
.social ul {
  padding: 0px;
/*  transform: translate(-250px, 0);*/
}
/*.social ul li {
  display: block;
  margin: 0px;

width: 150px;
  text-align: right;
  padding: 5px;
  border-radius: 0 30px 30px 0;
  transition: all 1s;
}*/
.social ul li {
  display: block;
  margin: 0px;
  width: 150px; /* Set the default width to 0 */
  text-align: right;
  padding: 5px;
  border-radius: 0 30px 30px 0;
  transition: width 1s; /* Apply transition to the width property */
  overflow: hidden; /* Hide overflow content */
  margin-left: -100px;
}

.social ul li:hover {
  width: 250px; /* Expand the width to 300px when hovering */
}
/*.social ul li:hover {
  transform: translate(100px);
  background: rgba(255, 255, 255, 0.4);
}*/
.social ul li:hover a {
  color: #fff;
}
.social ul li:hover i {
  color: #fff;
  background: rgba(0, 0, 0, 0.36);
  transform: rotate(360deg);
  transition: all 1s;
}
.social ul li i {
  margin-left: 10px;
  color: #000;
  background: #F00;
  padding: 10px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 20px;
  background: #ffffff;
  transform: rotate(0deg);
}

@media (max-width: 768px) {
   .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}
.text-end{
    padding-bottom: 20px;
}
    
    .carousel{
    display: none!important;
}
 #c-product {
    display: block; /* Hide the image on desktop view */
  }
  #video-in{
    padding-left: 0!important;
    padding-right: 0!important;
  }
  #video-out{
    margin-left: 0!important;
    margin-right: 0!important;
  }
  #v-content{
    margin-top: 80px!important;
  }
  #c-product {
    max-width: 100%!important;
    padding-bottom: 15px!important;
}
.contact{
        padding: 10px 0 60px 0!important;
}
  }
   .accordion-info p{
    color: #fff;
  }
  .opening-hours h4{
    font-size: 18px;
  }
  .wrap h4{
    font-size: 18px;
  }
 
    </style>

</head>
<body>

<nav class="social">
  
 
          <ul>
              <li><a href="https://www.facebook.com/ensowhey/" target="_blank" class=" facebook">Facebook <i class="fa fa-facebook"></i></a></li>
            <li><a href="https://www.instagram.com/enso_whey/" target="_blank" class="instagram">Instagram <i class="fa fa-instagram"></i></a></li>
             
            <li><a href="https://shopee.co.th/shop/948640916" target="_blank" class=" shopee">Shopee<i class="fa  fa-shopping-bag"></i></a></li>
            <li><a href="http://www.lazada.co.th/shop/enso-whey" target="_blank" class=" lazada">Lazada<i class="fa fa-heart "></i></a></li>
              </ul>
      </nav>

<div class="preloader-bg"></div>
    <div id="preloader">
        <div id="preloader-status">
            <div class="preloader-position loader"> <span></span> </div>
        </div>
    </div>
    
    <div class="mouse-cursor cursor-outer"></div>
    <div class="mouse-cursor cursor-inner"></div>
    
    <div class="progress-wrap cursor-pointer">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
        </svg>
    </div>
    
     <nav class="navbar navbar-expand-lg" id="myNavbar">
        <div class="container">
            
            <div class="logo-wrapper">
                <a class="logo" href="index.html"> <img src="assets/Logo/Logo-White2.png" class="logo-img" alt=""> </a>
                
            </div>
            
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"><i class="ti-menu"></i></span> </button>
            
            <div class="collapse navbar-collapse" id="navbar">

<li class="nav-item"><a class="nav-link" href="about.html">ENSO Promises</a></li>
                    <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">Products<i class="ti-angle-down"></i></a>
                        <ul class="dropdown-menu">
                            
                            <li><a href="dark-choclate.html" class="dropdown-item"><span>ENSO Dark Chocolate</span></a></li>
                            <li><a href="vanilla-flavour.html" class="dropdown-item"><span>ENSO Vanilla</span></a></li>
                            <li><a href="original-flavour.html" class="dropdown-item"><span>ENSO Original</span></a></li>
                        </ul>
                    </li>
                    <li class="nav-item"><a class="nav-link" href="faq.html">FAQ</a></li>
                   <li class="nav-item"><a class="nav-link" href="contact.html">Contact ENSO</a></li>
                   <li class="nav-item">  <a href="become-distributor.html#" target="_blank" class="btn-1 button-1" style="padding:4px 10px; margin-top: 2px;">Become Distributor</a></li>

</ul>
            </div>
        </div>
    </nav>

<div class="container-fluid" style="padding-right:0; padding-left: 0; display:block;" id="v-content">
            <div class="row content-justify-center" id="video-out">
                <div class="col-md-12 text-center" id="video-in">
<video playsinline="" muted onplaying="this.controls=false" autoplay loop width="100%" height="100%">
<source src="assets\VDO-Shoot\Dark-Chocolate\ChocolateB-Roll-New.mp4" type='video/mp4;'>

</video>

</div>
            </div>
        </div>
    </div>
    
    <!--  <section class="about" >
        <div class="container-fluid">
            <div class="row">
                 <div class="col-md-6">
                    
                           <img src="assets/PhotoShoot/ENSO-Gradient-Photos/Dark-Chocolate-Front_0.png" class="img-fluid" style="display: block;">

</div>
                <div class="col-md-6 mb-30">
                    
                 <img src="assets/PhotoShoot/ENSO-Gradient-Photos/Dark-Chocolate-Nutrition-Fact_0.png" class="img-fluid"> 
             </div>
            </div>
        </div>
    </section>
      <section class="about" >
        <div class="container-fluid">
            <div class="row">
                 
                <div class="col-md-6 mb-30">
                    
                 <img src="assets/PhotoShoot/ENSO-Gradient-Photos/Dark-Chocolate-Nutrition-Fact_0.png" class="img-fluid"> 
             </div>
             <div class="col-md-6">
                    
                           <img src="assets/PhotoShoot/ENSO-Gradient-Photos/Dark-Chocolate-Front_0.png" class="img-fluid" style="display: block;">

</div>
            </div>
        </div>
    </section> -->
    <section class="about section-padding" style="background-image: url('img/slider/ensosays.png'); background-repeat: no-repeat;  background-position-y: center;" >
        <div class="container-fluid" >
            <div class="row">
                 <div class="col-md-4" >
                    <div class="about-img">
                        
                           <img src="img/slider/Enso-FDark-Choc.png" class="img-fluid" style="width:60%; display: block; margin-left: auto; margin-right: auto;">

<h4 class="text-center">Size 3lbs (1.36 kg)</h4> 
                <p style="text-align: center; color: #fff;">39 servings (35g/serving)</p>
                    </div>
                </div>
                <div class="col-md-8 mt-4">
                    
                    
                    <div class="section-title" >Enso DARK  <span>CHOCOLATE</span></div>
                   
                   <p class="mb-30" style="font-size:21px; color:#FFF">ENSO Isolate Whey Protein - Dark Chocolate Flavor is a perfect mix of
premium whey protein isolate, stevia (natural sweetener), Pre &
Probiotics and delicious dark chocolate flavor.</p>
<p class="mb-30" style="font-size:21px; color:#FFF">ENSO Dark Chocolate makes whey protein taste chocolatey yum!
</p>
                     <ul class="list-unstyled list">
                        <li>
                            <div class="list-icon"> 
                                
                             </div>
                            <div class="list-text">
                                <h1>28g</h1>
                                <p>Protein</p>
                            </div>
                        </li>
                        <li>
                            <div class="list-icon">
                             
                              </div>
                            <div class="list-text">
                                <h1>4g</h1>
                                <p>Carbs</p>
                            </div>
                        </li>
                        <li>
                            <div class="list-icon"> 
                        
                            </div>
                           <div class="list-text">
                                <h1>0.5g</h1>
                                <p>Fat</p>
                            </div>
                        </li>
                        <li>
                            <div class="list-icon"> 
                        
                            </div>
                           <div class="list-text">
                                <h1>0g</h1>
                                <p>Sugar</p>
                            </div>
                        </li>
                        <li>
                            <div class="list-icon"> 
                        
                            </div>
                           <div class="list-text">
                                <h1>6g</h1>
                                <p>BCAAs</p>
                            </div>
                        </li>
                        <li>
                            <div class="list-icon"> 
                        
                            </div>
                           <div class="list-text">
                                <h1>5.1g</h1>
                                <p>Glutamine</p>
                            </div>
                        </li>
                    </ul>

<ul class="list-unstyled list" style="">
                        <li>
                            <div class="list-icon"> 
                                
                             </div>
                            <div class="list-text">
                                <h1>130 kcal</h1>
                                <p>Calories</p>
                            </div>
                        </li>
                        <li>
                            <div class="list-icon">
                             
                              </div>
                            <div class="list-text">
                                <h1>2,000M CFU</h1>
                                <p>Probiotics</p>
                            </div>
                        </li>
                       
                    </ul> 
                     
                </div>
               
            </div>
        </div>
    </section>
    <section class="section-padding pt-1">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12 text-center p-3">
                
                </div>
            </div>
            <div class="row gallery-items">
                <div class="col-md-4 gallery-masonry-wrapper single-item cardio">
                    <a href="assets/dark/darkchoc.jpg" title="" class="gallery-masonry-item-img-link img-zoom">
                        <div class="gallery-box">
                            <div class="gallery-img"> <img src="assets/dark/darkchoc.jpg" class="img-fluid mx-auto d-block" alt=""> </div>
                            <div class="gallery-masonry-item-img"></div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4 gallery-masonry-wrapper single-item weight">
                    <a href="assets/dark/darkchoc2.jpg" title="" class="gallery-masonry-item-img-link img-zoom">
                        <div class="gallery-box">
                            <div class="gallery-img"> <img src="assets/dark/darkchoc2.jpg" class="img-fluid mx-auto d-block" alt=""> </div>
                            <div class="gallery-masonry-item-img"></div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4 gallery-masonry-wrapper single-item cardio">
                    <a href="assets/dark/typeb-overlay.jpg" title="" class="gallery-masonry-item-img-link img-zoom">
                        <div class="gallery-box">
                            <div class="gallery-img"> <img src="assets/dark/typeb-overlay.jpg" class="img-fluid mx-auto d-block" alt=""> </div>
                            <div class="gallery-masonry-item-img"></div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4 gallery-masonry-wrapper single-item crossfit">
                    <a href="assets/dark/typeb-verticle.jpg" title="" class="gallery-masonry-item-img-link img-zoom">
                        <div class="gallery-box">
                            <div class="gallery-img"> <img src="assets/dark/typeb-verticle.jpg" class="img-fluid mx-auto d-block" alt=""> </div>
                            <div class="gallery-masonry-item-img"></div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4 gallery-masonry-wrapper single-item weight">
                    <a href="assets/dark/typec-creative_movement.jpg" title="" class="gallery-masonry-item-img-link img-zoom">
                        <div class="gallery-box">
                            <div class="gallery-img"> <img src="assets/dark/typec-creative_movement.jpg" class="img-fluid mx-auto d-block" alt=""> </div>
                            <div class="gallery-masonry-item-img"></div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4 gallery-masonry-wrapper single-item cardio">
                    <a href="assets/dark/typec-plain_movement.jpg" title="" class="gallery-masonry-item-img-link img-zoom">
                        <div class="gallery-box">
                            <div class="gallery-img"> <img src="assets/dark/typec-plain_movement.jpg" class="img-fluid mx-auto d-block" alt=""> </div>
                            <div class="gallery-masonry-item-img"></div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4 gallery-masonry-wrapper single-item crossfit">
                    <a href="assets/dark/typec-plain-movement1.jpg" title="" class="gallery-masonry-item-img-link img-zoom">
                        <div class="gallery-box">
                            <div class="gallery-img"> <img src="assets/dark/typec-plain-movement1.jpg" class="img-fluid mx-auto d-block" alt=""> </div>
                            <div class="gallery-masonry-item-img"></div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4 gallery-masonry-wrapper single-item weight">
                    <a href="assets/dark/typed-gradient.jpg" title="" class="gallery-masonry-item-img-link img-zoom">
                        <div class="gallery-box">
                            <div class="gallery-img"> <img src="assets/dark/typed-gradient.jpg" class="img-fluid mx-auto d-block" alt=""> </div>
                            <div class="gallery-masonry-item-img"></div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4 gallery-masonry-wrapper single-item crossfit">
                    <a href="assets/dark/typed-all-flavors_gradient.jpg" title="" class="gallery-masonry-item-img-link img-zoom">
                        <div class="gallery-box">
                            <div class="gallery-img"> <img src="assets/dark/typed-all-flavors_gradient.jpg" class="img-fluid mx-auto d-block" alt=""> </div>
                            <div class="gallery-masonry-item-img"></div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>
  
    
     
  <footer class="footer"  style="background-image: url('img/slider/ensosays2.png'); background-repeat: no-repeat;  background-position-y: center;  opacity: 0.8;">
        <div class="footer-top">
            <div class="container-fluid"  style="padding-right:0; display:block;">
                <div class="row">
                     <div class="col-md-3">
                        <div class="opening-hours">
                            <h4>Products</h4>
                            <ul>
                                <li>
                                    <a href="dark-choclate.html" class="tit" style="color:#fff;">ENSO Dark Choclate</a>
                                    
                                    
                                </li>
                                <li>
                                     <a href="vanilla-flavour.html" class="tit" style="color:#fff;">ENSO Vanilla</a>
                                    
                                    
                                </li>
                                <li>
                                     <a href="original-flavour.html" class="tit" style="color:#fff;">ENSO Original </a>
                                    
                                    
                                </li>
                                 <li>
                                     
                                    
                                    
                                </li>
                            </ul>
                        </div>
                    </div>   
                    <div class="col-md-3">
                        <div class="opening-hours">
                            <h4>SHOP</h4>
                      
                            <ul>
                                <li>
                      <a  href="http://www.lazada.co.th/shop/enso-whey" target="_blank" style="margin-top:-5px;"><img src="assets/Logo/icon-shoppe2.png"></a>    <a  href="http://www.lazada.co.th/shop/enso-whey" target="_blank" style="margin-top:-5px;">&nbsp Lazada
                                 </a>
                        <li>
                                <li>
                      <a  href="https://shopee.co.th/shop/948640916" target="_blank" style="margin-top:-5px;"><img src="assets/Logo/icon-shoppe.png"></a> <a  href="https://shopee.co.th/shop/948640916" target="_blank" style="margin-top:-5px;">  &nbsp Shopee </a>
                                 </li>

<li>
                                    <a  href="https://www.tiktok.com/@ensowhey" target="_blank" style="margin-top:-5px;"><img src="img/slider/tiktok.png" style="width:22px;"> &nbspTiktok </a>
                                    
                                </li>

</ul>
                        </div>
                    </div>                
                    <div class="col-md-3">
                        <div class="opening-hours">
                            <h4>STAY CONNECT</h4>
               
                            <ul>
                                <li>
                                
                                    <a  href="https://www.instagram.com/enso_whey/" target="_blank"><i class="ti-instagram"></i>&nbsp Instagram</a> 
                                 
                                <li>
                                      <a  href="https://www.facebook.com/ensowhey/" target="_blank"><i class="ti-facebook"></i>&nbsp Facebook</a> 
                                    
                                </li>
                                 <li>
                                    <a  href="https://www.tiktok.com/@ensowhey" target="_blank" style="margin-top:-5px;"><img src="img/slider/tiktok.png" style="width:22px;"> &nbspTiktok </a>
                                    
                                </li>
                                
                                   
                            </ul>
                        </div>
                    </div>
 
                     <div class="col-md-3">
                        <div class="wrap">
                            <h4>Contact</h4>
                           
                             <div class="wrap-phone"><i class="fa fa-phone"></i>&nbsp +6683-8326969</div> 
                            <div class="wrap-mail"><i class=" fa fa-envelope"></i>&nbsp  enso@ensowhey.com</div> 
                             <div class="wrap-phone"><i class=" fa fa-whatsapp"></i>&nbsp  +6683-8326969</div> 
                             <div class="wrap-mail"><img src="img/slider/line.png" style="width:22px;">&nbsp @ensowhey</div> 
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container-fluid">
                <div class="row" style="width:100%;">
                    <div class="col-md-6">
                        <div class="copyright">
                            <p>2023 © All rights reserved. Designed by <a href="" target="_blank">IMCTEK</a></p>
                        </div>
                    </div>
                    <div class="col-md-6 text-end">
                        <div class="footer-social"><a href="http://www.lazada.co.th/shop/enso-whey" target="_blank" style="margin-top:-5px;"><img src="assets/Logo/icon-shoppe2.png"></a> 
                        <a  href="https://shopee.co.th/shop/948640916" target="_blank" style="margin-top:-5px;"><img src="assets/Logo/icon-shoppe.png"></a>   
                        <a  href="https://www.instagram.com/enso_whey/" target="_blank"><i class="ti-instagram"></i></a>
                       <a  href="https://www.facebook.com/ensowhey/" target="_blank"><i class="ti-facebook"></i></a>
                         <a  href="#" target="_blank" style="margin-top:-5px;"><img src="assets/Logo/w.png"></a>  
                          <a  href="https://www.tiktok.com/@ensowhey" target="_blank" style="margin-top:-5px;"><img src="img/slider/tiktok.png " style="width:25px;"></a>  </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    
    <script src="js/jquery-3.6.3.min.js"></script>
    <script src="js/jquery-migrate-3.0.0.min.js"></script>
    <script src="js/modernizr-2.6.2.min.js"></script>

</html>