[UPDT] : Apr 25 index updated 'auto_database_backup'

auto_database_backup/static/description/assets/icons/copylink.svg

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="138" height="36" viewBox="0 0 138 36">
+	<path transform="matrix(1 0 0 1 0 0)" d="M6 0C2.68629 0 0 2.68629 0 6L0 30C0 33.3137 2.68629 36 6 36L116.281 36C119.595 36 122.281 33.3137 122.281 30L122.281 6C122.281 2.68629 119.595 0 116.281 0L6 0Z" fill-rule="nonzero" fill="rgb(127, 40, 155)"/>
+	<defs>
+		<clipPath id="clipPath8069831620">
+			<path transform="matrix(1 0 0 1 16 10)" d="M0 0L16 0L16 16L0 16L0 0Z" fill-rule="nonzero"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clipPath8069831620)">
+		<defs>
+			<clipPath id="clipPath0353225982">
+				<path transform="matrix(1 0 0 1 16 10)" d="M0 0L16 0L16 16L0 16L0 0Z" fill-rule="nonzero"/>
+			</clipPath>
+		</defs>
+		<g clip-path="url(#clipPath0353225982)">
+			<path transform="matrix(1 0 0 1 20 14)" d="M-0.5 1.78125C-0.5 0.52135 0.52135 -0.5 1.78125 -0.5L8.71875 -0.5C9.97865 -0.5 11 0.52135 11 1.78125L11 8.71875C11 9.97865 9.97865 11 8.71875 11L1.78125 11C0.52135 11 -0.5 9.97865 -0.5 8.71875L-0.5 1.78125ZM1.78125 0.5C1.07364 0.5 0.5 1.07364 0.5 1.78125L0.5 8.71875C0.5 9.42636 1.07364 10 1.78125 10L8.71875 10C9.42636 10 10 9.42636 10 8.71875L10 1.78125C10 1.07364 9.42636 0.5 8.71875 0.5L1.78125 0.5Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+			<path transform="matrix(1 0 0 1 17.5 11.5)" d="M9.99998 1.74595L9.98448 2.48959C9.97873 2.76567 10.1979 2.99414 10.474 2.99989C10.75 3.00564 10.9785 2.78649 10.9843 2.51041L11 1.74858Q10.9974 0.818284 10.3395 0.160467Q9.68172 -0.497352 8.75142 -0.499998L2 -0.5Q0.964869 -0.496943 0.233963 0.233963Q-0.496943 0.96487 -0.499998 1.99852L-0.5 8.75Q-0.497352 9.68171 0.160467 10.3395Q0.818284 10.9973 1.74858 11L2.5 11C2.77614 11 3 10.7761 3 10.5C3 10.2239 2.77614 10 2.5 10L1.75142 10Q1.23368 9.99853 0.867574 9.63243Q0.501471 9.26632 0.5 8.75L0.499998 2.00148Q0.501834 1.38031 0.94107 0.94107Q1.38031 0.501834 2 0.5L8.74858 0.499998Q9.26632 0.501471 9.63243 0.867574Q9.99659 1.23174 9.99998 1.74595Z" fill-rule="evenodd" fill="rgb(255, 255, 255)"/>
+		</g>
+	</g>
+	<path transform="matrix(1 0 0 1 40 8)" d="M9.57373 8.12646L8.02539 8.12646Q7.93311 7.63086 7.69043 7.25488Q7.44775 6.87549 7.0957 6.6123Q6.74365 6.34912 6.30615 6.21582Q5.87207 6.08252 5.38672 6.08252Q4.50488 6.08252 3.81104 6.52344Q3.11719 6.96436 2.71387 7.81885Q2.31396 8.67334 2.31396 9.91064Q2.31396 11.1548 2.71729 12.0093Q3.12061 12.8604 3.81445 13.2979Q4.5083 13.7354 5.37988 13.7354Q5.86523 13.7354 6.29932 13.6055Q6.7334 13.4722 7.08545 13.2158Q7.4375 12.9595 7.68359 12.5835Q7.92969 12.2075 8.02539 11.7188L9.57373 11.7222Q9.45068 12.4775 9.09521 13.103Q8.73975 13.7285 8.18604 14.1865Q7.63232 14.6445 6.92139 14.894Q6.21045 15.1401 5.36963 15.1401Q4.04688 15.1401 3.01123 14.5112Q1.979 13.8789 1.38428 12.7065Q0.792969 11.5342 0.792969 9.91064Q0.792969 8.28027 1.3877 7.10791Q1.98584 5.93555 3.01807 5.30664Q4.05371 4.67773 5.36963 4.67773Q6.17969 4.67773 6.88379 4.91016Q7.58789 5.14258 8.14844 5.58691Q8.70898 6.03125 9.07812 6.67041Q9.44727 7.30957 9.57373 8.12646Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<path transform="matrix(1 0 0 1 40 8)" d="M14.5103 15.1538Q13.4371 15.1538 12.6373 14.6616Q11.8375 14.1694 11.3932 13.2842Q10.9522 12.3989 10.9522 11.2163Q10.9522 10.0269 11.3932 9.13818Q11.8375 8.24951 12.6373 7.75732Q13.4371 7.26514 14.5103 7.26514Q15.587 7.26514 16.3868 7.75732Q17.1866 8.24951 17.6275 9.13818Q18.0719 10.0269 18.0719 11.2163Q18.0719 12.3989 17.6275 13.2842Q17.1866 14.1694 16.3868 14.6616Q15.587 15.1538 14.5103 15.1538ZM14.5172 13.9062Q15.2144 13.9062 15.669 13.5371Q16.127 13.168 16.3492 12.5562Q16.5714 11.9443 16.5714 11.2129Q16.5714 10.4814 16.3492 9.86621Q16.127 9.25098 15.669 8.87842Q15.2144 8.50586 14.5172 8.50586Q13.8131 8.50586 13.3551 8.87842Q12.8971 9.25098 12.6749 9.86621Q12.4527 10.4814 12.4527 11.2129Q12.4527 11.9443 12.6749 12.5562Q12.8971 13.168 13.3551 13.5371Q13.8131 13.9062 14.5172 13.9062Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<path transform="matrix(1 0 0 1 40 8)" d="M19.7257 17.8643L19.7257 7.36426L21.1783 7.36426L21.1783 8.60156L21.3014 8.60156Q21.4347 8.3623 21.6774 8.05127Q21.92 7.73682 22.3541 7.50098Q22.7882 7.26514 23.4957 7.26514Q24.4186 7.26514 25.1432 7.7334Q25.8712 8.19824 26.2848 9.08008Q26.7018 9.9585 26.7018 11.1992Q26.7018 12.4331 26.2882 13.3184Q25.8781 14.2002 25.1569 14.6753Q24.4357 15.147 23.5094 15.147Q22.8121 15.147 22.3746 14.9146Q21.9371 14.6821 21.6842 14.3711Q21.4347 14.0566 21.3014 13.8105L21.2125 13.8105L21.2125 17.8643L19.7257 17.8643ZM21.1852 11.1821Q21.1852 11.9854 21.4176 12.5938Q21.65 13.2021 22.0944 13.5439Q22.5387 13.8823 23.1779 13.8823Q23.8409 13.8823 24.2887 13.5269Q24.7399 13.1714 24.9689 12.5596Q25.1979 11.9478 25.1979 11.1821Q25.1979 10.4233 24.9723 9.8252Q24.7467 9.22363 24.299 8.87842Q23.8512 8.52979 23.1779 8.52979Q22.5284 8.52979 22.0841 8.86133Q21.6432 9.19287 21.4142 9.79102Q21.1852 10.3857 21.1852 11.1821Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<path transform="matrix(1 0 0 1 40 8)" d="M29.0357 17.8643Q28.7007 17.8643 28.4273 17.8096Q28.1572 17.7583 28.0205 17.7002L28.3794 16.48Q28.7896 16.5928 29.1074 16.5757Q29.4253 16.5586 29.668 16.333Q29.9141 16.1108 30.1055 15.605L30.2901 15.0991L27.4942 7.36426L29.0869 7.36426L31.0181 13.291L31.1001 13.291L33.0347 7.36426L34.6309 7.36426L31.4795 16.0186Q31.2642 16.6167 30.9258 17.0303Q30.5874 17.4438 30.1192 17.6523Q29.6509 17.8643 29.0357 17.8643Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<path transform="matrix(1 0 0 1 40 8)" d="M39.8536 15L39.8536 4.81787L41.3917 4.81787L41.3917 13.6807L46.0026 13.6807L46.0026 15L39.8536 15Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<path transform="matrix(1 0 0 1 40 8)" d="M47.6337 15L47.6337 7.36426L49.1205 7.36426L49.1205 15L47.6337 15ZM48.3857 6.18506Q47.9995 6.18506 47.7226 5.92529Q47.4457 5.66553 47.4457 5.2998Q47.4457 4.93408 47.7226 4.67432Q47.9995 4.41113 48.3857 4.41113Q48.7719 4.41113 49.0488 4.67432Q49.3256 4.93408 49.3256 5.2998Q49.3256 5.66553 49.0488 5.92529Q48.7719 6.18506 48.3857 6.18506Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<path transform="matrix(1 0 0 1 40 8)" d="M52.6056 10.4644L52.6056 15L51.1188 15L51.1188 7.36426L52.5475 7.36426L52.5475 8.6084L52.6432 8.6084Q52.9064 7.99658 53.4703 7.63086Q54.0343 7.26514 54.8922 7.26514Q55.6749 7.26514 56.2594 7.59326Q56.8473 7.91797 57.172 8.56055Q57.4967 9.19971 57.4933 10.1431L57.4933 15L56.0065 15L56.0065 10.3242Q56.0065 9.49023 55.5758 9.02197Q55.1451 8.55371 54.3898 8.55371Q53.8702 8.55371 53.4669 8.7793Q53.067 9.00146 52.838 9.42871Q52.609 9.85596 52.6056 10.4644Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<path transform="matrix(1 0 0 1 40 8)" d="M60.848 12.4092L60.8378 10.5977L61.101 10.5977L64.1429 7.36426L65.9203 7.36426L62.451 11.042L62.2186 11.042L60.848 12.4092ZM59.4808 15L59.4808 4.81787L60.9677 4.81787L60.9677 15L59.4808 15ZM64.307 15L61.5692 11.3735L62.5946 10.3311L66.1288 15L64.307 15Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<defs>
+		<clipPath id="clipPath7663832060">
+			<path transform="matrix(1 0 0 1 114 7.5)" d="M0 0L24 0L24 24L0 24L0 0Z" fill-rule="nonzero"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clipPath7663832060)">
+		<path transform="matrix(1 0 0 1 121.5 13.4378)" d="M0 6.0622L0 0L5.25 3.0311L10.5 6.0622L5.25 9.0933L0 12.1244L0 6.0622Z" fill-rule="nonzero" fill="rgb(127, 40, 155)"/>
+		<path transform="matrix(1 0 0 1 121.5 13.4378)" d="M-1 6.0622L-1 0Q-1 -0.0984914 -0.980785 -0.19509Q-0.96157 -0.291689 -0.923879 -0.382683Q-0.886188 -0.473678 -0.83147 -0.55557Q-0.776751 -0.637463 -0.707107 -0.707107Q-0.637463 -0.776751 -0.55557 -0.831469Q-0.473678 -0.886188 -0.382683 -0.923879Q-0.291689 -0.961571 -0.19509 -0.980785Q-0.0984914 -1 0 -1Q0.26795 -1 0.500001 -0.866025L5.75 2.16508L11 5.19618Q11.0853 5.24542 11.1593 5.31036Q11.2334 5.3753 11.2934 5.45344Q11.3533 5.53158 11.3969 5.61991Q11.4404 5.70825 11.4659 5.80338Q11.4914 5.89852 11.4979 5.9968Q11.5043 6.09508 11.4914 6.19273Q11.4786 6.29038 11.4469 6.38364Q11.4153 6.4769 11.366 6.5622Q11.232 6.79425 11 6.92822L5.75 9.95932L0.500002 12.9904Q0.414706 13.0397 0.321441 13.0713Q0.228177 13.103 0.130528 13.1158Q0.0328792 13.1287 -0.0654014 13.1223Q-0.163682 13.1158 -0.258817 13.0903Q-0.353953 13.0648 -0.442287 13.0213Q-0.530621 12.9777 -0.60876 12.9178Q-0.686899 12.8578 -0.751839 12.7837Q-0.816779 12.7097 -0.866025 12.6244Q-1 12.3924 -1 12.1244L-1 6.0622ZM1 6.0622L1 12.1244L0 12.1244L-0.500002 11.2584L4.75 8.22727L10 5.19618L10.5 6.0622L10 6.92822L4.75 3.89712L-0.500001 0.866025L0 0L1 0L1 6.0622Z" fill-rule="nonzero" fill="rgb(127, 40, 155)"/>
+	</g>
+</svg>

