https://micromanagers.pro/

ID de l'analyse :: b0acf05b-dc62-4f4f-a6ed-5ca328c0cee0Terminée
URL soumise :: https://micromanagers.pro/
Fin du rapport :: 14 nov. 2024, 10:10:36
Liens : 0 trouvé(s)

Liens sortants identifiés à partir de la page
Variables JavaScript : 8 trouvée(s)

Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom	Type
0	object
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
gtag	function
dataLayer	object
google_tag_manager	object
google_tag_data	object
Messages de journal de console : 0 trouvé(s)

Messages consignés dans la console web
HTML

Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en"><head>
    <!-- Google tag (gtag.js) -->
    <script async="" src="https://www.googletagmanager.com/gtag/js?id=AW-11467629754"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'AW-11467629754');
    </script>

<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Professional consulting services for the oil &amp; gas industry. We provide solutions for safe, efficient &amp; reliable operations, helping organizations maximize the value of reserves and deploy cutting-edge digital IT solutions." name="description">
<meta content="oil and gas, british, oil, gas, energy transition, consulting, digital solutions" name="keywords">
<title>Professional Consulting in Oil &amp; Gas industry</title>
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&amp;display=swap" rel="stylesheet">
<style>
    :root {
        --primary-color: #FF0000;
        --secondary-color: #FFC0CB;
        --text-color: #000000;
        --background-color: #FFFFFF;
    }
    body {
        font-family: 'Roboto', sans-serif;
        color: var(--text-color);
        background-color: var(--background-color);
    }
    .btn-primary {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }
    .btn-primary:hover {
        background-color: var(--secondary-color);
        border-color: var(--secondary-color);
    }
    .animate-on-scroll {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.5s, transform 0.5s;
    }
    .animate-on-scroll.visible {
        opacity: 1;
        transform: translateY(0);
    }
</style>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const animatedElements = document.querySelectorAll('.animate-on-scroll');

        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');
                }
            });
        });

        animatedElements.forEach(el => observer.observe(el));
    });
</script>
</head><body style="display: flex; flex-direction: column; min-height: 100vh;"><div class="position-fixed bottom-0 start-0 w-100 bg-dark text-white p-3" id="cookie-consent" style="z-index: 1050; display: block;">
<div class="container">
<div class="row align-items-center">
<div class="col-md-8">
<p class="mb-0">We use cookies to enhance your experience on our website. By continuing to use this site, you agree to our use of cookies.</p>
</div>
<div class="col-md-4 text-md-end mt-2 mt-md-0">
<button class="btn btn-primary me-2" id="accept-cookies" style="background-color: #FF1493; border-color: #FF1493;">Accept</button>
<button class="btn btn-outline-light" id="decline-cookies">Decline</button>
</div>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
    const cookieConsent = document.getElementById('cookie-consent');
    const acceptBtn = document.getElementById('accept-cookies');
    const declineBtn = document.getElementById('decline-cookies');

    function setCookiePreference(preference) {
        localStorage.setItem('cookiePreference', preference);
        cookieConsent.style.display = 'none';
    }

    function showCookieConsent() {
        if (!localStorage.getItem('cookiePreference')) {
            cookieConsent.style.display = 'block';
        }
    }

    acceptBtn.addEventListener('click', function() {
        setCookiePreference('accepted');
    });

    declineBtn.addEventListener('click', function() {
        setCookiePreference('declined');
    });

    showCookieConsent();
});
</script>


<div style="flex: 1;">
<header>
<div class="container-fluid">
<nav class="navbar navbar-expand-lg navbar-light bg-white py-3">
<div class="container">
<a class="navbar-brand" href="/">
<img alt="Professional Oil &amp; Gas Consulting Logo featuring an oil rig silhouette with red and black color scheme" src="images/image_0_index.png" style="max-height: 64px;">
</a>
<button aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-bs-target="#navbarNav" data-bs-toggle="collapse" type="button">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="services.html" style="color: #000; font-weight: 500; transition: all 0.3s ease;">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="terms.html" style="color: #000; font-weight: 500; transition: all 0.3s ease;">Terms</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contacts.html" style="color: #000; font-weight: 500; transition: all 0.3s ease;">Contacts</a>
</li>
<li class="nav-item">
<a class="nav-link" href="privacy_policy.html" style="color: #000; font-weight: 500; transition: all 0.3s ease;">Privacy Policy</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<style>
    .navbar-nav .nav-link:hover {
        color: #FF1493 !important;
        transform: translateY(-2px);
    }

    @media (max-width: 991px) {
        .navbar-collapse {
            background-color: rgba(255, 255, 255, 0.95);
            border-radius: 10px;
            padding: 15px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
    }
</style>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        var navLinks = document.querySelectorAll('.nav-link');
        navLinks.forEach(function(link) {
            link.addEventListener('mouseenter', function() {
                this.style.animation = 'pulse 0.5s';
            });
            link.addEventListener('animationend', function() {
                this.style.animation = '';
            });
        });

        var navbarToggler = document.querySelector('.navbar-toggler');
        var navbarCollapse = document.querySelector('.navbar-collapse');

        navbarToggler.addEventListener('click', function() {
            navbarCollapse.classList.toggle('show');
        });
    });
