viralbharatnews/article.html at main · jpswami12/viralbharatnews · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html lang="hi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Article Title - Viral Bharat News</title>
    <link rel="canonical" href="https://viralbharatnews.com/article-url">
    <style>
        :root { --primary: #e60000; --dark: #1a1a1a; --white: #fff; }
        * { margin:0; padding:0; box-sizing:border-box; }
        body { font-family: sans-serif; line-height: 1.8; color: #333; background: #f4f4f4; }
        header { background: #fff; padding: 15px 5%; border-bottom: 3px solid var(--primary); }
        .container { max-width: 800px; margin: 30px auto; background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
        .breadcrumb { font-size: 13px; color: #888; margin-bottom: 20px; }
        h1 { font-size: 32px; line-height: 1.3; margin-bottom: 15px; color: var(--dark); }
        .meta-info { display: flex; gap: 15px; font-size: 14px; color: #666; margin-bottom: 25px; border-bottom: 1px solid #eee; padding-bottom: 15px; }
        .featured-img { width: 100%; height: auto; border-radius: 8px; margin-bottom: 25px; }
        .content p { margin-bottom: 20px; font-size: 18px; }
        .author-box { background: #f9f9f9; padding: 20px; border-radius: 5px; margin-top: 40px; border-left: 4px solid var(--primary); }
        .related-section { max-width: 800px; margin: 30px auto; }
        footer { background: var(--dark); color: #fff; padding: 40px; text-align: center; margin-top: 50px; }
    </style>
    <!-- JSON-LD Article Schema -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "NewsArticle",
      "headline": "Article Title in Hindi",
      "image": ["https://viralbharatnews.com/img.jpg"],
      "datePublished": "2024-01-16T08:00:00+05:30",
      "author": [{
          "@type": "Person",
          "name": "Team Viral Bharat",
          "url": "https://viralbharatnews.com/about"
      }]
    }
    </script>
</head>
<body>
    <header><a href="/" style="font-size:24px; font-weight:bold; color:var(--primary); text-decoration:none;">Viral Bharat News</a></header>
    <div class="container">
        <div class="breadcrumb">होम > वायरल न्यूज़ > ताज़ा खबर</div>
        <h1>सोशल मीडिया पर वायरल हुई यह ताज़ा खबर, जानकर रह जाएंगे दंग</h1>
        <div class="meta-info">
            <span>By <b>Admin</b></span>
            <span>Update: 16 Jan 2024</span>
        </div>
        <img src="https://picsum.photos/800/450" class="featured-img" alt="Viral News">
        <div class="content">
            <p>यहाँ लेख का मुख्य भाग आएगा। यह भाग SEO और पाठक के जुड़ाव के लिए गहराई से लिखा जाना चाहिए...</p>
            <p>वायरल भारत न्यूज़ हमेशा आपको सबसे सटीक जानकारी देने का प्रयास करता है। यह घटना सोशल मीडिया पर ट्रेंड कर रही है...</p>
        </div>
        <div class="author-box">
            <h4>लेखक: वायरल भारत टीम</h4>
            <p>हमारा उद्देश्य भारत के कोने-कोने से वायरल हो रही महत्वपूर्ण खबरों को आप तक पहुँचाना है।</p>
        </div>
    </div>
    <div class="related-section">
        <h3>अन्य वायरल खबरें</h3>
        <!-- Related Grid -->
    </div>
    <footer>&copy; 2024 Viral Bharat News</footer>
</body>
</html>