Problem Statement:

Mr. Kiran Student of Presidency University wants to create an attractive web page for Presidency University using HTML and CSS with following specifications.

•   Split the web page into two parts using frames, top section 20% and bottom section 80%.

•   Place your college logo at the top of the page withmenu’s (About, Academic, Admission,

  Facilities, etc). Createhyperlink for all menus.

•   Create a web page about the college linked at the bottom of the frame.

•   Create a web page about the Academic linked at the bottom of the frame.

•   Create a web page about the admission, list out the departments, click any deportment name

  that connects to the registration page and apply the position concept in CSS.

•   Create a web page about the Facilities, list out the college facilities and display the images

  using floating concepts in CSS.

•   Create a web page about the login page linked at the bottom of the frame.

Solution

Home.html

frameset rows="25%,">

Top.html

margin:0;

padding:1;

box-sizing:border-box}

.two{display:flex;

justify-content:center;align-items:center;

height:95vh;background-color:#ff0;font-family:sans-serif;font-weight:700}

.one{

justify-content:left;

float:left}a{

padding:25px 15px;margin:20px 10px;color:blue;overflow:hidden;margin-right:20px}

a:hover{background:red;color:#fff}

style="background-color:white; padding:10px;border-radius:5px; margin-top:1px;margin-bottom: 1px; height:120px; border:2px solid lightgrey">

Home
Admissions

Login

body{

background-color:#c1c1bd}

Over View

About the University

Academics.html

Admission.html

h1{

display:inline-block;padding:5px;color:#483d8b}

Admissions Open