->used title tag to give the title to the webpage
->and link tag to link the style sheet.
-> In the body tag created a div container of the id name container.
-> Again created a container of class sub-container nested inside the container
-> Created two sections of class text and image nested in the sub-container.
->In section of class text nested a h1 tag and p tag.
->In other section of class image nested image tag img
->used universal selector and removed all the default padding and margin
-> changed the color of the body by using tag selector and background-color property.
->used the id selector to select the container and set its position to fixed.
->used width and height property to set the dimension of container and padding property to shift the content from top.
->used background property to give linear gradiaent color to the container and transform property to rotate it by 10deg.
used box-shadow property to to give shadow to the container
->used id selector to select sub-container and rotated it to -10deg by transform property.
-> used background property to set the background gradient color, and width and height property to set the dimension of the sub-container
-> used margin property to center sub-container, and box-shadow to give shadow to the sub-container
->used class selector to select the section of class text and set its width by using width property and used padding property to give space between the content and container
->used class selector to select the element of the class image and set its position to absolute and shift the image from left and bottom also used display property to make the element inline.
->used tag selector to select the image tag img and set its dimension.
->used tag selector to select the h1 tag and p and changed its color, font size, and given some margin
->used pseudo-class hover to give the hover effect and used transform property to scale the image up when hovering.