auto_database_backup/static/description/index.html

@@ -261,57 +261,51 @@
                         <img src="./assets/icons/patter.svg">
                     </div>
                 </div>
-                <section class="oe_container pb-5">
+
+                 <!-- video blog link section  -->
+
+                <div style="background-color: #ffffff; border: 1px solid #e7e7e7; padding: 40px; border-radius: 12px; text-align: center; color: #000; margin-top: 34px;">
+                  <h1 style="font-size: 32px; font-weight: bold; margin-bottom: 0px;">
+                    Blog and Video Details
+                  </h1>
+                  <div style="margin-top: 30px;display: flex; gap: 20px; justify-content: center; align-items: center;">
+                    <div style="width: 100%;">
+                      <div style="background-color: #F7F3FF; min-height: 289px; border-radius: 12px; padding: 32px; text-align: left;">
+                          <div style="margin-bottom: 24px;">
+                              <img src="./assets/icons/blog-icon.png" style="padding: 10px; background-color: #E9E4F5;border-radius: 12px;">
+                          </div>
+                          <h3 style="color: #121212; font-size: 24px; font-weight: 700; margin-bottom: 12px;">Read Blog</h3>
+                          <p style="color: #666666; font-size: 16px; margin-bottom: 24px;">Read Our Detailed Blog</p>
+                          <div style="display: flex; align-items: center; gap: 12px; background-color: black; padding: 8px; border-radius: 8px;">
+                            <div>
+                                <img src="./assets/icons/copylink.svg">
+                            </div>
+                            <p style="padding-top: 7px; border: none; width: 368px; background: transparent; outline: none; color: #fff;text-overflow: ellipsis !important; margin: 0; overflow: hidden !important; white-space: nowrap;font-weight: bold;">
+                                https://www.cybrosys.com/blog/how-to-manage-automatic-database-backup-in-odoo-18
+                            </p>
+                          </div>
+                      </div>
+                     </div>
+                  <div style="width: 100%;">
+                  <div style="background-color: #FFF5F5;  min-height: 289px; border-radius: 12px; padding: 32px; text-align: left;margin-left: 30px;">
+                      <div style="margin-bottom: 24px;">
+                          <img src="./assets/icons/youtube-icon.png" style="padding: 10px; background-color: #FFDCDC;border-radius: 12px;">
+                      </div>
+                      <h3 style="color: #121212; font-size: 24px; font-weight: 700; margin-bottom: 12px;">Video Tutorial</h3>
+                      <p style="color: #666666; font-size: 16px; margin-bottom: 28px;">Watch Detailed Demo on Youtube</p>
+                      <a href="https://www.youtube.com/watch?v=Q2yMZyYjuTI" target="_blank" style="display: inline-block; text-decoration: none; background-color: #FF3636; color: white; width: 100%; text-align: center; padding: 13px 32px; border-radius: 8px; font-weight: bold;">Watch Demo</a>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+                 <!-- Requirements -->
+                <section class="oe_container">
                     <div class="mt64 mb64">
                         <div class="col-sm-12 py-4">
 
                             <div class="alert alert-primary mt-4"
                                  style="color: #000;background-color: #f8f8f8;border: 1px solid #dcdcdc;border-radius: 16px;">
