Posts

Showing posts from October, 2023

Nav Bar Template

    EXERCISE ON CSS EXERCISE IV HTML Code: <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title >CSS Multicolor Website</ title > </ head > < style >     @import url ( 'https://fonts.googleapis.com/css2?family=Merriweather:wght@700&family=Open+Sans:wght@300&family=Poppins:wght@300&display=swap' );     * {         padding : 0 ;         margin : 0 ;     }     :root {         --bodyback : #cbccd5 ;         --navback : #040468 ;         --spncol : white ;         --undercol : red ;     }     body {         background-color : var ( --bodyback ) ;     } ...

MAKING OF A CARD(CSS)

Image
       EXERCISE ON CSS EXERCISE III HAVE TO DUBLICATE THE FOLLOWIND CARD: HTML CODE(WITH STYLING): <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title >CSS CArd</ title > </ head > < style >     @import url ( 'https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap' );     @import url ( 'https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Poppins:wght@300&display=swap' );     * {         margin : 0 ;         padding : 0 ;     }     body {         background-color : rgb ( 234 , 239 , 241 );         padding : 45 px ;         display : flex ;     }     ...

COLORING PARA USING FIRST-CHILD

     EXERCISE ON CSS EXERCISE II THIS IS HWO YOU CAN COLOR ONLY THE FIRST PARAGRAPH IN A DIV CONTANING MANY PARAGRAPHS. HTML CODE:   <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title >Document</ title > </ head > < style >     div :nth-child ( 1 ) > p :nth-child ( 1 ){         background-color : yellow ;         color : red ;     }     div > p {         background-color : blue ;         color : white ;     } </ style > < body >     <!-- Write html and css code to style a paragraph inside a div which contains 5 other paragraphs. The first paragraph must have background color yellow and text color red. The other p...

MEDIA PLAYER(HTML)

Image
            EXERCISE ON HTML EXERCISE I THIS IS HOW VIDEOS, PHOTOS AND AUDIO FILES ARE IMPORTED IN WEBSITE. HTML CODE: <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title >Media player</ title > </ head > < body >     < h1 >My files</ h1 >       < h2 >Video files</ h2 >     < video height = "200" src = "1.mp4" controls poster = "mercedes.jpg" loop >Mercedes</ video >     < video height = "200" src = "1.mp4" controls poster = "mercedes.jpg" loop >Mercedes</ video >     < video height = "200" src = "1.mp4" controls poster = "mercedes.jpg" loop >Mercedes</ video >     < video height = "200" src...