<!DOCTYPE html> <html lang= "en" >

<head> <meta charset= "UTF-8" > <meta name= "viewport" content= "width=device-width, initial-scale=1.0" > <title> PSNA college of engineering and technology </title>

<style> * { padding : 0px ; margin : 0px ; box-sizing : border-box ; }

header { /* border : 2px solid blue ;*/ height : 5vh ; background-color : black ;

}

.title ul { display : flex ; justify-content : space-between ; align-items : center ; list-style-type : none ; color : white ; padding-top : 10px ; padding-left : 90px ; padding-right : 5px ; font-family : sans-serif ; font-size : 14px ; font-style : bold ; }

main { /*border : 3px solid red;*/ height : 100vh ; display : grid ; grid-template-rows : 1fr 1fr 1fr 1fr ; background-image : url ( 'psnahome.jpg' ); background-size : cover ; background-position : center ; background-repeat : no-repeat ;

}

.left { height : 100vh ; width : 100% ; display : grid ; grid-template-columns : 0.5fr 2fr ; position : relative ; }

select { background-color : black ;…