html
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
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1><u> How to host an image</u></h1>
<div class="dap">
<p>➡ Browse <a href="https://imgbb.com/">imgbb.com</a> </p>
<p>➡ Create an account there </p>
<p>➡ Click on "Start uploading" </p>
<img class="one" src="https://i.ibb.co/vPnDRJW/IMG-20200131-121839.jpg" width="250px " height="150px">
<p>➡ Now select the picture from your gallery to upload </p>
<p>➡ Click on upload Button</p>
<img class="two" src="https://i.ibb.co/F4N2Y9P/IMG-20200131-125127.jpg" width="250px" height="150px">
<p>➡ wait until 100% uploading complete</p>
<p>➡ select HTML thumbnail button from Embed Codes </p>
<img class="three" src="https://i.ibb.co/mGFt3Tj/IMG-20200131-125602.jpg" width="250px" height="150px">
<p>➡ Then "copy" the link of your picture in the code </p>
<p>➡ Edit the anchor tag </p>
<img class="four" src="https://i.ibb.co/3pt2B2H/IMG-20200131-133423.jpg" width="250px" height="150px">
<p>➡ Now , image is ready !!</p>
Enter to Rename, Shift+Enter to Preview
css
css
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
@import url('https://fonts.googleapis.com/css?family=Almendra+SC');
body {
background-color:#252525;
color:#fff;
font-family:Almendra SC;
//
}
.one{
margin-left:10%;
border-radius:10px;
}
.two{
margin-left:10%;
border-radius:10px;
}
.three{
margin-left:10%;
border-radius:10px;
}
.four{
margin-left:10%;
border-radius:10px;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run