

<!DOCTYPE html>
<html lang="en-GB">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Markets &amp; News | BSL Property Ltd</title>
  <meta name="description" content="Live markets and world headlines: Bitcoin, GBP exchange rates, Brent crude, S&P 500, Sensex, plus the latest from BBC, CNN, Fox, NDTV and Manorama.">
  <link rel="canonical" href="https://bslproperty.co.uk/markets/">
  <meta name="robots" content="index, follow">

  <link rel="icon" href="/images/bsl.png" type="image/png">
  <link rel="apple-touch-icon" href="/images/bsl.png">

  <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=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">

  <style>
    :root {
      --navy: #0e1c2e; --navy-soft: #15263b; --charcoal: #1d2733;
      --gold: #c9a25e; --gold-bright: #d8b673;
      --cream: #f7f4ee; --paper: #ffffff; --ink: #1a2330; --muted: #5d6b7a;
      --line: rgba(255,255,255,0.12);
      --up: #2f7d57; --down: #b4502e;
      --shadow: 0 18px 50px -20px rgba(14,28,46,0.35);
      --maxw: 1180px; --ease: cubic-bezier(0.22,1,0.36,1);
    }
    * { box-sizing: border-box; }
    html { -webkit-text-size-adjust: 100%; }
    body { margin: 0; font-family: 'Inter', system-ui, -apple-system, sans-serif; color: var(--ink); background: var(--cream); line-height: 1.6; -webkit-font-smoothing: antialiased; }
    h1,h2,h3 { font-family: 'Fraunces', Georgia, serif; font-weight: 600; line-height: 1.12; letter-spacing: -0.01em; margin: 0; }
    a { color: inherit; text-decoration: none; }
    .wrap { width: 100%; max-width: var(--maxw); margin: 0 auto; padding: 0 28px; }
    .eyebrow { font-size: 0.74rem; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold); display: inline-block; margin-bottom: 0.9rem; }
    .btn { display: inline-flex; align-items: center; gap: 0.5rem; font-weight: 600; font-size: 0.9rem; padding: 0.7rem 1.4rem; border-radius: 2px; background: var(--gold); color: var(--navy); border: 1px solid var(--gold); cursor: pointer; transition: background .3s var(--ease), transform .3s var(--ease); }
    .btn:hover { background: var(--gold-bright); transform: translateY(-2px); }
    .btn--ghost { background: transparent; color: #fff; border-color: rgba(255,255,255,0.4); }
    .btn--ghost:hover { background: rgba(255,255,255,0.08); border-color: #fff; transform: none; }

     
    .site-header { position: sticky; top: 0; z-index: 50; background: rgba(14,28,46,0.95); backdrop-filter: blur(10px); box-shadow: 0 1px 0 var(--line); }
    .nav { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; }
    .brand { display: flex; align-items: center; gap: 12px; color: #fff; }
    .brand img { width: 36px; height: 36px; object-fit: contain; }
    .brand span { font-family: 'Fraunces', serif; font-size: 1.12rem; font-weight: 600; letter-spacing: 0.04em; }
    .brand small { display: block; font-family: 'Inter'; font-size: 0.58rem; letter-spacing: 0.3em; color: var(--gold); text-transform: uppercase; font-weight: 600; }
    .nav-links { display: flex; align-items: center; gap: 26px; list-style: none; margin: 0; padding: 0; }
    .nav-links a { color: rgba(255,255,255,0.82); font-size: 0.9rem; font-weight: 500; transition: color .25s; }
    .nav-links a:hover { color: #fff; }

     
    .page-hero { background: var(--navy); color: #fff; padding: 54px 0 64px; }
    .page-hero h1 { font-size: clamp(2rem, 5vw, 3.2rem); margin-bottom: 0.8rem; }
    .page-hero h1 em { font-style: normal; color: var(--gold); }
    .page-hero p { color: rgba(255,255,255,0.78); max-width: 620px; margin: 0; font-size: 1.05rem; }
    .status-bar { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 26px; }
    .status-bar .upd { font-size: 0.84rem; color: rgba(255,255,255,0.6); letter-spacing: 0.02em; }
    .status-bar .upd b { color: var(--gold-bright); font-weight: 600; }
    .refresh { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.82rem; font-weight: 600; padding: 0.5rem 1.1rem; border-radius: 2px; background: rgba(255,255,255,0.08); color: #fff; border: 1px solid rgba(255,255,255,0.25); cursor: pointer; transition: background .25s, border-color .25s; }
    .refresh:hover { background: rgba(255,255,255,0.16); border-color: #fff; }
    .refresh.spin svg { animation: spin 0.9s linear infinite; }
    .refresh svg { width: 15px; height: 15px; }
    @keyframes spin { to { transform: rotate(360deg); } }

    section { padding: 64px 0; }
    .section-head { margin-bottom: 32px; }
    .section-head h2 { font-size: clamp(1.6rem, 3.4vw, 2.3rem); color: var(--navy); }
    .section-head p { color: var(--muted); margin: 0.5rem 0 0; }

     
    .mkt { background: var(--cream); }
    .mkt-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
    .mkt-card { background: var(--paper); border: 1px solid #ebe7df; border-radius: 8px; padding: 24px 24px 22px; box-shadow: 0 10px 30px -24px rgba(14,28,46,0.5); transition: transform .3s var(--ease), box-shadow .3s var(--ease); position: relative; overflow: hidden; }
    .mkt-card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--gold); opacity: 0.85; }
    .mkt-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
    .mkt-top { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 16px; }
    .mkt-name { font-weight: 600; color: var(--navy); font-size: 1.02rem; }
    .mkt-sym { font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }
    .mkt-val { font-family: 'Fraunces', serif; font-size: 1.95rem; color: var(--ink); line-height: 1.1; }
    .mkt-val.load { color: #c9ccd1; font-family: 'Inter'; font-size: 1.2rem; }
    .mkt-chg { margin-top: 10px; font-size: 0.84rem; font-weight: 600; display: inline-flex; align-items: center; gap: 0.3rem; min-height: 1.1em; }
    .mkt-chg.up { color: var(--up); }
    .mkt-chg.down { color: var(--down); }
    .mkt-chg.note { color: var(--muted); font-weight: 500; }
    .mkt-chg.err { color: #b09a7a; font-weight: 500; font-style: italic; }

     
    .news { background: var(--paper); }
    .news-cols { display: grid; grid-template-columns: repeat(5, 1fr); gap: 22px; }
    .feed { display: flex; flex-direction: column; }
    .feed-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-bottom: 12px; margin-bottom: 14px; border-bottom: 2px solid var(--gold); }
    .feed-head h3 { font-size: 1.08rem; color: var(--navy); }
    .feed-head a.src { font-size: 0.64rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); }
    .feed-head a.src:hover { color: var(--gold); }
    .feed ul { list-style: none; margin: 0; padding: 0; }
    .feed li { padding: 11px 0; border-bottom: 1px solid #eee7da; }
    .feed li:last-child { border-bottom: 0; }
    .feed li a { display: block; font-size: 0.9rem; line-height: 1.4; color: var(--ink); transition: color .2s; }
    .feed li a:hover { color: var(--gold); }
    .feed li .when { display: block; font-size: 0.68rem; color: var(--muted); margin-top: 4px; letter-spacing: 0.03em; }
    .feed .ph { color: #c9ccd1; font-size: 0.88rem; padding: 11px 0; }
    .feed .ferr { color: #b09a7a; font-size: 0.85rem; font-style: italic; padding: 11px 0; }

    .disclaimer { background: var(--navy); color: rgba(255,255,255,0.62); font-size: 0.82rem; padding: 30px 0; }
    .disclaimer .wrap { display: flex; gap: 16px; flex-wrap: wrap; justify-content: space-between; align-items: center; }
    .disclaimer a { color: var(--gold); }

    .site-footer { background: var(--charcoal); color: rgba(255,255,255,0.6); padding: 30px 0; font-size: 0.82rem; }
    .site-footer .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
    .site-footer a:hover { color: var(--gold); }

    @media (max-width: 980px) {
      .mkt-grid { grid-template-columns: repeat(2, 1fr); }
      .news-cols { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 600px) {
      .nav-links { gap: 16px; }
      .nav-links li.hide-sm { display: none; }
      .mkt-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
      .mkt-val { font-size: 1.6rem; }
      .news-cols { grid-template-columns: 1fr; }
      section { padding: 48px 0; }
    }
  </style>
</head>
<body>

  <header class="site-header">
    <div class="wrap nav">
      <a href="/" class="brand" aria-label="BSL Property home">
        <img src="/images/bsl.png" alt="BSL Property logo">
        <span>BSL Property<small>Quality Homes</small></span>
      </a>
      <nav>
        <ul class="nav-links">
          <li><a href="/">Home</a></li>
          <li class="hide-sm"><a href="#markets">Markets</a></li>
          <li class="hide-sm"><a href="#uk">UK</a></li>
          <li class="hide-sm"><a href="#news">Headlines</a></li>
          <li><a href="/#contact">Contact</a></li>
        </ul>
      </nav>
    </div>
  </header>

  <section class="page-hero">
    <div class="wrap">
      <span class="eyebrow">Live dashboard</span>
      <h1>Markets &amp; <em>headlines</em>.</h1>
      <p>A quick daily glance at the numbers and news we keep an eye on &mdash; exchange rates, the Bitcoin price, key UK rates and housing figures, and world headlines.</p>
      <div class="status-bar">
        <button class="refresh" id="refreshBtn" type="button">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-2.64-6.36"/><path d="M21 3v6h-6"/></svg>
          Refresh
        </button>
        <span class="upd" id="updated">Loading live data&hellip;</span>
      </div>
    </div>
  </section>

  <section class="mkt" id="markets">
    <div class="wrap">
      <div class="section-head">
        <h2>Market snapshot</h2>
        <p>Live exchange rates and the Bitcoin price, refreshed in your browser. The 24-hour change is shown for Bitcoin.</p>
      </div>
      <div class="mkt-grid" id="mktGrid"></div>
    </div>
  </section>

  
  <section class="mkt" id="uk" style="background:var(--paper)">
    <div class="wrap">
      <div class="section-head">
        <h2>UK rates &amp; housing</h2>
        <p>Official figures from the Bank of England, HM Land Registry and ONS, updated when we publish (not live). Mortgage figures are BoE average <em>quoted residential</em> rates &mdash; a market reference, not buy-to-let or limited-company specific.</p>
      </div>
      <div class="mkt-grid">
        
        <article class="mkt-card">
          <div class="mkt-top"><span class="mkt-name">Bank Rate</span><span class="mkt-sym">BoE base rate</span></div>
          <div class="mkt-val">3.75%</div>
          <div class="mkt-chg note">as of 25 Jun 2026</div>
        </article>
        
        <article class="mkt-card">
          <div class="mkt-top"><span class="mkt-name">2yr fix · 75% LTV</span><span class="mkt-sym">BoE avg quoted</span></div>
          <div class="mkt-val">4.92%</div>
          <div class="mkt-chg note">as of 31 May 2026</div>
        </article>
        
        <article class="mkt-card">
          <div class="mkt-top"><span class="mkt-name">5yr fix · 75% LTV</span><span class="mkt-sym">BoE avg quoted</span></div>
          <div class="mkt-val">4.8%</div>
          <div class="mkt-chg note">as of 31 May 2026</div>
        </article>
        
        <article class="mkt-card">
          <div class="mkt-top"><span class="mkt-name">UK house price</span><span class="mkt-sym">Land Registry avg</span></div>
          <div class="mkt-val">£270,080</div>
          <div class="mkt-chg note">&#43;3.8% yr · Apr 2026</div>
        </article>
        
        <article class="mkt-card">
          <div class="mkt-top"><span class="mkt-name">CPI inflation</span><span class="mkt-sym">ONS · 12-month</span></div>
          <div class="mkt-val">2.8%</div>
          <div class="mkt-chg note">to 2026 May</div>
        </article>
        
      </div>
    </div>
  </section>
  

  <section class="news" id="news">
    <div class="wrap">
      <div class="section-head">
        <h2>Latest headlines</h2>
        <p>Top stories pulled live from each publisher's news feed.</p>
      </div>
      <div class="news-cols" id="newsCols"></div>
    </div>
  </section>

  <div class="disclaimer">
    <div class="wrap">
      <span>Market data is indicative and provided for general information only &mdash; not financial advice. Always verify figures before acting.</span>
      <span>Bitcoin: Coinbase &middot; <a href="https://www.exchangerate-api.com" target="_blank" rel="noopener">Rates By Exchange Rate API</a> &middot; UK figures: Bank of England, HM Land Registry &amp; ONS (Open Government Licence v3.0) &middot; Headlines: respective publishers</span>
    </div>
  </div>

  <footer class="site-footer">
    <div class="wrap">
      <span>&copy; <span id="year">2026</span> BSL Property Ltd. All rights reserved.</span>
      <span><a href="/">Back to bslproperty.co.uk</a></span>
    </div>
  </footer>

  <script>
    document.getElementById('year').textContent = new Date().getFullYear();

    
    function fmt(n, dp) { return Number(n).toLocaleString('en-GB', { minimumFractionDigits: dp, maximumFractionDigits: dp }); }
    function timeStr() { return new Date().toLocaleTimeString('en-GB', { hour: '2-digit', minute: '2-digit' }); }

    function fetchJSON(url, opts) {
      opts = opts || {};
      var ctrl = new AbortController();
      var timer = setTimeout(function () { ctrl.abort(); }, 14000);
      opts.signal = ctrl.signal;
      opts.cache = 'no-store';
      return fetch(url, opts).then(function (res) {
        if (!res.ok) throw new Error('HTTP ' + res.status);
        return res.json();
      }).finally(function () { clearTimeout(timer); });
    }

    
    var MARKETS = [
      { id: 'btc',    name: 'Bitcoin',       sym: 'BTC · GBP' },
      { id: 'usd',    name: 'Pound → Dollar', sym: 'GBP · USD' },
      { id: 'eur',    name: 'Pound → Euro',   sym: 'GBP · EUR' },
      { id: 'inr',    name: 'Pound → Rupee',  sym: 'GBP · INR' },
      { id: 'thb',    name: 'Pound → Baht',   sym: 'GBP · THB' }
    ];

    (function buildGrid() {
      var grid = document.getElementById('mktGrid');
      MARKETS.forEach(function (m) {
        var card = document.createElement('article');
        card.className = 'mkt-card';
        card.id = 'card-' + m.id;
        card.innerHTML =
          '<div class="mkt-top"><span class="mkt-name"></span><span class="mkt-sym"></span></div>' +
          '<div class="mkt-val load" data-val>…</div>' +
          '<div class="mkt-chg" data-chg></div>';
        card.querySelector('.mkt-name').textContent = m.name;
        card.querySelector('.mkt-sym').textContent = m.sym;
        grid.appendChild(card);
      });
    })();

    function setCard(id, value, change, note) {
      var card = document.getElementById('card-' + id);
      if (!card) return;
      var valEl = card.querySelector('[data-val]'), chgEl = card.querySelector('[data-chg]');
      valEl.textContent = value;
      valEl.classList.remove('load');
      if (typeof change === 'number' && isFinite(change)) {
        var up = change >= 0;
        chgEl.className = 'mkt-chg ' + (up ? 'up' : 'down');
        chgEl.textContent = (up ? '▲ ' : '▼ ') + Math.abs(change).toFixed(2) + '%';
      } else if (note) {
        chgEl.className = 'mkt-chg note';
        chgEl.textContent = note;
      } else {
        chgEl.className = 'mkt-chg';
        chgEl.textContent = '';
      }
    }
    function setErr(id) {
      var card = document.getElementById('card-' + id);
      if (!card) return;
      var valEl = card.querySelector('[data-val]'), chgEl = card.querySelector('[data-chg]');
      valEl.textContent = '—'; valEl.classList.remove('load');
      chgEl.className = 'mkt-chg err'; chgEl.textContent = 'unavailable';
    }

    
    function loadCrypto() {
      var base = 'https://api.coinbase.com/v2/prices/BTC-GBP/spot';
      var y = new Date(); y.setDate(y.getDate() - 1);
      var yday = base + '?date=' + y.toISOString().slice(0, 10);
      return Promise.all([fetchJSON(base), fetchJSON(yday).catch(function () { return null; })])
        .then(function (res) {
          var now = parseFloat(res[0].data.amount);
          var prev = res[1] ? parseFloat(res[1].data.amount) : null;
          var chg = (prev && now) ? (now - prev) / prev * 100 : null;
          setCard('btc', '£' + fmt(now, 0), chg);
        }).catch(function () { setErr('btc'); });
    }

    function loadFx() {
      return fetchJSON('https://open.er-api.com/v6/latest/GBP')
        .then(function (d) {
          if (!d.rates) throw new Error('no rates');
          var r = d.rates;
          setCard('usd', '$' + fmt(r.USD, 4), null, 'per £1');
          setCard('eur', '€' + fmt(r.EUR, 4), null, 'per £1');
          setCard('inr', '₹' + fmt(r.INR, 2), null, 'per £1');
          setCard('thb', '฿' + fmt(r.THB, 2), null, 'per £1');
        }).catch(function () { ['usd', 'eur', 'inr', 'thb'].forEach(setErr); });
    }

    function loadMarkets() {
      return Promise.all([loadCrypto(), loadFx()]);
    }

    
    var FEEDS = [
      { id: 'bbc',      name: 'BBC News',   url: 'https://feeds.bbci.co.uk/news/rss.xml',                site: 'https://www.bbc.co.uk/news' },
      { id: 'cnn',      name: 'CNN',        url: 'http://rss.cnn.com/rss/cnn_topstories.rss',            site: 'https://www.cnn.com' },
      { id: 'fox',      name: 'Fox News',   url: 'https://moxie.foxnews.com/google-publisher/latest.xml', site: 'https://www.foxnews.com' },
      { id: 'ndtv',     name: 'NDTV',       url: 'https://feeds.feedburner.com/ndtvnews-top-stories',    site: 'https://www.ndtv.com' },
      { id: 'manorama', name: 'Manorama',   url: 'https://www.onmanorama.com/news.feeds.onmrss.xml',     site: 'https://www.onmanorama.com' }
    ];

    (function buildNews() {
      var cols = document.getElementById('newsCols');
      FEEDS.forEach(function (f) {
        var col = document.createElement('div');
        col.className = 'feed';
        col.id = 'feed-' + f.id;
        var head = document.createElement('div');
        head.className = 'feed-head';
        var h3 = document.createElement('h3'); h3.textContent = f.name;
        var src = document.createElement('a'); src.className = 'src'; src.href = f.site; src.target = '_blank'; src.rel = 'noopener noreferrer'; src.textContent = 'Visit';
        head.appendChild(h3); head.appendChild(src);
        var list = document.createElement('ul'); list.setAttribute('data-list', '');
        list.innerHTML = '<li class="ph">Loading…</li>';
        col.appendChild(head); col.appendChild(list);
        cols.appendChild(col);
      });
    })();

    function relWhen(pubDate) {
      if (!pubDate) return '';
      var d = new Date(pubDate);
      if (isNaN(d.getTime())) return '';
      var mins = Math.round((Date.now() - d.getTime()) / 60000);
      if (mins < 1) return 'just now';
      if (mins < 60) return mins + ' min ago';
      var hrs = Math.round(mins / 60);
      if (hrs < 24) return hrs + 'h ago';
      return d.toLocaleDateString('en-GB', { day: 'numeric', month: 'short' });
    }

    function loadFeed(f) {
      var api = 'https://api.rss2json.com/v1/api.json?rss_url=' + encodeURIComponent(f.url);
      var list = document.querySelector('#feed-' + f.id + ' [data-list]');
      return fetchJSON(api).then(function (d) {
        if (d.status !== 'ok' || !d.items || !d.items.length) throw new Error('feed');
        list.innerHTML = '';
        d.items.slice(0, 6).forEach(function (it) {
          var li = document.createElement('li');
          var a = document.createElement('a');
          a.href = it.link; a.target = '_blank'; a.rel = 'noopener noreferrer';
          a.textContent = it.title;
          li.appendChild(a);
          var w = relWhen(it.pubDate);
          if (w) { var span = document.createElement('span'); span.className = 'when'; span.textContent = w; li.appendChild(span); }
          list.appendChild(li);
        });
      }).catch(function () {
        list.innerHTML = '<li class="ferr">Headlines unavailable right now.</li>';
      });
    }

    function loadNews() {
      return Promise.all(FEEDS.map(loadFeed));
    }

    
    var btn = document.getElementById('refreshBtn');
    var upd = document.getElementById('updated');

    function refreshAll() {
      btn.classList.add('spin');
      upd.textContent = 'Updating…';
      Promise.all([loadMarkets(), loadNews()]).then(function () {
        upd.innerHTML = 'Updated <b>' + timeStr() + '</b>';
      }).catch(function () {
        upd.innerHTML = 'Updated <b>' + timeStr() + '</b>';
      }).finally(function () {
        setTimeout(function () { btn.classList.remove('spin'); }, 500);
      });
    }

    btn.addEventListener('click', refreshAll);
    refreshAll();

    
    setInterval(function () { if (!document.hidden) { loadMarkets().then(function () { upd.innerHTML = 'Updated <b>' + timeStr() + '</b>'; }); } }, 60000);
    setInterval(function () { if (!document.hidden) { loadNews(); } }, 300000);
  </script>
</body>
</html>