File: /home/rbrijwzv8p53/public_html/outlinenews.com.pk/article.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Outline News | Article</title>
<meta name="description" content="Read Outline News articles, reporting, explainers and analysis." />
<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=Inter:wght@400;500;600;700;800&family=Source+Serif+4:wght@600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/styles.css" />
</head>
<body>
<div class="top-strip">
<div class="container top-strip-inner">
<p>Pakistan Edition</p>
<div class="top-strip-links">
<a href="index.php">Home</a>
<a href="category.php?section=latest">Latest</a>
<a href="contact.php">Contact</a>
</div>
</div>
</div>
<header class="site-header sticky-header">
<div class="container header-main">
<a href="index.php" class="brand">
<span class="brand-mark">O</span>
<span class="brand-copy"><strong>OUTLINE</strong><small>NEWS</small></span>
</a>
<nav class="desktop-nav">
<a href="category.php?section=latest">Latest</a>
<a href="category.php?section=pakistan">Pakistan</a>
<a href="category.php?section=world">World</a>
<a href="category.php?section=politics">Politics</a>
<a href="category.php?section=business">Business</a>
<a href="category.php?section=opinion">Opinion</a>
<a href="category.php?section=video">Video</a>
</nav>
<div class="header-actions">
<button class="icon-button" id="searchToggle" aria-label="Open search"><span>⌕</span></button>
<button class="menu-button" id="menuToggle" aria-label="Open menu"><span></span><span></span><span></span></button>
</div>
</div>
<div class="search-panel" id="searchPanel">
<div class="container search-wrap">
<input type="search" id="searchInput" placeholder="Search stories, sections, topics..." />
<div id="searchResults" class="search-results"></div>
</div>
</div>
<div class="mobile-nav" id="mobileNav">
<div class="container mobile-nav-links">
<a href="category.php?section=latest">Latest</a>
<a href="category.php?section=pakistan">Pakistan</a>
<a href="category.php?section=world">World</a>
<a href="category.php?section=politics">Politics</a>
<a href="category.php?section=business">Business</a>
<a href="category.php?section=opinion">Opinion</a>
<a href="category.php?section=video">Video</a>
<a href="contact.php">Contact</a>
</div>
</div>
</header>
<main class="article-page container">
<article class="article-layout">
<div class="article-main">
<p class="eyebrow" id="articleSection">Section</p>
<h1 id="articleTitle">Article title</h1>
<p class="article-standfirst" id="articleStandfirst">Standfirst summary</p>
<div class="article-meta" id="articleMeta"></div>
<div class="article-visual" id="articleVisual"></div>
<div class="article-body" id="articleBody"></div>
</div>
<aside class="article-aside">
<div class="sidebar-box">
<h3>More Stories</h3>
<div id="relatedStories"></div>
</div>
</aside>
</article>
</main>
<footer class="site-footer">
<div class="container footer-bottom single-line">
<p>© 2026 Outline News. All rights reserved.</p>
<div>
<a href="index.php">Home</a>
<a href="contact.php">Contact</a>
</div>
</div>
</footer>
<script src="assets/js/data.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/article.js"></script>
</body>
</html>