You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							1944 lines
						
					
					
						
							137 KiB
						
					
					
				
			
		
		
		
			
			
			
		
		
	
	
							1944 lines
						
					
					
						
							137 KiB
						
					
					
				
								<!DOCTYPE html>
							 | 
						|
								<html lang="en">
							 | 
						|
								<head>
							 | 
						|
								    <meta charset="UTF-8"/>
							 | 
						|
								    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
							 | 
						|
								    <title>Automatic Database Backup</title>
							 | 
						|
								    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
							 | 
						|
								          rel="stylesheet"/>
							 | 
						|
								    <link rel="preconnect" href="https://fonts.googleapis.com">
							 | 
						|
								    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
							 | 
						|
								    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
							 | 
						|
								          rel="stylesheet">
							 | 
						|
								    <link rel="stylesheet"
							 | 
						|
								          href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"/>
							 | 
						|
								    <link rel="stylesheet"
							 | 
						|
								          href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
							 | 
						|
								    <style>
							 | 
						|
								        :root {
							 | 
						|
								            --primary-color: #7f54b3;
							 | 
						|
								            --bg-white: #fff;
							 | 
						|
								            --text-color: #121212;
							 | 
						|
								            --text-color-light: #64728f;
							 | 
						|
								        }
							 | 
						|
								
							 | 
						|
								        body {
							 | 
						|
								            font-family: "Montserrat", sans-serif;
							 | 
						|
								        }
							 | 
						|
								
							 | 
						|
								        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
							 | 
						|
								            color: var(--text-color);
							 | 
						|
								            font-family: Montserrat;
							 | 
						|
								            font-size: 16px !important;
							 | 
						|
								            font-weight: 500 !important;
							 | 
						|
								            border-radius: 30px;
							 | 
						|
								            line-height: normal;
							 | 
						|
								            text-transform: capitalize;
							 | 
						|
								            background-color: #F5F5F5;
							 | 
						|
								            border: none;
							 | 
						|
								            margin-bottom: 0;
							 | 
						|
								            padding: 12px 24px;
							 | 
						|
								        }
							 | 
						|
								
							 | 
						|
								        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
							 | 
						|
								            border-color: transparent;
							 | 
						|
								            isolation: isolate;
							 | 
						|
								        }
							 | 
						|
								
							 | 
						|
								        .nav-tabs .nav-link:focus-visible {
							 | 
						|
								            border-color: transparent;
							 | 
						|
								            box-shadow: none;
							 | 
						|
								        }
							 | 
						|
								
							 | 
						|
								        /* owl-carosel */
							 | 
						|
								        .owl-carousel .owl-nav {
							 | 
						|
								            position: absolute;
							 | 
						|
								            top: 42%;
							 | 
						|
								            width: 100%;
							 | 
						|
								            display: flex;
							 | 
						|
								            justify-content: space-between;
							 | 
						|
								            transform: translateY(-42%);
							 | 
						|
								        }
							 | 
						|
								
							 | 
						|
								        .owl-carousel .owl-nav button.owl-prev {
							 | 
						|
								            position: absolute;
							 | 
						|
								            right: -36px;
							 | 
						|
								            font-size: 28px;
							 | 
						|
								            background-color: #e4e4e4;
							 | 
						|
								            border-radius: 20px;
							 | 
						|
								            width: 40px;
							 | 
						|
								            height: 40px;
							 | 
						|
								            display: flex;
							 | 
						|
								            justify-content: center;
							 | 
						|
								            align-items: center;
							 | 
						|
								        }
							 | 
						|
								
							 | 
						|
								        .owl-carousel .owl-nav button.owl-next {
							 | 
						|
								            position: absolute;
							 | 
						|
								            left: -36px;
							 | 
						|
								            font-size: 28px;
							 | 
						|
								            background-color: #e4e4e4;
							 | 
						|
								            border-radius: 20px;
							 | 
						|
								            width: 40px;
							 | 
						|
								            height: 40px;
							 | 
						|
								            display: flex;
							 | 
						|
								            justify-content: center;
							 | 
						|
								            align-items: center;
							 | 
						|
								
							 | 
						|
								        }
							 | 
						|
								
							 | 
						|
								    </style>
							 | 
						|
								</head>
							 | 
						|
								<body>
							 | 
						|
								<!-- overview -->
							 | 
						|
								<div class="container">
							 | 
						|
								    <div class="my-5">
							 | 
						|
								        <!-- button tab -->
							 | 
						|
								        <!--  -->
							 | 
						|
								        <!-- version support -->
							 | 
						|
								        <div class="my-3 d-flex align-items-center justify-content-end">
							 | 
						|
								            <div class="text-center"
							 | 
						|
								                 style="background-color:#017E84 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
							 | 
						|
								                Community
							 | 
						|
								            </div>
							 | 
						|
								            <div class="text-center"
							 | 
						|
								                 style="background-color:#875A7B !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
							 | 
						|
								                Enterprise
							 | 
						|
								            </div>
							 | 
						|
								            <!--            <div class="text-center"-->
							 | 
						|
								            <!--                 style="background-color:#7C7BAD !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">-->
							 | 
						|
								            <!--                Odoo.sh-->
							 | 
						|
								            <!--            </div>-->
							 | 
						|
								        </div>
							 | 
						|
								        <div class="tab-content" id="myTabContent">
							 | 
						|
								            <!-- description -->
							 | 
						|
								            <div class="tab-pane fade show active" id="home" role="tabpanel"
							 | 
						|
								                 aria-labelledby="home-tab">
							 | 
						|
								                <div class="position-relative"
							 | 
						|
								                     style="border-radius: 16px; background: #f8f8f8; padding: 20px 0;">
							 | 
						|
								                    <div class="row " style="
							 | 
						|
								          padding: 2rem 0rem 0 !important;
							 | 
						|
								        ">
							 | 
						|
								                        <div class="col-lg-8 mx-auto gap-4 d-flex flex-column align-items-center">
							 | 
						|
								                            <p class="my-1 text-center text-uppercase"
							 | 
						|
								                               style="
							 | 
						|
								              letter-spacing: 4px !important;
							 | 
						|
								              color: var(--primary-color);
							 | 
						|
								              font-weight: bold;
							 | 
						|
								              text-align: center;
							 | 
						|
								              font-size: 14px;
							 | 
						|
								              font-weight: 600;
							 | 
						|
								              line-height: 15.96px;
							 | 
						|
								              text-transform: uppercase;
							 | 
						|
								            ">
							 | 
						|
								                                This Module Helps To Generate Automated Backup
							 | 
						|
								                                Of Databases.
							 | 
						|
								                            </p>
							 | 
						|
								                            <h1 class="text-center text-uppercase my-0"
							 | 
						|
								                                style="
							 | 
						|
								              color: var(--text-color);
							 | 
						|
								              font-size: 46px;
							 | 
						|
								              font-weight: 700;
							 | 
						|
								              line-height: normal;
							 | 
						|
								            ">Automatic Database Backup</span>
							 | 
						|
								                            </h1>
							 | 
						|
								                        </div>
							 | 
						|
								                        <div class="col-lg-12 d-flex justify-content-center align-items-center"
							 | 
						|
								                             style="margin: 3rem 0;">
							 | 
						|
								                            <img src="./assets/icons/brand-pair.svg"
							 | 
						|
								                                 width="100%"
							 | 
						|
								                                 height="auto"
							 | 
						|
								                                 style="width: 50%"
							 | 
						|
								                                 class="img-responsive"/>
							 | 
						|
								                        </div>
							 | 
						|
								                        <div class="col-md-12 text-center">
							 | 
						|
								                            <a href="mailto:odoo@cybrosys.com"
							 | 
						|
								                               target="_blank"
							 | 
						|
								                               style="background-color: transparent;border-radius: 35px;
							 | 
						|
								              font-family: Montserrat;
							 | 
						|
								              display: inline-block;
							 | 
						|
								              padding: 7px 33px;
							 | 
						|
								              border: 1px solid var(--primary-color);
							 | 
						|
								              color: var(--primary-color);
							 | 
						|
								              text-decoration: none;
							 | 
						|
								            "
							 | 
						|
								                               class="mx-1 mb-2 deep-1 deep_hover">
							 | 
						|
								                                <img class="img"
							 | 
						|
								                                     style="width: 24px"
							 | 
						|
								                                     src="./assets/icons/mail.svg"/>
							 | 
						|
								                                <span class="pl-2"
							 | 
						|
								                                      style=" font-size: 16px; vertical-align: middle"
							 | 
						|
								                                >Email Us</span
							 | 
						|
								                                >
							 | 
						|
								                            </a>
							 | 
						|
								                            <a href="skype:cybroopenerp?chat"
							 | 
						|
								                               target="_blank"
							 | 
						|
								                               style="
							 | 
						|
								              background-color: #7f289b;
							 | 
						|
								              font-family: Montserrat;
							 | 
						|
								              display: inline-block;
							 | 
						|
								              padding: 7px 33px;
							 | 
						|
								              border: 1px solid #7f289b;
							 | 
						|
								              border-radius: 35px;
							 | 
						|
								              text-decoration: none;
							 | 
						|
								            "
							 | 
						|
								                               class="mx-1 mb-2 deep-1 deep_hover">
							 | 
						|
								                                <img
							 | 
						|
								                                        class="img"
							 | 
						|
								                                        style="width: 24px"
							 | 
						|
								                                        src="./assets/icons/skype-fill.svg"
							 | 
						|
								                                />
							 | 
						|
								                                <span
							 | 
						|
								                                        class="pl-2"
							 | 
						|
								                                        style="color: #fff; font-size: 16px; vertical-align: middle"
							 | 
						|
								                                >Skype Us</span
							 | 
						|
								                                >
							 | 
						|
								                            </a>
							 | 
						|
								                        </div>
							 | 
						|
								                        <div class="d-flex justify-content-center mt-2">
							 | 
						|
								                            <img src="./assets/icons/hero.gif"
							 | 
						|
								                                 class="w-100"
							 | 
						|
								                                 style="z-index: 3; height: auto;">
							 | 
						|
								                        </div>
							 | 
						|
								                    </div>
							 | 
						|
								                    <div class="position-absolute"
							 | 
						|
								                         style="bottom: 0; z-index: 1; width: 100%;">
							 | 
						|
								                        <img src="./assets/icons/banner-bg.svg"
							 | 
						|
								                             class="img-fluid w-100">
							 | 
						|
								                    </div>
							 | 
						|
								                    <div class="position-absolute"
							 | 
						|
								                         style="bottom: 0; right: 0; z-index: 2;">
							 | 
						|
								                        <img src="./assets/icons/patter.svg">
							 | 
						|
								                    </div>
							 | 
						|
								                </div>
							 | 
						|
								                <section class="oe_container pb-5">
							 | 
						|
								                    <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;">
							 | 
						|
								                                <hr style="color: #888;">
							 | 
						|
								                                This module uses some external python dependencies :
							 | 
						|
								                                dropbox, nextcloud , nextcloud-api-wrapper , boto3 and paramiko. Before
							 | 
						|
								                                installing the module install the python
							 | 
						|
								                                package
							 | 
						|
								                                first. The required python packages can be installed using the
							 | 
						|
								                                following commands.
							 | 
						|
								                                <br>
							 | 
						|
								                                <code class="d-block mt-2"
							 | 
						|
								                                      style="background-color:#4e4e4e;color: #fff; border-radius: 5px; padding: 6px 8px;">pip
							 | 
						|
								                                    install dropbox</code>
							 | 
						|
								                                <code class="d-block mt-2"
							 | 
						|
								                                      style="background-color:#4e4e4e;color: #fff;padding: 6px 8px; border-radius: 5px;">pip
							 | 
						|
								                                    install nextcloud</code>
							 | 
						|
								                                <code class="d-block mt-2"
							 | 
						|
								                                      style="background-color:#4e4e4e;color: #fff;padding: 6px 8px; border-radius: 5px;">pip
							 | 
						|
								                                    install nextcloud-api-wrapper</code>
							 | 
						|
								                                <code class="d-block mt-2"
							 | 
						|
								                                      style="background-color:#4e4e4e;color: #fff;padding: 6px 8px; border-radius: 5px;">pip
							 | 
						|
								                                    install boto3</code>
							 | 
						|
								                                <code class="d-block mt-2"
							 | 
						|
								                                      style="background-color:#4e4e4e;color: #fff;padding: 6px 8px; border-radius: 5px;">pip
							 | 
						|
								                                    install paramiko</code>
							 | 
						|
								                            </div>
							 | 
						|
								                        </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: var(--text-color);
							 | 
						|
								            text-align: center;
							 | 
						|
								            font-size: 40px;
							 | 
						|
								            font-weight: 700;
							 | 
						|
								            text-transform: uppercase; padding-bottom: 50px;">Key
							 | 
						|
								                                Heighlights</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:var(--text-color-light); 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:var(--text-color-light); 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:var(--text-color-light); 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:var(--text-color-light); font-size: 16px; font-weight: 400;">
							 | 
						|
								                                    Store to Remote Servers, Nextcloud, Amazon
							 | 
						|
								                                    S3, Google Drive, Dropbox, Onedrive.</p>
							 | 
						|
								                            </div>
							 | 
						|
								                        </div>
							 | 
						|
								                    </div>
							 | 
						|
								                </div>
							 | 
						|
								                <!--code  -->
							 | 
						|
								                <div class="my-5">
							 | 
						|
								                    <div style=" padding: 5rem 4rem 5rem 4rem; background-color: #0A1425; border-radius: 12px; position: relative;">
							 | 
						|
								                        <div class="wrapper-info"
							 | 
						|
								                             style="display: flex; flex-direction: column; gap: 20px;">
							 | 
						|
								                            <span class="wrapper-subtitle"
							 | 
						|
								                                  style="font-size: 40px; font-weight: 700; color: #fff;line-height: 60px; text-transform: capitalize; width: 450px;">Automatic Database Backup</span>
							 | 
						|
								                            <h3 class="wrapper-details"
							 | 
						|
								                                style="font-size: 20px; font-weight: 400; color: #fff; line-height: 32px; ">
							 | 
						|
								                                Are you ready to make your business more
							 | 
						|
								                                organized?
							 | 
						|
								                                <br> Improve now!
							 | 
						|
								                            </h3>
							 | 
						|
								                            <div class="d-flex gap-3">
							 | 
						|
								                                <a href="mailto:odoo@cybrosys.com"
							 | 
						|
								                                   class="shop-btn" style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px;
							 | 
						|
								            border: 1px solid var(--DarkOverlayElement-DO20, rgba(255, 255, 255, 0.20));
							 | 
						|
								            background: linear-gradient(93deg, rgba(255, 255, 255, 0.08) 6.01%, rgba(255, 255, 255, 0.17) 90.83%);
							 | 
						|
								            backdrop-filter: blur(10px); color: #fff; padding: 12px 16px 12px 16px; text-decoration: none;">
							 | 
						|
								             <span style="border-radius: 12px;
							 | 
						|
								             background: var(--DarkOverlayElement-DO10, rgba(255, 255, 255, 0.10));
							 | 
						|
								             backdrop-filter: blur(6px);padding: 12px;">
							 | 
						|
								              <img src="./assets/icons/banner-mail.svg">
							 | 
						|
								           </span>
							 | 
						|
								                                    <span style="font-weight: 500;">odoo@cybrosys.com</span>
							 | 
						|
								                                </a>
							 | 
						|
								                                <a href="tel:+91 9074270811" class="shop-btn"
							 | 
						|
								                                   style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px;
							 | 
						|
								            border: 1px solid var(--DarkOverlayElement-DO20, rgba(255, 255, 255, 0.20));
							 | 
						|
								            background: linear-gradient(93deg, rgba(255, 255, 255, 0.08) 6.01%, rgba(255, 255, 255, 0.17) 90.83%);
							 | 
						|
								            backdrop-filter: blur(10px); color: #fff; padding: 12px 22px 12px 18px; text-decoration: none;">
							 | 
						|
								             <span style="border-radius: 12px;
							 | 
						|
								             background: var(--DarkOverlayElement-DO10, rgba(255, 255, 255, 0.10));
							 | 
						|
								             backdrop-filter: blur(6px);padding: 12px;">
							 | 
						|
								              <img src="./assets/icons/banner-call.svg">
							 | 
						|
								           </span>
							 | 
						|
								                                    <span style="font-weight: 500;">+91 9074270811</span>
							 | 
						|
								                                </a>
							 | 
						|
								                            </div>
							 | 
						|
								                        </div>
							 | 
						|
								                        <div class=""
							 | 
						|
								                             style="position: absolute; bottom: 0; right: 0;">
							 | 
						|
								                            <img src="./assets/icons/banner-pattern.svg"
							 | 
						|
								                                 style="width: 540px;">
							 | 
						|
								                        </div>
							 | 
						|
								                    </div>
							 | 
						|
								                </div>
							 | 
						|
								                <!-- end-code -->
							 | 
						|
								                <!--  -->
							 | 
						|
								                <!-- screenshot and other -->
							 | 
						|
								
							 | 
						|
								                <div class="mb-4 bg-white"
							 | 
						|
								                     style=" border: 1px solid #EBEEF2; border-radius: 6px; box-shadow: 0px 8px 20px -4px rgba(0, 0, 0, 0.10); border: 1px solid #EBEEF2;">
							 | 
						|
								                    <div>
							 | 
						|
								                        <ul class="nav nav-tabs justify-content-center bg-white py-2"
							 | 
						|
								                            id="myTab" role="tablist"
							 | 
						|
								                            style="border-radius: 6px 6px 0 0;">
							 | 
						|
								                            <li class="nav-item">
							 | 
						|
								                                <a aria-controls="overview"
							 | 
						|
								                                   aria-bs-selected="true"
							 | 
						|
								                                   class="nav-link active" data-bs-toggle="tab"
							 | 
						|
								                                   href="#overview" id="overview-tab" role="tab"
							 | 
						|
								                                   style="color:#121212; font-weight:500; font-size:16px">
							 | 
						|
								                                    Screenshots</a>
							 | 
						|
								                            </li>
							 | 
						|
								                            <li class="nav-item">
							 | 
						|
								                                <a aria-controls="feature"
							 | 
						|
								                                   aria-bs-selected="false"
							 | 
						|
								                                   class="nav-link py-2" data-bs-toggle="tab"
							 | 
						|
								                                   href="#feature" id="feature-tab" role="tab"
							 | 
						|
								                                   style="color:#121212; font-weight:500; font-size:16px">Features</a>
							 | 
						|
								                            </li>
							 | 
						|
								                            <li class="nav-item">
							 | 
						|
								                                <a aria-controls="faq" aria-bs-selected="false"
							 | 
						|
								                                   class="nav-link" data-bs-toggle="tab"
							 | 
						|
								                                   href="#faq" id="faq-tab" role="tab"
							 | 
						|
								                                   style="color:#121212; font-weight:500; font-size:16px">
							 | 
						|
								                                    FAQs</a>
							 | 
						|
								                            </li>
							 | 
						|
								                            <li class="nav-item">
							 | 
						|
								                                <a aria-controls="releases"
							 | 
						|
								                                   aria-bs-selected="false" class="nav-link"
							 | 
						|
								                                   data-bs-toggle="tab" href="#releases"
							 | 
						|
								                                   id="releases-tab" role="tab"
							 | 
						|
								                                   style="color:#121212; font-weight:500; font-size:16px">Releases</a>
							 | 
						|
								                            </li>
							 | 
						|
								                        </ul>
							 | 
						|
								                    </div>
							 | 
						|
								                    <div class="tab-content p-md-5 p-2 py-3" id="myTabContent">
							 | 
						|
								                        <div aria-labelledby="overview-tab"
							 | 
						|
								                             class="tab-pane fade show active" id="overview"
							 | 
						|
								                             role="tabpanel">
							 | 
						|
								                            <div class="position-relative mb-4"
							 | 
						|
								                                 style="border-radius:10px">
							 | 
						|
								                                <img alt="acc_bg"
							 | 
						|
								                                     class="w-100 h-100 position-absolute img-fluid left_0"
							 | 
						|
								                                     loading="lazy"
							 | 
						|
								                                     src="//apps.odoocdn.com/apps/assets/17.0/ks_dashboard_ninja/ai-img/o3.png?007008f"
							 | 
						|
								                                     style="">
							 | 
						|
								                            </div>
							 | 
						|
								                            <!-- screenshots section-->
							 | 
						|
								                            <div class="position-relative mb-4"
							 | 
						|
								                                 style="border-radius:10px; background-color:#f4f4f4">
							 | 
						|
								                                <div class="p-md-5 p-3 position-relative">
							 | 
						|
								                                    <div class="row">
							 | 
						|
								                                        <div class="col-md-12">
							 | 
						|
								                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
							 | 
						|
								                              font-weight: 700;">
							 | 
						|
								                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Database Backup Configuration
							 | 
						|
								                                      </span>
							 | 
						|
								                                                <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Menu</span>
							 | 
						|
								                                            </h1>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Go to Setting --> Technical -->
							 | 
						|
								                                                Backup Configuration to
							 | 
						|
								                                                configure backups.
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/1.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </div>
							 | 
						|
								                            </div>
							 | 
						|
								                            <div class="position-relative mb-4"
							 | 
						|
								                                 style="border-radius:10px; background-color:#f4f4f4">
							 | 
						|
								                                <div class="p-md-5 p-3 position-relative">
							 | 
						|
								                                    <div class="row">
							 | 
						|
								                                        <div class="col-md-12">
							 | 
						|
								                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
							 | 
						|
								                              font-weight: 700;">
							 | 
						|
								                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Create New
							 | 
						|
								                                      </span>
							 | 
						|
								                                                <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Database Backup Configuration.</span>
							 | 
						|
								                                            </h1>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Enter the Database Name and
							 | 
						|
								                                                Master Password. Specify Backup
							 | 
						|
								                                                Destination. Enter the backup
							 | 
						|
								                                                directory path, if directory
							 | 
						|
								                                                does not exist new directory
							 | 
						|
								                                                will be created.
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/local.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </div>
							 | 
						|
								                            </div>
							 | 
						|
								                            <div class="position-relative mb-4"
							 | 
						|
								                                 style="border-radius:10px; background-color:#f4f4f4">
							 | 
						|
								                                <div class="p-md-5 p-3 position-relative">
							 | 
						|
								                                    <div class="row">
							 | 
						|
								                                        <div class="col-md-12">
							 | 
						|
								                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
							 | 
						|
								                              font-weight: 700;">
							 | 
						|
								                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Store Backup to Remote
							 | 
						|
								                                      </span>
							 | 
						|
								                                                <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">SFTP Server.</span>
							 | 
						|
								                                            </h1>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Select Backup Destination as
							 | 
						|
								                                                SFTP, enter credentials. "TEST
							 | 
						|
								                                                CONNECTION" button to check
							 | 
						|
								                                                whether the connection is
							 | 
						|
								                                                successful.
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/sftp.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </div>
							 | 
						|
								                            </div>
							 | 
						|
								                            <div class="position-relative mb-4"
							 | 
						|
								                                 style="border-radius:10px; background-color:#f4f4f4">
							 | 
						|
								                                <div class="p-md-5 p-3 position-relative">
							 | 
						|
								                                    <div class="row">
							 | 
						|
								                                        <div class="col-md-12">
							 | 
						|
								                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
							 | 
						|
								                              font-weight: 700;">
							 | 
						|
								                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Store Backup to Remote
							 | 
						|
								
							 | 
						|
								                                      </span>
							 | 
						|
								                                                <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">FTP Server.</span>
							 | 
						|
								                                            </h1>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Select Backup Destination as
							 | 
						|
								                                                FTP, enter credentials. "TEST
							 | 
						|
								                                                CONNECTION" button to check
							 | 
						|
								                                                whether the connection is
							 | 
						|
								                                                successful.
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/ftp.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </div>
							 | 
						|
								                            </div>
							 | 
						|
								                            <div class="position-relative mb-4"
							 | 
						|
								                                 style="border-radius:10px; background-color:#f4f4f4">
							 | 
						|
								                                <div class="p-md-5 p-3 position-relative">
							 | 
						|
								                                    <div class="row">
							 | 
						|
								                                        <div class="col-md-12">
							 | 
						|
								                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
							 | 
						|
								                              font-weight: 700;">
							 | 
						|
								                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Store Backup to
							 | 
						|
								
							 | 
						|
								                                      </span>
							 | 
						|
								                                                <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Google Drive</span>
							 | 
						|
								                                            </h1>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                You'll need to create a new Google API project from <a href="https://console.cloud.google.com/"> Google Cloud console</a> and enabling the Google Drive API, Go to the Google API Console and log into your account. While creating the project, for the Redirect URI restrictions, copy your Odoo database URI followed by /google_drive/authentication. Example:
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/google.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Enable API and Services
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/google 2.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4 p-3" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Enable Google Drive API
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/google 3.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4 p-3" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Create Credentials, Follow the steps, select Website application for the Application Type.
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/google3.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4 p-3" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Under the Authorized JavaScript Origins section, click + Add URI and type your company's Odoo URL address. Under the Authorized redirect URIs section, click + Add URI and type your company's Odoo URL address followed by /google_drive/authentication. After all the steps are completed, A Client ID and Client secret will be given, copy the credentials
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/google 5.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4 p-3" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Configure Backup, Copy Client ID and Client Secret from Google Drive API Credentials page into their respective fields. Setup Token will redirect to an authorization page.
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/google6.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4 p-3" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Grant Access
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/google7.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4 p-3" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Reset the token if required by clicking on the "Reset Token"
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/google 8.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </div>
							 | 
						|
								                            </div>
							 | 
						|
								                            <div class="position-relative mb-4"
							 | 
						|
								                                 style="border-radius:10px; background-color:#f4f4f4">
							 | 
						|
								                                <div class="p-md-5 p-3 position-relative">
							 | 
						|
								                                    <div class="row">
							 | 
						|
								                                        <div class="col-md-12">
							 | 
						|
								                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
							 | 
						|
								                              font-weight: 700;">
							 | 
						|
								                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Store Backup to
							 | 
						|
								
							 | 
						|
								                                      </span>
							 | 
						|
								                                                <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Dropbox.</span>
							 | 
						|
								                                            </h1>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                To get the app key and secret key go to the <a href="https://www.dropbox.com/developers" >App Console </a>. Create a new app
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/dropbox`1.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Once you created the App , you can get the App key and App Secret as seen in the screenshot.
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/drop2.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                               Choose your app's permission (files.content.write and files.content.read permissions required).then click on Submit
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/drop3.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                               Choose Dropbox as that of the backup destination. Enter the app secret and key and dropbox Folder. Click on the Setup Token
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/drop4.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Get the Authorization Code and click confirm.
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/drop7.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                               Reset the refresh token if required by clicking on the "Reset Token"
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/drop8.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </div>
							 | 
						|
								                            </div>
							 | 
						|
								                            <div class="position-relative mb-4"
							 | 
						|
								                                 style="border-radius:10px; background-color:#f4f4f4">
							 | 
						|
								                                <div class="p-md-5 p-3 position-relative">
							 | 
						|
								                                    <div class="row">
							 | 
						|
								                                        <div class="col-md-12">
							 | 
						|
								                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
							 | 
						|
								                              font-weight: 700;">
							 | 
						|
								                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Store Backup to
							 | 
						|
								
							 | 
						|
								                                      </span>
							 | 
						|
								                                                <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Onedrive.</span>
							 | 
						|
								                                            </h1>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Select Backup Destination as <a href="portal.azure.com">OneDrive.</a> Enter the App key and App secret. you'll need to register a new app in the Microsoft Azure portal. While registering the app for the Redirect URI restrictions, copy your Odoo database URI followed by /onedrive/authentication. Example:
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/onedrive.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                               Copy the Client ID and Generate Client Secret.
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/onedrive 2.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center" style="margin-top: 25px;">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/onedrive5.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Add Scope in the Expose an API page.
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/onedrive4.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Get OneDrive folder ID, where need to store the backup files.
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/onedrive3.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Configure the Backup.
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/onedrive 4.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Setup Token, it will be redirected to an authorization page.
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/onedrive7.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </div>
							 | 
						|
								                            </div>
							 | 
						|
								                            <div class="position-relative mb-4"
							 | 
						|
								                                 style="border-radius:10px; background-color:#f4f4f4">
							 | 
						|
								                                <div class="p-md-5 p-3 position-relative">
							 | 
						|
								                                    <div class="row">
							 | 
						|
								                                        <div class="col-md-12">
							 | 
						|
								                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
							 | 
						|
								                              font-weight: 700;">
							 | 
						|
								                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Store Backup to
							 | 
						|
								
							 | 
						|
								                                      </span>
							 | 
						|
								                                                <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">NextCloud.</span>
							 | 
						|
								                                            </h1>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                To Create an account in Nextcloud go to https://nextcloud.com/sign-up/, Enter Your Email Address and Sign up .
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/nextcloud_4.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                               You will be redirected to the page as shown in the screenshot, and it will ask you enter your email and password for the Nextcloud.
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/nextcloud_create_3.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                               To get the Domain of the Nextcloud.Go to Settings in the Nextcloud and Click on Mobile & desktop. You will see server address Copy link and paste it in your Domain Name.
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/next_cloud_9.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Select the backup destination as Nextcloud. Enter the Domain Name, UserName, Password and Folder Name where you want to store your backup on the NextCloud server. Check the Connect button to check if the connection is successful.
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/nextcloud1.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Every day, a Scheduled Action will take place to store a backup on the Nextcloud Server. The backup will be stored as the folder name provided in the Folder ID field in Odoo.
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/next2.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </div>
							 | 
						|
								                            </div>
							 | 
						|
								                            <div class="position-relative mb-4"
							 | 
						|
								                                 style="border-radius:10px; background-color:#f4f4f4">
							 | 
						|
								                                <div class="p-md-5 p-3 position-relative">
							 | 
						|
								                                    <div class="row">
							 | 
						|
								                                        <div class="col-md-12">
							 | 
						|
								                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
							 | 
						|
								                              font-weight: 700;">
							 | 
						|
								                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Store Backup to
							 | 
						|
								
							 | 
						|
								                                      </span>
							 | 
						|
								                                                <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">AmazonS3.</span>
							 | 
						|
								                                            </h1>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                To Create an account in Amazon S3 go to https://portal.aws.amazon.com/billing/signup#/start/email, Enter Your Email Address and Sign up .
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/amazon1.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                After you created the account.You need to get the Access Key and Secret Key,To get these go the account Security credentails and go the Access Keys and create new access keys from there you will get Access Key and Secret Key.                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/amazon2.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/amazon4.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/amazon5.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                            Next You need to create a Bucket Folder in the Amazon S3.To do that Go the Services in the top right and go to Storage and S3 as shown in the Screen shot.
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/amazon6.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                            To create Bucket folder,Click on the Create bucket Button.
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/amazon7.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                            On Creating a Bucket Folder,Check the rules for naming the Bucket folder,and Select the region as well.After that click on the create Bucket Button in the bottom of the page.
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/amazon8.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                            You will see the Bucket Folder as shown in the screenshot.
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/amazon9.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                            Select Backup Destination as Amazon S3. Enter the Amazon S3 Access Key,Amazon S3 Secret Key,Bucket Name->Bucket folder you have created in the Amazon S3 and the File Name->The Folder You want to store your backup in Amazon S3 Bucket Folder.Test connection button to check whether the connection is successful.
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/amazon10.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4" style="margin-top: 25px;">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                            Every day, a Scheduled Action will take place to store a backup on the Amazon S3 Server. The backup will be stored as the folder name provided in the File Name field in Odoo.                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/amazon12.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </div>
							 | 
						|
								                            </div>
							 | 
						|
								                            <div class="position-relative mb-4"
							 | 
						|
								                                 style="border-radius:10px; background-color:#f4f4f4">
							 | 
						|
								                                <div class="p-md-5 p-3 position-relative">
							 | 
						|
								                                    <div class="row">
							 | 
						|
								                                        <div class="col-md-12">
							 | 
						|
								                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
							 | 
						|
								                              font-weight: 700;">
							 | 
						|
								                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Automatically Remove
							 | 
						|
								                                      </span>
							 | 
						|
								                                                <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Old Backups.</span>
							 | 
						|
								                                            </h1>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Enable auto remove option, specify number of days to remove backups.
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/remove.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </div>
							 | 
						|
								                            </div>
							 | 
						|
								                            <div class="position-relative mb-4"
							 | 
						|
								                                 style="border-radius:10px; background-color:#f4f4f4">
							 | 
						|
								                                <div class="p-md-5 p-3 position-relative">
							 | 
						|
								                                    <div class="row">
							 | 
						|
								                                        <div class="col-md-12">
							 | 
						|
								                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
							 | 
						|
								                              font-weight: 700;">
							 | 
						|
								                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Notify User on Success and Failure of
							 | 
						|
								                                      </span>
							 | 
						|
								                                                <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Backup Generation.</span>
							 | 
						|
								                                            </h1>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                               Enable notify user option, and select a user to notify. An email notification will be sent to the selected user on backup successful and failure.
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/notify.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </div>
							 | 
						|
								                            </div>
							 | 
						|
								                            <div class="position-relative mb-4"
							 | 
						|
								                                 style="border-radius:10px; background-color:#f4f4f4">
							 | 
						|
								                                <div class="p-md-5 p-3 position-relative">
							 | 
						|
								                                    <div class="row">
							 | 
						|
								                                        <div class="col-md-12">
							 | 
						|
								                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
							 | 
						|
								                              font-weight: 700;">
							 | 
						|
								                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Successful backup
							 | 
						|
								                                      </span>
							 | 
						|
								                                                <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">notification email.</span>
							 | 
						|
								                                            </h1>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/success_mail.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </div>
							 | 
						|
								                            </div>
							 | 
						|
								                            <div class="position-relative mb-4"
							 | 
						|
								                                 style="border-radius:10px; background-color:#f4f4f4">
							 | 
						|
								                                <div class="p-md-5 p-3 position-relative">
							 | 
						|
								                                    <div class="row">
							 | 
						|
								                                        <div class="col-md-12">
							 | 
						|
								                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
							 | 
						|
								                              font-weight: 700;">
							 | 
						|
								                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Failed backup
							 | 
						|
								                                      </span>
							 | 
						|
								                                                <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">notification email.</span>
							 | 
						|
								                                            </h1>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/failure_mail.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </div>
							 | 
						|
								                            </div>
							 | 
						|
								                            <div class="position-relative mb-4"
							 | 
						|
								                                 style="border-radius:10px; background-color:#f4f4f4">
							 | 
						|
								                                <div class="p-md-5 p-3 position-relative">
							 | 
						|
								                                    <div class="row">
							 | 
						|
								                                        <div class="col-md-12">
							 | 
						|
								                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
							 | 
						|
								                              font-weight: 700;">
							 | 
						|
								                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Scheduled Action For
							 | 
						|
								                                      </span>
							 | 
						|
								                                                <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Generating Backup.</span>
							 | 
						|
								                                            </h1>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                                Enable the 'Automatic database Backup' scheduled action, and set up the execution interval. Based on the scheduled action setup, backups will be generated on regular intervals.
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/scheduled_action.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 mb-4">
							 | 
						|
								                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="col-md-12 text-center">
							 | 
						|
								                                            <div class="d-inline-block p-3 shadow-sm"
							 | 
						|
								                                                 style="background-color:#fff; border-radius:10px">
							 | 
						|
								                                                <img alt="" class="img-fluid"
							 | 
						|
								                                                     loading="lazy"
							 | 
						|
								                                                     src="./assets/screenshots/scheduled_action_form.png"
							 | 
						|
								                                                     style="min-height: 1px;">
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </div>
							 | 
						|
								                            </div>
							 | 
						|
								
							 | 
						|
								
							 | 
						|
								
							 | 
						|
								                        </div>
							 | 
						|
								                        <div aria-labelledby="feature-tab"
							 | 
						|
								                             class="tab-pane fade show py-1" id="feature"
							 | 
						|
								                             role="tabpanel">
							 | 
						|
								                            <div class="row py-4">
							 | 
						|
								                                <!-- Features Section -->
							 | 
						|
								                                <div class="col-md-6 col-sm-12 p-3">
							 | 
						|
								                                    <div class="d-flex flex-column align-items-start h-100"
							 | 
						|
								                                         style="padding:30px; border-radius:12px; background-color:#faf8ff">
							 | 
						|
								                                        <div class="d-flex align-items-center justify-content-center">
							 | 
						|
								                                            <div class="d-flex align-items-center justify-content-center "
							 | 
						|
								                                                 style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px">
							 | 
						|
								                                                <i class="fa fa-star  "
							 | 
						|
								                                                   style="color:#fff; font-size:14px"></i>
							 | 
						|
								                                            </div>
							 | 
						|
								                                            <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
							 | 
						|
								                                                Interactive User Interface.</p>
							 | 
						|
								                                        </div>
							 | 
						|
								
							 | 
						|
								                                    </div>
							 | 
						|
								                                </div>
							 | 
						|
								                                <div class="col-md-6 col-sm-12 p-3">
							 | 
						|
								                                    <div class="d-flex flex-column align-items-start h-100"
							 | 
						|
								                                         style="padding:30px; border-radius:12px; background-color:#faf8ff">
							 | 
						|
								                                        <div class="d-flex align-items-center justify-content-center">
							 | 
						|
								                                            <div class="d-flex align-items-center justify-content-center "
							 | 
						|
								                                                 style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px">
							 | 
						|
								                                                <i class="fa fa-star  "
							 | 
						|
								                                                   style="color:#fff; font-size:14px"></i>
							 | 
						|
								                                            </div>
							 | 
						|
								                                            <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
							 | 
						|
								                                                Store Backup To Different
							 | 
						|
								                                                Locations.</p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </div>
							 | 
						|
								                                <div class="col-md-6 col-sm-12 p-3">
							 | 
						|
								                                    <div class="d-flex flex-column align-items-start h-100"
							 | 
						|
								                                         style="padding:30px; border-radius:12px; background-color:#faf8ff">
							 | 
						|
								                                        <div class="d-flex align-items-center justify-content-center">
							 | 
						|
								                                            <div class="d-flex align-items-center justify-content-center "
							 | 
						|
								                                                 style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px">
							 | 
						|
								                                                <i class="fa fa-star  "
							 | 
						|
								                                                   style="color:#fff; font-size:14px"></i>
							 | 
						|
								                                            </div>
							 | 
						|
								                                            <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
							 | 
						|
								                                                Automatically Remove Old
							 | 
						|
								                                                Backups.</p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="ms-5">
							 | 
						|
								                                            <p class="m-0"
							 | 
						|
								                                               style="color:#718096">
							 | 
						|
								                                                Effortlessly manage your storage
							 | 
						|
								                                                with automatic removal of old
							 | 
						|
								                                                backups, freeing up space while
							 | 
						|
								                                                keeping your most recent data
							 | 
						|
								                                                secure.
							 | 
						|
								                                            </p>
							 | 
						|
								                                        </div>
							 | 
						|
								
							 | 
						|
								                                    </div>
							 | 
						|
								                                </div>
							 | 
						|
								                                <div class="col-md-6 col-sm-12 p-3">
							 | 
						|
								                                    <div class="d-flex flex-column align-items-start h-100"
							 | 
						|
								                                         style="padding:30px; border-radius:12px; background-color:#faf8ff">
							 | 
						|
								                                        <div class="d-flex align-items-center justify-content-center">
							 | 
						|
								                                            <div class="d-flex align-items-center justify-content-center "
							 | 
						|
								                                                 style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px">
							 | 
						|
								                                                <i class="fa fa-star  "
							 | 
						|
								                                                   style="color:#fff; font-size:14px"></i>
							 | 
						|
								                                            </div>
							 | 
						|
								                                            <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
							 | 
						|
								                                                Generate Database Backups on
							 | 
						|
								                                                regular intervals.</p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="ms-5">
							 | 
						|
								                                            <p class="m-0"
							 | 
						|
								                                               style="color:#718096">
							 | 
						|
								                                                Protect your data with our
							 | 
						|
								                                                automated database backups,
							 | 
						|
								                                                ensuring regular, scheduled
							 | 
						|
								                                                backups for seamless recovery
							 | 
						|
								                                                and integrity. </p>
							 | 
						|
								                                        </div>
							 | 
						|
								
							 | 
						|
								                                    </div>
							 | 
						|
								                                </div>
							 | 
						|
								                                <div class="col-md-6 col-sm-12 p-3">
							 | 
						|
								                                    <div class="d-flex flex-column align-items-start h-100"
							 | 
						|
								                                         style="padding:30px; border-radius:12px; background-color:#faf8ff">
							 | 
						|
								                                        <div class="d-flex align-items-center justify-content-center">
							 | 
						|
								                                            <div class="d-flex align-items-center justify-content-center "
							 | 
						|
								                                                 style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px">
							 | 
						|
								                                                <i class="fa fa-star  "
							 | 
						|
								                                                   style="color:#fff; font-size:14px"></i>
							 | 
						|
								                                            </div>
							 | 
						|
								                                            <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
							 | 
						|
								                                                Notify User On Success And
							 | 
						|
								                                                Failure Of Backup
							 | 
						|
								                                                Generation.</p>
							 | 
						|
								                                        </div>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </div>
							 | 
						|
								                            </div>
							 | 
						|
								                        </div>
							 | 
						|
								                        <div aria-labelledby="faq-tab"
							 | 
						|
								                             class="tab-pane fade show" id="faq"
							 | 
						|
								                             role="tabpanel">
							 | 
						|
								                            <div class="row"
							 | 
						|
								                                 style=" background-color:#fff !important">
							 | 
						|
								                                <div class="col-md-12" aria-labelledby="faq-tab"
							 | 
						|
								                                     id="faq" role="tabpanel">
							 | 
						|
								                                    <div class="accordion mb-4" id="accordion6">
							 | 
						|
								                                        <div style="background-color:#fff">
							 | 
						|
								                                            <!-- accordian -->
							 | 
						|
								                                            <div class="accordion"
							 | 
						|
								                                                 id="accordion_faq">
							 | 
						|
								                                                <!-- Question 1 -->
							 | 
						|
								                                                <div class=""
							 | 
						|
								                                                     style="margin:1rem 0rem">
							 | 
						|
								                                                    <div aria-expanded="false"
							 | 
						|
								                                                         class=" card-header collapsed"
							 | 
						|
								                                                         data-bs-toggle="collapse"
							 | 
						|
								                                                         data-bs-target="#collapseFAQOne"
							 | 
						|
								                                                         href="#collapseFAQOne"
							 | 
						|
								                                                         aria-controls="collapseFAQOne"
							 | 
						|
								                                                         style="cursor: pointer; background-color:#f8f8f8; border:none; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px;">
							 | 
						|
								                                                        <a class="card-title text-decoration-none"
							 | 
						|
								                                                           style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a">
							 | 
						|
								                                                            Does this module
							 | 
						|
								                                                            only backup
							 | 
						|
								                                                            database? What about
							 | 
						|
								                                                            the file store?
							 | 
						|
								                                                            <img alt=""
							 | 
						|
								                                                                 class="float-end"
							 | 
						|
								                                                                 src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7"
							 | 
						|
								                                                                 width="25px">
							 | 
						|
								                                                        </a>
							 | 
						|
								                                                    </div>
							 | 
						|
								                                                    <div class="accordion-collapse collapse"
							 | 
						|
								                                                         aria-labelledby="collapseFAQOne"
							 | 
						|
								                                                         data-bs-parent="#accordion_faq"
							 | 
						|
								                                                         id="collapseFAQOne"
							 | 
						|
								                                                         style=" box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
							 | 
						|
								                                                        <p style=" padding:0.75rem 1.25rem; font-size:16px; line-height:27px;  color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
							 | 
						|
								                                                            While configuring a
							 | 
						|
								                                                            backup, selecting
							 | 
						|
								                                                            the Zip option will
							 | 
						|
								                                                            include the
							 | 
						|
								                                                            filestore in the
							 | 
						|
								                                                            backup, while
							 | 
						|
								                                                            choosing the Dump
							 | 
						|
								                                                            option will create a
							 | 
						|
								                                                            backup without the
							 | 
						|
								                                                            filestore.
							 | 
						|
								                                                        </p>
							 | 
						|
								                                                    </div>
							 | 
						|
								                                                </div>
							 | 
						|
								                                                <!-- Question 2 -->
							 | 
						|
								                                                <div style="margin:1rem 0rem">
							 | 
						|
								                                                    <div aria-expanded="false"
							 | 
						|
								                                                         class="cursor-pointer card-header collapsed"
							 | 
						|
								                                                         data-bs-toggle="collapse"
							 | 
						|
								                                                         aria-controls="collapseFAQThree"
							 | 
						|
								                                                         data-bs-target="#collapseFAQThree"
							 | 
						|
								                                                         style="cursor: pointer; background-color:#f8f8f8; border:1px solid #f8f8f8; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px">
							 | 
						|
								                                                        <a class="card-title text-decoration-none"
							 | 
						|
								                                                           style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a">
							 | 
						|
								                                                            How can remove old
							 | 
						|
								                                                            backups?
							 | 
						|
								                                                            <img alt=""
							 | 
						|
								                                                                 class="float-end"
							 | 
						|
								                                                                 src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7"
							 | 
						|
								                                                                 width="25px">
							 | 
						|
								                                                        </a>
							 | 
						|
								                                                    </div>
							 | 
						|
								                                                    <div class="accordion-collapse collapse"
							 | 
						|
								                                                         aria-labelledby="collapseFAQThree"
							 | 
						|
								                                                         data-bs-parent="#accordion_faq"
							 | 
						|
								                                                         id="collapseFAQThree"
							 | 
						|
								                                                         style="box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
							 | 
						|
								                                                        <p style="padding:0.75rem 1.25rem; font-size:16px; line-height:27px;  color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
							 | 
						|
								                                                            Enable the "Remove
							 | 
						|
								                                                            Old Backups" option
							 | 
						|
								                                                            in the backup
							 | 
						|
								                                                            creation view to
							 | 
						|
								                                                            automatically delete
							 | 
						|
								                                                            previous backups
							 | 
						|
								                                                            based on the number
							 | 
						|
								                                                            of days specified.
							 | 
						|
								                                                        </p>
							 | 
						|
								                                                    </div>
							 | 
						|
								                                                </div>
							 | 
						|
								                                                <!-- Question 3 -->
							 | 
						|
								                                                <div style="margin:1rem 0rem">
							 | 
						|
								                                                    <div aria-expanded="false"
							 | 
						|
								                                                         class="cursor-pointer card-header collapsed"
							 | 
						|
								                                                         data-bs-toggle="collapse"
							 | 
						|
								                                                         aria-controls="collapseFAQFour"
							 | 
						|
								                                                         data-bs-target="#collapseFAQFour"
							 | 
						|
								                                                         style="cursor: pointer; background-color:#f8f8f8; border:1px solid #f8f8f8; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px">
							 | 
						|
								                                                        <a class="card-title text-decoration-none"
							 | 
						|
								                                                           style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a">
							 | 
						|
								                                                            If I've set up
							 | 
						|
								                                                            automated backups,
							 | 
						|
								                                                            how can I identify
							 | 
						|
								                                                            which backup
							 | 
						|
								                                                            operation has
							 | 
						|
								                                                            encountered a
							 | 
						|
								                                                            failure?
							 | 
						|
								                                                            <img alt=""
							 | 
						|
								                                                                 class="float-end"
							 | 
						|
								                                                                 src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7"
							 | 
						|
								                                                                 width="25px">
							 | 
						|
								                                                        </a>
							 | 
						|
								                                                    </div>
							 | 
						|
								                                                    <div class="accordion-collapse collapse"
							 | 
						|
								                                                         aria-labelledby="collapseFAQFour"
							 | 
						|
								                                                         data-bs-parent="#accordion_faq"
							 | 
						|
								                                                         id="collapseFAQFour"
							 | 
						|
								                                                         style="box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
							 | 
						|
								                                                        <p style="padding:0.75rem 1.25rem; font-size:16px; line-height:27px;  color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
							 | 
						|
								                                                            Enable the "Notify
							 | 
						|
								                                                            User" option and
							 | 
						|
								                                                            specify a contact to
							 | 
						|
								                                                            receive an email
							 | 
						|
								                                                            containing a
							 | 
						|
								                                                            detailed report with
							 | 
						|
								                                                            the failure reason
							 | 
						|
								                                                            and backup details.
							 | 
						|
								                                                            This option will
							 | 
						|
								                                                            also send an email
							 | 
						|
								                                                            upon successful
							 | 
						|
								                                                            backup.
							 | 
						|
								                                                        </p>
							 | 
						|
								                                                    </div>
							 | 
						|
								                                                </div>
							 | 
						|
								                                                <!-- Question 4 -->
							 | 
						|
								                                                <div style="margin:1rem 0rem">
							 | 
						|
								                                                    <div aria-expanded="false"
							 | 
						|
								                                                         class="cursor-pointer card-header collapsed"
							 | 
						|
								                                                         data-bs-toggle="collapse"
							 | 
						|
								                                                         aria-controls="collapseFAQFive"
							 | 
						|
								                                                         data-bs-target="#collapseFAQFive"
							 | 
						|
								                                                         style="cursor: pointer; background-color:#f8f8f8; border:1px solid #f8f8f8; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px">
							 | 
						|
								                                                        <a class="card-title text-decoration-none"
							 | 
						|
								                                                           style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a">
							 | 
						|
								                                                            Can i backup to
							 | 
						|
								                                                            directly my own
							 | 
						|
								                                                            system itself?
							 | 
						|
								                                                            <img alt=""
							 | 
						|
								                                                                 class="float-end"
							 | 
						|
								                                                                 src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7"
							 | 
						|
								                                                                 width="25px">
							 | 
						|
								                                                        </a>
							 | 
						|
								                                                    </div>
							 | 
						|
								                                                    <div class="accordion-collapse collapse"
							 | 
						|
								                                                         aria-labelledby="collapseFAQFive"
							 | 
						|
								                                                         data-bs-parent="#accordion_faq"
							 | 
						|
								                                                         id="collapseFAQFive"
							 | 
						|
								                                                         style="box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
							 | 
						|
								                                                        <p style="padding:0.75rem 1.25rem; font-size:16px; line-height:27px;  color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
							 | 
						|
								                                                            Select the backup
							 | 
						|
								                                                            destination as local
							 | 
						|
								                                                            storage and specify
							 | 
						|
								                                                            a backup path to a
							 | 
						|
								                                                            location on the
							 | 
						|
								                                                            system to create
							 | 
						|
								                                                            backups on your own
							 | 
						|
								                                                            system.
							 | 
						|
								                                                        </p>
							 | 
						|
								                                                    </div>
							 | 
						|
								                                                </div>
							 | 
						|
								                                            </div>
							 | 
						|
								                                            <!--  -->
							 | 
						|
								                                        </div>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </div>
							 | 
						|
								                            </div>
							 | 
						|
								                        </div>
							 | 
						|
								                        <div aria-labelledby="releases-tab"
							 | 
						|
								                             class="tab-pane fade show" id="releases"
							 | 
						|
								                             role="tabpanel">
							 | 
						|
								                            <!-- Release Notes -->
							 | 
						|
								                            <div class="row pt-5 m-0">
							 | 
						|
								                                <div class="col-md-3">
							 | 
						|
								                                    <h4 style="font-size:16px; font-weight:600; color:#514F4F; margin:0; line-height:26px;">
							 | 
						|
								                                        Latest Release 18.0.1.0.0
							 | 
						|
								                                    </h4>
							 | 
						|
								                                    <span style="font-size:14px; color:#7A7979; display:block; margin-bottom:20px;">
							 | 
						|
								                                          26th September, 2024
							 | 
						|
								                                    </span>
							 | 
						|
								                                </div>
							 | 
						|
								                                <div class="col-md-8">
							 | 
						|
								                                    <div style="padding:0 0 40px">
							 | 
						|
								                                        <div style="margin:0 0 10px">
							 | 
						|
								                                            <div style="display:inline-block; padding:0px 8px; color:#514F4F; background-color:#FFD8D8; border-radius:20px">
							 | 
						|
								                                                Add
							 | 
						|
								                                            </div>
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <div class="d-flex m-0"
							 | 
						|
								                                             style="color:#7A7979;">
							 | 
						|
								                                            <ul class="pl-3 mb-0">
							 | 
						|
								                                                <li>
							 | 
						|
								                                                    Initial Commit
							 | 
						|
								                                                </li>
							 | 
						|
								
							 | 
						|
								                                            </ul>
							 | 
						|
								                                        </div>
							 | 
						|
								                                    </div>
							 | 
						|
								                                    <div style="padding:0 0 0; border-bottom:1px solid #E3E3E3">
							 | 
						|
								                                    </div>
							 | 
						|
								                                </div>
							 | 
						|
								                            </div>
							 | 
						|
								                        </div>
							 | 
						|
								                    </div>
							 | 
						|
								                </div>
							 | 
						|
								                <!--  -->
							 | 
						|
								                <!-- related post -->
							 | 
						|
								                <div class="" style="margin-top: 100px;">
							 | 
						|
								                    <div class="text-center mt-4">
							 | 
						|
								                        <h3 class="mb-0" style="color: #000;
							 | 
						|
								      text-align: center;
							 | 
						|
								      font-family: Montserrat;
							 | 
						|
								      font-size: 40px;
							 | 
						|
								      font-style: normal;
							 | 
						|
								      font-weight: 700;
							 | 
						|
								      line-height: normal;
							 | 
						|
								      text-transform: uppercase;
							 | 
						|
								      padding-bottom: 50px;"
							 | 
						|
								                        >Related Modules</h3>
							 | 
						|
								                    </div>
							 | 
						|
								
							 | 
						|
								                    <div class="owl-carousel owl-theme">
							 | 
						|
								                        <div class="item"
							 | 
						|
								                             style="border:1px solid #CBCBCB !important; border-radius: 6px;">
							 | 
						|
								                            <div class="p-3">
							 | 
						|
								                                <a href="https://apps.odoo.com/apps/modules/17.0/base_accounting_kit"
							 | 
						|
								                                   style="color:#000; text-decoration:none">
							 | 
						|
								                                    <div style=" border-radius:4px">
							 | 
						|
								                                        <div>
							 | 
						|
								                                            <img src="./assets/modules/1.gif"
							 | 
						|
								                                                 alt="" width="100%"
							 | 
						|
								                                                 height="auto">
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <p class="text-center mb-2 pb-0 text-black"
							 | 
						|
								                                           style="font-weight: 600; padding-top: 16px;">
							 | 
						|
								                                            Odoo 17 Full Accounting Kit</p>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </a>
							 | 
						|
								                            </div>
							 | 
						|
								                        </div>
							 | 
						|
								                        <div class="item"
							 | 
						|
								                             style="border:1px solid #CBCBCB !important; border-radius: 6px;">
							 | 
						|
								                            <div class="p-3">
							 | 
						|
								                                <a href="https://apps.odoo.com/apps/modules/17.0/ohrms_core"
							 | 
						|
								                                   style="color:#000; text-decoration:none">
							 | 
						|
								                                    <div style=" border-radius:4px">
							 | 
						|
								                                        <div>
							 | 
						|
								                                            <img src="./assets/modules/2.gif"
							 | 
						|
								                                                 alt="" width="100%"
							 | 
						|
								                                                 height="auto">
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <p class="text-center pb-0 mb-2 text-black"
							 | 
						|
								                                           style="font-weight: 600; padding-top: 16px;">
							 | 
						|
								                                            Open HRMS Core</p>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </a>
							 | 
						|
								                            </div>
							 | 
						|
								                        </div>
							 | 
						|
								                        <div class="item"
							 | 
						|
								                             style="border:1px solid #CBCBCB !important; border-radius: 6px;">
							 | 
						|
								                            <div class="p-3">
							 | 
						|
								                                <a href="https://apps.odoo.com/apps/modules/17.0/invoice_format_editor"
							 | 
						|
								                                   style="color:#000; text-decoration:none">
							 | 
						|
								                                    <div style=" border-radius:4px">
							 | 
						|
								                                        <div>
							 | 
						|
								                                            <img src="./assets/modules/3.png"
							 | 
						|
								                                                 alt="" width="100%"
							 | 
						|
								                                                 height="auto">
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <p class="text-center pb-0 mb-2 text-black"
							 | 
						|
								                                           style="font-weight: 600; padding-top: 16px;">
							 | 
						|
								                                            Odoo17 Invoice Format Editor</p>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </a>
							 | 
						|
								                            </div>
							 | 
						|
								                        </div>
							 | 
						|
								                        <div class="item"
							 | 
						|
								                             style="border:1px solid #CBCBCB !important; border-radius: 6px;">
							 | 
						|
								                            <div class="p-3">
							 | 
						|
								                                <a href="https://apps.odoo.com/apps/modules/17.0/login_user_detail"
							 | 
						|
								                                   style="color:#000; text-decoration:none">
							 | 
						|
								                                    <div style=" border-radius:4px">
							 | 
						|
								                                        <div>
							 | 
						|
								                                            <img src="./assets/modules/4.png"
							 | 
						|
								                                                 alt="" width="100%"
							 | 
						|
								                                                 height="auto">
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <p class="text-center pb-0 mb-2 text-black"
							 | 
						|
								                                           style="font-weight: 600; padding-top: 16px;">
							 | 
						|
								                                            User Log Details</p>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </a>
							 | 
						|
								                            </div>
							 | 
						|
								                        </div>
							 | 
						|
								                        <div class="item"
							 | 
						|
								                             style="border:1px solid #CBCBCB !important; border-radius: 6px;">
							 | 
						|
								                            <div class="p-3">
							 | 
						|
								                                <a href="https://apps.odoo.com/apps/modules/17.0/product_barcode"
							 | 
						|
								                                   style="color:#000; text-decoration:none">
							 | 
						|
								                                    <div style=" border-radius:4px">
							 | 
						|
								                                        <div>
							 | 
						|
								                                            <img src="./assets/modules/5.png"
							 | 
						|
								                                                 alt="" width="100%"
							 | 
						|
								                                                 height="auto">
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <p class="text-center pb-0 mb-2 text-black"
							 | 
						|
								                                           style="font-weight: 600; padding-top: 16px;">
							 | 
						|
								                                            Odoo17 Product Barcode Generator</p>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </a>
							 | 
						|
								                            </div>
							 | 
						|
								                        </div>
							 | 
						|
								                        <div class="item"
							 | 
						|
								                             style="border:1px solid #CBCBCB !important; border-radius: 6px;">
							 | 
						|
								                            <div class="p-3">
							 | 
						|
								                                <a href="https://apps.odoo.com/apps/modules/17.0/whatsapp_redirect"
							 | 
						|
								                                   style="color:#000; text-decoration:none">
							 | 
						|
								                                    <div style=" border-radius:4px">
							 | 
						|
								                                        <div>
							 | 
						|
								                                            <img src="./assets/modules/6.jpg"
							 | 
						|
								                                                 alt="" width="100%"
							 | 
						|
								                                                 height="auto">
							 | 
						|
								                                        </div>
							 | 
						|
								                                        <p class="text-center pb-0 mb-2 text-black"
							 | 
						|
								                                           style="font-weight: 600; padding-top: 16px;">
							 | 
						|
								                                            Send Whatsapp Message Odoo17</p>
							 | 
						|
								                                    </div>
							 | 
						|
								                                </a>
							 | 
						|
								                            </div>
							 | 
						|
								                        </div>
							 | 
						|
								                    </div>
							 | 
						|
								                </div>
							 | 
						|
								                <!--  -->
							 | 
						|
								                <!-- service-section -->
							 | 
						|
								
							 | 
						|
								                <section id="services" class="mt-5" style="border-radius: 16px;
							 | 
						|
								                                                            border: 1px solid #EBEEF2;
							 | 
						|
								                                                            background: var(--Neutral-N0, #FFF);
							 | 
						|
								                                                            padding: 60px 40px;
							 | 
						|
								                                                            box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25);">
							 | 
						|
								                    <div class="text-center mt-4"><h3 class="mb-0" style="color: #000;
							 | 
						|
								                                                                  text-align: center;
							 | 
						|
								                                                                  font-family: Montserrat;
							 | 
						|
								                                                                  font-size: 40px;
							 | 
						|
								                                                                  font-style: normal;
							 | 
						|
								                                                                  font-weight: 700;
							 | 
						|
								                                                                  line-height: normal;
							 | 
						|
								                                                                  text-transform: uppercase;
							 | 
						|
								                                                                  padding-bottom: 50px;">
							 | 
						|
								                        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">
							 | 
						|
								                                <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"
							 | 
						|
								                                         style="background-color:#FA5A7D; border-radius:50%; height:56px; width:56px">
							 | 
						|
								                                        <img src="./assets/icons/gear.svg"
							 | 
						|
								                                             class="img-responsive"
							 | 
						|
								                                             height="28px" width="28px">
							 | 
						|
								                                    </div>
							 | 
						|
								                                    <span style="font-size: 18px;
							 | 
						|
								                                  color: var(--text-color);
							 | 
						|
								                                  font-weight: 600;"> Odoo Customization</span>
							 | 
						|
								                                </div>
							 | 
						|
								                            </a>
							 | 
						|
								                        </div>
							 | 
						|
								                        <div class="col-lg-3 col-sm-12 mb-3">
							 | 
						|
								                            <a href="#" 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"
							 | 
						|
								                                         style="background-color:#FF947A; border-radius:50%; height:56px; width:56px">
							 | 
						|
								                                        <img src="./assets/icons/wrench-icon.svg"
							 | 
						|
								                                             class="img-responsive"
							 | 
						|
								                                             height="28px" width="28px">
							 | 
						|
								                                    </div>
							 | 
						|
								                                    <span style="font-size: 18px;
							 | 
						|
								                    color: var(--text-color);
							 | 
						|
								                    font-weight: 600;"> Odoo Implementation</span>
							 | 
						|
								                                </div>
							 | 
						|
								                            </a>
							 | 
						|
								                        </div>
							 | 
						|
								                        <div class="col-lg-3 col-sm-12 mb-3">
							 | 
						|
								                            <a href="#" 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"
							 | 
						|
								                                         style="background-color:#3CD856; border-radius:50%; height:56px; width:56px">
							 | 
						|
								                                        <img src="./assets/icons/life-ring-icon.svg"
							 | 
						|
								                                             class="img-responsive"
							 | 
						|
								                                             height="28px" width="28px">
							 | 
						|
								                                    </div>
							 | 
						|
								                                    <span style="font-size: 18px;
							 | 
						|
								                  color: var(--text-color);
							 | 
						|
								                  font-weight: 600;">Odoo Support</span>
							 | 
						|
								                                </div>
							 | 
						|
								                            </a>
							 | 
						|
								                        </div>
							 | 
						|
								                        <div class="col-lg-3 col-sm-12 mb-3">
							 | 
						|
								                            <a href="#" 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"
							 | 
						|
								                                         style="background-color:#BF83FF; border-radius:50%; height:56px; width:56px">
							 | 
						|
								                                        <img src="./assets/icons/arrows-repeat.svg"
							 | 
						|
								                                             class="img-responsive"
							 | 
						|
								                                             height="28px" width="28px">
							 | 
						|
								                                    </div>
							 | 
						|
								                                    <span style="font-size: 18px;
							 | 
						|
								                color: var(--text-color);
							 | 
						|
								                font-weight: 600;">Odoo Migration</span>
							 | 
						|
								                                </div>
							 | 
						|
								                            </a>
							 | 
						|
								                        </div>
							 | 
						|
								                        <div class="col-lg-3 col-sm-12 mb-3">
							 | 
						|
								                            <a href="#" 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"
							 | 
						|
								                                         style="background-color:#01649C; border-radius:50%; height:56px; width:56px">
							 | 
						|
								                                        <img src="./assets/icons/puzzle-piece-icon.svg"
							 | 
						|
								                                             class="img-responsive"
							 | 
						|
								                                             height="28px" width="28px">
							 | 
						|
								                                    </div>
							 | 
						|
								                                    <span style="font-size: 18px;
							 | 
						|
								              color: var(--text-color);
							 | 
						|
								              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">
							 | 
						|
								                                <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;">
							 | 
						|
								
							 | 
						|
								                                    <div class="d-flex justify-content-center align-items-center"
							 | 
						|
								                                         style="background-color:#69CC70; border-radius:50%; height:56px; width:56px">
							 | 
						|
								                                        <img src="./assets/icons/odoo-consultancy.svg"
							 | 
						|
								                                             class="img-responsive"
							 | 
						|
								                                             height="28px" width="28px">
							 | 
						|
								                                    </div>
							 | 
						|
								                                    <span style="font-size: 18px;
							 | 
						|
								            color: var(--text-color);
							 | 
						|
								            font-weight: 600;">Odoo Consultancy</span>
							 | 
						|
								                                </div>
							 | 
						|
								                            </a>
							 | 
						|
								                        </div>
							 | 
						|
								                        <div class="col-lg-3 col-sm-12 mb-3">
							 | 
						|
								                            <a href="#" 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;">
							 | 
						|
								
							 | 
						|
								                                    <div class="d-flex justify-content-center align-items-center"
							 | 
						|
								                                         style="background-color:#2E4556; border-radius:50%; height:56px; width:56px">
							 | 
						|
								                                        <img src="./assets/icons/odoo-licencing.svg"
							 | 
						|
								                                             class="img-responsive"
							 | 
						|
								                                             height="28px" width="28px">
							 | 
						|
								                                    </div>
							 | 
						|
								                                    <span style="font-size: 18px;
							 | 
						|
								          color: var(--text-color);
							 | 
						|
								          font-weight: 600;">Odoo Licensing</span>
							 | 
						|
								                                </div>
							 | 
						|
								                            </a>
							 | 
						|
								                        </div>
							 | 
						|
								                        <div class="col-lg-3 col-sm-12 mb-3">
							 | 
						|
								                            <a href="#" 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;">
							 | 
						|
								
							 | 
						|
								                                    <div class="d-flex justify-content-center align-items-center"
							 | 
						|
								                                         style="background-color:#FCD12C; border-radius:50%; height:56px; width:56px">
							 | 
						|
								                                        <img src="./assets/icons/hire-odoo.svg"
							 | 
						|
								                                             class="img-responsive"
							 | 
						|
								                                             height="28px" width="28px">
							 | 
						|
								                                    </div>
							 | 
						|
								                                    <span style="font-size: 18px;
							 | 
						|
								          color: var(--text-color);
							 | 
						|
								          font-weight: 600;">Hire Odoo Developer</span>
							 | 
						|
								                                </div>
							 | 
						|
								                            </a>
							 | 
						|
								                        </div>
							 | 
						|
								                    </div>
							 | 
						|
								            </div>
							 | 
						|
								            <!-- licence -->
							 | 
						|
								            <div class="tab-pane fade" id="profile" role="tabpanel"
							 | 
						|
								                 aria-labelledby="profile-tab">
							 | 
						|
								                <div class="px-5">
							 | 
						|
								                    ....
							 | 
						|
								                </div>
							 | 
						|
								            </div>
							 | 
						|
								            <!--  -->
							 | 
						|
								        </div>
							 | 
						|
								        </section>
							 | 
						|
								        <!--  -->
							 | 
						|
								    </div>
							 | 
						|
								</div>
							 | 
						|
								</body>
							 | 
						|
								<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
							 | 
						|
								<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
							 | 
						|
								        integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g=="
							 | 
						|
								        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
							 | 
						|
								<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
							 | 
						|
								<script>
							 | 
						|
								    $('.owl-carousel').owlCarousel({
							 | 
						|
								        rtl: true,
							 | 
						|
								        loop: true,
							 | 
						|
								        margin: 10,
							 | 
						|
								        nav: true,
							 | 
						|
								        responsive: {
							 | 
						|
								            0: {
							 | 
						|
								                items: 1
							 | 
						|
								            },
							 | 
						|
								            600: {
							 | 
						|
								                items: 3
							 | 
						|
								            },
							 | 
						|
								            1000: {
							 | 
						|
								                items: 3
							 | 
						|
								            }
							 | 
						|
								        }
							 | 
						|
								    })
							 | 
						|
								</script>
							 | 
						|
								</html>
							 | 
						|
								
							 |