</script>
</header>
<div class="container-fluid py-5 bg-light">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h1 class="display-4 fw-bold mb-4 text-danger">Welcome to Premier Oil &amp; Gas Consulting</h1>
<p class="lead mb-4">Empowering the Energy Transition in the UK and Beyond</p>
<hr class="my-4 border-danger">
</div>
</div>
<div class="row justify-content-center mt-5">
<div class="col-md-6">
<h2 class="text-dark mb-4">Our Expertise</h2>
<p class="text-muted">At Premier Oil &amp; Gas Consulting, we specialize in providing cutting-edge solutions for safe, efficient, and reliable operations in the oil and gas industry. Our team of British experts is dedicated to helping organizations maximize the value of their reserves while embracing the latest digital IT solutions.</p>
<ul class="list-group list-group-flush mt-3">
<li class="list-group-item bg-light"><i class="fas fa-check-circle text-danger me-2"></i>Reservoir Management</li>
<li class="list-group-item bg-light"><i class="fas fa-check-circle text-danger me-2"></i>Digital Transformation</li>
<li class="list-group-item bg-light"><i class="fas fa-check-circle text-danger me-2"></i>Operational Excellence</li>
<li class="list-group-item bg-light"><i class="fas fa-check-circle text-danger me-2"></i>Energy Transition Strategies</li>
</ul>
</div>
<div class="col-md-6 mt-4 mt-md-0">
<img alt="An image showcasing oil and gas industry expertise, featuring a collage of offshore platforms, engineers working on site, and digital dashboards displaying real-time data" class="img-fluid rounded shadow-lg" src="images/image_1_index.png">
</div>
</div>
<div class="row justify-content-center mt-5">
<div class="col-lg-8">
<h2 class="text-dark mb-4">Why Choose Us?</h2>
<div class="row">
<div class="col-md-6 mb-4">
<div class="card h-100 border-0 shadow-sm">
<div class="card-body">
<h3 class="h5 card-title text-danger"><i class="fas fa-cogs me-2"></i>Industry-Leading Expertise</h3>
<p class="card-text">Our consultants bring decades of experience in the British oil and gas sector, ensuring world-class solutions tailored to your needs.</p>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100 border-0 shadow-sm">
<div class="card-body">
<h3 class="h5 card-title text-danger"><i class="fas fa-laptop-code me-2"></i>Cutting-Edge Technology</h3>
<p class="card-text">We leverage the latest digital solutions to optimize your operations and drive efficiency across your entire value chain.</p>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100 border-0 shadow-sm">
<div class="card-body">
<h3 class="h5 card-title text-danger"><i class="fas fa-leaf me-2"></i>Sustainable Approach</h3>
<p class="card-text">Our strategies focus on balancing operational excellence with environmental responsibility, preparing you for the energy transition.</p>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100 border-0 shadow-sm">
<div class="card-body">
<h3 class="h5 card-title text-danger"><i class="fas fa-handshake me-2"></i>Client-Centric Solutions</h3>
<p class="card-text">We work closely with you to develop tailored solutions that address your unique challenges and opportunities in the oil and gas market.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row justify-content-center mt-5">
<div class="col-lg-8 text-center">
<h2 class="text-dark mb-4">Ready to Transform Your Operations?</h2>
<p class="lead mb-4">Let's collaborate to unlock the full potential of your oil and gas assets.</p>
<a class="btn btn-danger btn-lg px-5 py-3 rounded-pill shadow-sm" href="#contact">Contact Us Today</a>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', (event) => {
    // Add smooth scrolling to all links
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function (e) {
            e.preventDefault();

            document.querySelector(this.getAttribute('href')).scrollIntoView({
                behavior: 'smooth'
            });
        });
    });

    // Add animation to cards on scroll
    const cards = document.querySelectorAll('.card');
    const animateCards = () => {
        cards.forEach(card => {
            const cardTop = card.getBoundingClientRect().top;
            const cardBottom = card.getBoundingClientRect().bottom;
            if (cardTop < window.innerHeight && cardBottom > 0) {
                card.classList.add('animate__animated', 'animate__fadeInUp');
            }
        });
    };

    window.addEventListener('scroll', animateCards);
    animateCards(); // Initial check on page load
});
</script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

body {
    font-family: 'Poppins', sans-serif;
}

.card {
    transition: transform 0.3s ease-in-out;
}

.card:hover {
    transform: translateY(-5px);
}

.btn-danger {
    background-color: #ff4136;
    border-color: #ff4136;
    transition: all 0.3s ease;
}

