-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy patharticle-template.html
More file actions
233 lines (204 loc) · 11.3 KB
/
article-template.html
File metadata and controls
233 lines (204 loc) · 11.3 KB
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Article Title - VANNA News Network</title>
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/responsive.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
<!-- Reuse header/nav from index.html -->
<div class="top-bar">
<!-- Same as index.html -->
</div>
<header class="main-header">
<!-- Same as index.html -->
</header>
<nav class="main-nav">
<!-- Same as index.html -->
</nav>
<main class="container article-container">
<article class="news-article">
<div class="article-meta">
<span class="category">Politics</span>
<span class="date">August 19, 2025</span>
<span class="author">By John Smith</span>
<span class="read-time">5 min read</span>
</div>
<h1 class="article-title">Senate Passes Controversial Budget Bill After All-Night Session</h1>
<div class="article-social-share">
<span>Share:</span>
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fab fa-reddit-alien"></i></a>
<a href="#"><i class="fas fa-envelope"></i></a>
</div>
<div class="article-image">
<img src="../images/featured/senate-bill.jpg" alt="Senate Chamber">
<p class="caption">Senators debate the budget bill during the all-night session (Photo: Jane Doe)</p>
</div>
<div class="article-content">
<p class="lead">The Senate narrowly passed the $1.2 trillion budget bill early this morning after an intense 18-hour debate that stretched through the night.</p>
<p>The final vote was 51-49, with all Democrats and two Republican senators voting in favor. The bill now moves to the House of Representatives, where it faces an uncertain future.</p>
<h2>Key Provisions</h2>
<p>The comprehensive budget package includes:</p>
<ul>
<li>$400 billion for infrastructure projects</li>
<li>$250 billion for education reforms</li>
<li>$180 billion for healthcare expansion</li>
<li>$120 billion for defense spending</li>
<li>Tax increases on corporations and high-income earners</li>
</ul>
<div class="article-pullquote">
<blockquote>
"This bill represents a historic investment in the American people," said Senate Majority Leader during the debate. "It will create millions of jobs and rebuild our crumbling infrastructure."
</blockquote>
</div>
<p>Opponents of the bill argue it spends too much and raises taxes at the wrong time. "This reckless spending will fuel inflation and hurt our economy," said the Senate Minority Leader.</p>
<div class="article-image">
<img src="../images/featured/senate-vote.jpg" alt="Senate Vote">
<p class="caption">Senators cast their votes in the early morning hours (Photo: John Smith)</p>
</div>
<h2>The Debate</h2>
<p>The marathon session saw heated exchanges from both sides of the aisle. At one point, proceedings were halted for nearly an hour as lawmakers engaged in a shouting match over proposed amendments.</p>
<p>Several moderate senators expressed reservations about the bill's price tag but ultimately voted in favor after securing last-minute concessions on specific provisions affecting their states.</p>
<div class="article-infographic">
<h3>Budget Breakdown</h3>
<img src="../images/featured/budget-chart.jpg" alt="Budget Breakdown Chart">
<p class="caption">How the $1.2 trillion budget is allocated across sectors</p>
</div>
<h2>What's Next</h2>
<p>The House is expected to take up the bill next week. Analysts predict a tough battle, as the bill would need support from moderate members of both parties to pass.</p>
<p>House Speaker acknowledged the challenges ahead: "We will carefully review the Senate's work and make sure this bill reflects the priorities of the American people."</p>
<p>If passed by the House, the bill would go to the President's desk for signature. The White House has indicated strong support for the legislation.</p>
<div class="article-update">
<p><strong>Update:</strong> The White House has scheduled a press conference for later today where the President is expected to comment on the Senate's passage of the bill.</p>
</div>
<div class="related-articles">
<h3>Related Articles</h3>
<ul>
<li><a href="#">How the Budget Bill Could Affect Your Taxes</a></li>
<li><a href="#">Infrastructure Projects in the Pipeline</a></li>
<li><a href="#">Political Fallout From the Budget Debate</a></li>
</ul>
</div>
</div>
<div class="article-tags">
<span>Tags:</span>
<a href="#">Budget</a>,
<a href="#">Senate</a>,
<a href="#">Politics</a>,
<a href="#">Economy</a>
</div>
<div class="article-author">
<img src="../images/thumbnails/author1.jpg" alt="Author Photo">
<div class="author-info">
<h3>John Smith</h3>
<p>Senior Political Correspondent</p>
<p>John has covered national politics for over 15 years, with a focus on budget and economic policy.</p>
</div>
</div>
<div class="article-comments">
<h3>Comments (42)</h3>
<div class="comment-form">
<textarea placeholder="Join the discussion..."></textarea>
<button>Post Comment</button>
</div>
<div class="comment">
<div class="comment-author">
<img src="../images/thumbnails/user1.jpg" alt="User Photo">
<h4>JaneDoe42</h4>
<span class="comment-date">2 hours ago</span>
</div>
<div class="comment-content">
<p>Finally some real investment in infrastructure! Our roads and bridges have been crumbling for decades.</p>
<div class="comment-actions">
<a href="#">Reply</a>
<a href="#"><i class="fas fa-thumbs-up"></i> 24</a>
<a href="#"><i class="fas fa-thumbs-down"></i> 3</a>
</div>
</div>
</div>
<div class="comment">
<div class="comment-author">
<img src="../images/thumbnails/user2.jpg" alt="User Photo">
<h4>ConcernedCitizen</h4>
<span class="comment-date">1 hour ago</span>
</div>
<div class="comment-content">
<p>Where is all this money coming from? More debt for our grandchildren to pay off?</p>
<div class="comment-actions">
<a href="#">Reply</a>
<a href="#"><i class="fas fa-thumbs-up"></i> 15</a>
<a href="#"><i class="fas fa-thumbs-down"></i> 8</a>
</div>
</div>
</div>
<button class="load-more-comments">Load More Comments</button>
</div>
</article>
<aside class="sidebar">
<div class="sidebar-widget">
<h3>Latest News</h3>
<ul class="latest-news">
<li>
<a href="#">
<h4>Stock Markets Reach Record High</h4>
<span class="date">2 hours ago</span>
</a>
</li>
<li>
<a href="#">
<h4>New Study Links Coffee to Longevity</h4>
<span class="date">4 hours ago</span>
</a>
</li>
<li>
<a href="#">
<h4>Tech CEO Resigns Unexpectedly</h4>
<span class="date">6 hours ago</span>
</a>
</li>
</ul>
</div>
<div class="sidebar-widget">
<h3>Most Read</h3>
<ol class="most-read">
<li><a href="#">10 Signs Your Phone Has Been Hacked</a></li>
<li><a href="#">The Secret to Perfect Home Cooking</a></li>
<li><a href="#">Cities With the Best Quality of Life</a></li>
<li><a href="#">What to Expect in the New iOS Update</a></li>
<li><a href="#">Interview With the Climate Scientist</a></li>
</ol>
</div>
<div class="sidebar-widget newsletter-widget">
<h3>Newsletter</h3>
<p>Get the latest news delivered to your inbox</p>
<form>
<input type="email" placeholder="Your email">
<button type="submit">Subscribe</button>
</form>
</div>
<div class="sidebar-widget">
<h3>Trending Topics</h3>
<div class="tags">
<a href="#">#Election2025</a>
<a href="#">#ClimateChange</a>
<a href="#">#Tech</a>
<a href="#">#Health</a>
<a href="#">#Economy</a>
<a href="#">#Space</a>
</div>
</div>
</aside>
</main>
<!-- Reuse footer from index.html -->
<footer class="main-footer">
<!-- Same as index.html -->
</footer>
<script src="../js/main.js"></script>
</body>
</html>