-                                                            <div style="display: flex; justify-content: center; gap: 12px; z-index: 999; margin-bottom: 40px;">
-          <a href="#" style="background-color: #FF0000;padding: 12px 24px; border-radius: 6px; color: #fff; text-decoration: none; border-radius: 35px; display: flex; align-items: center;gap: 8px; "><svg xmlns="http://www.w3.org/2000/svg" width="20" height="18" viewBox="0 0 20 18" fill="none">
-            <g clip-path="url(#clip0_402_260)">
-              <mask id="mask0_402_260" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="18">
-                <path d="M0 0H20V17.7778H0V0Z" fill="white"/>
-              </mask>
-              <g mask="url(#mask0_402_260)">
-                <mask id="mask1_402_260" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="18">
-                  <path d="M0 0H20V17.7778H0V0Z" fill="white"/>
-                </mask>
-                <g mask="url(#mask1_402_260)">
-                  <path d="M19.0853 4.8173C18.8672 4.08737 18.2247 3.51249 17.4088 3.3174C15.93 2.96289 10 2.96289 10 2.96289C10 2.96289 4.07018 2.96289 2.59133 3.3174C1.77546 3.51252 1.13289 4.08737 0.914805 4.8173C0.518555 6.14036 0.518555 8.90079 0.518555 8.90079C0.518555 8.90079 0.518555 11.6612 0.914805 12.9843C1.13289 13.7142 1.77546 14.2652 2.59133 14.4602C4.07018 14.8148 10 14.8148 10 14.8148C10 14.8148 15.93 14.8148 17.4088 14.4602C18.2247 14.2652 18.8672 13.7142 19.0853 12.9843C19.4816 11.6612 19.4816 8.90079 19.4816 8.90079C19.4816 8.90079 19.4816 6.14036 19.0853 4.8173ZM8.06063 11.4071V6.39453L13.0169 8.90085L8.06063 11.4071Z" fill="white"/>
-                </g>
-              </g>
-            </g>
-            <defs>
-              <clipPath id="clip0_402_260">
-                <rect width="20" height="17.7773" fill="white"/>
-              </clipPath>
-            </defs>
-          </svg>Watch Demo on YouTube</a>
-          <a href="#" style="background-color: #2D2D2D;padding: 12px 24px; border-radius: 6px; color: #fff; text-decoration: none;  border-radius: 35px; display: flex; align-items: center;gap: 8px; ">
-            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
-              <g clip-path="url(#clip0_402_250)">
-                <mask id="mask0_402_250" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
-                  <path d="M0 0H20V20H0V0Z" fill="white"/>
-                </mask>
-                <g mask="url(#mask0_402_250)">
-                  <mask id="mask1_402_250" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
-                    <path d="M0 0H20V20H0V0Z" fill="white"/>
-                  </mask>
-                  <g mask="url(#mask1_402_250)">
-                    <path d="M6.72656 8.85934C6.15625 8.74606 5.625 9.207 5.625 9.78903V11.7578C5.625 12.1562 5.90234 12.4765 6.27734 12.6171C6.98828 12.8828 7.5 13.5703 7.5 14.3749C7.5 15.4101 6.66016 16.2499 5.625 16.2499C4.58984 16.2499 3.75 15.4101 3.75 14.3749V4.68747C3.75 4.16794 3.33203 3.74997 2.8125 3.74997H0.9375C0.417969 3.74997 0 4.16794 0 4.68747V14.3749C0 17.871 3.20703 20.6328 6.83594 19.871C8.96094 19.4257 10.6758 17.707 11.1211 15.5859C11.8008 12.3476 9.67578 9.44528 6.72656 8.85934ZM8.16406 -2.98328e-05C7.80469 -0.0195611 7.5 0.265595 7.5 0.62497V1.85934C7.5 2.19137 7.75781 2.46481 8.08594 2.48044C13.1406 2.75387 17.2031 6.85543 17.4961 11.914C17.5156 12.2421 17.7891 12.4999 18.1172 12.4999H19.3711C19.7305 12.4999 20.0156 12.1953 19.9961 11.8359C19.6641 5.4609 14.5391 0.335907 8.16406 -2.98328e-05ZM8.17578 3.74997C7.8125 3.72262 7.5 4.01169 7.5 4.37887V5.63278C7.5 5.9609 7.75391 6.23044 8.07812 6.25387C11.0781 6.49997 13.4687 8.91793 13.7383 11.9257C13.7695 12.2499 14.0352 12.4999 14.3594 12.4999H15.6172C15.9805 12.4999 16.2734 12.1874 16.2461 11.8242C15.918 7.5234 12.4766 4.082 8.17578 3.74997Z" fill="white"/>
-                  </g>
-                </g>
-              </g>
-              <defs>
-                <clipPath id="clip0_402_250">
-                  <rect width="20" height="20" fill="white"/>
-                </clipPath>
-              </defs>
-            </svg>
-          Read Our Detailed Blog</a>
-        </div>
-                                <hr style="color: #888;">
                                 This module uses some external python dependencies :
                                 dropbox, pyncclient , nextcloud-api-wrapper , boto3 and paramiko. Before
                                 installing the module install the python