.btn-danger:hover {
    background-color: #e60000;
    border-color: #e60000;
    transform: scale(1.05);
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 40px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInUp {
    animation-name: fadeInUp;
    animation-duration: 1s;
}
</style>
<div class="container my-5">
<h2 class="text-center mb-4">Latest Industry News</h2>
<div class="row">
<div class="col-md-4 mb-4">
<div class="card h-100 shadow-sm border-0 transition-hover">
<img alt="Graph showing oil price fluctuations and supply-demand curves, with icons representing global markets and geopolitical factors" class="card-img-top" src="images/image_2_index.png">
<div class="card-body">
<h5 class="card-title text-danger">Global Oil Market Trends</h5>
<p class="card-text">Analysis of current global oil market trends, including supply and demand dynamics, price fluctuations, and geopolitical influences on the industry.</p>
<a class="btn btn-outline-danger mt-2" href="news_1.html">Read More</a>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card h-100 shadow-sm border-0 transition-hover">
<img alt="Futuristic gas extraction equipment with holographic displays showing efficiency metrics and environmental data" class="card-img-top" src="images/image_3_index.png">
<div class="card-body">
<h5 class="card-title text-danger">Innovations in Gas Extraction</h5>
<p class="card-text">Exploration of cutting-edge technologies and methodologies in natural gas extraction, focusing on efficiency improvements and environmental considerations.</p>
<a class="btn btn-outline-danger mt-2" href="news_2.html">Read More</a>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card h-100 shadow-sm border-0 transition-hover">
<img alt="Collage showing oil rigs transforming into wind turbines and solar panels, with arrows indicating transition" class="card-img-top" src="images/image_4_index.png">
<div class="card-body">
<h5 class="card-title text-danger">Energy Transition Strategies</h5>
<p class="card-text">Discussion of strategies for oil and gas companies to navigate the energy transition, including diversification into renewable energy and carbon capture technologies.</p>
<a class="btn btn-outline-danger mt-2" href="news_3.html">Read More</a>
</div>
</div>
</div>
</div>
</div>
<style>
    .transition-hover {
        transition: transform 0.3s ease-in-out;
    }
    .transition-hover:hover {
        transform: translateY(-5px);
    }
    .card {
        background-color: #fff;
        border-radius: 10px;
    }
    .card-title {
        font-weight: bold;
    }
    .btn-outline-danger {
        border-color: #ff4136;
        color: #ff4136;
    }
    .btn-outline-danger:hover {
        background-color: #ff4136;
        color: #fff;
    }
</style>
<script>
document.addEventListener('DOMContentLoaded', (event) => {
    const cards = document.querySelectorAll('.card');
    cards.forEach(card => {
        card.addEventListener('mouseenter', () => {
            card.style.boxShadow = '0 0.5rem 1rem rgba(0, 0, 0, 0.15)';
        });
        card.addEventListener('mouseleave', () => {
            card.style.boxShadow = '0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)';
        });
    });
});
</script>
</div>
<footer style="width: 100%; z-index: 1000;">
<div class="container-fluid bg-dark text-light py-4">
<div class="row">
<div class="col-md-4 mb-3 mb-md-0">
<h5 class="text-uppercase mb-3">Contact Us</h5>
<p><i class="fas fa-map-marker-alt me-2"></i>123 Petroleum Lane, London, UK EC4A 2BB</p>
<p><i class="fas fa-phone me-2"></i>+44 20 7123 4567</p>
<p><i class="fas fa-envelope me-2"></i>[email protected]</p>
</div>
<div class="col-md-4 mb-3 mb-md-0">
<h5 class="text-uppercase mb-3">Quick Links</h5>
<ul class="list-unstyled">
<li><a class="text-light text-decoration-none hover-effect" href="services.html">Services</a></li>
<li><a class="text-light text-decoration-none hover-effect" href="terms.html">Terms</a></li>
<li><a class="text-light text-decoration-none hover-effect" href="contacts.html">Contacts</a></li>
<li><a class="text-light text-decoration-none hover-effect" href="privacy_policy.html">Privacy Policy</a></li>
</ul>
</div>
<div class="col-md-4">
<h5 class="text-uppercase mb-3">Follow Us</h5>
<div class="d-flex justify-content-start">
<a class="text-light me-3 hover-effect" href="#"><i class="fab fa-linkedin fa-2x"></i></a>
<a class="text-light me-3 hover-effect" href="#"><i class="fab fa-twitter fa-2x"></i></a>
<a class="text-light hover-effect" href="#"><i class="fab fa-facebook fa-2x"></i></a>
</div>
</div>
</div>
<hr class="my-4 bg-light">
<div class="row">
<div class="col-md-12 text-center">
<p class="mb-0">© 2024 Professional Oil &amp; Gas Consulting. All rights reserved.</p>
</div>
</div>
</div>
<style>
  .hover-effect {
    transition: all 0.3s ease;
  }
  .hover-effect:hover {
    color: #ff6b6b !important;
    transform: translateY(-3px);
  }
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
  const links = document.querySelectorAll('.hover-effect');
  links.forEach(link => {
    link.addEventListener('mouseover', () => {
      link.style.textShadow = '0 0 5px rgba(255, 107, 107, 0.7)';
    });
    link.addEventListener('mouseout', () => {
      link.style.textShadow = 'none';
    });
  });
});
</script>
</footer><iframe height="0" width="0" style="display: none; visibility: hidden;"></iframe>

</body></html>