Commit 3db5d81c authored by Dominique Pascasio's avatar Dominique Pascasio

addedsubmit

parent d51bf85f
File added
This diff is collapsed.
<!DOCTYPE html>
<html>
<head>
<title>May Tatlong Bibe</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="animate.css">
</head>
<body class="animated fadeIn">
<div class="container-index">
<h1 class="title">Simulan ang paglalakbay!</h1>
<div class="options">
<ul>
<li class="btn"><a href="mayTatlongBibe.html">Hanapin ang lider ng mga bibe!</a></li>
</ul>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>May Tatlong Bibe</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="animate.css">
</head>
<body class="animated fadeIn">
<div class="container-lider">
<h1 class="title">Siya ang lider na nagsabi ng kwak kwak kwak.</h1>
<div class="options">
<ul>
<li class="btn"><a href="index.html">KWAK KWAK KWAK</a></li>
</ul>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>May Tatlong Bibe</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="animate.css">
</head>
<body class="animated fadeIn">
<div class="container-mataba">
<h1 class="title">Nakita mo ang mapayat na bibe, siya nga ba ang lider?</h1>
<div class="options">
<ul>
<li class="btn"><a href="sorry.html">Alamin!</a></li>
</ul>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>May Tatlong Bibe</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="animate.css">
</head>
<body class="animated fadeIn">
<div class="container-mataba">
<h1 class="title">Nakita mo ang matabang bibe, siya nga ba ang lider?</h1>
<div class="options">
<ul>
<li class="btn"><a href="sorry.html">Alamin!</a></li>
</ul>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>May Tatlong Bibe</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="animate.css">
</head>
<body class="animated fadeIn">
<div class="container-mataba">
<h1 class="title">Ang isang may pakpak sa likod, siya nga ba ang lider?</h1>
<div class="options">
<ul>
<li class="btn"><a href="lider.html">Alamin!</a></li>
</ul>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>May Tatlong Bibe</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="animate.css">
</head>
<body class="animated fadeIn">
<div class="container">
<h1 class="title">May Tatlong Bibe, sino ang iyong nakita?</h1>
<div class="options">
<ul>
<li class="btn"><a href="mataba.html">Matabang bibe</a></li>
<li class="btn"><a href="mapayat.html">Mapayat na bibe</a></li>
<li class="btn"><a href="mayPakpak.html">May pakpak sa likod</a></li>
</ul>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>May Tatlong Bibe</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="animate.css">
</head>
<body class="animated fadeIn">
<div class="container-sorry">
<h1 class="title">Hindi siya ang lider.</h1>
<div class="options">
<ul>
<li class="btn"><a href="index.html">Hanapin muli ang lider?</a></li>
</ul>
</div>
</div>
</body>
</html>
\ No newline at end of file
body{
background-image: url('images/bibeBackground.jpg');
}
.container-index{
position: absolute;
top:0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 500px;
height: 315px;
background-color: #171405;
opacity: .89;
padding: 25px;
border-radius: 20px;
}
.container{
position: absolute;
top:0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 750px;
height: 320px;
background-color: #171405;
opacity: .89;
padding: 30px;
border-radius: 20px;
}
.container-sorry{
position: absolute;
top:0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 750px;
height: 250px;
background-color: #171405;
opacity: .89;
padding: 30px;
border-radius: 20px;
}
.container-mataba{
position: absolute;
top:0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 750px;
height: 380px;
background-color: #171405;
opacity: .89;
padding: 30px;
border-radius: 20px;
}
.container-lider{
position: absolute;
top:0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 750px;
height: 380px;
background-color: #171405;
opacity: .89;
padding: 30px;
border-radius: 20px;
}
.title{
color: white;
font-family: 'Eras Bold ITC';
font-size: 65px;
}
.options{
float:right;
margin: auto;
width: 85%;
height: 200px;
padding: 5px;
border-radius: 20px;
}
a{
font-family: 'Eras Bold ITC';
text-decoration: none;
color: #FFF;
font-size: 17px;
border: 1px solid #757575;
border-radius: 10px;
padding: 10px;
}
a:hover{
border: 1px solid yellow;
}
ul{
float: right;
}
li{
display: inline;
margin-right: 10px;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment