<html><head></head><body><div id="root">
            <div id="section-0" class=" editable-section" data-section-id="0"><div class="section text-center video-background darkbg"><div class="p-md-5 py-5"><div style="opacity:1" class="p-md-5 py-5 container"><div class="row p-md-5 py-5 py-sm-5"><div class="col-md-12"></div><div class="col-md-12"><h1 class="highlight-this fw-bold display-1"><span><p>This Website is being designed by ContentSimi Websites</p>
</span></h1><span><p>Pardon our dust! Temporary Page is currently under construction. We're excited to reveal our shiny new site soon. Stay tuned!</p>
<style>
h1{
    margin-bottom: 1rem;
    text-shadow: rgb(91 131 206) 0px 2px 2px, rgb(111 128 155) -2px 5px 1px, rgb(134 158 246) -4px 8px 1px, rgb(51 72 169) -6px 11px 1px, rgb(96 107 160) -8px 14px 1px, rgb(138 125 237) -10px 17px 1px, rgb(55 58 64) -12px 20px 1px, #2a3068 -14px 23px 1px;
}
</style></span><a href="https://design-a-website.sites.contentsimi.com/" class="btn btn-primary my-3">Visit us to design your website too</a></div></div></div></div></div></div><div id="section-1" class="top-div-full-blown editable-section" data-section-id="1"><div class="footer footerbg py-5" style="background-color:#f2f2f2;padding:20px;text-align:center;min-height:300px"><p>© 2023 ContentSimi Websites. All rights reserved.</p></div></div>            
            
            <div class="modal" id="dynamicModal" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-xl" role="document">
                <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Modal title</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body" id="modalBody">
                    
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
                </div>
            </div>
            </div>
            </div>
            
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

            <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
          
            <script>
                
                $(document).ready(function() {
                    let currentIndex = 0;
                    const accordionItems = $('.accordion .accordion-button');
                    const progressBarDuration = 0.5 * 60 * 1000; // 2 minutes

                    function resetProgressBars() {
                        $('.progress-bar').css('width', '0%').attr('aria-valuenow', 0);
                    }

                    function showNextItem() {
                        // Reset if we've reached the end
                        if (currentIndex >= accordionItems.length) {
                            currentIndex = 0;
                        }

                        resetProgressBars();

                        // Start progress bar for the current item
                        let progressBar = accordionItems.eq(currentIndex).closest('.accordion-item').find('.progress-bar');
                        progressBar.animate({
                            width: "100%"
                        }, progressBarDuration, function() {
                            // Animation complete
                        });

                        // Trigger the accordion item
                        accordionItems.eq(currentIndex).trigger('click');

                        currentIndex++;
                    }
                    showNextItem()

                    // Set the interval to trigger every X minutes (e.g., 2 minutes in this example)
                    setInterval(showNextItem, progressBarDuration);
                    $('.accordion .accordion-button').on('click', function() {
                        let index = $(this).closest('.accordion-item').index();
                
                        // Update active image
                        $('.accordion-respective-image-container .image-div').removeClass('active');
                        $('.accordion-respective-image-container .image-div').eq(index).addClass('active');
                    });
                });
                
                class Typewriter {
                constructor(element, speed) {
                    this.elements = document.getElementsByClassName(element);

                    Array.from(this.elements).forEach(element => {
                    const text = element.innerHTML;
                    element.innerHTML = '';

                    const ariaSpeed = parseInt(element.getAttribute('aria-speed'));
                    const actualSpeed = isNaN(ariaSpeed) ? speed : ariaSpeed;

                    let index = 0;
                    const interval = setInterval(() => {
                        element.innerHTML += text[index];
                        index++;

                        if (index >= text.length) {
                        clearInterval(interval);
                        }
                    }, actualSpeed);
                    });
                }
                }

                const typewriter = new Typewriter('typewriter-text', 20);
                function highlightMovingVerbs() {
                    const divElement = document.querySelector('.highlight-this');
                    const text = divElement.textContent;
                    
                    // Regular expression to match verbs (you can customize this as needed)
                    const verbRegex = /(w+ing|w+ed|will w+|shall w+|can w+|could w+|should w+|would w+|must w+|ought w+)/gi;
                  
                    // Wrap matching verbs in a span with a class for highlighting
                    const highlightedText = text.replace(verbRegex, '<span class="highlight">$&</span>');
                  
                    divElement.innerHTML = highlightedText;
                }   
                /*
                function stretchWordsToParentWidth() {
                    const parentDivs = document.getElementsByClassName("parent");

                    for (const parentDiv of parentDivs) {
                        const wordSpan = parentDiv.querySelector(".stretch-word");
                        

                        const scale = parentDiv.offsetWidth / wordSpan.offsetWidth;
                        /*wordSpan.style.transform = "scale(" + scale + ")";*1/
                        wordSpan.style.fontSize = scale+"rem";
                    }
                }

                // Call the function when the page loads
                stretchWordsToParentWidth();
                */               
                function stretchWordsToParentWidth() {
                    const stretchCompanyName = document.getElementById('stretch-company-name');
                    let fontSize = 100;

                    while (stretchCompanyName.scrollWidth > stretchCompanyName.offsetWidth) {
                    stretchCompanyName.style.fontSize = fontSize-- + '%';
                    }
                }
                stretchWordsToParentWidth();
                
                function popupSID(modalId) {
                    var content = $('[data-modal-id="' + modalId + '"]').html();
                    $('#modalBody').html(content);
                    $('#dynamicModal').modal('show');
                }
                $(document).ready(function() {
                    $('[data-click]').on('click', function(event) {
                        const elementType = $(this).prop("tagName").toLowerCase();
                        const functionName = $(this).data('click');
                        
                        // If the element is a link, prevent default, execute function, then navigate
                        if (elementType === 'a') {
                            event.preventDefault();
                            const href = $(this).attr('href');
                            
                            eval(functionName);
                            
                            window.location.href = href;
                        }
                        // If the element is a submit button, prevent default, execute function, then submit
                        else if (elementType === 'input' && $(this).attr('type') === 'submit') {
                            event.preventDefault();
                            const form = $(this).closest('form');
                            
                            eval(functionName);
                            
                            form.submit();
                        }
                        // For other elements, just execute the function
                        else {
                            executeFunctionByName(functionName);
                        }
                    });
                });
                
                function executeFunctionByName(functionName) {
                    if (typeof window[functionName] === 'function') {
                        window[functionName]();
                    } else {
                        console.error("Function does not exist.");
                    }
                }
                
                
                
            </script>
          
        </body></html>

