File: /home/bigfreeodds/public_html/wp-content/public/scores/profile.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title>Profile — Live Scores</title>
<meta name="description" content="Your account, followed teams and notification preferences." />
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body data-page="profile">
<div class="app">
<header class="topbar">
<h1>PROFILE</h1>
<button class="icon-btn" aria-label="Settings">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/></svg>
</button>
</header>
<div id="profile-skeleton" class="profile-shell" aria-hidden="true">
<section class="profile-hero">
<div class="skeleton skeleton-logo skeleton-logo--xl"></div>
<h2><span class="skeleton skeleton-text skeleton-text--med" style="width:180px;display:inline-block;"></span></h2>
<p><span class="skeleton skeleton-text skeleton-text--short" style="width:230px;display:inline-block;"></span></p>
<div class="profile-meta" style="gap:10px;">
<div class="profile-meta__item"><span class="skeleton skeleton-text skeleton-text--tiny" style="width:40px;display:inline-block;"></span><strong class="skeleton skeleton-text skeleton-text--short" style="width:160px;display:inline-block;"></strong></div>
<div class="profile-meta__item"><span class="skeleton skeleton-text skeleton-text--tiny" style="width:40px;display:inline-block;"></span><strong class="skeleton skeleton-text skeleton-text--short" style="width:100px;display:inline-block;"></strong></div>
</div>
<div class="profile-actions" style="justify-content:center;flex-wrap:wrap;gap:10px;">
<span class="btn btn-secondary skeleton skeleton-pill" style="height:38px;width:118px;display:inline-block;"></span>
<span class="btn btn-secondary skeleton skeleton-pill" style="height:38px;width:118px;display:inline-block;"></span>
<span class="btn btn-secondary skeleton skeleton-pill" style="height:38px;width:118px;display:inline-block;"></span>
</div>
</section>
<div class="card profile-theme-card" aria-hidden="true">
<div class="card-title"><span class="skeleton skeleton-text skeleton-text--tiny" style="width:50px;display:inline-block;"></span></div>
<div class="profile-theme">
<p><span class="skeleton skeleton-text skeleton-text--short" style="width:210px;display:inline-block;"></span></p>
<div class="profile-theme__choices" style="gap:8px;">
<span class="btn btn-secondary skeleton skeleton-pill" style="height:38px;width:96px;display:inline-block;"></span>
<span class="btn btn-secondary skeleton skeleton-pill" style="height:38px;width:96px;display:inline-block;"></span>
</div>
</div>
</div>
<div class="menu-list" aria-hidden="true">
<div class="menu-item skeleton-menu"><span class="skeleton skeleton-logo"></span><span class="skeleton skeleton-menu-text"></span><span class="chev skeleton skeleton-chevron"></span></div>
<div class="menu-item skeleton-menu"><span class="skeleton skeleton-logo"></span><span class="skeleton skeleton-menu-text"></span><span class="chev skeleton skeleton-chevron"></span></div>
<div class="menu-item skeleton-menu"><span class="skeleton skeleton-logo"></span><span class="skeleton skeleton-menu-text"></span><span class="chev skeleton skeleton-chevron"></span></div>
<div class="menu-item skeleton-menu"><span class="skeleton skeleton-logo"></span><span class="skeleton skeleton-menu-text"></span><span class="chev skeleton skeleton-chevron"></span></div>
</div>
</div>
<div id="profile-content" hidden>
<section class="profile-hero">
<div class="avatar" id="profile-avatar">?</div>
<h2 id="profile-name">Guest</h2>
<p id="profile-sub">Sign in to save favourites and follow leagues</p>
<div id="profile-cta" style="display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;justify-content:center;"></div>
</section>
<div class="menu-list">
<a class="menu-item" href="dashboard.html"><span class="ic">▦</span><span>Dashboard</span><span class="chev">›</span></a>
<a class="menu-item" href="favourites.html"><span class="ic">★</span><span>My Favourites</span><span class="chev">›</span></a>
<a class="menu-item" href="followed-leagues.html"><span class="ic">🏆</span><span>Followed Leagues</span><span class="chev">›</span></a>
<a class="menu-item" href="notification-settings.html"><span class="ic">🔔</span><span>Notification Settings</span><span class="chev">›</span></a>
<a class="menu-item" href="account-settings.html"><span class="ic">⚙</span><span>Account Settings</span><span class="chev">›</span></a>
<a class="menu-item" href="search.html"><span class="ic">🔎</span><span>Search</span><span class="chev">›</span></a>
<a class="menu-item" href="about.html"><span class="ic">🛈</span><span>About</span><span class="chev">›</span></a>
<a class="menu-item" href="contact.html"><span class="ic">✉</span><span>Contact</span><span class="chev">›</span></a>
<a class="menu-item" href="privacy.html"><span class="ic">🔒</span><span>Privacy</span><span class="chev">›</span></a>
<a class="menu-item" href="terms.html"><span class="ic">📄</span><span>Terms</span><span class="chev">›</span></a>
</div>
</div>
</div>
<nav class="bottom-nav">
<a href="index.html"><span class="ic">⌂</span><span>Home</span></a>
<a href="live.html"><span class="ic">▶</span><span>Live</span></a>
<a href="favourites.html"><span class="ic">★</span><span>Favourites</span></a>
<a href="leagues.html"><span class="ic">🏆</span><span>Leagues</span></a>
<a href="profile.html" class="active"><span class="ic">◉</span><span>Profile</span></a>
</nav>
<script src="assets/js/app.js"></script>
</body>
</html>