Site Builder

Editing: Meet John Coates - The Visionary Behind BestDealOn.com.html

writable 0666

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Meet John Coates - The Visionary Behind BestDealOn.com</title>
<style>
    html, body {
        margin:0; padding:0;
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
        color: #333;
        height:100%;
    }

body {
        background: linear-gradient(45deg, #c3ecb2, #f6f7d7, #fce2ce, #fab1ce);
        background-size: 400% 400%;
        animation: gradientBG 20s ease infinite;
    }
    @keyframes gradientBG {
        0% { background-position:0% 50%; }
        50% { background-position:100% 50%; }
        100% { background-position:0% 50%; }
    }

.wrapper {
        max-width: 1200px;
        margin:0 auto;
        padding:40px 20px;
    }

header {
        text-align: center;
        padding:60px 0 30px 0;
    }

header h1 {
        font-size: 3rem;
        margin-bottom: 10px;
        color:#222;
    }

header p {
        font-size:1.2rem;
        max-width: 700px;
        margin:0 auto;
        color:#444;
    }

.intro-section {
        background: rgba(255,255,255,0.85);
        border-radius:10px;
        box-shadow:0 4px 14px rgba(0,0,0,0.1);
        padding:40px;
        margin-top:60px;
    }

.intro-section h2 {
        font-size:2rem;
        margin-bottom:30px;
        color:#222;
        text-align:center;
    }

.intro-section p {
        font-size:1rem;
        line-height:1.7;
        color:#555;
        max-width:800px;
        margin:0 auto 20px auto;
        text-align:justify;
    }

.video-section {
        position: relative;
        width: 100%;
        max-width: 800px;
        margin: 60px auto 0 auto;
    }

.video-container {
        position: relative;
        width:100%;
        overflow:hidden;
        padding-top: 56.25%; /* 16:9 Aspect Ratio */
        border-radius:10px;
        box-shadow:0 4px 14px rgba(0,0,0,0.1);
    }

/* Initially, the iframe is hidden. It will be revealed after play button is clicked */
    .video-container iframe {
        position:absolute;
        top:0; left:0;
        width:100%; height:100%;
        border:none;
        display:none;
    }

.video-overlay {
        position:absolute;
        top:0; left:0;
        width:100%; height:100%;
        background:rgba(0,0,0,0.3);
        display:flex;
        justify-content:center;
        align-items:center;
        color:#fff;
        flex-direction:column;
        text-align:center;
        border-radius:10px;
        cursor:pointer;
        transition: background 0.3s;
    }

.video-overlay:hover {
        background:rgba(0,0,0,0.4);
    }

.play-button {
        width:80px; 
        height:80px;
        background:#fff;
        border-radius:50%;
        display:flex;
        justify-content:center;
        align-items:center;
        position:relative;
    }

.play-button::before {
        content:"";
        width:0; height:0;
        border-left:20px solid #333;
        border-top:12px solid transparent;
        border-bottom:12px solid transparent;
        margin-left:8px;
    }

.video-overlay p {
        font-size:1rem;
        max-width:300px;
        margin:20px auto 0 auto;
    }

.cta-section {
        text-align:center;
        margin-top:80px;
    }

.cta-section h2 {
        font-size:2.2rem;
        margin-bottom:20px;
        color:#222;
    }

.cta-section p {
        font-size:1.1rem;
        max-width:700px;
        margin:0 auto 30px auto;
        color:#444;
    }

.cta-section a {
        display:inline-block;
        background:#333;
        color:#fff;
        padding:15px 30px;
        border-radius:8px;
        font-weight:bold;
        text-decoration:none;
        letter-spacing:1px;
        transition:background 0.3s;
    }

.cta-section a:hover {
        background:#555;
    }

footer {
        text-align:center;
        margin-top:100px;
        font-size:0.9rem;
        color:#666;
    }

@media(max-width:900px) {
        .intro-section p {
            text-align:left;
        }
    }
</style>
</head>
<body>
<div class="wrapper">
    <header>
        <h1>John Coates: A Visionary for the Underserved</h1>
        <p>The force behind BestDealOn.com, committed to empowering those often overlooked by traditional markets.</p>
    </header>

<section class="intro-section">
        <h2>Champion of the People</h2>
        <p>John Coates has dedicated his life to championing the underserved, consistently pushing for transparency, trust, and fairness in all his ventures. As the founder of RF Safe and LibertyUnites, Coates has a decades-long history of leveraging technology to serve the public good. He has exposed scams, stood up against predatory practices, and relentlessly worked to educate consumers, all driven by a deep-rooted belief in empowering individuals with knowledge and tools to protect themselves.</p>
        <p>BestDealOn.com is Coates’ latest initiative—an innovative, peer-to-peer marketplace that transforms how people trade goods and services. By tying credibility to a blockchain-based credit scoring system, the platform brings honesty, accountability, and global reach together, forging a new paradigm for online marketplaces.</p>
        <p>His unwavering commitment to consumer safety and authenticity is evident in his work with RF Safe, where he battled deceptive marketing claims and pushed for safer wireless device usage. He has influenced policy, inspired research, and introduced novel products long before the mainstream recognized the importance of EMF safety.</p>
        <p>Whether it’s advocating on behalf of the underprivileged, dismantling predatory lending schemes, or exposing faux “anti-radiation” products, Coates leads by example. Now, through BestDealOn.com, he combines decades of online advocacy and innovation to empower users with credibility-building tools in a transparent, trust-focused environment.</p>
    </section>

<section class="video-section">
        <h2 style="text-align:center; margin-bottom:20px;">CNN Story Spotlight</h2>
        <p style="max-width:700px; margin:0 auto 40px auto; text-align:center; color:#555;">Watch this CNN segment where John Coates discusses credit industry loopholes and advocates for fairer financial opportunities. This story highlights his dedication to creating systems where integrity and trust flourish, reflecting the values embodied in BestDealOn.com.</p>
        <div class="video-container">
            <div class="video-overlay" id="videoOverlay">
                <div class="play-button"></div>
                <p>Click to Play</p>
            </div>
            <iframe id="videoIframe" src="https://www.youtube.com/embed/jrYYyD2laM4?enablejsapi=1&rel=0" allowfullscreen></iframe>
        </div>
    </section>

<section class="cta-section">
        <h2>Be Part of the Vision</h2>
        <p>Join BestDealOn.com today and experience a marketplace built on honesty, credibility, and a steadfast commitment to the underserved. As John Coates has shown through his life’s work, when we empower people, we all rise together.</p>
        <a href="#join-now">Join Now</a>
    </section>

<footer>
        &copy; <span id="year"></span> BestDealOn.com | Inspired by a Visionary, Empowering the World
    </footer>
</div>

const overlay = document.getElementById('videoOverlay');
    const iframe = document.getElementById('videoIframe');

overlay.addEventListener('click', function() {
        overlay.style.display = 'none';
        iframe.style.display = 'block';
        // Start playing the video
        iframe.contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
    });
</script>
</body>
</html>

Site Builder

Editing: Meet John Coates - The Visionary Behind BestDealOn.com.html

Site Builder