<html><head><meta charset="UTF-8">
            <title>Temporary Page</title>
            <meta content="ContentSimi" name="generator">
            
            
            <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=DM+Sans:wght@400;500&amp;display=swap" rel="stylesheet">            
            <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
            <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/all.min.js"></script>
            <link href="https://fonts.googleapis.com/css?family=Quicksand:300,500" rel="stylesheet">
            <style>:root{font-size:18px}.App{font-family:'DM Sans',sans-serif}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.thumbnail{width:100px;height:100px;border-radius:50%;object-fit:cover}.bannerWithBg::before{content:"";background-size:cover;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.75}.nav-link{color:#f0f8ff}.nav-link:hover{color:#f0f8ff}.form-control::placeholder{opacity:.5!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.px-sm-0{padding-left:0!important;padding-right:0!important}.px-sm-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-sm-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-sm-3{padding-left:1rem!important;padding-right:1rem!important}.px-sm-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-sm-5{padding-left:3rem!important;padding-right:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.px-md-0{padding-left:0!important;padding-right:0!important}.px-md-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-md-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-md-3{padding-left:1rem!important;padding-right:1rem!important}.px-md-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-md-5{padding-left:3rem!important;padding-right:3rem!important}body{font-family:Quicksand,sans-serif;font-weight:300}.singlesaasshotoneslide blockquote,h1,h2,h3,h4,h5,h6{font-weight:500}html{scroll-behavior:smooth}.shape-triangle{background:linear-gradient(45deg,#f0f0f0 50%,transparent 50%),linear-gradient(135deg,#f0f0f0 50%,transparent 50%);background-size:100% 10px}.shape-diamond{background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(135deg,#f0f0f0 25%,transparent 25%),linear-gradient(225deg,#f0f0f0 25%,transparent 25%),linear-gradient(315deg,#f0f0f0 25%,transparent 25%);background-size:10px 10px}.shape-parallelogram{background:linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(135deg,#f0f0f0 25%,transparent 25%),linear-gradient(225deg,#f0f0f0 25%,transparent 25%);background-size:10px 10px}.shape-pentagon{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}.shape-hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.shape-circle{border-radius:50%}.shape-heart{position:relative;width:100px;height:100px;background-color:#f0f0f0;transform:rotate(-45deg);border-radius:50%}body{background-color:#fbfef7 font-size: 1.2 rem!important}.leftBrandBg:after{background-color:#2a3068!important;color:#fbfef7!important}.rightBrandBg:before{background-color:#2a3068!important;color:#fbfef7!important}.brandImageFilter{filter:grayscale(100%) brightness(200%);opacity:.6}.lightColor{color:#fbfef7!important}.darkbg,.footerbg{background-color:#2a3068!important;color:#fbfef7!important}.darkbg .h3,body .h3{color:#eea59b!important}.bg-light,.lightbg,body{background-color:#fbfef7!important;color:#2a3068!important}.bg-light .h3,.lightbg .h3{color:#99dae0!important}.lightaccentbg{background-color:#99dae0!important;background-color:#e6e9e9!important;color:#2a3068!important}.lightaccentbg .h3,.lightaccentbg h1,.lightaccentbg h2,.lightaccentbg h3,.lightaccentbg h4,.lightaccentbg h5,.lightaccentbg h6{color:#2a3068!important}.darkaccentbg{background-color:#eea59b!important;color:#fbfef7!important}.brandbg{background-color:#f04564!important;color:#fbfef7!important}.headertransparentbg{background-color:rgb(240,69,100,.6)!important;color:#fbfef7!important}.brandtransparentbg{background-color:rgb(0,0,0,.4)!important}.brandtransparentbg .display-1{color:#fbfef7!important}.btn,.btn.active,.btn.active:focus,.btn.active:hover,.btn.btn-default,.btn.btn-default.active,.btn.btn-default.active:focus,.btn.btn-default.active:hover,.btn.btn-default:active,.btn.btn-default:active:focus,.btn.btn-default:active:hover,.btn.btn-default:focus,.btn.btn-default:hover,.btn:active,.btn:active:focus,.btn:active:hover,.btn:focus,.btn:hover,.navbar .navbar-nav>li>a.btn,.navbar .navbar-nav>li>a.btn.active,.navbar .navbar-nav>li>a.btn.active:focus,.navbar .navbar-nav>li>a.btn.active:hover,.navbar .navbar-nav>li>a.btn.btn-default,.navbar .navbar-nav>li>a.btn.btn-default.active,.navbar .navbar-nav>li>a.btn.btn-default.active:focus,.navbar .navbar-nav>li>a.btn.btn-default.active:hover,.navbar .navbar-nav>li>a.btn.btn-default:active,.navbar .navbar-nav>li>a.btn.btn-default:active:focus,.navbar .navbar-nav>li>a.btn.btn-default:active:hover,.navbar .navbar-nav>li>a.btn.btn-default:focus,.navbar .navbar-nav>li>a.btn.btn-default:hover,.navbar .navbar-nav>li>a.btn:active,.navbar .navbar-nav>li>a.btn:active:focus,.navbar .navbar-nav>li>a.btn:active:hover,.navbar .navbar-nav>li>a.btn:focus,.navbar .navbar-nav>li>a.btn:hover,.open>.btn.btn-default.dropdown-toggle,.open>.btn.btn-default.dropdown-toggle:focus,.open>.btn.btn-default.dropdown-toggle:hover,.open>.btn.dropdown-toggle,.open>.btn.dropdown-toggle:focus,.open>.btn.dropdown-toggle:hover,.open>.navbar .navbar-nav>li>a.btn.btn-default.dropdown-toggle,.open>.navbar .navbar-nav>li>a.btn.btn-default.dropdown-toggle:focus,.open>.navbar .navbar-nav>li>a.btn.btn-default.dropdown-toggle:hover,.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle,.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle:focus,.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle:hover{background-color:#f04564!important}.bg-light h1,.bg-light h2,.bg-light h3,.bg-light h4,.bg-light h5,.bg-light h6{color:#2a3068!important}.footer1{background-color:#d5cf97!important}mark{background:linear-gradient(-100deg,hsla(48,92%,75%,.3),hsla(48,92%,75%,.7) 95%,hsla(48,92%,75%,.1));border-radius:1em 0;padding:.3em}a{color:inherit;font-weight:600}.card{z-Index:1}.display-1,.display-2,.display-3,h1,h2,h3{letter-spacing:-.02em;line-height:1.01;margin-bottom:.4em}body{line-height:1.89em}blockquote,ol,p,ul{margin-bottom:1rem}.highlight{background-color:#ff0}.stretched-word{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card{position:inherit}.stretch-company-name{text-align:center;white-space:nowrap;overflow:hidden}.top-div-full-blown div:first-child:not(:has(.brandtransparentbg)){padding-top:50px!important}.top-div-full-blown div:first-child.brandtransparentbg{padding-top:50px!important}.accordion-respective-image-container .image-div{width:100%!important;display:none!important}.accordion-respective-image-container .image-div.active{display:block!important}.h3,h1,h2,h3,h4{animation:fadeInUp;animation-duration:2s}</style>
            
          </head><body></body></html>

<!DOCTYPE html><html lang="en"><head>
            <meta charset="UTF-8">
            <title>Temporary Page</title>
            <meta content="ContentSimi" name="generator">
            
            
            <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=DM+Sans:wght@400;500&amp;display=swap" rel="stylesheet">            
            <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
            <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/all.min.js"></script>
            <link href="https://fonts.googleapis.com/css?family=Quicksand:300,500" rel="stylesheet">
            <style>:root{font-size:18px}.App{font-family:'DM Sans',sans-serif}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.thumbnail{width:100px;height:100px;border-radius:50%;object-fit:cover}.bannerWithBg::before{content:"";background-size:cover;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.75}.nav-link{color:#f0f8ff}.nav-link:hover{color:#f0f8ff}.form-control::placeholder{opacity:.5!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.px-sm-0{padding-left:0!important;padding-right:0!important}.px-sm-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-sm-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-sm-3{padding-left:1rem!important;padding-right:1rem!important}.px-sm-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-sm-5{padding-left:3rem!important;padding-right:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.px-md-0{padding-left:0!important;padding-right:0!important}.px-md-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-md-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-md-3{padding-left:1rem!important;padding-right:1rem!important}.px-md-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-md-5{padding-left:3rem!important;padding-right:3rem!important}body{font-family:Quicksand,sans-serif;font-weight:300}.singlesaasshotoneslide blockquote,h1,h2,h3,h4,h5,h6{font-weight:500}html{scroll-behavior:smooth}.shape-triangle{background:linear-gradient(45deg,#f0f0f0 50%,transparent 50%),linear-gradient(135deg,#f0f0f0 50%,transparent 50%);background-size:100% 10px}.shape-diamond{background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(135deg,#f0f0f0 25%,transparent 25%),linear-gradient(225deg,#f0f0f0 25%,transparent 25%),linear-gradient(315deg,#f0f0f0 25%,transparent 25%);background-size:10px 10px}.shape-parallelogram{background:linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(135deg,#f0f0f0 25%,transparent 25%),linear-gradient(225deg,#f0f0f0 25%,transparent 25%);background-size:10px 10px}.shape-pentagon{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}.shape-hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.shape-circle{border-radius:50%}.shape-heart{position:relative;width:100px;height:100px;background-color:#f0f0f0;transform:rotate(-45deg);border-radius:50%}body{background-color:#fbfef7 font-size: 1.2 rem!important}.leftBrandBg:after{background-color:#2a3068!important;color:#fbfef7!important}.rightBrandBg:before{background-color:#2a3068!important;color:#fbfef7!important}.brandImageFilter{filter:grayscale(100%) brightness(200%);opacity:.6}.lightColor{color:#fbfef7!important}.darkbg,.footerbg{background-color:#2a3068!important;color:#fbfef7!important}.darkbg .h3,body .h3{color:#eea59b!important}.bg-light,.lightbg,body{background-color:#fbfef7!important;color:#2a3068!important}.bg-light .h3,.lightbg .h3{color:#99dae0!important}.lightaccentbg{background-color:#99dae0!important;background-color:#e6e9e9!important;color:#2a3068!important}.lightaccentbg .h3,.lightaccentbg h1,.lightaccentbg h2,.lightaccentbg h3,.lightaccentbg h4,.lightaccentbg h5,.lightaccentbg h6{color:#2a3068!important}.darkaccentbg{background-color:#eea59b!important;color:#fbfef7!important}.brandbg{background-color:#f04564!important;color:#fbfef7!important}.headertransparentbg{background-color:rgb(240,69,100,.6)!important;color:#fbfef7!important}.brandtransparentbg{background-color:rgb(0,0,0,.4)!important}.brandtransparentbg .display-1{color:#fbfef7!important}.btn,.btn.active,.btn.active:focus,.btn.active:hover,.btn.btn-default,.btn.btn-default.active,.btn.btn-default.active:focus,.btn.btn-default.active:hover,.btn.btn-default:active,.btn.btn-default:active:focus,.btn.btn-default:active:hover,.btn.btn-default:focus,.btn.btn-default:hover,.btn:active,.btn:active:focus,.btn:active:hover,.btn:focus,.btn:hover,.navbar .navbar-nav>li>a.btn,.navbar .navbar-nav>li>a.btn.active,.navbar .navbar-nav>li>a.btn.active:focus,.navbar .navbar-nav>li>a.btn.active:hover,.navbar .navbar-nav>li>a.btn.btn-default,.navbar .navbar-nav>li>a.btn.btn-default.active,.navbar .navbar-nav>li>a.btn.btn-default.active:focus,.navbar .navbar-nav>li>a.btn.btn-default.active:hover,.navbar .navbar-nav>li>a.btn.btn-default:active,.navbar .navbar-nav>li>a.btn.btn-default:active:focus,.navbar .navbar-nav>li>a.btn.btn-default:active:hover,.navbar .navbar-nav>li>a.btn.btn-default:focus,.navbar .navbar-nav>li>a.btn.btn-default:hover,.navbar .navbar-nav>li>a.btn:active,.navbar .navbar-nav>li>a.btn:active:focus,.navbar .navbar-nav>li>a.btn:active:hover,.navbar .navbar-nav>li>a.btn:focus,.navbar .navbar-nav>li>a.btn:hover,.open>.btn.btn-default.dropdown-toggle,.open>.btn.btn-default.dropdown-toggle:focus,.open>.btn.btn-default.dropdown-toggle:hover,.open>.btn.dropdown-toggle,.open>.btn.dropdown-toggle:focus,.open>.btn.dropdown-toggle:hover,.open>.navbar .navbar-nav>li>a.btn.btn-default.dropdown-toggle,.open>.navbar .navbar-nav>li>a.btn.btn-default.dropdown-toggle:focus,.open>.navbar .navbar-nav>li>a.btn.btn-default.dropdown-toggle:hover,.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle,.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle:focus,.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle:hover{background-color:#f04564!important}.bg-light h1,.bg-light h2,.bg-light h3,.bg-light h4,.bg-light h5,.bg-light h6{color:#2a3068!important}.footer1{background-color:#d5cf97!important}mark{background:linear-gradient(-100deg,hsla(48,92%,75%,.3),hsla(48,92%,75%,.7) 95%,hsla(48,92%,75%,.1));border-radius:1em 0;padding:.3em}a{color:inherit;font-weight:600}.card{z-Index:1}.display-1,.display-2,.display-3,h1,h2,h3{letter-spacing:-.02em;line-height:1.01;margin-bottom:.4em}body{line-height:1.89em}blockquote,ol,p,ul{margin-bottom:1rem}.highlight{background-color:#ff0}.stretched-word{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card{position:inherit}.stretch-company-name{text-align:center;white-space:nowrap;overflow:hidden}.top-div-full-blown div:first-child:not(:has(.brandtransparentbg)){padding-top:50px!important}.top-div-full-blown div:first-child.brandtransparentbg{padding-top:50px!important}.accordion-respective-image-container .image-div{width:100%!important;display:none!important}.accordion-respective-image-container .image-div.active{display:block!important}.h3,h1,h2,h3,h4{animation:fadeInUp;animation-duration:2s}</style>
            
          </head>
          <body>
            <div id="root">
            <div id="section-0" class=" editable-section" data-section-id="0"><div class="section text-center video-background darkbg"><div class="p-md-5 py-5"><div style="opacity:1" class="p-md-5 py-5 container"><div class="row p-md-5 py-5 py-sm-5"><div class="col-md-12"></div><div class="col-md-12"><h1 class="highlight-this fw-bold display-1"><span><p>This Website is being designed by ContentSimi Websites</p>
</span></h1><span><p>Pardon our dust! Temporary Page is currently under construction. We're excited to reveal our shiny new site soon. Stay tuned!</p>
<style>h1{margin-bottom:1rem;text-shadow:rgb(91 131 206) 0 2px 2px,rgb(111 128 155) -2px 5px 1px,rgb(134 158 246) -4px 8px 1px,rgb(51 72 169) -6px 11px 1px,rgb(96 107 160) -8px 14px 1px,rgb(138 125 237) -10px 17px 1px,rgb(55 58 64) -12px 20px 1px,#2a3068 -14px 23px 1px}</style></span><a href="https://design-a-website.sites.contentsimi.com/" class="btn btn-primary my-3">Visit us to design your website too</a></div></div></div></div></div></div><div id="section-1" class="top-div-full-blown editable-section" data-section-id="1"><div class="footer footerbg py-5" style="background-color:#f2f2f2;padding:20px;text-align:center;min-height:300px"><p>© 2023 ContentSimi Websites. All rights reserved.</p></div></div>            
            
            <div class="modal" id="dynamicModal" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-xl" role="document">
                <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Modal title</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body" id="modalBody">
                    
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
                </div>
            </div>
            </div>
            </div>
            
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

            <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
          
            <script>
                
                $(document).ready(function() {
                    let currentIndex = 0;
                    const accordionItems = $('.accordion .accordion-button');
                    const progressBarDuration = 0.5 * 60 * 1000; // 2 minutes

                    function resetProgressBars() {
                        $('.progress-bar').css('width', '0%').attr('aria-valuenow', 0);
                    }

                    function showNextItem() {
                        // Reset if we've reached the end
                        if (currentIndex >= accordionItems.length) {
                            currentIndex = 0;
                        }

                        resetProgressBars();

                        // Start progress bar for the current item
                        let progressBar = accordionItems.eq(currentIndex).closest('.accordion-item').find('.progress-bar');
                        progressBar.animate({
                            width: "100%"
                        }, progressBarDuration, function() {
                            // Animation complete
                        });

                        // Trigger the accordion item
                        accordionItems.eq(currentIndex).trigger('click');

                        currentIndex++;
                    }
                    showNextItem()

                    // Set the interval to trigger every X minutes (e.g., 2 minutes in this example)
                    setInterval(showNextItem, progressBarDuration);
                    $('.accordion .accordion-button').on('click', function() {
                        let index = $(this).closest('.accordion-item').index();
                
                        // Update active image
                        $('.accordion-respective-image-container .image-div').removeClass('active');
                        $('.accordion-respective-image-container .image-div').eq(index).addClass('active');
                    });
                });
                
                class Typewriter {
                constructor(element, speed) {
                    this.elements = document.getElementsByClassName(element);

                    Array.from(this.elements).forEach(element => {
                    const text = element.innerHTML;
                    element.innerHTML = '';

                    const ariaSpeed = parseInt(element.getAttribute('aria-speed'));
                    const actualSpeed = isNaN(ariaSpeed) ? speed : ariaSpeed;

                    let index = 0;
                    const interval = setInterval(() => {
                        element.innerHTML += text[index];
                        index++;

                        if (index >= text.length) {
                        clearInterval(interval);
                        }
                    }, actualSpeed);
                    });
                }
                }

                const typewriter = new Typewriter('typewriter-text', 20);
                function highlightMovingVerbs() {
                    const divElement = document.querySelector('.highlight-this');
                    const text = divElement.textContent;
                    
                    // Regular expression to match verbs (you can customize this as needed)
                    const verbRegex = /(w+ing|w+ed|will w+|shall w+|can w+|could w+|should w+|would w+|must w+|ought w+)/gi;
                  
                    // Wrap matching verbs in a span with a class for highlighting
                    const highlightedText = text.replace(verbRegex, '<span class="highlight">$&</span>');
                  
                    divElement.innerHTML = highlightedText;
                }   
                /*
                function stretchWordsToParentWidth() {
                    const parentDivs = document.getElementsByClassName("parent");

                    for (const parentDiv of parentDivs) {
                        const wordSpan = parentDiv.querySelector(".stretch-word");
                        

                        const scale = parentDiv.offsetWidth / wordSpan.offsetWidth;
                        /*wordSpan.style.transform = "scale(" + scale + ")";*1/
                        wordSpan.style.fontSize = scale+"rem";
                    }
                }

                // Call the function when the page loads
                stretchWordsToParentWidth();
                */               
                function stretchWordsToParentWidth() {
                    const stretchCompanyName = document.getElementById('stretch-company-name');
                    let fontSize = 100;

                    while (stretchCompanyName.scrollWidth > stretchCompanyName.offsetWidth) {
                    stretchCompanyName.style.fontSize = fontSize-- + '%';
                    }
                }
                stretchWordsToParentWidth();
                
                function popupSID(modalId) {
                    var content = $('[data-modal-id="' + modalId + '"]').html();
                    $('#modalBody').html(content);
                    $('#dynamicModal').modal('show');
                }
                $(document).ready(function() {
                    $('[data-click]').on('click', function(event) {
                        const elementType = $(this).prop("tagName").toLowerCase();
                        const functionName = $(this).data('click');
                        
                        // If the element is a link, prevent default, execute function, then navigate
                        if (elementType === 'a') {
                            event.preventDefault();
                            const href = $(this).attr('href');
                            
                            eval(functionName);
                            
                            window.location.href = href;
                        }
                        // If the element is a submit button, prevent default, execute function, then submit
                        else if (elementType === 'input' && $(this).attr('type') === 'submit') {
                            event.preventDefault();
                            const form = $(this).closest('form');
                            
                            eval(functionName);
                            
                            form.submit();
                        }
                        // For other elements, just execute the function
                        else {
                            executeFunctionByName(functionName);
                        }
                    });
                });
                
                function executeFunctionByName(functionName) {
                    if (typeof window[functionName] === 'function') {
                        window[functionName]();
                    } else {
                        console.error("Function does not exist.");
                    }
                }
                
                
                
            </script>
          
        </body></html>