TECHNOLOGICAL UNIVERSITY OF THE PHILIPPINES

COLLEGE OF ENGINEERING
ELECTRONICS ENGINEERING DEPARTMENT

ACTIVITY NO. 4

CALIXTRO, Carlito S.
BS ECE -1B

April 27, 2023

Engr. Edmund G. Monilar
Instructor
 CSS (style.css)
*{
padding: 0;
margin: 0;
}
body {
font-family: 'Inter';
font-size: 12px;
}
header {
position: absolute;
width: 900px;
height: 142px;
left: 0px;
top: 0px;
background: whitesmoke;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
}
#schoolName {
position: absolute;
width: 394px;
height: 170px;
left: 158px;
top: 40px;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #141830;
}
#schoolAddress {
position: absolute;
width: 394px;
height: 170px;
left: 158px;
top: 88px;
font-family: 'Inter';
font-style: italic;
font-weight: 700;
font-size: 18px;
line-height: 24px;
color: #141830;
line-height: 24px;
color: #141830;
}
#PAESlogo {
position: absolute;
width: 70px;
height: 70px;
left: 67px;
top: 36px;
background: url(paes-logo-e1603185942543.png);
}
#PAESfbpage {
position: absolute;
width: 30px;
right: 76px;
top: 60px;
bottom: 52px;
background: url(fb.png);
}
#videoPlay {
margin-top: 130px;
width: 647px;
height: 377px;
left: 0px;
top: 0px;
}
nav {
position: absolute;
float: right;
width: 254px;
height: 365px;
left: 647px;
top: 142px;
background: #141830;
}
#rectangle1 {
position: absolute;
width: 76px;
height: 5px;
left: 24px;
top: 35px;
background: #07B68C;
}
background: #07B68C;
}
#homeTitle {
position: absolute;
width: 163px;
height: 41px;
left: 24px;
top: 52px;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 39px;
color: #FFFFFF;
}
#Main {
position: absolute;
width: 104px;
height: 24px;
left: 26px;
top: 116px;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 18px;
color: #CFCFCF;
}
#About {
position: absolute;
width: 144px;
height: 24px;
left: 26px;
top: 148px;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 18px;
color: #CFCFCF;
}
#Members {
Position: absolute;
width: 144px;
height: 24px;
left: 26px;
top: 180px;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 18px;
color: #CFCFCF;
#ICEE {
position: absolute;
width: 144px;
height: 24px;
left: 26px;
top: 212px;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 18px;
color: #CFCFCF;
}
#PJEET {
position: absolute;
width: 104px;
height: 24px;
left: 26px;
top: 244px;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 18px;
color: #CFCFCF;
}
#imgTable {
margin-top: -5px;
position: absolute;
width: 900px;
height: 304px;
 width: 900px;
height: 304px;
left: 0px;
top: 512px;
background: #07B68C;
}
#Image2,
#Image3,
#Image4 {
width: 290px;
height: 290px;
}
#footerCopyright {
margin-top: -33px;
position: absolute;
width: 912px;
height: 77px;
left: -11px;
top: 846px;
background: #FFFFFF;
opacity: 0.9;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
}
#copyright {
position: absolute;
width: 394px;
height: 157px;
left: 259px;
top: 32px;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
text-align: center;
color: #151B36;
}