CSS simple project (234112019_12.01am)

CSS simple project ------------------ - create a simple HTML webpage with CSS and Javascript or PHP code if necessary - as simple as possible, only very urgent code to reach functionality HTML webpage: webpage with TOP MIDDLE PART BOTTOM PART ----------- TOP PART is in height 200px, horizontally seperated in 3 parts 25% LOGO close to left side of window 50% width TEXT centered with text "TITLE", ARIAL BOLD size 20... and 25% (12.5% blue RECTANGULAR with text "LOGIN" and 12.5% width red RECTANGULAR with text "Register") TOP part should be always visible even if we scrool down to bottom of the page... ------------- MIDDLE PART should be in 3 columns LEFT_COLUMN and CENTER COLUMN and RIGHT_COLUMN if webpage window is less than 500px then LEFT_COLUMN and RIGHT_COLUMN should not be visible, only center shoudl be visible LEFT_COLUMN should have 5 rectangular buttons inside text: LINK1 LINK2 LINK3 LINK3 LINK4 LINK5 by clicking on LINK1 it should jump to [login to view URL] on LINK2 to [login to view URL] on mouse hover it should change button background color to rgb(100,100,0) and bigger shadow to look like button poped out (jumped out of the screen a little bit) , otherwise all buttons shoudl be rgb(50,50,0) and text inside with rgb(255,255,255)adn with just a little bit or no shadow at all all 5 buttons shoudl be always visible on screen, even if middle part is with with a lot of text, even if all webpage height is very big to scrool down ------------- CENTER_COLUMN is with picture that fits space if middle part of the screen, picture shoudl be resized not streched there should be 3 pictures [login to view URL] [login to view URL] [login to view URL] when page is loaded it should automatically display 1st picture, after 3 seconds 2nd picture and after 3 seconds 3rd picture then after next 3seconds again 1st picture ------------- RIGHT_COLUMN inside this column with background rgb(20,30,60) it should display [login to view URL] picture shoul be resized, not streched and it should always be visible on same spot, even if middle part of webpage is very long with a lot of text for us to scrool down ------------- BOTTOM PART is in height 200px, horizontaly seperated in 3 parts 25% LOGO close to left side of window 50% width TEXT centered with text "Language: ", ARIAL normal size 14 and close to it selector with picture and language name FLAG OF SLOVENIA and text "SLOVENIAN" FLAG OF AMERICA and text "ENGLISH" FLAG OF GERMANY and text "GERMAN" 25% (12.5% blue RECTANGULAR with text "LOGIN" and 12.5% width red RECTANGULAR with text "Register") ---- on bottom of the page, page right there sould be blue rectangular that on pressing on it it shoud jump to top of the page (if page is very long it should jump to upper start of the page, it is like scrooling up effect