@@ -319,6 +313,7 @@
                                 first. The required python packages can be installed using the
                                 following commands.
                                 <br>
+                                <br />
                                 <code class="d-block mt-2"
                                       style="background-color:#4e4e4e;color: #fff; border-radius: 5px; padding: 6px 8px;">pip
                                     install dropbox</code>
@@ -338,126 +333,7 @@
                         </div>
                     </div>
                 </section>
-                <!-- key-highlight -->
+
-                <div class="" style="border-radius: 16px;
-     padding: 60px 40px;
-     border: 1px solid #EBEEF2;
-     background: #F5F5F7;
-     box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25); ">
-                    <div class="row">
-                        <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
-                            <h2 style=" color: #121212;
-            text-align: center;
-            font-size: 40px;
-            font-weight: 700;
-            text-transform: uppercase; padding-bottom: 50px;">Key
-                                Highlights</h2>
-                        </div>
-                        <div class="col-lg-4">
-                            <div class="mb-4 d-flex flex-column justify-content-center gap-3"
-                                 style="border-radius: 12px; border: 1px solid  #B6BCCD;
-            background:  #FFF;padding:32px ">
-                                <div class="d-flex justify-content-center align-items-center"
-                                     style="background-color:#7847D9 !important; border-radius:8px !important; height:42px; width:42px">
-                                    <img src="./assets/icons/feature-icon.svg"
-                                         class="img-responsive" height="26px"
-                                         width="26px">
-                                </div>
-                                <h5 class="m-0"
-                                    style="color:#000 !important; font-weight:bold">
-                                    Automated Backup
-                                </h5>
-                                <p class="m-0"
-                                   style="font-size:0.9rem; color:#64728f; font-size: 16px; font-weight: 400;">
-                                    Generate Database Backups on regular
-                                    intervals.</p>
-                            </div>
-                        </div>
-                        <div class="col-lg-4">
-                            <div class="mb-4 d-flex flex-column justify-content-center gap-3"
-                                 style="border-radius: 12px;
-          border: 1px solid  #B6BCCD;
-          background:  #FFF;padding:32px ">
-                                <div class="d-flex justify-content-center align-items-center"
-                                     style="background-color:#7847D9 !important; border-radius:8px !important; height:42px; width:42px">
-                                    <img src="./assets/icons/feature-icon.svg"
-                                         class="img-responsive" height="26px"
-                                         width="26px">
-                                </div>
-                                <h5 class="m-0"
-                                    style="color:#000 !important; font-weight:bold">
-                                    Remove Redundancy
-                                </h5>
-                                <p class="m-0"
-                                   style="font-size:0.9rem; color:#64728f; font-size: 16px; font-weight: 400;">
-                                    Automatically remove old backups that
-                                    consumes storage space.
-                                </p>
-                            </div>
-                        </div>
-                        <div class="col-lg-4">
-                            <div class="mb-4 d-flex flex-column justify-content-center gap-3"
-                                 style="border-radius: 12px;
-            border: 1px solid  #B6BCCD;
-            background:  #FFF;padding:32px ">
-                                <div class="d-flex justify-content-center align-items-center"
-                                     style="background-color:#7847D9 !important; border-radius:8px !important; height:42px; width:42px">
-                                    <img src="./assets/icons/feature-icon.svg"
-                                         class="img-responsive" height="26px"
-                                         width="26px">
-                                </div>
-                                <h5 class="m-0"
-                                    style="color:#000 !important; font-weight:bold">
-                                    Notification
-                                </h5>
-                                <p class="m-0"
-                                   style="font-size:0.9rem; color:#64728f; font-size: 16px; font-weight: 400;">
-                                    Notify user on success and failure of backup
-                                    generation.
-                                </p>
-                            </div>
-                        </div>
-                        <div class="col-lg-4">
-                            <div class="mb-4 d-flex flex-column justify-content-center gap-3"
-                                 style="border-radius: 12px; border: 1px solid  #B6BCCD; background:  #FFF;padding:32px;">
-                                <div class="d-flex justify-content-center align-items-center"
-                                     style="background-color:#7847D9; border-radius:8px !important; height:42px; width:42px">
-                                    <img src="./assets/icons/feature-icon.svg"
-                                         class="img-responsive" height="26px"
-                                         width="26px">
-                                </div>
-                                <h5 class="m-0"
-                                    style="color:#000 !important; font-weight:bold">
-                                    Flexibility of Backup
-                                </h5>
-                                <p class="m-0"
-                                   style="font-size:0.9rem; color:#64728f; font-size: 16px; font-weight: 400;">
-                                    Store to Remote Servers, Nextcloud, Amazon
-                                    S3, Google Drive, Dropbox, Onedrive.</p>
-                            </div>
-                        </div>
-                        <div class="col-lg-4">
-                            <div class="mb-4 d-flex flex-column justify-content-center gap-3"
-                                 style="border-radius: 12px;
-          border: 1px solid  #B6BCCD;
-          background:  #FFF;padding:32px; min-height: 236px; ">
-                                <div class="d-flex justify-content-center align-items-center"
-                                     style="background-color:#7847D9; border-radius:8px !important; height:42px; width:42px">
-                                    <img src="./assets/icons/feature-icon.svg"
-                                         class="img-responsive" height="26px"
-                                         width="26px">
-                                </div>
-                                <h5 class="m-0"
-                                    style="color:#000 !important; font-weight:bold">
-                                    Multi-Level Backup Storage
-                                </h5>
-                                <p class="m-0"
-                                   style="font-size:0.9rem; color:#64728f; font-size: 16px; font-weight: 400;">
-                                    Store backups in multiple locations based on different intervals.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
                 <!--code  -->
                 <div class="my-5">
                     <div class="position-relative"
