-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
172 lines (155 loc) · 11.2 KB
/
blog.html
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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous">
<!-- css link -->
<link rel="stylesheet" href="./css/mobile.css">
<link rel="stylesheet" href="./css/blog.css">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/utility.css">
<title>Responsive Blog Web Template with Harry Bhai</title>
</head>
<body>
<!-- Navigation menu with logo -->
<section class="navItems">
<div class="main max-width-1 m-auto">
<div class="left">
<form action="/search.html" method="get">
<input class="form-input" name="query" type="text" placeholder="Search">
<button class="btn">Search</button>
</form>
</div>
<div class="middle">
<div class="item">
<a href="/"><img src="./image/logo.jpg" alt="#" class="logo"></a>
</div>
</div>
<div class="right">
<nav class="navigation">
<ul>
<li><a href="/">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="/contact.html">Contact</a></li>
<li><a href="#">Service</a></li>
<li><a href="/blog.html">Blog</a></li>
</ul>
</nav>
</div>
</div>
</section>
<!-- Navigation menu with logo end -->
<!-- =============================================== -->
<!-- Content section start -->
<!-- <div class="post_image container">
<img src="./image/home.jpg" alt="">
</div> -->
<section class="blog_content max-width-1 m-auto">
<div class="blog_post_content">
<div class="short_wide">
<h1>The heaven for bloggers</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Magnam delectus, distinctio quas, sapiente ipsam quos voluptatibus nulla dolorem adipisci odio asperiores quam? Quo accusamus sed error reiciendis? Id praesentium perferendis dolorem
veritatis autem minus accusamus. Accusamus.</p>
</div>
</div>
<hr>
</section>
<!-- Content section end -->
<!-- ======================================== -->
<div class="news container text-center">
<h3>Read more</h3>
<!-- <div class="auto_blog_icon">
<div class="social_logo">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" aria-label="Twitter icon" viewBox="0 0 18 18">
<path fill-rule="evenodd"
d="M12.46 1.13c-2.04 0-3.7 1.78-3.7 3.97 0 .31.04.62.1.9a10.26 10.26 0 0 1-7.6-4.15A4.2 4.2 0 0 0 2.4 7.16a3.5 3.5 0 0 1-1.68-.5v.05a3.92 3.92 0 0 0 2.97 3.9 3.45 3.45 0 0 1-1.67.07 3.74 3.74 0 0 0 3.45 2.76A7.08 7.08 0 0 1 0 15.1a9.92 9.92 0 0 0 5.66 1.79c6.8 0 10.5-6.06 10.5-11.32v-.51A7.85 7.85 0 0 0 18 2.99c-.66.32-1.37.53-2.12.63a3.95 3.95 0 0 0 1.62-2.2c-.71.45-1.5.78-2.34.96a3.57 3.57 0 0 0-2.7-1.25">
</path>
</svg>
</div>
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" aria-label="Facebook icon" viewBox="0 0 18 18">
<path fill-rule="evenodd"
d="M17 9.05A8.02 8.02 0 0 0 9 1C4.58 1 1 4.6 1 9.05A8.04 8.04 0 0 0 7.75 17v-5.62H5.72V9.05h2.03V7.28c0-2.02 1.2-3.14 3.02-3.14.88 0 1.8.16 1.8.16v1.98h-1.02c-.99 0-1.3.62-1.3 1.26v1.5h2.22l-.36 2.34h-1.86V17A8.04 8.04 0 0 0 17 9.05">
</path>
</svg>
</div>
<div class="social_txt">
</div>
</div>
</div> -->
<p>Etymology The English word "news" developed in the 14th century as a special use of the plural form of "new". In Middle English, the equivalent word was newes, like the French nouvelles and the German Neues. Similar developments are found in the
Slavic languages – namely the Czech and Slovak noviny (from nový, "new"), the cognate Polish nowiny, the Bulgarian novini, and Russian novosti – and in the Celtic languages: the Welsh newyddion (from newydd) and the Cornish nowodhow (from
nowydh).[1][2] The beliefs that "news" is derived from an acronym of the phrase “Notable Events, Weather, and Sports”, or that it is formed from the first letters of the compass (North, East, West, South) are incorrect.[3] Jessica Garretson
Finch is credited with coining the phrase "current events" while teaching at Barnard College in the 1890s.[4] Newness As its name implies, "news" typically connotes the presentation of new information.[5][6] The newness of news gives it an
uncertain quality which distinguishes it from the more careful investigations of history or other scholarly disciplines.[6][7][8] Whereas historians tend to view events as causally related Manifestations of underlying processes, news stories
tend to describe events in isolation, and to exclude discussion of the relationships between them.[9] News conspicuously describes the world in the present or immediate past, even when the most important aspects of a news story have occurred
long in the past—or are expected to occur in the future. To make the news, an ongoing process must have some "peg", an event in time which anchors it to the present moment.[9][10] Relatedly, news often addresses aspects of reality which seem
unusual, deviant, or out of the ordinary.[11] Hence the famous dictum that "Dog Bites Man" is not news, but "Man Bites Dog" is.[12] Another corollary of the newness of news is that, as new technology enables new media to disseminate news more
quickly, 'slower' forms of communication may move away from 'news' towards 'analysis'.[13] Commodity According to some theories, "news" is whatever the news industry sells.[14] Journalism, broadly understood along the same lines, is the act
or occupation of collecting and providing news.[15][16] From a commercial perspective, news is simply one input, along with paper (or an electronic server) necessary to prepare a final product for distribution.[17] A news agency supplies this
resource "wholesale" and publishers enhance it for retail.[18][19] Tone Most purveyors of news value impartiality, neutrality, and objectivity, despite the inherent difficulty of reporting without political bias.[20] Perception of these values
has changed greatly over time as sensationalized 'tabloid journalism' has risen in popularity. Michael Schudson has argued that before the era of World War I and the concomitant rise of propaganda, journalists were not aware of the concept
of bias in reporting, let alone actively correcting for it.[21] News is also sometimes said to portray the truth, but this relationship is elusive and qualified.[22] Paradoxically, another property commonly attributed to news is sensationalism,
the disproportionate focus on, and exaggeration of, emotive stories for public consumption.[23][24] This news is also not unrelated to gossip, the human practice of sharing information about other humans of mutual interest.[25] A common sensational
topic is violence; hence another news dictum, "if it bleeds, it leads".[26] Newsworthiness Newsworthiness is defined as a subject having sufficient relevance to the public or a special audience to warrant press attention or coverage.[27] News
values seem to be common across cultures. People seem to be interested in news to the extent which it has a big impact, describes conflicts, happens nearby, involves well-known people, and deviates from the norms of everyday happenings.[28]
War is a common news topic, partly because it involves unknown events that could pose personal danger.[29]
</p>
</div>
<!-- Articles section start -->
<section class="article_sec container m-auto">
<div class="home_articles max-width-1 m-auto">
<h2 class="t_c tc_br">People who loves know more by reading</h2>
<div class="home_article content_blog">
<img class="img" src="./image/news.jpg" alt="404">
<div class="h_ar_content">
<a href="https://www.prothomalo.com/education/science-tech/%E0%A6%97%E0%A7%81%E0%A6%97%E0%A6%B2-%E0%A6%B2%E0%A7%87%E0%A6%A8%E0%A7%8D%E0%A6%B8%E0%A7%87-%E0%A6%A6%E0%A6%BE%E0%A6%B0%E0%A7%81%E0%A6%A3-%E0%A6%B8%E0%A7%81%E0%A6%AC%E0%A6%BF%E0%A6%A7%E0%A6%BE"
target="__prothomAlo">
<h3>Lorem ipsum dolor sit amet consectetur adipisicing.</h3>
</a>
<span>Author Name</span>
<span>27 june | 7 min read</span>
</div>
</div>
<div class="home_article content_blog">
<img class="img" src="./image/home.jpg" alt="404">
<div class="h_ar_content">
<h3>Lorem ipsum dolor sit amet consectetur adipisicing.</h3>
<span>Author Name</span>
<span>27 june | 7 min read</span>
</div>
</div>
<div class="home_article content_blog">
<img class="img" src="./image/news.jpg" alt="404">
<div class="h_ar_content">
<h3>Lorem ipsum dolor sit amet consectetur adipisicing.</h3>
<span>Author Name</span>
<span>27 june | 7 min read</span>
</div>
</div>
</div>
</section>
<!-- Articles section end -->
<!-- ================================== -->
<!-- Footer section start -->
<section class="footer">
<p> Copyright @iblog <span>| jahirul Islam |</span> All right reserved to Almighty ALLAH </p>
<div class="social_icon">
<ul>
<li>
<a href="#"><i class="fa fa-facebook-square" aria-hidden="true"></i></a>
</li>
</ul>
</div>
</section>
<!-- ================================== -->
<!-- Optional JavaScript -->
<!-- Popper.js first, then Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/" crossorigin="anonymous"></script>
</body>
</html>