December 2017
Beginner
458 pages
7h 52m
English
Now, in the 9-column div in the single.html page, we will put our single image. For this, first we will put an <article> tag and give it a class of post. Then add a paragraph with the class of meta, as shown here:
<div class="w3-col m9 l9"> <article class="post"> <p class="meta"> </p> </article></div>
Next, add Posted at 2:00pm on 03-29-2017 by Brad in the meta class:
<p class="meta">Posted at 2:00pm on 03-29-2017 by Brad</p>
After this, put <hr /> and then the actual image by adding src="images/1.jpg". As we want this image to animate, we will give it a class of w3-animate-right, as shown here:
<div class="w3-col m9 l9"> <article class="post"> <p class="meta"> Posted at 2:00pm on 03-29-2017 by Brad </p> ...
Read now
Unlock full access