@@ -505,7 +381,208 @@
                     </div>
                 </div>
                 <!-- end-code -->
-                <!--  -->
+
+
+                <!-- key-highlight -->
+
+                <div class="mt64 mb64">
+                    <h2 class="text-center text-uppercase"
+                        style="font-family: Montserrat, 'sans-serif' !important; font-size: 50px !important; color:#5154a5; font-weight: 900 !important;">
+                        <span style="font-weight: bold;color:#5154a5;">KEY HIGHLIGHTS</span>
+                    </h2>
+                    <div class="row">
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive" style="width:105px;"
+                                         src="assets/icons/auto_database_backup1.png">
+                                </div>
+                                <div class="col-md-9" style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                        Automatic Backup to Local Server</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                         Generate Database Backups on regular intervals to your Local Server</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive" style="width:105px;"
+                                         src="assets/icons/auto_database_backup2.png">
+                                </div>
+                                <div class="col-md-9" style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                        Automatic Backup to Remote Server</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                        Generate Database Backups on regular intervals to your Remote Server</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive" style="width:105px;"
+                                         src="assets/icons/auto_database_backup3.png">
+                                </div>
+                                <div class="col-md-9" style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                        Automatic Backup to Google Drive</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                        Generate Database Backups on regular intervals to Google Drive
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive" style="width:117px;"
+                                         src="assets/icons/auto_database_backup4.png">
+                                </div>
+                                <div class="col-md-9" style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                        Automatic Backup to Dropbox</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                       Generate Database Backups on regular intervals to Dropbox</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive"
+                                         style="width:105px;" src="assets/icons/auto_database_backup5.png">
+                                </div>
+                                <div class="col-md-9"
+                                     style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                        Automatic Backup to Onedrive</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                        Generate Database Backups on regular intervals to Onedrive</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive"
+                                         style="width:143px;" src="assets/icons/auto_database_backup10.png">
+                                </div>
+                                <div class="col-md-9"
+                                     style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                        Automatic Backup to Nextcloud</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                        Generate Database Backups on regular intervals to Nextcloud</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive"
+                                         style="width:135px;" src="assets/icons/ajmaljk.png">
+                                </div>
+                                <div class="col-md-9"
+                                     style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                        Automatic Backup to Amazon S3</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                        Generate Database Backups on regular intervals to Amazon S3</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive"
+                                         style="width:105px;" src="assets/icons/auto_database_backup11.png">
+                                </div>
+                                <div class="col-md-9"
+                                     style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                         Notification Regarding Backup</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                        Notify user on success and failure of backup generation.</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive"
+                                         style="width:118px;" src="assets/icons/auto_database_backup12.png">
+                                </div>
+                                <div class="col-md-9"
+                                     style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                         Remove Old Backups</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                        Automatically remove old backups that consumes storage space</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive"
+                                         style="width:120px;" src="assets/icons/auto_database_backup13.png">
+                                </div>
+                                <div class="col-md-9"
+                                     style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                        Easy Configuration</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                        You can easily set up the configuration for backup to save in multiple Locations</p>
+                                </div>
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+
+
                 <!-- screenshot and other -->
 
                 <div class="mb-4 bg-white"
