forked from jineshnagori/DevBlog
-
Notifications
You must be signed in to change notification settings - Fork 0
/
blogpost.html
174 lines (156 loc) · 10.5 KB
/
blogpost.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
173
174
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="DevBlog is the website dedicated only for true developers.">
<meta name="keywords" content="DevBlog, Blogs for Developer">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css'>
<link rel="stylesheet" href="assets/css/style.css">
<title>iBlog - Heaven for bloggers</title>
</head>
<body >
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light shadow-sm bg-light fixed-top">
<div class="container"> <a class="navbar-brand d-flex align-items-center" href="#">
<span class="ml-3 font-weight-bold">DevBlog</apan>
</a> <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse"
data-target="#navbar4">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbar4">
<ul class="navbar-nav mr-auto pl-lg-4">
<li class="nav-item px-lg-2 active"> <a class="nav-link" href="index.html"> <span
class="d-inline-block d-lg-none icon-width"><i class="fas fa-home"></i></span>Home</a>
</li>
<li class="nav-item px-lg-2"> <a class="nav-link" href="about.html"><span
class="d-inline-block d-lg-none icon-width"><i
class="far fa-user"></i></i></span>About</a> </li>
<li class="nav-item px-lg-2"> <a class="nav-link" href="contact.html"><span
class="d-inline-block d-lg-none icon-width"><i
class="far fa-envelope"></i></span>Contact</a> </li>
<li class="nav-item px-lg-2"> <a class="nav-link" href="signup.html"><span
class="d-inline-block d-lg-none icon-width"><i
class="far fa-envelope"></i></span>Register</a> </li>
</ul>
<ul class="navbar-nav ml-auto mt-3 mt-lg-0">
<li class="nav-item"> <a class="nav-link" href="#">
<i class="icon ion-social-twitter"></i><span class="d-lg-none ml-3">Twitter</span>
</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">
<i class="icon ion-social-facebook"></i><span class="d-lg-none ml-3">Facebook</span>
</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">
<i class="icon ion-social-instagram"></i><span class="d-lg-none ml-3">Instagram</span>
</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">
<i class="icon ion-social-linkedin"></i><span class="d-lg-none ml-3">Linkedin</span>
</a> </li>
</ul>
</div>
</div>
</nav>
<div>
<hr>
</div>
<div class="post-img">
<img src="assets/img/11.svg" class ="" alt="blogpost">
</div>
<div class="m-auto blog-post-content max-width-2 my-2">
<h1 class="font1">The heaven for bloggers</h1>
<div class="blogpost-meta">
<div class="author-info">
<div>
<b>
Kyle Wiggers
</b>
</div>
<div>28 September | 10 min read</div>
</div>
<div class="social">
<svg width="29" height="29" class="hk"><path d="M22.05 7.54a4.47 4.47 0 0 0-3.3-1.46 4.53 4.53 0 0 0-4.53 4.53c0 .35.04.7.08 1.05A12.9 12.9 0 0 1 5 6.89a5.1 5.1 0 0 0-.65 2.26c.03 1.6.83 2.99 2.02 3.79a4.3 4.3 0 0 1-2.02-.57v.08a4.55 4.55 0 0 0 3.63 4.44c-.4.08-.8.13-1.21.16l-.81-.08a4.54 4.54 0 0 0 4.2 3.15 9.56 9.56 0 0 1-5.66 1.94l-1.05-.08c2 1.27 4.38 2.02 6.94 2.02 8.3 0 12.86-6.9 12.84-12.85.02-.24 0-.43 0-.65a8.68 8.68 0 0 0 2.26-2.34c-.82.38-1.7.62-2.6.72a4.37 4.37 0 0 0 1.95-2.51c-.84.53-1.81.9-2.83 1.13z"></path></svg>
<svg style="background: black;
border-radius: 21px;" width="29" height="29" viewBox="0 0 29 29" fill="none" class="hk"><path d="M5 6.36C5 5.61 5.63 5 6.4 5h16.2c.77 0 1.4.61 1.4 1.36v16.28c0 .75-.63 1.36-1.4 1.36H6.4c-.77 0-1.4-.6-1.4-1.36V6.36z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.76 20.9v-8.57H7.89v8.58h2.87zm-1.44-9.75c1 0 1.63-.65 1.63-1.48-.02-.84-.62-1.48-1.6-1.48-.99 0-1.63.64-1.63 1.48 0 .83.62 1.48 1.59 1.48h.01zM12.35 20.9h2.87v-4.79c0-.25.02-.5.1-.7.2-.5.67-1.04 1.46-1.04 1.04 0 1.46.8 1.46 1.95v4.59h2.87v-4.92c0-2.64-1.42-3.87-3.3-3.87-1.55 0-2.23.86-2.61 1.45h.02v-1.24h-2.87c.04.8 0 8.58 0 8.58z" fill="#fff"></path></svg>
<svg width="29" height="29" class="hk"><path d="M23.2 5H5.8a.8.8 0 0 0-.8.8V23.2c0 .44.35.8.8.8h9.3v-7.13h-2.38V13.9h2.38v-2.38c0-2.45 1.55-3.66 3.74-3.66 1.05 0 1.95.08 2.2.11v2.57h-1.5c-1.2 0-1.48.57-1.48 1.4v1.96h2.97l-.6 2.97h-2.37l.05 7.12h5.1a.8.8 0 0 0 .79-.8V5.8a.8.8 0 0 0-.8-.79"></path></svg>
</div>
</div>
<p class="font1"> One excellent example of the benefits of multithreading is, without a doubt, the use of multiple threads to download multiple images or files. This is, actually, one of the best use cases for multithreading due to the blocking nature of I/O.
We are going to retrieve 10 different images from https://picsum.photos/200/300, which is a free API that delivers a different image every time you hit that link. We’ll then store these 10 different images within a temp folder.
Concurrent Download
It’s time to write a quick program that will concurrently download all the images that we require. We’ll be going over creating and starting threads. The key point of this is to realize the potential performance gains to be had by writing programs concurrently: Google has experimented with news translation before, three years ago adding the ability to display content in two languages together within the Google News app feed. But for the most part, the search giant has left it to users to translate content via tools like Chrome’s translate button and Google Translate. Presumably, should the Google Search news translation feature be well received, that’ll change for more languages in the future.
</p>
</div>
<div class="max-width-1 m-auto"><hr></div>
<div class="home-articles max-width-1 m-auto font2">
<h2>People who read this also read</h2>
<div class="row">
<div class="home-article more-post">
<div class="home-article-img">
<img src="assets/img/google.png" alt="article">
</div>
<div class="home-article-content font1 center">
<a href="blogpost.html"><h3>Google Search will soon begin translating local press coverage</h3></a>
<div>Kyle Wiggers</div>
<span>28 September | 10 min read</span>
</div>
</div>
<div class="home-article more-post">
<div class="home-article-img">
<img src="assets/img/saudi.png" alt="article">
</div>
<div class="home-article-content font1 center">
<a href="blogpost.html"><h3>Saudi Arabia condemns Russia’s annexation moves inside Ukraine</h3></a>
<div>Anonymous</div>
<span>10 October | 6 min read</span>
</div>
</div>
<div class="home-article more-post">
<div class="home-article-img">
<img src="assets/img/fitness.png" alt="article">
</div>
<div class="home-article-content font1 center">
<a href="blogpost.html"><h3>Pre- work out nutrition is necessary for good gym results know useful tips from fitness expert Faisal Khan</h3></a>
<div>INDIA TV</div>
<span>12 October | 8 min read</span>
</div>
</div>
</div>
</div>
<!-- footer -->
<div class="footer-dark">
<footer>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-3 item">
<h3>Services</h3>
<ul>
<li><a href="#">Web design</a></li>
<li><a href="#">Development</a></li>
<li><a href="#">Hosting</a></li>
</ul>
</div>
<div class="col-sm-6 col-md-3 item">
<h3>About</h3>
<ul>
<li><a href="#">Company</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Careers</a></li>
</ul>
</div>
<div class="col-md-6 item text">
<h3>Company Name</h3>
<p>Praesent sed lobortis mi. Suspendisse vel placerat ligula. Vivamus ac sem lacus. Ut vehicula rhoncus elementum. Etiam quis tristique lectus. Aliquam in arcu eget velit pulvinar dictum vel in justo.</p>
</div>
<div class="col item social"><a href="#"><i class="icon ion-social-facebook"></i></a><a href="#"><i class="icon ion-social-twitter"></i></a><a href="#"><i class="icon ion-social-snapchat"></i></a><a href="#"><i class="icon ion-social-instagram"></i></a></div>
</div>
<p class="copyright">Company Name © 2018</p>
</div>
</footer>
</div>
</body>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</html>