<?php include "z_db.php";?>
<!doctype html>
<html class="no-js" lang="en">
<?php
    $rrs=mysqli_query($con,"SELECT * FROM section_title Where id=1");
$rs = mysqli_fetch_array($rrs);
$test_title = "$rs[test_title]";
$test_text="$rs[test_text]";
$enquiry_title="$rs[enquiry_title]";
$enquiry_text="$rs[enquiry_text]";
$enquiry_text="$rs[enquiry_text]";
$contact_title="$rs[contact_title]";
$contact_text="$rs[contact_text]";
$port_title="$rs[port_title]";
$port_text="$rs[port_text]";
$service_title="$rs[service_title]";
$service_text="$rs[service_text]";
$why_title="$rs[why_title]";
$why_text="$rs[why_text]";
$about_title="$rs[about_title]";
$about_text="$rs[about_text]";
?>



<?php
    $rt=mysqli_query($con,"SELECT * FROM sitecontact where id=1");
    $tr = mysqli_fetch_array($rt);
    $phone1 = "$tr[phone1]";
    $phone2 = "$tr[phone2]";
    $email1 = "$tr[email1]";
    $email2 = "$tr[email2]";
    $longitude = "$tr[longitude]";
    $latitude = "$tr[latitude]";
?>
<!-- Mirrored from theme-land.com/digimx/demo/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 11 Jul 2022 15:12:40 GMT -->
<head>
    	<style>
    	.dropdown-item:hover {
        background-color: #a67ad1 !important;
        color: white !important;
    	}
    	.call-btn {
    	    font-size: 16px;
            background: transparent !important; /* Fully transparent background */
            border: 2px solid white; /* Optional: Add a border to keep it visible */
            color: white; /* Set text/icon color */
        }
        .call-btn:hover {
            background: rgba(255, 255, 255, 0.1); /* Light hover effect */
        }
        	
    	/* Reduce font size for smaller screens */
            @media (max-width: 1024px) {
                .call-btn {
                width: 30px;  /* Small circular size */
                height: 30px; 
                border-radius: 50%; /* Make it circular */
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 20px; /* Adjust icon size */
                padding: 0;
            }
            .call-btn i {
                margin: 0; /* Remove any extra margin */
            }
        
            .call-btn span { 
                display: none; /* Hide text */
            }
            }
            @media (max-width: 768px) {
                .call-btn {
                     .call-btn {
                    width: 20px;  /* Small circular size */
                    height: 20px; 
                    border-radius: 50%; /* Make it circular */
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 20px; /* Adjust icon size */
                    padding: 0;
                }
                .call-btn i {
                    margin: 0; /* Remove any extra margin */
                }
                .call-btn span { 
                    display: none; /* Hide text */
                }
                }
@media (max-width: 767.98px) {
    #menu .nav-link {
        font-size: 16px;
    }
}

            }
    	</style>
    	
	<title>Best PAYE Umbrella Company | Hassle-Free Payroll for Contractors</title>

    <meta name="keywords" content="umbrella company, umbrella company uk, umbrella uk, uk umbrella company, PAYE umbrella company, IR35 compliance, limited company, contractor payroll, umbrella payroll services, tax compliance for contractors, umbrella payment 
    best umbrella company UK, self-employed payroll, flexible workforce solutions, independent contractor payroll, IT contractor umbrella, construction industry payroll, paye v umbrella, umbrella company calculator,
    freelancer payroll services, best paye umbrella company, compare umbrella companies, payroll management, statutory pay, national insurance contributions, contractor tax compliance, PAYE tax solutions, umbrella paye calculator, 
    umbrella payment calculator, umbrella wage calculator, paye umbrella calculator, ir35 calculator, inside ir35, outside ir35, inside ir35 calculator, outside ir35 calculator, limited company calculator">
    
    <meta name="description" content="Looking for a hassle-free PAYE Umbrella Company in the UK? Ombrella offers expert payroll services, tax compliance, and same-day payments for contractors and freelancers. Maximize your take-home pay—Get started today!">
    
    <meta name="author" content="Ombrella Company">

    
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
	
	<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=PT+Sans+Narrow:wght@400;700&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=PT+Sans+Narrow:wght@400;700&display=swap" rel="stylesheet">

    <!-- SEO Meta Description -->
    <meta name="description" content="">
    <meta name="author" content="Themeland">
    <?php
    $rr=mysqli_query($con,"SELECT * FROM siteconfig where id=1");
    $r = mysqli_fetch_array($rr);
    $site_title = "$r[site_title]";
    $site_about = "$r[site_about]";
    $site_footer = "$r[site_footer]";
    $follow_text = "$r[follow_text]";
?>
    <!-- Title  -->
    <title>Ombrella</title>

    <!-- Favicon  -->
    <link rel="icon" href="assets/img/favicon.JPG">

    <!-- ***** All CSS Files ***** -->

    <!-- Style css -->
    <link rel="stylesheet" href="assets/css/style.css">

    <!-- Responsive css -->
    <link rel="stylesheet" href="assets/css/responsive.css">

