{"id":16,"date":"2026-04-13T07:22:19","date_gmt":"2026-04-13T07:22:19","guid":{"rendered":"https:\/\/webnetworktechnology.in\/shiv-dairy\/?page_id=16"},"modified":"2026-04-15T08:59:09","modified_gmt":"2026-04-15T08:59:09","slug":"home","status":"publish","type":"page","link":"https:\/\/webnetworktechnology.in\/shiv-dairy\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a8c10b e-con-full e-flex e-con e-parent\" data-id=\"4a8c10b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9157106 elementor-widget elementor-widget-html\" data-id=\"9157106\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700&family=Poppins:wght@300;400;500&display=swap');\r\n\r\n\/* HERO *\/\r\n.hero {\r\n  background: linear-gradient(135deg, #f7e6c4, #f3d08b);\r\n  padding: 60px 20px;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n.hero-container {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 40px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n\/* TEXT *\/\r\n.hero-text {\r\n  flex: 1;\r\n  animation: fadeUp 1s ease;\r\n}\r\n\r\n.hero-text h1 {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 52px;\r\n  line-height: 1.1;\r\n  color: #3b2a1d;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.hero-text span {\r\n  color: #c69214;\r\n}\r\n\r\n.hero-text p {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 16px;\r\n  color: #5a4632;\r\n  margin-bottom: 25px;\r\n  max-width: 480px;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n.hero-buttons a {\r\n  padding: 12px 26px;\r\n  border-radius: 50px;\r\n  text-decoration: none;\r\n  font-weight: 500;\r\n  margin-right: 10px;\r\n  display: inline-block;\r\n  transition: 0.3s;\r\n}\r\n\r\n.btn-primary {\r\n  background: #c69214;\r\n  color: #fff;\r\n}\r\n\r\n.btn-primary:hover {\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.btn-secondary {\r\n  border: 2px solid #c69214;\r\n  color: #c69214;\r\n}\r\n\r\n.btn-secondary:hover {\r\n  background: #c69214;\r\n  color: #fff;\r\n}\r\n\r\n\/* IMAGE *\/\r\n.hero-img {\r\n  flex: 1;\r\n  display: flex;\r\n  justify-content: center;\r\n  position: relative;\r\n  animation: fadeRight 1.2s ease;\r\n}\r\n\r\n\/* GOLD CIRCLE *\/\r\n.hero-circle {\r\n  width: 420px;\r\n  height: 420px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, #f9d976, #c69214);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  box-shadow: 0 20px 50px rgba(0,0,0,0.15);\r\n}\r\n\r\n\/* BIG IMAGE FIX *\/\r\n.hero-circle img {\r\n  width: 120%;\r\n  max-width: none;\r\n  object-fit: contain;\r\n  animation: float 4s ease-in-out infinite;\r\n}\r\n\r\n\/* BADGE *\/\r\n.hero-badge {\r\n  position: absolute;\r\n  bottom: 10px;\r\n  right: 0;\r\n  background: #fff;\r\n  padding: 10px 15px;\r\n  border-radius: 10px;\r\n  font-size: 12px;\r\n  box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* STATS *\/\r\n.hero-stats {\r\n  margin-top: 25px;\r\n  display: flex;\r\n  gap: 30px;\r\n}\r\n\r\n.hero-stats strong {\r\n  font-size: 18px;\r\n  color: #3b2a1d;\r\n}\r\n\r\n.hero-stats p {\r\n  font-size: 12px;\r\n  color: #6b5a45;\r\n}\r\n\r\n\/* ANIMATIONS *\/\r\n@keyframes fadeUp {\r\n  from { opacity: 0; transform: translateY(40px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes fadeRight {\r\n  from { opacity: 0; transform: translateX(40px); }\r\n  to { opacity: 1; transform: translateX(0); }\r\n}\r\n\r\n@keyframes float {\r\n  0% { transform: translateY(0); }\r\n  50% { transform: translateY(-12px); }\r\n  100% { transform: translateY(0); }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:768px){\r\n\r\n  .hero {\r\n    padding: 50px 15px;\r\n    text-align: center;\r\n  }\r\n\r\n  .hero-container {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .hero-text h1 {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .hero-text p {\r\n    margin: auto;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .hero-buttons {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .hero-img {\r\n    margin-top: 25px;\r\n  }\r\n\r\n  .hero-circle {\r\n    width: 260px;\r\n    height: 260px;\r\n  }\r\n\r\n  .hero-circle img {\r\n    width: 130%;\r\n  }\r\n\r\n  .hero-badge {\r\n    position: static;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .hero-stats {\r\n    justify-content: center;\r\n    gap: 20px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hero\">\r\n  <div class=\"hero-container\">\r\n\r\n    <!-- TEXT -->\r\n    <div class=\"hero-text\">\r\n      <h1>\r\n        Pure <span>Desi Ghee<\/span><br>\r\n        Straight from the Source\r\n      <\/h1>\r\n\r\n      <p>\r\n        Handcrafted using traditional methods, delivering rich aroma,\r\n        authentic taste, and unmatched purity in every spoon.\r\n      <\/p>\r\n\r\n      <div class=\"hero-buttons\">\r\n        <a href=\"https:\/\/webnetworktechnology.in\/shiv-dairy\/shop\/\" class=\"btn-primary\">\r\n          Order Now\r\n        <\/a>\r\n        <a href=\"https:\/\/webnetworktechnology.in\/shiv-dairy\/about-us\/\" class=\"btn-secondary\">\r\n          Our Story\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"hero-stats\">\r\n        <div><strong>40+<\/strong><p>Years<\/p><\/div>\r\n        <div><strong>99.7%<\/strong><p>Fat<\/p><\/div>\r\n        <div><strong>100%<\/strong><p>Natural<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- IMAGE -->\r\n    <div class=\"hero-img\">\r\n      <div class=\"hero-circle\">\r\n        <img decoding=\"async\" src=\"https:\/\/webnetworktechnology.in\/shiv-dairy\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-13-at-19.12.45-Copy-Edited.png\" alt=\"Shiv Dairy Ghee\">\r\n      <\/div>\r\n\r\n      <div class=\"hero-badge\">\r\n        \ud83c\udfc5 Certified Quality<br>FSSAI \u2022 ISO 9001\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23500c1 e-con-full e-flex e-con e-parent\" data-id=\"23500c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1838d6 elementor-widget elementor-widget-html\" data-id=\"e1838d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.features {\r\n  background: #fff7e6;\r\n  padding: 50px 20px;\r\n  overflow: hidden;\r\n}\r\n\r\n.features-container {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n  gap: 25px;\r\n  text-align: center;\r\n}\r\n\r\n\/* BOX *\/\r\n.feature-box {\r\n  background: #ffffff;\r\n  padding: 25px 20px;\r\n  border-radius: 14px;\r\n  box-shadow: 0 10px 25px rgba(0,0,0,0.08);\r\n\r\n  \/* Animation default state *\/\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n\/* ACTIVE ANIMATION *\/\r\n.feature-box.show {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* HOVER *\/\r\n.feature-box:hover {\r\n  transform: translateY(-8px) scale(1.03);\r\n  box-shadow: 0 15px 35px rgba(0,0,0,0.15);\r\n}\r\n\r\n\/* ICON *\/\r\n.feature-icon {\r\n  font-size: 30px;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n\/* TEXT *\/\r\n.feature-text {\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  color: #333;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:768px) {\r\n  .feature-text {\r\n    font-size: 13px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"features\">\r\n  <div class=\"features-container\">\r\n\r\n    <div class=\"feature-box\">\r\n      <div class=\"feature-icon\">\ud83c\udfc5<\/div>\r\n      <div class=\"feature-text\">ISO 9001:2015 Certified<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"feature-box\">\r\n      <div class=\"feature-icon\">\u2705<\/div>\r\n      <div class=\"feature-text\">FSSAI Licensed<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"feature-box\">\r\n      <div class=\"feature-icon\">\ud83c\udf3f<\/div>\r\n      <div class=\"feature-text\">No Preservatives<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"feature-box\">\r\n      <div class=\"feature-icon\">\ud83c\udfa8<\/div>\r\n      <div class=\"feature-text\">No Artificial Colours<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"feature-box\">\r\n      <div class=\"feature-icon\">\ud83c\uddee\ud83c\uddf3<\/div>\r\n      <div class=\"feature-text\">Proudly Made in Bharat<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst boxes = document.querySelectorAll('.feature-box');\r\n\r\nconst observer = new IntersectionObserver((entries) => {\r\n  entries.forEach((entry, index) => {\r\n    if (entry.isIntersecting) {\r\n      setTimeout(() => {\r\n        entry.target.classList.add('show');\r\n      }, index * 150); \/\/ stagger effect\r\n    }\r\n  });\r\n}, {\r\n  threshold: 0.2\r\n});\r\n\r\nboxes.forEach(box => observer.observe(box));\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b177ac2 e-flex e-con-boxed e-con e-parent\" data-id=\"b177ac2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e91759 elementor-widget elementor-widget-html\" data-id=\"3e91759\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.why-section {\r\n  background: #ffffff;\r\n  padding: 70px 20px;\r\n  font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n.why-container {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n}\r\n\r\n\/* HEADING *\/\r\n.why-top small {\r\n  color: #d4a017;\r\n  letter-spacing: 2px;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n}\r\n\r\n.why-top h2 {\r\n  font-size: 42px;\r\n  color: #2c1b0f;\r\n  margin: 15px 0;\r\n  line-height: 1.2;\r\n}\r\n\r\n.why-top p {\r\n  color: #666;\r\n  max-width: 500px;\r\n  font-size: 15px;\r\n}\r\n\r\n\/* GRID *\/\r\n.why-grid {\r\n  margin-top: 40px;\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(220px,1fr));\r\n  gap: 20px;\r\n}\r\n\r\n\/* CARDS *\/\r\n.why-card {\r\n  background: #fafafa;\r\n  padding: 25px;\r\n  border-radius: 16px;\r\n  transition: 0.3s;\r\n  border: 1px solid rgba(0,0,0,0.05);\r\n}\r\n\r\n.why-card:hover {\r\n  transform: translateY(-6px);\r\n  box-shadow: 0 12px 30px rgba(0,0,0,0.08);\r\n}\r\n\r\n\/* ICON *\/\r\n.why-icon {\r\n  font-size: 26px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n\/* TEXT *\/\r\n.why-card h4 {\r\n  font-size: 16px;\r\n  color: #2c1b0f;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.why-card p {\r\n  font-size: 13px;\r\n  color: #777;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:768px) {\r\n  .why-top h2 {\r\n    font-size: 28px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"why-section\">\r\n  <div class=\"why-container\">\r\n\r\n    <!-- TOP -->\r\n    <div class=\"why-top\">\r\n      <small>WHY DESI GHEE?<\/small>\r\n      <h2>5 Reasons to Make<br>Shiv Dairy Your Choice<\/h2>\r\n      <p>\r\n        Our ancestors knew it. Now science confirms it. \r\n        Pure ghee is more than a cooking fat \u2014 it's a wellness ritual.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- GRID -->\r\n    <div class=\"why-grid\">\r\n\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\">\ud83d\udee1\ufe0f<\/div>\r\n        <h4>Boosts Immunity<\/h4>\r\n        <p>Rich in antioxidants and vitamins that strengthen natural defenses.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\">\u2696\ufe0f<\/div>\r\n        <h4>Supports Weight Loss<\/h4>\r\n        <p>Contains CLA which supports healthy weight management.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\">\u2764\ufe0f<\/div>\r\n        <h4>Heart Health<\/h4>\r\n        <p>Healthy fatty acids support cardiovascular wellness.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\">\ud83e\udde0<\/div>\r\n        <h4>Brain Function<\/h4>\r\n        <p>Improves focus, memory, and mental clarity.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\">\ud83c\udf19<\/div>\r\n        <h4>Better Sleep<\/h4>\r\n        <p>Traditional remedy to promote calm and restful sleep.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\">\ud83d\udd25<\/div>\r\n        <h4>High Smoke Point<\/h4>\r\n        <p>Perfect for Indian cooking with high heat stability.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5bb0c86 e-con-full e-flex e-con e-parent\" data-id=\"5bb0c86\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bce2f39 elementor-widget elementor-widget-html\" data-id=\"bce2f39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.nutrition-section {\r\n  background: #f5efe6;\r\n  padding: 50px 20px;\r\n  font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n.container {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n}\r\n\r\n\/* HEADING *\/\r\n.top small {\r\n  color: #c89b3c;\r\n  letter-spacing: 2px;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n}\r\n\r\n.top h2 {\r\n  font-size: 40px;\r\n  color: #2c1b0f;\r\n  margin: 10px 0 30px;\r\n}\r\n\r\n\/* GRID *\/\r\n.grid {\r\n  display: flex;\r\n  gap: 40px;\r\n}\r\n\r\n\/* TABLE *\/\r\n.table-box {\r\n  flex: 1;\r\n  background: #fff;\r\n  border-radius: 14px;\r\n  overflow: hidden;\r\n  box-shadow: 0 8px 25px rgba(0,0,0,0.05);\r\n\r\n  animation: fadeUp 0.8s ease forwards;\r\n}\r\n\r\ntable {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n}\r\n\r\nth {\r\n  background: #4b2e1a;\r\n  color: #fff;\r\n  padding: 14px;\r\n  font-size: 14px;\r\n}\r\n\r\ntd {\r\n  padding: 12px;\r\n  font-size: 14px;\r\n  border-bottom: 1px solid #eee;\r\n}\r\n\r\ntr:hover td {\r\n  background: #faf7f2;\r\n}\r\n\r\n\/* PROCESS *\/\r\n.process {\r\n  flex: 1;\r\n  animation: fadeUp 1s ease forwards;\r\n}\r\n\r\n.process h3 {\r\n  font-size: 26px;\r\n  color: #2c1b0f;\r\n}\r\n\r\n.process p {\r\n  font-size: 14px;\r\n  color: #666;\r\n  margin: 15px 0 25px;\r\n}\r\n\r\n\/* STEPS *\/\r\n.step {\r\n  display: flex;\r\n  margin-bottom: 15px;\r\n  animation: slideIn 0.6s ease forwards;\r\n}\r\n\r\n.step-number {\r\n  background: #c89b3c;\r\n  color: #fff;\r\n  width: 32px;\r\n  height: 32px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-right: 10px;\r\n  font-size: 14px;\r\n}\r\n\r\n.step-text strong {\r\n  display: block;\r\n  font-size: 14px;\r\n}\r\n\r\n.step-text span {\r\n  font-size: 12px;\r\n  color: #777;\r\n}\r\n\r\n\/* ANIMATIONS *\/\r\n@keyframes fadeUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes slideIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(20px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:768px) {\r\n  .grid {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .top h2 {\r\n    font-size: 28px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"nutrition-section\">\r\n  <div class=\"container\">\r\n\r\n    <div class=\"top\">\r\n      <small>NUTRITIONAL INFO<\/small>\r\n      <h2>What's Inside Every Jar<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"grid\">\r\n\r\n      <!-- TABLE -->\r\n      <div class=\"table-box\">\r\n        <table>\r\n          <tr>\r\n            <th>Nutritional Parameter<\/th>\r\n            <th>Unit<\/th>\r\n            <th>Per 100g<\/th>\r\n          <\/tr>\r\n          <tr>\r\n            <td>Energy<\/td>\r\n            <td>kcal<\/td>\r\n            <td>897.57<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>Protein<\/td>\r\n            <td>%<\/td>\r\n            <td>0.0<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>Carbohydrate<\/td>\r\n            <td>%<\/td>\r\n            <td>0.0<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>Fat<\/td>\r\n            <td>%<\/td>\r\n            <td>99.73<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>Vitamin A<\/td>\r\n            <td>mcg<\/td>\r\n            <td>820.14<\/td>\r\n          <\/tr>\r\n        <\/table>\r\n      <\/div>\r\n\r\n      <!-- PROCESS -->\r\n      <div class=\"process\">\r\n        <h3>Traditional Process,<br>Modern Purity<\/h3>\r\n\r\n        <p>\r\n          Crafted using the traditional bilona method \u2014 slow-cooked,\r\n          pure, and free from chemicals.\r\n        <\/p>\r\n\r\n        <div class=\"step\">\r\n          <div class=\"step-number\">1<\/div>\r\n          <div class=\"step-text\">\r\n            <strong>Fresh Milk<\/strong>\r\n            <span>From healthy cows & buffaloes<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"step\">\r\n          <div class=\"step-number\">2<\/div>\r\n          <div class=\"step-text\">\r\n            <strong>Slow Heating<\/strong>\r\n            <span>Careful traditional process<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"step\">\r\n          <div class=\"step-number\">3<\/div>\r\n          <div class=\"step-text\">\r\n            <strong>Filtering<\/strong>\r\n            <span>Pure golden ghee extracted<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"step\">\r\n          <div class=\"step-number\">4<\/div>\r\n          <div class=\"step-text\">\r\n            <strong>Quality Check<\/strong>\r\n            <span>ISO & FSSAI certified<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd0bef8 e-con-full e-flex e-con e-parent\" data-id=\"dd0bef8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d35d58 elementor-widget elementor-widget-html\" data-id=\"3d35d58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.contact-section {\r\n  background: linear-gradient(135deg, #fff8ec, #ffffff);\r\n  padding: 80px 20px;\r\n  font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n.contact-container {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n  display: grid;\r\n  grid-template-columns: 1.1fr 1fr;\r\n  gap: 60px;\r\n  align-items: center;\r\n}\r\n\r\n\/* LEFT *\/\r\n.contact-left small {\r\n  color: #c89b3c;\r\n  letter-spacing: 2px;\r\n  font-weight: 600;\r\n}\r\n\r\n.contact-left h2 {\r\n  font-size: 44px;\r\n  font-weight: 700;\r\n  margin: 15px 0;\r\n  line-height: 1.2;\r\n}\r\n\r\n.contact-left p {\r\n  color: #555;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n\/* INFO CARDS *\/\r\n.contact-info {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  margin-bottom: 18px;\r\n  background: #fff;\r\n  padding: 14px 16px;\r\n  border-radius: 12px;\r\n  box-shadow: 0 8px 20px rgba(0,0,0,0.05);\r\n  transition: 0.3s;\r\n}\r\n\r\n.contact-info:hover {\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* ICON *\/\r\n.contact-icon {\r\n  width: 40px;\r\n  height: 40px;\r\n  background: #c89b3c;\r\n  color: #fff;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 18px;\r\n}\r\n\r\n\/* FORM CARD *\/\r\n.contact-form {\r\n  background: #ffffff;\r\n  padding: 35px;\r\n  border-radius: 20px;\r\n  box-shadow: 0 25px 60px rgba(0,0,0,0.08);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* GLOW EFFECT *\/\r\n.contact-form::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 200px;\r\n  height: 200px;\r\n  background: #ffd27a;\r\n  top: -50px;\r\n  right: -50px;\r\n  border-radius: 50%;\r\n  opacity: 0.2;\r\n}\r\n\r\n\/* TITLE *\/\r\n.contact-form h3 {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n\/* INPUTS *\/\r\n.contact-form input,\r\n.contact-form textarea {\r\n  width: 100%;\r\n  padding: 14px;\r\n  border-radius: 12px;\r\n  border: 1px solid #eee;\r\n  margin-bottom: 15px;\r\n  font-size: 14px;\r\n  background: #fafafa;\r\n  transition: 0.3s;\r\n}\r\n\r\n.contact-form input:focus,\r\n.contact-form textarea:focus {\r\n  border-color: #c89b3c;\r\n  background: #fff;\r\n}\r\n\r\n\/* TEXTAREA *\/\r\n.contact-form textarea {\r\n  height: 120px;\r\n}\r\n\r\n\/* BUTTON GROUP *\/\r\n.contact-buttons {\r\n  display: flex;\r\n  gap: 15px;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.btn {\r\n  flex: 1;\r\n  padding: 14px;\r\n  border-radius: 40px;\r\n  text-align: center;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  transition: 0.3s;\r\n}\r\n\r\n\/* WHATSAPP *\/\r\n.btn-whatsapp {\r\n  background: #25D366;\r\n  color: #fff;\r\n}\r\n\r\n.btn-whatsapp:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 10px 25px rgba(37,211,102,0.4);\r\n}\r\n\r\n\/* CALL *\/\r\n.btn-call {\r\n  background: linear-gradient(135deg, #c89b3c, #e6b85c);\r\n  color: #fff;\r\n}\r\n\r\n.btn-call:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 10px 25px rgba(200,155,60,0.4);\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:768px){\r\n  .contact-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n\r\n  .contact-left h2 {\r\n    font-size: 30px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"contact-section\">\r\n  <div class=\"contact-container\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"contact-left\">\r\n      <small>GET IN TOUCH<\/small>\r\n      <h2>Order Bulk or Ask Us Anything<\/h2>\r\n      <p>Fast response, trusted quality and best pricing.<\/p>\r\n\r\n      <div class=\"contact-info\">\r\n        <div class=\"contact-icon\">\ud83d\udccd<\/div>\r\n        Dadri, Uttar Pradesh\r\n      <\/div>\r\n\r\n      <div class=\"contact-info\">\r\n        <div class=\"contact-icon\">\ud83d\udcde<\/div>\r\n        +91 9999308159\r\n      <\/div>\r\n\r\n      <div class=\"contact-info\">\r\n        <div class=\"contact-icon\">\u2709\ufe0f<\/div>\r\n        contact@shivdairy.com\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FORM -->\r\n    <div class=\"contact-form\">\r\n      <h3>Send Enquiry<\/h3>\r\n\r\n      <input type=\"text\" id=\"name\" placeholder=\"Your Name\">\r\n      <input type=\"text\" id=\"phone\" placeholder=\"Phone Number\">\r\n      <input type=\"email\" id=\"email\" placeholder=\"Email Address\">\r\n      <textarea id=\"message\" placeholder=\"Your Requirement\"><\/textarea>\r\n\r\n      <div class=\"contact-buttons\">\r\n        <a href=\"#\" class=\"btn btn-whatsapp\" onclick=\"sendWhatsApp()\">WhatsApp<\/a>\r\n        <a href=\"tel:+919999308159\" class=\"btn btn-call\">Call Now<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nfunction sendWhatsApp() {\r\n  let name = document.getElementById(\"name\").value;\r\n  let phone = document.getElementById(\"phone\").value;\r\n  let email = document.getElementById(\"email\").value;\r\n  let message = document.getElementById(\"message\").value;\r\n\r\n  let text = `Hello Shiv Dairy,%0A\r\nName: ${name}%0A\r\nPhone: ${phone}%0A\r\nEmail: ${email}%0A\r\nMessage: ${message}`;\r\n\r\n  let url = \"https:\/\/wa.me\/919999308159?text=\" + text;\r\n  window.open(url, \"_blank\");\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30adfef e-con-full e-flex e-con e-parent\" data-id=\"30adfef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fc97de elementor-widget elementor-widget-html\" data-id=\"2fc97de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<!-- GOOGLE FONT -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n  font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n\/* SECTION *\/\r\n.story-section {\r\n  background: #ffffff;\r\n  padding: 80px 20px;\r\n}\r\n\r\n.story-container {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 60px;\r\n}\r\n\r\n\/* IMAGE SIDE *\/\r\n.story-image {\r\n  flex: 1;\r\n  position: relative;\r\n}\r\n\r\n.story-image-box {\r\n  background: linear-gradient(135deg,#fff7e6,#ffe4b5);\r\n  border-radius: 20px;\r\n  padding: 40px;\r\n  text-align: center;\r\n  box-shadow: 0 20px 40px rgba(0,0,0,0.08);\r\n\r\n  animation: fadeUp 1s ease;\r\n}\r\n\r\n.story-image img {\r\n  width: 100%;\r\n  max-width: 420px;\r\n  transition: 0.5s ease;\r\n}\r\n\r\n.story-image img:hover {\r\n  transform: scale(1.05);\r\n}\r\n\r\n\/* BADGE *\/\r\n.year-badge {\r\n  position: absolute;\r\n  bottom: -25px;\r\n  right: 20px;\r\n  background: #4b2e1a;\r\n  color: #fff;\r\n  padding: 20px 25px;\r\n  border-radius: 14px;\r\n  text-align: center;\r\n  box-shadow: 0 10px 25px rgba(0,0,0,0.2);\r\n\r\n  animation: fadeUp 1.2s ease;\r\n}\r\n\r\n.year-badge strong {\r\n  font-size: 26px;\r\n  display: block;\r\n}\r\n\r\n.year-badge span {\r\n  font-size: 12px;\r\n  opacity: 0.8;\r\n}\r\n\r\n\/* TEXT SIDE *\/\r\n.story-text {\r\n  flex: 1;\r\n  animation: fadeUp 1s ease;\r\n}\r\n\r\n.story-text small {\r\n  color: #c89b3c;\r\n  letter-spacing: 2px;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n}\r\n\r\n.story-text h2 {\r\n  font-size: 42px;\r\n  color: #2c1b0f;\r\n  margin: 10px 0 20px;\r\n  line-height: 1.3;\r\n}\r\n\r\n.story-text p {\r\n  font-size: 15px;\r\n  color: #555;\r\n  margin-bottom: 15px;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* BADGES *\/\r\n.story-badges {\r\n  margin-top: 25px;\r\n}\r\n\r\n.story-badges span {\r\n  display: inline-block;\r\n  background: #fff4dc;\r\n  color: #8a5c00;\r\n  padding: 10px 18px;\r\n  border-radius: 30px;\r\n  font-size: 13px;\r\n  margin: 5px;\r\n  border: 1px solid #f1d39b;\r\n  transition: 0.3s;\r\n}\r\n\r\n.story-badges span:hover {\r\n  background: #c89b3c;\r\n  color: #fff;\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* ANIMATION *\/\r\n@keyframes fadeUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:768px) {\r\n  .story-container {\r\n    flex-direction: column;\r\n    text-align: center;\r\n    gap: 40px;\r\n  }\r\n\r\n  .story-text h2 {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .story-image-box {\r\n    padding: 25px;\r\n  }\r\n\r\n  .year-badge {\r\n    position: relative;\r\n    margin-top: 20px;\r\n    right: auto;\r\n  }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"story-section\">\r\n  <div class=\"story-container\">\r\n\r\n    <!-- IMAGE -->\r\n    <div class=\"story-image\">\r\n      <div class=\"story-image-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/webnetworktechnology.in\/shiv-dairy\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-13-at-19.12.45-Copy-Edited.png\" alt=\"Shiv Dairy Product\">\r\n      <\/div>\r\n\r\n      <div class=\"year-badge\">\r\n        <strong>1984<\/strong>\r\n        <span>Year Established<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- TEXT -->\r\n    <div class=\"story-text\">\r\n      <small>OUR STORY<\/small>\r\n\r\n      <h2>\r\n        Rooted in Tradition,<br>\r\n        Committed to Purity\r\n      <\/h2>\r\n\r\n      <p>\r\n        Shiv Dairy was founded in 1984 in Dadri, Uttar Pradesh.\r\n        For over 40+ years, we have been crafting authentic Desi Ghee\r\n        using traditional techniques passed down through generations.\r\n      <\/p>\r\n\r\n      <p>\r\n        Our mission is to deliver pure, natural, and high-quality ghee\r\n        to every Indian household with trust and excellence.\r\n      <\/p>\r\n\r\n      <div class=\"story-badges\">\r\n        <span>\u2714 FSSAI Certified<\/span>\r\n        <span>\u2714 ISO 9001:2015<\/span>\r\n        <span>\u2714 40+ Years Legacy<\/span>\r\n        <span>\u2714 Lab Tested<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pure Desi Ghee Straight from the Source Handcrafted using traditional methods, delivering rich aroma, authentic taste, and unmatched purity in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webnetworktechnology.in\/shiv-dairy\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webnetworktechnology.in\/shiv-dairy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webnetworktechnology.in\/shiv-dairy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webnetworktechnology.in\/shiv-dairy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webnetworktechnology.in\/shiv-dairy\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":65,"href":"https:\/\/webnetworktechnology.in\/shiv-dairy\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":179,"href":"https:\/\/webnetworktechnology.in\/shiv-dairy\/wp-json\/wp\/v2\/pages\/16\/revisions\/179"}],"wp:attachment":[{"href":"https:\/\/webnetworktechnology.in\/shiv-dairy\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}