Commit 7a18fe8f authored by unknown's avatar unknown

homework ko

parent df9568bb
<!DOCTYPE html>
<html>
<head>
<title>MIS 21 HOMEWORK 1</title>
<link rel="stylesheet" href="themes\stylesheet.css" type="text/css">
<link rel="stylesheet" href="themes\animate.css" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Raleway:700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:900italic' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="wrapper background6">
<h2 class="boomPanes">Masama yung tingin sa 'yo ng tao...</h2>
<div class="container-1">
<h3>Ano reaction mo?</h3>
<div class="container-2">
<a href="ending 1.html">
<div class="item-1">
Snake noise
</div>
</a>
<a href="ending 2.html">
<div class="item-3">
Mag-sign language para kunwari pipe
</div>
</a>
</div>
</div>
<p><a href="start.html">restart</a></p>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>MIS 21 HOMEWORK 1</title>
<link rel="stylesheet" href="themes\stylesheet.css" type="text/css">
<link rel="stylesheet" href="themes\animate.css" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Raleway:700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:900italic' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="wrapper background3">
<h2 class="boomPanes">Umupo ka na lang. Biglang may kumausap sa 'yo na tao</h2>
<div class="container-1">
<h3>Your next move is?</h3>
<div class="container-2">
<a href="1.1.html">
<div class="item-1">
Edi wow. Seenzone natin yan
</div>
</a>
<a href="2.1.html">
<div class="item-2">
Maging friendly. Mabait ka naman eh
</div>
</a>
<a href="3.1.html">
<div class="item-3">
Bigyan mo ng piso at sabihing "'eto maghanap ka ng kausap"
</div>
</a>
</div>
</div>
<p><a href="start.html">restart</a></p>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>MIS 21 HOMEWORK 1</title>
<link rel="stylesheet" href="themes\stylesheet.css" type="text/css">
<link rel="stylesheet" href="themes\animate.css" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Raleway:700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:900italic' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="wrapper background7">
<h2 class="boomPanes">You later found out you could never be closer to anyone other than him/her</h2>
<div class="container-1">
<h3>At ang iyong gagawin ay?</h3>
<div class="container-2">
<a href="ending 2.html">
<div class="item-1">
I won't try
</div>
</a>
<a href="ending 3.html">
<div class="item-2">
I-develop natin yan
</div>
</a>
</div>
</div>
<p><a href="start.html">restart</a></p>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>MIS 21 HOMEWORK 1</title>
<link rel="stylesheet" href="themes\stylesheet.css" type="text/css">
<link rel="stylesheet" href="themes\animate.css" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Raleway:700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:900italic' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="wrapper background5">
<h2 class="boomPanes">Bigla palang ex mo kablock ng isang high school friend mo</h2>
<div class="container-1">
<h3>Anuna?</h3>
<div class="container-2">
<a href="1.1.html">
<div class="item-1">
Kunwari wala siya diyan
</div>
</a>
<a href="2.1.html">
<div class="item-2">
Say hi
</div>
</a>
<a href="3.1.html">
<div class="item-3">
Iyak sabay sabihing "take me back"
</div>
</a>
</div>
</div>
<p><a href="start.html">restart</a></p>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>MIS 21 HOMEWORK 1</title>
<link rel="stylesheet" href="themes\stylesheet.css" type="text/css">
<link rel="stylesheet" href="themes\animate.css" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Raleway:700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:900italic' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="wrapper background2">
<h2 class="boomPanes">Sinampal ka</h2>
<div class="container-1">
<h3>Uhm wrong move?</h3>
<div class="container-2">
<a href="ending 3.html">
<div class="item-3">
Say "please"
</div>
</a>
<a href="ending 1.html">
<div class="item-2">
Say "peace"
</div>
</a>
</div>
</div>
<p><a href="start.html">restart</a></p>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>MIS 21 HOMEWORK 1</title>
<link rel="stylesheet" href="themes\stylesheet.css" type="text/css">
<link rel="stylesheet" href="themes\animate.css" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Raleway:700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:900italic' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="wrapper background8">
<h2 class="boomPanes">May nakilala kang cute na of the opposite sex. Friendly pa. Parang may Sparks ata kayo</h2>
<div class="container-1">
<h3>Damoves or ...?</h3>
<div class="container-2">
<a href="1.1.html">
<div class="item-1">
Magpabebe para siya yung maghahabol sa 'yo
</div>
</a>
<a href="2.1.html">
<div class="item-2">
Kilalanin ng mabuti in 3 to 6 months
</div>
</a>
<a href="3.1.html">
<div class="item-3">
Landi tapos attack right now
</div>
</a>
</div>
</div>
<p><a href="start.html">restart</a></p>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>MIS 21 HOMEWORK 1</title>
<link rel="stylesheet" href="themes\stylesheet.css" type="text/css">
<link rel="stylesheet" href="themes\animate.css" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Raleway:700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:900italic' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="fadeIn animated wrapper background4">
<h2 class="boomPanes">You ended up...</h2>
<div class="container-3">
<h1>IN BLUE SKIES</h1>
<div class="container-2">
<a href="#">
<div class="item-start">
EITHER SOBRANG TORPE OR ANTI-SOCIAL MO
</div>
</a>
</div>
</div>
<p><a href="start.html">GG</a></p>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>MIS 21 HOMEWORK 1</title>
<link rel="stylesheet" href="themes\stylesheet.css" type="text/css">
<link rel="stylesheet" href="themes\animate.css" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Raleway:700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:900italic' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="fadeIn animated wrapper background2">
<h2 class="boomPanes">You ended up...</h2>
<div class="container-3">
<h1>being friends</h1>
<div class="container-2">
<a href="#">
<div class="item-start">
Mediocre ka sa tingin niya or sadiyang abnormal mo lang talaga
</div>
</a>
</div>
</div>
<p><a href="start.html">GG</a></p>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>MIS 21 HOMEWORK 1</title>
<link rel="stylesheet" href="themes\stylesheet.css" type="text/css">
<link rel="stylesheet" href="themes\animate.css" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Raleway:700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:900italic' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="fadeIn animated wrapper background1">
<h2 class="boomPanes">You ended up...</h2>
<div class="container-3">
<h1>Together</h1>
<div class="container-2">
<a href="#">
<div class="item-start">
Long-story-short, nag-click kayo. Nagmajor ka ba sa Landian? :)
</div>
</a>
</div>
</div>
<p><a href="start.html">GG</a></p>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>MIS 21 HOMEWORK 1</title>
<link rel="stylesheet" href="themes\stylesheet.css" type="text/css">
<link rel="stylesheet" href="themes\animate.css" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Raleway:700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:900italic' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="wrapper background2">
<h2 class="slideInDown animated boomPanes">First day of freshman year. Wala kang kilala na tao.</h2>
<div class="slideInDown animated container-1">
<h3>What do you do?</h3>
<div class="container-2">
<a href="1.html">
<div class="item-1">
Shut up na lang
</div>
</a>
<a href="2.html">
<div class="item-2">
Makipagkita sa high school friends
</div>
</a>
<a href="3.html">
<div class="item-3">
Make new friends
</div>
</a>
</div>
</div>
<p><a href="start.html">restart</a></p>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>MIS 21 HOMEWORK 1</title>
<link rel="stylesheet" href="themes\stylesheet.css" type="text/css">
<link rel="stylesheet" href="themes\animate.css" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Raleway:700' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="fadeIn animated wrapper background1">
<h2 class="firstHeader">CRAZY STUPID LOVE</h2>
<div class="container-1">
<h3>Kasawian. Landian. Pabebe.</h3>
<div class="container-2">
<a href="index.html">
<div class="item-1">
start
</div>
</a>
</div>
</div>
<p>MIS21 Homework by Karlo Tabios</p>
</div>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
body {
font-family: "Raleway", sans-serif;
font-size: 24px;
font-weight: bold;
color: #585858;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
padding: 0;
border: 0;
}
.boomPanes {
color: black;
}
h1 {
font-size: 50px;
margin: 14px;
}
h2, h3 {
margin: 30px;
text-align: center;
}
p {
font-size: 12px;
background-color: #dddddd;
border-radius: 10px;
padding: 10px;
}
.firstHeader {
color: #ff99ff;
font-size: 120px;
}
.background8 {
background: url("aldub-oct-151.jpg");
background-size: cover;
}
.background7 {
background: url("aldub_first_pic_2015_09_28_12_39_28.jpg");
background-size: cover;
}
.background6 {
background: url("maxresdefault.jpg");
background-size: cover;
}
.background5 {
background: url("IMG_0892.jpg");
background-size: cover;
}
.background4 {
background: url("tumblr_inline_mtj92iy7iz1s36rf5.jpg");
background-size: cover;
}
.background3 {
background: url("_MG_7312.jpg");
background-size: cover;
}
.background2 {
background: url("Xavier_Hall.jpg");
background-size: cover;
}
.background1 {
background: url("Famous-Manila-Sunset blurred.png");
background-size: cover;
}
.wrapper {
border: none;
height: 100vh;
width: 100vw;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.container-1 {
background-color: #585858;
border: none;
border-radius: 10px;
color: white;
padding: 38px;
width: 75%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.container-2 {
border: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.container-3 {
background-color: #585858;
border: none;
border-radius: 10px;
color: white;
padding: 38px;
width: 75%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.item-start {
height: 100%;
align-self: stretch;
}
.item-1, .item-2, .item-3, .item-start {
background-color: #dddddd;
border-radius: 120px;
border: none;
margin: 6px;
text-align: center;
padding: 24px 38px;
flex-grow: 1;
}
a {
text-decoration: none;
color: #585858;
transition: 0.2s;
}
a:hover {
text-decoration: none;
color: white;
}
.item-1:hover {
background-color: #ff99ff;
}
.item-2:hover {
background-color: #99ddff;
}
.item-3:hover {
background-color: #99ff99;
}
.item-start:hover {
background-color: black;
}
\ 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