Page 242 - Web Applications (803) Class 12
P. 242
.page1 h1 {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 100px;
color: blue;
}
.page1 h1 a {
font-size: 25px;
color: green;
cursor: pointer;
}
.page2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: #f8b1ff;
display: none;
text-align: center;
}
.page2 h1 {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 100px;
color: #1d1d1d;
}
.page2 h1 a {
font-size: 25px;
color: red;
cursor: pointer;
}
a1.js (JavaScript source is in this file)
function showP2() {
240 Touchpad Web Applications-XII

