MMCT TEAM
Server IP : 103.53.40.154  /  Your IP : 13.58.200.16
Web Server : Apache
System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64
User : ppcad7no ( 715)
PHP Version : 8.2.25
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON
Directory (0750) :  /home2/ppcad7no/milkodelight.com/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home2/ppcad7no/milkodelight.com/news-details.html
<!doctype html>
<html class="no-js" lang="zxx">
   
<!-- Mirrored from codeskdhaka.com/html/dairypress-prev/dairypress/news-details.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 02 Mar 2024 06:10:36 GMT -->
<head>
      <meta charset="utf-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <title>Dairy Farm HTML5 Template</title>
      <meta name="description" content="">
      <meta name="viewport" content="width=device-width, initial-scale=1">

      <!-- Place favicon.ico in the root directory -->
      <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">

      <!-- CSS here -->
      <link rel="stylesheet" href="assets/css/bootstrap.css">
      <link rel="stylesheet" href="assets/css/meanmenu.css">
      <link rel="stylesheet" href="assets/css/animate.css">
      <link rel="stylesheet" href="assets/css/owl-carousel.css">
      <link rel="stylesheet" href="assets/css/swiper-bundle.css">
      <link rel="stylesheet" href="assets/css/backtotop.css">
      <link rel="stylesheet" href="assets/css/magnific-popup.css">
      <link rel="stylesheet" href="assets/css/nice-select.css">
      <link rel="stylesheet" href="assets/css/font-awesome-pro.css">
      <link rel="stylesheet" href="assets/css/spacing.css">
      <link rel="stylesheet" href="assets/css/main.css">
   </head>
   <body>

   <!--[if lte IE 9]>
   <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
   <![endif]-->

   <!-- Preloader start -->
   <div class="preloader">
      <div class="loader rubix-cube">
         <div class="layer layer-1"></div>
         <div class="layer layer-2"></div>
         <div class="layer layer-3 color-1"></div>
         <div class="layer layer-4"></div>
         <div class="layer layer-5"></div>
         <div class="layer layer-6"></div>
         <div class="layer layer-7"></div>
         <div class="layer layer-8"></div>
      </div>
   </div>
   <!-- Preloader end -->

   <!-- Offcanvas area start -->
   <div class="fix">
      <div class="offcanvas__info">
         <div class="offcanvas__wrapper">
            <div class="offcanvas__content">
               <div class="offcanvas__top mb-40 d-flex justify-content-between align-items-center">
                  <div class="offcanvas__logo logo">
                     <a href="index.html">
                     <img src="assets/img/logo/logo-2.png" alt="logo">
                     </a>
                  </div>
                  <div class="offcanvas__close">
                     <button>
                        <i class="fal fa-times"></i>
                     </button>
                  </div>
               </div>
               <div class="offcanvas__search mb-25">
                  <form action="#">
                     <input type="text" placeholder="What are you searching for?">
                     <button type="submit" ><i class="far fa-search"></i></button>
                  </form>
               </div>
               <div class="mobile-menu fix mb-40"></div>
               <div class="sidebar__thumb d-none d-lg-block mb-20">
                  <div class="row gx-2">
                     <div class="col-4">
                        <div class="sidebar__single-thumb w-img mb-10">
                           <a class="popup-image" href="assets/img/gallery/thumb/06.jpg">
                              <img src="assets/img/gallery/thumb/06.jpg" alt="">
                           </a>
                        </div>
                     </div>
                     <div class="col-4">
                        <div class="sidebar__single-thumb w-img mb-10">
                           <a class="popup-image" href="assets/img/gallery/thumb/07.jpg">
                              <img src="assets/img/gallery/thumb/07.jpg" alt="">
                           </a>
                        </div>
                     </div>
                     <div class="col-4">
                        <div class="sidebar__single-thumb w-img mb-10">
                           <a class="popup-image" href="assets/img/gallery/thumb/08.jpg">
                              <img src="assets/img/gallery/thumb/08.jpg" alt="">
                           </a>
                        </div>
                     </div>
                     <div class="col-4">
                        <div class="sidebar__single-thumb w-img mb-10">
                           <a class="popup-image" href="assets/img/gallery/thumb/09.jpg">
                              <img src="assets/img/gallery/thumb/09.jpg" alt="">
                           </a>
                        </div>
                     </div>
                     <div class="col-4">
                        <div class="sidebar__single-thumb w-img mb-10">
                           <a class="popup-image" href="assets/img/gallery/thumb/10.jpg">
                              <img src="assets/img/gallery/thumb/10.jpg" alt="">
                           </a>
                        </div>
                     </div>
                     <div class="col-4">
                        <div class="sidebar__single-thumb w-img mb-10">
                           <a class="popup-image" href="assets/img/gallery/thumb/01.jpg">
                              <img src="assets/img/gallery/thumb/01.jpg" alt="">
                           </a>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="offcanvas__contact mt-30 mb-20">
                  <h4>Contact Info</h4>
                  <ul>
                     <li class="d-flex align-items-center">
                        <div class="offcanvas__contact-icon mr-15">
                           <i class="fal fa-map-marker-alt"></i>
                        </div>
                        <div class="offcanvas__contact-text">
                           <a target="_blank" href="https://www.google.com/maps/place/Dhaka/@23.7806207,90.3492859,12z/data=!3m1!4b1!4m5!3m4!1s0x3755b8b087026b81:0x8fa563bbdd5904c2!8m2!3d23.8104753!4d90.4119873">12/A, Mirnada City Tower, NYC</a>
                        </div>
                     </li>
                     <li class="d-flex align-items-center">
                        <div class="offcanvas__contact-icon mr-15">
                           <i class="far fa-phone"></i>
                        </div>
                        <div class="offcanvas__contact-text">
                           <a href="tel:+088889797697">+088889797697</a>
                        </div>
                     </li>
                     <li class="d-flex align-items-center">
                        <div class="offcanvas__contact-icon mr-15">
                           <i class="fal fa-envelope"></i>
                        </div>
                        <div class="offcanvas__contact-text">
                           <a href="tel:+012-345-6789"><span class="mailto:support@mail.com">support@mail.com</span></a>
                        </div>
                     </li>
                  </ul>
               </div>
               <div class="offcanvas__social">
                  <ul>
                     <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                     <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                     <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                     <li><a href="#"><i class="fab fa-linkedin"></i></a></li>
                  </ul>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="offcanvas-overlay"></div>
   <div class="offcanvas-overlay-white"></div>
   <!-- Offcanvas area start -->

   <!-- Cartmini sidber start -->
   <div class="fix">
      <div class="shoping__sidebar">
         <div class="cartmini__wrapper">
            <div class="cartmini__title">
               <h4>Shopping Cart</h4>
            </div>
            <div class="cartmini__close">
               <button type="button"><i class="fal fa-times"></i></button>
            </div>
            <div class="cartmini__widget">
               <div class="cartmini__inner">
                  <ul>
                     <li>
                        <div class="cartmini__thumb">
                           <a href="product-details.html">
                              <img src="assets/img/product/quick-view/quick-view-01.png" alt="">
                           </a>
                        </div>
                        <div class="cartmini__content">
                           <h5><a href="product-details.html">sweet milk Cream</a></h5>
                           <div class="product-quantity mt-10 mb-10">
                              <span class="cart-minus">-</span>
                              <input class="cart-input" type="text" value="1">
                              <span class="cart-plus">+</span>
                           </div>
                           <div class="product__sm-price-wrapper">
                              <span class="product__sm-price">$46.00</span>
                           </div>
                        </div>
                        <a href="#" class="cartmini__del"><i class="fal fa-times"></i></a>
                     </li>
                     <li>
                        <div class="cartmini__thumb">
                           <a href="product-details.html">
                              <img src="assets/img/product/quick-view/quick-view-02.png" alt="">
                           </a>
                        </div>
                        <div class="cartmini__content">
                           <h5><a href="product-details.html">pure 1000ml milk</a></h5>
                           <div class="product-quantity mt-10 mb-10">
                              <span class="cart-minus">-</span>
                              <input class="cart-input" type="text" value="1">
                              <span class="cart-plus">+</span>
                           </div>
                           <div class="product__sm-price-wrapper">
                              <span class="product__sm-price">$32.00</span>
                           </div>
                        </div>
                        <a href="#" class="cartmini__del"><i class="fal fa-times"></i></a>
                     </li>
                     <li>
                        <div class="cartmini__thumb">
                           <a href="product-details.html">
                              <img src="assets/img/product/quick-view/quick-view-03.png" alt="">
                           </a>
                        </div>
                        <div class="cartmini__content">
                           <h5><a href="product-details.html">mikado cheese bar</a></h5>
                           <div class="product-quantity mt-10 mb-10">
                              <span class="cart-minus">-</span>
                              <input class="cart-input" type="text" value="1">
                              <span class="cart-plus">+</span>
                           </div>
                           <div class="product__sm-price-wrapper">
                              <span class="product__sm-price">$62.00</span>
                           </div>
                        </div>
                        <a href="product-details.html" class="cartmini__del"><i class="fal fa-times"></i></a>
                     </li>
                  </ul>
               </div>
               <div class="cartmini__checkout">
                  <div class="cartmini__checkout-title mb-30">
                     <h4>Subtotal:</h4>
                     <span>$113.00</span>
                  </div>
                  <div class="cartmini__checkout-btn">
                     <a href="cart.html" class="bd-fill__btn w-100"> <span></span> view cart</a>
                     <a href="checkout.html" class="bd-fill__btn-2 w-100"> <span></span> checkout</a>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <!-- Cartmini sidber end -->

   <!-- Added to cart message  -->
   <div class="added-to-cart">
      <div class="added-to-cart-content d-flex align-items-center">
         <i class="fa-light fa-check"></i>
         <p>Successfully Added to cart</p>
         <span class="bd-action__item-number cart-count">0</span> 
      </div>
   </div>

   <!-- Added to wishlist message -->
   <div class="added-to-wishlist">
      <div class="added-to-cart-content d-flex align-items-center">
         <i class="fa-light fa-check"></i>
         <p>Successfully Added to wishlist</p>
         <span class="bd-action__item-number wishlist-count">0</span>  
      </div>
   </div> 

   <!-- Add product modal area start -->  
   <div class="product__modal modal fade" id="productmodal">
      <div class="modal-dialog modal-dialog-centered">
         <div class="modal-content">
            <div class="product__modal-wrapper p-relative">
               <div class="product__modal-close p-absolute">
                  <button data-bs-dismiss="modal"><i class="fal fa-times"></i></button>
               </div>
               <div class="product__modal-inner">
                  <div class="row">
                  <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                     <div class="product__modal-box">
                        <div class="tab-content" id="modalTabContent">
                           <div class="tab-pane fade show active" id="nav1" role="tabpanel" aria-labelledby="nav1-tab">
                              <div class="product__modal-img w-img">
                                 <img src="assets/img/product/quick-view/quick-view-01.png" alt="">
                              </div>
                           </div>
                           <div class="tab-pane fade" id="nav2" role="tabpanel" aria-labelledby="nav2-tab">
                              <div class="product__modal-img w-img">
                                 <img src="assets/img/product/quick-view/quick-view-02.png" alt="">
                              </div>
                           </div>
                           <div class="tab-pane fade" id="nav3" role="tabpanel" aria-labelledby="nav3-tab">
                              <div class="product__modal-img w-img">
                                 <img src="assets/img/product/quick-view/quick-view-03.png" alt="">
                              </div>
                           </div>
                           <div class="tab-pane fade" id="nav4" role="tabpanel" aria-labelledby="nav4-tab">
                              <div class="product__modal-img w-img">
                                 <img src="assets/img/product/quick-view/quick-view-04.png" alt="">
                              </div>
                           </div>
                        </div>
                           <ul class="nav nav-tabs" id="modalTab" role="tablist">
                              <li class="nav-item" role="presentation">
                                 <button class="nav-link active" id="nav1-tab" data-bs-toggle="tab" data-bs-target="#nav1" type="button" role="tab" aria-controls="nav1">
                                    <img src="assets/img/product/quick-view/nav-01.png" alt="">
                                 </button>
                              </li>
                              <li class="nav-item" role="presentation">
                                 <button class="nav-link" id="nav2-tab" data-bs-toggle="tab" data-bs-target="#nav2" type="button" role="tab" aria-controls="nav2" aria-selected="false">
                                    <img src="assets/img/product/quick-view/nav-02.png" alt="">
                                 </button>
                              </li>
                              <li class="nav-item" role="presentation">
                                 <button class="nav-link" id="nav3-tab" data-bs-toggle="tab" data-bs-target="#nav3" type="button" role="tab" aria-controls="nav3" aria-selected="false">
                                    <img src="assets/img/product/quick-view/nav-03.png" alt="">
                                 </button>
                              </li>
                              <li class="nav-item" role="presentation">
                                 <button class="nav-link" id="nav4-tab" data-bs-toggle="tab" data-bs-target="#nav4" type="button" role="tab" aria-controls="nav4" aria-selected="false">
                                    <img src="assets/img/product/quick-view/nav-04.png" alt="">
                                 </button>
                              </li>
                           </ul>
                     </div>
                  </div>
                  <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                     <div class="product__modal-content">
                        <h3 class="product__modal-title">Dairy products are derived from milk</h3>
                        <div class="product__details-price">
                           <span class="old-price">$90.35</span>
                           <span class="new-price">$70.25</span>
                        </div>
                        <div class="product__review">
                           <div class="product__details-rating">
                              <a href="#"><i class="fa-solid fa-star"></i></a>
                              <a href="#"><i class="fa-solid fa-star"></i></a>
                              <a href="#"><i class="fa-solid fa-star"></i></a>
                              <a href="#"><i class="fa-regular fa-star"></i></a>
                              <a href="#"><i class="fa-regular fa-star"></i></a>
                           </div>
                           <div class="product__add-review">
                           <span><a href="#">1 Review</a></span>
                           <span><a href="#">Add Review</a></span>
                           </div>
                        </div>
                        <div class="product__stock mb-20">
                           <span>Availability :</span>
                           <span>In Stock</span>
                        </div>
                        <div class="product__details-action mb-20">
                           <div class="product__quantity">
                              <div class="product-quantity-wrapper">
                                 <form action="#">
                                    <button class="cart-minus"><i class="fa-light fa-minus"></i></button>
                                    <input class="cart-input" type="text" value="1">
                                    <button class="cart-plus"><i class="fa-light fa-plus"></i></button>
                                 </form>
                              </div>
                           </div>
                           <div class="product__add-cart">
                              <a href="javascript:void(0)" class="bd-fill__btn cart-btn"><i class="fa-solid fa-basket-shopping"></i> Add To Cart</a>
                           </div>
                           <div class="product__add-wish">
                              <a href="#" class="product__add-wish-btn"><i class="fa-solid fa-heart"></i></a>
                           </div>
                        </div>
                        <div class="product__modal-links mb-20">
                           <ul>
                           <li><a href="#" title="Add to Wishlist"><i class="fal fa-heart"></i></a></li>
                           <li><a href="#" title="Compare"><i class="far fa-sliders-h"></i></a></li>
                           <li><a href="#" title="Print"><i class="fal fa-print"></i></a></li>
                           <li><a href="#" title="Print"><i class="fal fa-share-alt"></i></a></li>
                           </ul>
                        </div>
                        <div class="product__safe-checkout">
                           <h5>Guaranteed Safe Checkout</h5>
                           <a href="#"><img src="assets/img/product/details/discover.png" alt="payment image"></a>
                           <a href="#"><img src="assets/img/product/details/mastercard.png" alt="payment image"></a>
                           <a href="#"><img src="assets/img/product/details/paypal.png" alt="payment image"></a>
                           <a href="#"><img src="assets/img/product/details/visa.png" alt="payment image"></a>
                        </div>
                     </div>
                  </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <!-- Add product modal area end -->

   <!-- Header area start -->
   <header>
      <!-- Header top area start -->
      <div class="bd-header__top-area pg-bg d-none d-md-block">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-xl-8 col-lg-8 col-md-9 col-8">
                  <div class="bd-header__contact-spacing">
                     <div class="bd-header__contact">
                        <ul>
                           <li><a href="mailto:info@webmail.com"><i class="fa-solid fa-envelope-open"></i>info@webmail.com</a></li>
                           <li><a href="tel:89789790899"><i class="fa-solid fa-phone"></i>897 897 908 99</a></li>
                        </ul>
                     </div>
                  </div>
               </div>
               <div class="col-xl-4 col-lg-4  col-md-3 col-4">
                  <div class="bd-header__social text-end">
                     <ul>
                        <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
                        <li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fa-brands fa-behance-square"></i></a></li>
                        <li><a href="#"><i class="fa-brands fa-youtube"></i></a></li>
                        <li><a href="#"><i class="fa-brands fa-linkedin"></i></a></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- Header top area end -->
      <div id="header-sticky" class="bd-header__area">
         <div class="container-fluid p-0">
            <div class="row g-0 align-items-center">
               <div class="col-xl-2 col-lg-2 col-md-4 col-4 p-0">
                  <div class="bd-header__logo">
                     <a href="index.html">
                        <img src="assets/img/logo/logo.png" alt="logo">
                     </a>
                  </div>
               </div>
               <div class="col-xl-8 col-lg-9 col-md-4 d-none d-md-block">
                  <div class="bd-header__menu-wrapper d-flex justify-content-center">
                     <div class="main-menu d-none d-none d-lg-block">
                        <nav id="mobile-menu">
                           <ul>
                              <li class="has-dropdown">
                                 <a href="index.html">Home</a>
                                 <ul class="submenu">
                                    <li><a href="index.html">Home Style 1</a></li>
                                    <li><a href="index-2.html">Home Style 2</a></li>
                                    <li><a href="index-3.html">Home Style 3</a></li>
                                 </ul>
                              </li>
                              <li>
                                 <a href="about.html">About</a>
                              </li>
                              <li class="has-dropdown">
                                 <a href="#">Pages</a>
                                 <ul class="submenu">
                                    <li><a href="team.html">Team</a></li>
                                    <li><a href="team-details.html">Team Details</a></li>
                                    <li><a href="gallery.html">Gallery</a></li>
                                    <li><a href="faq.html">Faq</a></li>
                                    <li><a href="shop.html">Shop</a></li>
                                    <li><a href="product-details.html">Product Details</a></li> 
                                    <li><a href="wishlist.html">Wishlist</a></li>
                                    <li><a href="cart.html">Cart</a></li>
                                    <li><a href="checkout.html">Checkout</a></li>
                                    <li><a href="login.html">Login</a></li>
                                    <li><a href="register.html">Register</a></li>
                                    <li><a href="error.html">404 Page</a></li>
                                 </ul>
                              </li>
                              <li class="has-dropdown">
                                 <a href="service.html">Service</a>
                                 <ul class="submenu">
                                    <li><a href="service.html">Service</a></li>
                                    <li><a href="service-details.html">Service details</a></li>
                                 </ul>
                              </li>
                              <li class="has-dropdown">
                                 <a href="news.html">News</a>
                                 <ul class="submenu">
                                    <li><a href="news.html">News</a></li>
                                    <li><a href="news-details.html">News Details</a></li>
                                    <li><a href="news-layout-1.html">Grid Layout 1</a></li>
                                    <li><a href="news-layout-2.html">Grid Layout 2</a></li>
                                    <li><a href="news-layout-3.html">Grid Layout 3</a></li>
                                 </ul>
                              </li>
                              <li>
                                 <a href="contact.html">Contact</a>
                              </li>
                           </ul>
                        </nav>
                     </div>
                  </div>
               </div>
               <div class="col-xl-2 col-lg-1 col-md-4 col-8">
                  <div class="bd-header__right d-flex align-items-center justify-content-end">
                     <div class="bd-header__action">
                        <div class="bd-header__action-icon">
                           <button class="shoping__toggle">
                              <img src="assets/img/icon/cart-icon.png" alt="cart-icon">
                           </button>
                        </div>
                     </div>
                     <div class="bd-header__hamburger">
                        <div class="bd-header__hamburger-icon">
                           <button class="side-toggle">
                              <img src="assets/img/icon/hamburger-icon.png" alt="hamburger-icon">
                           </button>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </header>
   <!-- Header area end -->

   <!-- Body main wrapper start -->
   <main>

   <!-- Breadcrumb area start -->
   <div class="bd-breadcrumb__area include__bg hero__overlay Breadcrumb__height d-flex align-items-center" data-background="assets/img/hero/breadcrumb.jpg">
      <div class="container fluid">
         <div class="row">
            <div class="col-xl-12">
               <div class="bd-breadcrumb__menu">
                  <nav aria-label="Breadcrumbs" class="breadcrumb-trail breadcrumbs">
                     <ul class="trail-items">
                        <li class="trail-item trail-begin"><span><a href="index.html">Home</a></span></li>
                        <li class="trail-item trail-end"><span>news details</span></li>
                     </ul>
                  </nav>
               </div>
               <div class="bd-breadcrumb__title">
                  <h2>a great commerce....</h2>
               </div>
            </div>
         </div>
      </div>
   </div>
   <!-- Breadcrumb area end -->

   <!-- Postbox-area-start -->
   <section class="bd-postbox__area pt-120 pb-60">
      <div class="container">
         <div class="row">
            <div class="col-xxl-9 col-xl-9 col-lg-12">
               <div class="bd-postbox__wrapper mb-60">
                  <div class="bd-postbox__inner">
                     <div class="bd-postbox__content-2">
                        <div class="bd-postbox__meta style-2">
                           <span><a href="#"><i class="fa-solid fa-eye"></i> 100 Views</a></span>
                           <span><a href="#"><i class="fa-solid fa-comments"></i> 0 Comments</a></span>
                           <span><i class="fa-solid fa-calendar-days"></i> 24th March 2022</span>
                        </div>
                        <p>A great commerce experience cannot be distilled to a single number. It’s not a Lighthouse score, or a set of Core Web Vitals figures, although both are important inputs. A great commerce experience is a trilemma that carefully balances competing needs of delivering great customer experience, dynamic storefront capabilities, and long-term business — conversion, retention, re-engagement — objectives. As developers, we rightfully obsess about the customer experience, relentlessly working to squeeze every millisecond out of the critical rendering path, optimize input latency, and eliminate jank. At the limit, statically generated, edge delivered, and HTML-first pages look like the optimal strategy. That is until you are confronted with the realization that the next step function in improving conversion rates and business.</p>
                     </div>
                     <div class="bd-postbox__thumb w-img pt-40 pb-50">
                        <img src="assets/img/news/postbox/postbox-thumb-05.jpg" alt="news-thumb">
                     </div>
                     <div class="bd-postbox__content-2">
                        <h3 class="bd-postbox__small-title mb-20">
                           A cleansing hot shower or bath
                        </h3>
                        <p class="pb-40" >The journey, often, starts “simple” with localization. But then, quickly advances to contextual pricing, juggling complexity of large and frequently updated product catalog, managing continuously running multivariate tests and promotion campaigns, and serving customer-tailored dynamic recommendations. Eventually, you reach a realization that every page is similar to an open Tetris board where each “slot” can and should be dynamically tailored by dynamic visitor preferences, all powered by an ever-growing set of dynamic business rules.</p>
                        <div class="bd-postbox__title-border pt-55 pb-55">
                           <h3 class="bd-postbox__small-title mb-20">
                              A cleansing hot shower or bath
                           </h3>
                           <div class="bd-postbox__mood">
                              <img src="assets/img/news/postbox/postbox-mood.png" alt="postbox-mood">
                              <p>From connecting back-office operations to front-of-the-house A/B testing and dynamic personalization for each customer, the shared foundation is fast 
                                 server-side rendering powered by fast storefront data access. On top of this foundation, we add layers of caching, prerendering and edge delivery 
                                 optimizations — not the other way around.</p>
                           </div>
                        </div>
                     </div>
                     <blockquote>
                        <div class="bd-blockquote__box text-center">
                           <div class="bd-blockquote__icon">
                              <img src="assets/img/news/postbox/blockquote.png" alt="blockquote-icon">
                           </div>
                           <h3 class="bd-blockquote__title">Choices to take a holiday and travelling 
                              out inthis pandemic situation are limited. Why not take a stay action on quality.</h3>
                              <div class="bd-blockquote__founder">
                                 <h4>Rosalina D. William</h4>
                                 <span>Founder</span>
                              </div>
                        </div>
                     </blockquote>
                     <p class="pt-40 pb-30">Surveying the existing landscape of available developer tools and runtimes, we felt that there is a gap. Enabling dynamic commerce requires close integration between server and client, an optimized streaming and data fetch strategy, and a production platform that operates at scale. These are hard technical problems that Shopify can help solve and this is why we’ve been hard at work on the Hydrogen framework. It’s a React-based framework optimized for commerce and specialized to be powered by Shopify APIs and infrastructure: The future of commerce is dynamic and personalized.</p>
                     <div class="bd-postbox__tag-wrapper mb-50">
                        <div class="bd-postbox__tag-item">
                           <h4 class="bd-postbox__tag-title">Releted Tags</h4>
                           <div class="bd-postbox__tag-info">
                              <a href="#">Popular</a>
                              <a href="#">Popular</a>
                              <a href="#">UX</a>
                           </div>
                        </div>
                        <div class="bd-postbox__tag-item text-lg-end">
                           <h4 class="bd-postbox__tag-title">Social Share</h4>
                           <div class="bd-postbox__tag-social">
                              <a href="#"><i class="fa-brands fa-facebook-f"></i></a>
                              <a href="#"><i class="fa-brands fa-twitter"></i></a>
                              <a href="#"><i class="fa-brands fa-behance"></i></a>
                              <a href="#"><i class="fa-brands fa-linkedin"></i></a>
                              <a href="#"><i class="fa-brands fa-youtube"></i></a>
                           </div>
                        </div>
                     </div>
                     <div class="bd-postbox__navigation mb-60">
                        <div class="bd-postbox__navigation-content">
                           <p>Prev Case</p>
                           <h3><a href="news-details.html">Tips On Minimalist</a></h3>
                        </div>
                        <div class="bd-postbox__navigation-icon d-none d-md-block">
                        <a href="#">
                           <img src="assets/img/news/postbox/navigation.png" alt="navigation-icon">
                        </a>
                        </div>
                        <div class="bd-postbox__navigation-content text-md-end">
                           <p>Next Case</p>
                           <h3><a href="news-details.html">Less Is More</a></h3>
                        </div>
                     </div>
                     <div class="bd-postbox__author-box mb-40">
                        <div class="bd-postbox__author-thumb w-img">
                           <img src="assets/img/news/postbox/author.jpg" alt="author-thumb">
                        </div>
                        <div class="bd-postbox__author-content">
                           <span>Written by</span>
                           <h3>Rosalina D. William</h3>
                           <p>Getting fast initial render with streaming server-side rendering, efficient
                              component-level updates and state transitions, while also setting up a
                              performant loading and bundling strategy.</p>
                        </div>
                     </div>
                     <div class="bd-postbox__comment mb-45">
                        <h3 class="bd-postbox__comment-title mb-35">3 Comments</h3>
                        <ul>
                           <li>
                              <div class="bd-postbox__comment-box d-flex">
                                 <div class="bd-postbox__comment-avater mr-30">
                                    <img src="assets/img/news/postbox/comments-1.png" alt="comments-img">
                                 </div>
                                 <div class="bd-postbox__comment-info">
                                    <div class="bd-postbox__comment-avater-info d-flex justify-content-between">
                                       <div class="bd-postbox__comment-name">
                                          <h4>Rosalina Kelian</h4>
                                          <span class="post-meta"><i class="fa-solid fa-calendar-days"></i> 24th March
                                             2022</span>
                                       </div>
                                       <div class="bd-postbox__comment-reply">
                                          <a href="#"><i class="fa-solid fa-share"></i> Reply</a>
                                       </div>
                                    </div>
                                    <div class="bd-postbox__comment-text">
                                       <p>For all the assets is hard and time-consuming technical work. And, of course,
                                          the result needs to be seamless and delightful — dare we say, even fun — to
                                          develop and maintain. Regardless of whether you’re ing up a storefront for a
                                          new merchant.</p>
                                    </div>
                                 </div>
                              </div>
                           </li>
                           <li class="children">
                              <div class="bd-postbox__comment-box d-flex mb-40">
                                 <div class="bd-postbox__comment-avater mr-30">
                                    <img src="assets/img/news/postbox/comments-2.png" alt="comments-img">
                                 </div>
                                 <div class="bd-postbox__comment-info">
                                    <div class="bd-postbox__comment-avater-info d-flex justify-content-between">
                                       <div class="bd-postbox__comment-name">
                                          <h4>Rosalina Kelian</h4>
                                          <span class="post-meta"><i class="fa-solid fa-calendar-days"></i> 24th March
                                             2022</span>
                                       </div>
                                       <div class="bd-postbox__comment-reply">
                                          <a href="#"><i class="fa-solid fa-share"></i> Reply</a>
                                       </div>
                                    </div>
                                    <div class="bd-postbox__comment-text">
                                       <p>Building a customer experience that will be visited by millions, the goal for Hydrogen is to eliminate undifferentiated and gnarly technical plumbing and enable you to start fast and focus on delivering merchant value.</p>
                                    </div>
                                 </div>
                              </div>
                           </li>
                           <li>
                              <div class="bd-postbox__comment-box d-flex mb-40">
                                 <div class="bd-postbox__comment-avater mr-30">
                                    <img src="assets/img/news/postbox/comments-3.png" alt="comments-img">
                                 </div>
                                 <div class="bd-postbox__comment-info mb-20">
                                    <div class="bd-postbox__comment-avater-info d-flex justify-content-between">
                                       <div class="bd-postbox__comment-name">
                                          <h4>Arista Williamson</h4>
                                          <span class="post-meta"><i class="fa-solid fa-calendar-days"></i> 24th March
                                             2022</span>
                                       </div>
                                       <div class="bd-postbox__comment-reply">
                                          <a href="#"><i class="fa-solid fa-share"></i> Reply</a>
                                       </div>
                                    </div>
                                    <div class="bd-postbox__comment-text">
                                       <p>Unlocking such features and making them all work nicely together required that we work hands-on with React core team on helping define and prototype server components; Vite ecosystem on server-side streaming; Google’s Aurora team on integrating conformance.</p>
                                    </div>
                                 </div>
                              </div>
                           </li>
                        </ul>
                     </div>
                     <!-- Postbox Contact start -->
                     <div class="bd-Postbox__contact">
                        <h3 class="bd-postbox__comment-title mb-35">Post Comment</h3>
                        <div class="bd-contact__form ">
                           <form action="#">
                              <div class="row">
                                 <div class="col-xxl-12">
                                    <div class="bd-contact__input mb-20">
                                       <textarea placeholder="Type your comments...."></textarea>
                                       <i class="fa-solid fa-pen"></i>
                                    </div>
                                 </div>
                                 <div class="col-xxl-12">
                                    <div class="bd-contact__input mb-20">
                                       <input type="text" placeholder="Type your name....">
                                       <i class="fa-solid fa-user"></i>
                                    </div>
                                 </div>
                                 <div class="col-xxl-12">
                                    <div class="bd-contact__input mb-20">
                                       <input type="email" placeholder="Type your email....">
                                       <i class="fa-solid fa-envelope-open"></i>
                                    </div>
                                 </div>
                                 <div class="col-xxl-12">
                                    <div class="bd-contact__input mb-30">
                                       <input type="text" placeholder="Type your website....">
                                       <i class="fa-brands fa-firefox-browser"></i>
                                    </div>
                                 </div>
                                 <div class="col-12">
                                    <button class="bd-contact__btn"><i class="fa-solid fa-comments"></i> Post Comment</button>
                                 </div>
                              </div>
                           </form>
                        </div>
                     </div>
                     <!-- Postbox Contact end -->
                  </div>
               </div>
            </div>
            <div class="col-xxl-3 col-xl-3 col-lg-6">
               <div class="bd-postbox__sidebar mb-60">
                  <div class="bd-sidebar__widget mb-45">
                     <div class="bd-sidebar__widget-content">
                        <div class="bd-sidebar__title mb-30">
                           <h4>About Me</h4>
                        </div>
                        <div class="bd-sidebar__author-box text-center">
                           <div class="bd-sidebar__author-thumb">
                              <img src="assets/img/news/postbox/about-thumb-01.png" alt="sidebar-thumb">
                           </div>
                           <div class="bd-sidebar__author-content">
                              <h4>Alonso D. Dowson</h4>
                              <p>Lorem ipsum dolor sit amet, consect etur adipisicing elit, sed do eiusmod tempor
                                 incididunt ut labore.</p>
                           </div>
                           <div class="bd-sidebar__social">
                              <a href="#"><i class="fa-brands fa-facebook-f"></i></a>
                              <a href="#"><i class="fa-brands fa-twitter"></i></a>
                              <a href="#"><i class="fa-brands fa-behance"></i></a>
                              <a href="#"><i class="fa-brands fa-linkedin"></i></a>
                              <a href="#"><i class="fa-brands fa-youtube"></i></a>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="bd-sidebar__widget mb-45">
                     <div class="bd-sidebar__widget-content">
                        <div class="bd-sidebar__title mb-30">
                           <h4>Search Here</h4>
                        </div>
                        <div class="bd-sidebar__search">
                           <form action="#">
                              <div class="bd-sidebar__input">
                                 <input type="text" placeholder="Search your keyword...">
                                 <button type="submit"><i class="far fa-search"></i></button>
                              </div>
                           </form>
                        </div>
                     </div>
                  </div>
                  <div class="bd-sidebar__widget mb-45">
                     <div class="bd-sidebar__widget-content">
                        <div class="bd-sidebar__title mb-30">
                           <h4>Popular Feeds</h4>
                        </div>
                        <div class="bd-sidebar__news-fi mb-20">
                           <div class="bd-sidebar__news-feed d-flex align-items-center">
                              <div class="bd-sidebar__news-thumb mr-20">
                                 <a href="news-details.html">
                                    <img src="assets/img/news/postbox/news-sm-01.png" alt="sidebar-thumb">
                                 </a>
                              </div>
                              <div class="bd-sidebar__news-text">
                                 <h5><a href="news-details.html">Having education in an area helps</a></h5>
                                 <span>
                                    <a href="news-details.html"><i class="fa-solid fa-calendar-days"></i> 26th March 2022</a>
                                 </span>
                              </div>
                           </div>
                        </div>
                        <div class="bd-sidebar__news-fi mb-20">
                           <div class="bd-sidebar__news-feed d-flex align-items-center">
                              <div class="bd-sidebar__news-thumb mr-20">
                                 <a href="news-details.html">
                                    <img src="assets/img/news/postbox/news-sm-02.png" alt="sidebar-thumb">
                                 </a>
                              </div>
                              <div class="bd-sidebar__news-text">
                                 <h5><a href="news-details.html">People think, feel, & behave in a way</a></h5>
                                 <span>
                                    <a href="news-details.html"><i class="fa-solid fa-calendar-days"></i> 12th Apr 2022</a>
                                 </span>
                              </div>
                           </div>
                        </div>
                        <div class="bd-sidebar__news-fi mb-20">
                           <div class="bd-sidebar__news-feed d-flex align-items-center">
                              <div class="bd-sidebar__news-thumb mr-20">
                                 <a href="news-details.html">
                                    <img src="assets/img/news/postbox/news-sm-03.png" alt="sidebar-thumb">
                                 </a>
                              </div>
                              <div class="bd-sidebar__news-text">
                                 <h5><a href="news-details.html">That contributes to their success</a></h5>
                                 <span>
                                    <a href="news-details.html"><i class="fa-solid fa-calendar-days"></i> 18th May 2022</a>
                                 </span>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="bd-sidebar__widget mb-45">
                     <div class="bd-sidebar__widget-content">
                        <div class="bd-sidebar__title mb-30">
                           <h4>Categories</h4>
                        </div>
                        <div class="bd-sidebar__widget-link">
                           <ul>
                              <li><a href="news-details.html">Business <span>26</span></a></li>
                              <li><a href="news-details.html">Consultant <span>30</span></a></li>
                              <li><a href="news-details.html">Creative <span>71</span></a></li>
                              <li><a href="news-details.html">UI/UX <span>56</span></a></li>
                              <li><a href="news-details.html">Technology <span>60</span></a></li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="bd-sidebar__widget mb-45">
                     <div class="bd-sidebar__widget-content">
                        <div class="bd-sidebar__title mb-30">
                           <h4>Instagram Feeds</h4>
                        </div>
                        <div class="bd-sidebar__tag-link">
                           <a href="#">Business</a>
                           <a href="#">Design</a>
                           <a href="#">UX</a>
                           <a href="#">Usability</a>
                           <a href="#">Develop</a>
                           <a href="#">icon</a>
                           <a href="#">Business</a>
                           <a href="#">Kit</a>
                           <a href="#">Keyboard</a>
                           <a href="#">Mouse</a>
                           <a href="#">Tech</a>
                        </div>
                     </div>
                  </div>
                  <div class="bd-sidebar__widget mb-30">
                     <div class="bd-sidebar__widget-content">
                        <div class="bd-sidebar__title mb-30">
                           <h4>Sponsor Adds</h4>
                        </div>
                        <div class="bd-sidebar__sponser-thumb w-img">
                           <img src="assets/img/news/postbox/sponsor.jpg" alt="sponsor-thumb">
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <!-- Postbox-area-end -->

   </main>
   <!-- Body main wrapper end -->

   <!-- Footer area start -->
   <footer>
      <section class="bd-footer__area green-bg foo p-relative pt-95">
         <div class="bd-footer__bg w-img">
            <img src="assets/img/bg/footer-bg.png" alt="footer-bg">
         </div>
         <div class="container">
            <div class="row">
               <div class="col-xl-3 col-lg-4 col-md-6">
                  <div class="bd-footer__widget footer-col-1 mb-60">
                     <div class="bd-footer__title">
                        <h4>about us</h4>
                     </div>
                     <div class="bd-footer__paragraph">
                        <p>A farm is a plot of land that is used to
                           grow crops and raise livestock, as in
                           our farm, we raise sheep and sell their
                           wool. The word farm is also used as a
                           verb to mean to work land.</p>
                     </div>
                     <div class="bd-footer__social">
                        <a href="#"><i class="fa-brands fa-facebook-f"></i></a>
                        <a href="#"><i class="fa-brands fa-twitter"></i></a>
                        <a href="#"><i class="fa-brands fa-behance-square"></i></a>
                        <a href="#"><i class="fa-brands fa-youtube"></i></a>
                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-4 col-md-6">
                  <div class="bd-footer__widget footer-col-2 mb-60">
                     <div class="bd-footer__title">
                        <h4>Services</h4>
                     </div>
                     <div class="bd-footer__link">
                        <ul>
                           <li><a href="#">Agriculture Foods</a></li>
                           <li><a href="#">Eggs & Meets</a></li>
                           <li><a href="#">Organic Vegetables</a></li>
                           <li><a href="#">Fresh Milk</a></li>
                           <li><a href="#">Pond & Sea Fish</a></li>
                           <li><a href="#">House Hold</a></li>
                           <li><a href="#">Cow Milk & Meat</a></li>
                           <li><a href="#">Accessories</a></li>
                           <li><a href="#">Accessories</a></li>
                           <li><a href="#">Natural Wheats</a></li>
                           <li><a href="#">Organic Food</a></li>
                        </ul>
                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-4 col-md-6">
                  <div class="bd-footer__widget footer-col-3 mb-60">
                     <div class="bd-footer__title">
                        <h4>Business hours</h4>
                     </div>
                     <div class="bd-footer__contact">
                        <div class="bd-footer__contact-item">
                           <span>Mon - Fri</span>
                           <p class="mb-20">10:00 am to 06:00 pm</p>
                        </div>
                        <div class="bd-footer__contact-item">
                           <span>Saturday (1st & 4th)</span>
                           <p class="mb-25">08:00 am to 04:00 pm</p>
                        </div>
                        <div class="bd-footer__support">
                           <div class="bd-footer__support-inner">
                              <div class="bd-footer__support-icon">
                                 <img src="assets/img/icon/footer-text.png" alt="footer-text">
                              </div>
                              <div class="bd-footer__support-title">
                                 <span>Emergency Service</span>
                                 <a href="tel:00011122233">000 111 222 33</a>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-8 col-md-6">
                  <div class="bd-footer__widget footer-col-4 mb-60">
                     <div class="bd-footer__title">
                        <h4>Subscribe us</h4>
                     </div>
                     <div class="bd-footer__subcribe">
                        <p>Subscribe us & recive our office
                        & update in your inbox directly</p>
                        <form action="#">
                           <div class="bd-footer__input p-relative mb-20">
                              <input type="text" placeholder="info@webmail.com">
                              <i class="fa-solid fa-envelope-open"></i>
                           </div>
                           <button type="button" class="bd-theme__btn-3">subscribe now</button>
                        </form>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="bd-copyright__area">
            <div class="container">
               <div class="row">
                  <div class="col-12">
                     <div class="bd-copyright__main">
                        <div class="bd-copyright__border">
                           <div class="bd-copyright__text">
                              <p>Copyright design by <span><a target="_blank" href="https://themeforest.net/user/bdevs/portfolio">@bdevs</a></span> - 2022</p>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
   </footer>
   <!-- Footer area end -->

   <!-- Back to top start -->
   <div class="progress-wrap">
      <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>
   <!-- Back to top end -->
   
   <!-- JS here -->
   <script src="assets/js/vendor/jquery.js"></script>
   <script src="assets/js/vendor/waypoints.js"></script>
   <script src="assets/js/bootstrap-bundle.js"></script>
   <script src="assets/js/meanmenu.js"></script>
   <script src="assets/js/swiper-bundle.js"></script>
   <script src="assets/js/owl-carousel.js"></script>
   <script src="assets/js/magnific-popup.js"></script>
   <script src="assets/js/parallax.js"></script>
   <script src="assets/js/backtotop.js"></script>
   <script src="assets/js/nice-select.js"></script>
   <script src="assets/js/counterup.js"></script>
   <script src="assets/js/wow.js"></script>
   <script src="assets/js/isotope-pkgd.js"></script>
   <script src="assets/js/imagesloaded-pkgd.js"></script>
   <script src="assets/js/ajax-form.js"></script>
   <script src="assets/js/main.js"></script>
   </body>

<!-- Mirrored from codeskdhaka.com/html/dairypress-prev/dairypress/news-details.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 02 Mar 2024 06:10:38 GMT -->
</html>

MMCT - 2023