Create a program that displays the short introduction about apples and bananas. Add two style rules using CSS 3.0, one that sets a color for the 'apples' class and another that sets a color for the 'bananas' class.

The tags used were:

This is a simple website with basic HTML elements like

<div> and <img> .

div Tag : The <div> tag defines a division or a section in an HTML document.

The <div> element is often used as a container for other HTML elements to style them with CSS

or to perform certain tasks with JavaScript.By default, browsers always place a line break before

and after the <div> element. However, this can be changed with CSS.

img Tag :The <img> tag defines an image in an HTML page. The <img> tag has two required

Attributes: src and alt. Images are not technically inserted into an HTML page, images are

linked to HTML pages. The <img> tag creates a holding space for the referenced image.To link an

image to another document, simply nest the <img> tag inside <a> tags.

To flip image we use basic css property transition and transform.

transition : it allows you to change property values smoothly, over a given duration.

e.g :

transform : it applies a 2D or 3D transformation to an element. This property allows you to

rotate, scale, move, skew, etc., elements.

Screenshots:

Web Technology