</head>

<body>
    <!--====== Preloader Area Start ======-->
    <div id="preloader">
        <!-- Digimax Preloader -->
        <div id="digimax-preloader" class="digimax-preloader">
            <!-- Preloader Animation -->
            <div class="preloader-animation">
                <!-- Spinner -->
                <div class="spinner"></div>
                <!-- Loader -->
                <div class="loader">
                    <span data-text-preloader="Om" class="animated-letters">Om</span>
                    <span data-text-preloader="br" class="animated-letters">br</span>
                    <span data-text-preloader="el" class="animated-letters">el</span>
                    <span data-text-preloader="l" class="animated-letters">l</span>
                    <span data-text-preloader="a" class="animated-letters">a</span>
                </div>
                <p class="fw-5 text-center text-uppercase">Loading</p>
            </div>
            <!-- Loader Animation -->
            <div class="loader-animation">
                <div class="row h-100">
                    <!-- Single Loader -->
                    <div class="col-3 single-loader p-0">
                        <div class="loader-bg"></div>
                    </div>
                    <!-- Single Loader -->
                    <div class="col-3 single-loader p-0">
                        <div class="loader-bg"></div>
                    </div>
                    <!-- Single Loader -->
                    <div class="col-3 single-loader p-0">
                        <div class="loader-bg"></div>
                    </div>
                    <!-- Single Loader -->
                    <div class="col-3 single-loader p-0">
                        <div class="loader-bg"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--====== Preloader Area End ======-->

    <!--====== Scroll To Top Area Start ======-->
    
    <!--====== Scroll To Top Area End ======-->

    <div class="main overflow-hidden">
        <!-- ***** Header Start ***** -->
        <header id="header">
            <!-- Navbar -->
            <nav data-aos="zoom-out" data-aos-delay="800" class="navbar navbar-expand">
                <div class="container-fluid header">
                    <!-- Navbar Brand-->
                    <?php
                        $rt=mysqli_query($con,"SELECT ufile FROM logo where id=1");
                        $tr = mysqli_fetch_array($rt);
                        $ufile = "$tr[ufile]";
                    ?>
                     
                    <a class="navbar-brand" href="index.php">
                        <img class="navbar-brand-regular" style="height: 130px;  padding-left: 0px;" src="dashboard/uploads/logo/Ombrella Logo-01.webp" alt="brand-logo">
                        <img class="navbar-brand-sticky" style="height: 130px;  padding-left: 10px;" src="dashboard/uploads/logo/ombrella-modified-logo.webp" >
                    </a> 
                    
                    
                    <!-- Navbar -->
                    <ul class="navbar-nav items">
                        <li class="nav-item">
                            <a class="nav-link" style="font-weight: normal;" href="index.php">Home </a>

                        </li>
						<li class="nav-item">
                            <a href="index.php#why" style="font-weight: normal;" class="nav-link" onclick="navigateToSection(event, 'index.php#why')">Why us?</a>
                        </li>
                        <li class="nav-item">
                            <a href="umbrella_registrationform.php" style="font-weight: normal;" class="nav-link">Join us</a>
                        </li>
                        
                        <li class="nav-item">
                            <a href="umbrella_aboutus.php" style="font-weight: normal;" class="nav-link">Umbrella Services</a>
                        </li>
                        
						<li class="nav-item">
                            <a href="umbrella_company_calculator.php" style="font-weight: normal;" class="nav-link">Umbrella Company Calculator</a>
                        </li>
                        <li class="nav-item">
                            <a href="umbrella_blog.php" style="font-weight: normal;" class="nav-link">Blog</a>
                        </li>
                    </ul>
                    <!-- Navbar Icons -->
                  

                    <!-- Navbar Toggler -->
                    <ul class="navbar-nav toggle">
                        <li class="nav-item">
                            <a href="#" class="nav-link" data-toggle="modal" data-target="#menu">
                                <i class="fas fa-bars toggle-icon m-0"></i>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- Navbar Action Button -->
                    <ul class="navbar-nav action">
                        <li class="nav-item">
                            <button class="call-btn btn ml-lg-auto btn-bordered-white active mt-3" onclick="openDialer()">
                                <i class="fas fa-phone contact-icon"></i> <span>020379 34078</span>
                            </button>
                        </li>
                    </ul>
            </nav>
            
        </header>
        <!-- ***** Header End ***** -->
    </div>  
    
    
    <script>
    function navigateToSection(event, href) {
        if (window.location.pathname !== href.split('#')[0]) {
            window.location.href = href;
        } else {
            event.preventDefault();
            const targetId = href.split('#')[1];
            const targetElement = document.getElementById(targetId);
            if (targetElement) {
                window.scrollTo({
                    top: targetElement.offsetTop,
                    behavior: 'smooth'
                });
            }
        }
    }
</script>