@@ -1925,7 +2002,8 @@
                 </section>
                 <!-- service-section -->
 
-                <section id="services" class="mt-5" style="border-radius: 16px;
+
+                                <section id="services" class="mt-5" style="border-radius: 16px;
                                                             border: 1px solid #EBEEF2;
                                                             background: var(--Neutral-N0, #FFF);
                                                             padding: 60px 40px;
@@ -1942,7 +2020,7 @@
                         Our Services</h3></div>
                     <div class="row mt-3">
                         <div class="col-lg-3 col-sm-12 mb-3">
-                            <a href="#" style="text-decoration:none">
+                            <a href="https://www.cybrosys.com/odoo-customization-and-installation" style="text-decoration:none">
                                 <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
                                      style="font-size:25px; font-weight:bold;background-color:#FFE2E5; margin:auto; gap: 16px; border-radius: 8px;">
                                     <div class="d-flex justify-content-center align-items-center"
@@ -1958,7 +2036,7 @@
                             </a>
                         </div>
                         <div class="col-lg-3 col-sm-12 mb-3">
-                            <a href="#" style="text-decoration:none">
+                            <a href="https://www.cybrosys.com/odoo-erp-implementation" style="text-decoration:none">
                                 <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
                                      style="font-size:25px; font-weight:bold;background-color:#FFF4DE; margin:auto; gap: 16px; border-radius: 8px;">
                                     <div class="d-flex justify-content-center align-items-center"
@@ -1974,7 +2052,7 @@
                             </a>
                         </div>
                         <div class="col-lg-3 col-sm-12 mb-3">
-                            <a href="#" style="text-decoration:none">
+                            <a href="https://www.cybrosys.com/odoo-erp-support" style="text-decoration:none">
                                 <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
                                      style="font-size:25px; font-weight:bold;background-color:#DCFCE7; margin:auto; gap: 16px; border-radius: 8px;">
                                     <div class="d-flex justify-content-center align-items-center"
@@ -1990,7 +2068,7 @@
                             </a>
                         </div>
                         <div class="col-lg-3 col-sm-12 mb-3">
-                            <a href="#" style="text-decoration:none">
+                            <a href="https://www.cybrosys.com/odoo-migration-service" style="text-decoration:none">
                                 <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
                                      style="font-size:25px; font-weight:bold;background-color:#F3E8FF; margin:auto; gap: 16px; border-radius: 8px;">
                                     <div class="d-flex justify-content-center align-items-center"
@@ -2006,7 +2084,7 @@
                             </a>
                         </div>
                         <div class="col-lg-3 col-sm-12 mb-3">
-                            <a href="#" style="text-decoration:none">
+                            <a href="https://www.cybrosys.com/odoo-erp-integration" style="text-decoration:none">
                                 <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
                                      style="font-size:25px; font-weight:bold;background-color:#F1F9FF; margin:auto; gap: 16px; border-radius: 8px;">
                                     <div class="d-flex justify-content-center align-items-center"
@@ -2017,12 +2095,12 @@
                                     </div>
                                     <span style="font-size: 18px;
               color: var(--text-color);
-              font-weight: 600;">Odoo integration</span>
+              font-weight: 600;">Odoo Integration</span>
                                 </div>
                             </a>
                         </div>
                         <div class="col-lg-3 col-sm-12 mb-3">
-                            <a href="#" style="text-decoration:none">
+                            <a href="https://www.cybrosys.com/odoo/odoo-consultant" style="text-decoration:none">
                                 <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
                                      style="font-size:25px; font-weight:bold;background-color:#EDF8ED; margin:auto; gap: 16px; border-radius: 8px;">
 
@@ -2039,7 +2117,7 @@
                             </a>
                         </div>
                         <div class="col-lg-3 col-sm-12 mb-3">
-                            <a href="#" style="text-decoration:none">
+                            <a href="https://www.cybrosys.com/odoo/odoo-licensing-consultancy" style="text-decoration:none">
                                 <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
                                      style="font-size:25px; font-weight:bold;background-color:#F1F6FF; margin:auto; gap: 16px; border-radius: 8px;">
 
@@ -2056,7 +2134,7 @@
                             </a>
                         </div>
                         <div class="col-lg-3 col-sm-12 mb-3">
-                            <a href="#" style="text-decoration:none">
+                            <a href="https://www.cybrosys.com/hire-odoo-developer" style="text-decoration:none">
                                 <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
                                      style="font-size:25px; font-weight:bold;background-color:#FAF6EA; margin:auto; gap: 16px; border-radius: 8px;">
 
@@ -2073,17 +2151,7 @@
                             </a>
                         </div>
                     </div>
-            </div>
+                </section>
-            <!-- licence -->
-            <div class="tab-pane fade" id="profile" role="tabpanel"
-                 aria-labelledby="profile-tab">
-                <div class="px-5">
-                    ....
-                </div>
-            </div>
-            <!--  -->
-        </div>
-        </section>
         <!--  -->
     </div>
 </div>