Commit b86441df authored by unknown's avatar unknown
parents f46366b9 1dc51959
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../index/design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "content">
<div id = "image">
<img src="choice.png" style="width:500px;height:500px;">
<div id = "paragraph_1">
<p> You decide to man up and check out the mysterious figure in the cornfield. As you follow the mysterious figure, it suddenly just disappears and leaves you standing before two paths.</p>
</div>
<ul>
<li><a href="../2nd level/lvl2-a.html"> Go to the left path</a></li>
<li><a href="../2nd level/lvl2-b.html"> Go to the right path</a></li>
</ul>
</body>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../index/design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "End">
<h1> ---END---</h1>
</div>
</div>
<div id = "content">
<div id="image">
<img src="rip.png"/>
<div id="paragraph">
<p>You know you were kind of a wuss anyway, and besides you got the whole vacation ahead of you! You thought of what could've been had you not been a big chicken, but that doesn't matter anyway. You ran straight to your house and had the longest nap you've ever had. Months passed and vacation turned out to be boring as hell. You died of boredom.</p>
</div>
<div id = "restart">
<a href="../index/home.html"><img src="../index/reset.png"
style="width:55px;height:50px;"/></a>
</body>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../index/design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "End">
<h1> ---END---</h1>
</div>
</div>
<div id = "content">
<div id="image">
<img src="vulture.png" style="width:550px;height:550px;"/>
<div id="paragraph">
<p> You know very well that going left is the right choice. However, as weeks passed, you soon realized that you made a very stupid decision as you've never been more lost in your whole life. With no food, water and a girlfriend to think fondly of, you start to get weak. The last thing you'll ever see is a pack of vultures circling around your lifeless body.</p>
</div>
<div id = "restart">
<a href="../index/home.html"><img src="../index/reset.png"
style="width:55px;height:50px;"/></a>
</body>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../index/design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "content">
<div id = "image">
<img src="spaceship.png" style="width:600px;height:500px;">
<div id = "paragraph_1">
<p> You have a good hunch that the mysterious figure went right. And you're right! You see that the mysterious figure is just a few meters ahead of you. As you continue to follow it, you got startled as you caught a glimpse of an oddly looking spaceship suddenly appearing outta nowhere behind. </p>
</div>
<ul>
<li><a href="../3rd level/lvl3-a.html"> Follow the mysterious figure</a></li>
<li><a href="../3rd level/lvl3-b.html"> Check out the spaceship</a></li>
</ul>
</body>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../index/design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "End">
<h1> ---END---</h1>
</div>
</div>
<div id = "content">
<div id="image">
<img src="treasure chest.png" style="width:550px;height:550px;"/>
<div id="paragraph">
<p> Even though you just saw a freakin spaceship, you still choose to go after that mysterious figure anyway. It might've took a few minutes of relentless chasing, but you finally are very close. As you're about to reach it, the mysterious figure vanishes into thin air. Dumbfounded, you start to think you were chasing a ghost. It starts to hit you that maybe, just maybe, there was no figure at all to begin with. As you look down in dissapointment, you see a huge "X" mark. You dig with your hands and find a huge treasure chest. Congratulations! you're now the richest kid in the world.</p>
</div>
<div id = "restart">
<a href="../index/home.html"><img src="../index/reset.png"
style="width:55px;height:50px;"/></a>
</body>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../index/design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "content">
<div id = "image">
<img src="alien.png" style="width:600px;height:500px;">
<div id = "paragraph_1">
<p> You just can't pass up the opportunity to see a real life spaceship up close and personal, no matter how dangerous it might seem to be. As you approach the spaceship, it suddenly opens up and an alien steps out of it. The ugly looking alien sees you and says: "PUNY HUMAN..TAKE ME TO YOUR LEADER!" You know you're screwed...and you have to act quickly.</p>
</div>
<ul>
<li><a href="../4th level/lvl4-a.html"> Be stupid and face the alien</a></li>
<li><a href="../4th level/lvl4-b.html"> Run for your life!!!</a></li>
</ul>
</body>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../index/design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "content">
<div id = "image">
<img src="raygun.png" style="width:600px;height:500px;">
<div id = "paragraph_1">
<p> For some weird reason, your gut tells you to approach the alien. You try to speak to it, but it suddenly grabs you and takes you to its spaceship. As soon as you enter the spaceship, you hear a distress call from what appears to be the spaceship's communications system. The alien puts you on some kind of cryopod and quickly rushes to the distress call. Suprisingly the pod has an open button and you quickly get out of it. As you get out of the pod, you see a conveniently located emergency exit near you. At the same time, you also see a conveniently placed raygun lying on the floor. You thought of being a hero and killing the alien, but the exit seems like the smarter route.</p>
</div>
<ul>
<li><a href="../5th level/lvl5-a.html"> Grab the raygun</a></li>
<li><a href="../5th level/lvl5-b.html">Escape through the exit</a></li>
</ul>
</body>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../index/design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "End">
<h1> ---END---</h1>
</div>
</div>
<div id = "content">
<div id="image">
<img src="../1st level/rip.png"/>
<div id="paragraph">
<p> You know you were kind of a wuss anyway, and besides you got the whole vacation ahead of you! You thought of what could've been had you not been a big chicken, but that doesn't matter anyway. You ran straight to your house and had the longest nap you've ever had. Months passed and vacation turned out to be boring as hell. You died of boredom.</p>
</div>
<div id = "restart">
<a href="../index/home.html"><img src="../index/reset.png"
style="width:55px;height:50px;"/></a>
</body>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../index/design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "End">
<h1> ---END---</h1>
</div>
</div>
<div id = "content">
<div id="image">
<img src="hero.png" style="width:600px;height:600px;">
<div id="paragraph">
<p> Playing the hero might not be the wisest decision, but you always believed in YOLO. You quickly grab the raygun and sneak up on the distracted alien. Before it could even react, you shoot it relentlessly until the alien disintegrates into dust. It turns out that the one you just killed was the alien overlord, as you see a bunch of other spaceships from a afar flying away back into space. Cogratulations! You just saved the human race from an alien invasion.</p>
</div>
<div id = "restart">
<a href="../index/home.html"><img src="../index/reset.png"
style="width:55px;height:50px;"/></a>
</body>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../index/design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "End">
<h1> ---END---</h1>
</div>
</div>
<div id = "content">
<div id="image">
<img src="zombie.png" style="width:450px;height:600px;" />
<div id="paragraph">
<p> You were never really the hero-type of person anyway. Plus, you thought to yourself that being rational is more important. You quickly ran towards the emergency exit and never looked back. You heard the alien spaceship chasing after you, but you somehow managed to lose it. You were so overjoyed that you did not notice the horde of zombies in front of you. It's too late when you realized it,as they chew on your flesh like bubblegum. You never thought you'd be spending the rest of vacation...much less the whole eternity, as a zombie. </p>
</div>
<div id = "restart">
<a href="../index/home.html"><img src="../index/reset.png"
style="width:55px;height:50px;"/></a>
</body>
</html>
\ No newline at end of file
body{
background-color: black;
}
#header{
color:white;
text-align:center;
font-family:impact;
font-size: 60px;
margin-top: 50px;
}
#play{
margin-top:-80px;
}
#image{
margin-top: 60px;
margin-left: 50px;
}
#End{
font-size:50px;
font-family: Impact;
color:white;
position: absolute;
bottom:50px;
left:750px;
}
#restart{
position: absolute;
left:900px;
bottom:70px;
}
#paragraph{
color:white;
position:absolute;
left:700px;
right:200px ;
bottom:300px;
font-family: Impact;
border:solid;
padding-left:50px;
padding-right:50px;
text-align: center;
}
#paragraph_1{
color:white;
position:absolute;
left:700px;
right:200px ;
bottom:320px;
font-family: Impact;
border:solid;
padding-left:50px;
padding-right:50px;
text-align: center;
}
ul {
list-style-type: none;
margin: 0px;
padding:0px;
width: 500px;
background-color: white;
position: relative;
left:640px;
bottom:100px;
}
li a {
display: block;
color: black;
text-decoration: none;
font-family: Impact;
font-size:40px;
}
li {
text-align: center;
border-bottom: 3px solid black;
}
li a.active {
background-color: #4CAF50;
color: white;
}
li a:hover:not(.active) {
background-color:orange;
color: white;
}
}
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "container">
<div id = "header">
<h1> CHOOSE YOUR OWN ADVENTURE!</h1>
<div id = "play">
<a href="start.html"> <img src = "play-button.png" style="width:150px;height:150px;" /></a>
<div id = "content">
</div>
</body>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "content">
<div id = "image">
<img src="stewie.png" />
<div id = "paragraph">
<p> It's the last day of classes! For months, you've waiting for this very day. <i>DING!DING!DING!</i> As soon as you hear the last bell, you run like hell towards the exit, destroying everyone in your path. The moment you got out of school, you felt freedom. You think of all the weird shit you were going to do in vacation. Suddenly, you see a strange figure in the huge sketchy cornfield beside your school.</p>
</div>
<ul>
<li><a href="../1st level/lvl1-a.html"> Choose to investigate</a></li>
<li><a href="../1st level/lvl1-b.html"> Be a coward and just go home</a></li>
</ul>
</body>
</html>
\ No newline at end of file
<!DOCTYPE hmtl>
<html>
<head>
<title> Ang Hapag Sa Pagitan Nating Dalawa </title>
<style>
</style>
<link type = "text/css" rel="stylesheet" href=stylesheets/bootstrap.css>
</head>
<body class="container" style: background="mcdo.png">
<div class = "row">
<div class = "col-md-12 well0">
<h1> Ang Hapag Sa Pagitan Nating Dalawa </h1>
<h2> A story of love found in between bites of fastfood and scenes of TV melodrama </h2>
</div>
</div>
<div class = "row">
<div class="col-md-3 well">
<h4 align="center"> TV Ads that Inspired This Story </h4>
<ul>
<li> <a href="https://www.youtube.com/watch?v=8VdG8eCxors" style="color:#161bf5"> First Love </a> </li>
<li> <a href= "https://www.youtube.com/watch?v=ljy-TcplGug" style="color:#161bf5">Karen Po </a></li>
<li> <a href="https://www.youtube.com/watch?v=Nesp15NU4Jg" style="color:#161bf5"> Gusto Ko Lang Naman McDo Fries Eh </a> </li>
<li> <a href="https://www.youtube.com/watch?v=6M6nSUVqo4c" style="color:#161bf5"> Kuya/Kamusta Crush Mo? </a> </li>
<li> <a href="https://www.youtube.com/watch?v=0BsO1PR0LB4" style="color:#161bf5"> AlDub Ipagpatawad Mo </a>
<li> <a href="https://www.youtube.com/watch?v=lnY3Cl1BBpw" style="color:#161bf5">Tuloy Pa Rin </a> </li>
<li> <a href="https://www.youtube.com/watch?v=woBDZx86iiU" style="color:#161bf5"> AlDub Itanong Mo Sa Akin </a> </li>
</ul>
</div>
<div class = "col-md-9 well">
<p> TV shows are almost always filled with romance dotted with a bit of comedy and a whole lot of tragedy. It may be a bit formulaic, but there is a reason that this formula has lasted for years. The universal story of love can be found anywhere, in our lives, in books, and with a bit of imagination, it can even infiltrate the gaps and breaks between the scenes of your favorite shows. TV advertisements with its own design, setting, writing, and even music and your lively imagination can produce its own magic.</p>
<p> McDonald's Philippines is famous for their TV advertisements, it is interesting how an establishment that offers good food to happy families can produce such bittersweet commercials that still work, from the classic "Karen po" aired over a decade ago, to the crowd-favorite "First Love" commercial on a man's childhood love, until its most recent commercial about a woman moving on from her old boyfriend. </p>
<p> This story incorporates many of McDonald's' famous commercials over the years. Due credit is to be given to them for helping create this story.
</div>
<div class= "row">
<div class = "col-md-3 well">
<center> <img src="chara.png" align="center"> </center>
</div>
<div class = "col-md-9 well"
<div class = "col-md-12 well">
<h4 align="center"><strong> The Characters </strong></h4>
<div class = "col-md-6">
<h5 align="center"> <strong> MAC-MAC </strong> </h5>
<div class = "col-md-12" align="center">
<p> Mac-Mac is the character that you will be playing.</p>
<p> A shy high school student, he is always about worried about forming relationships, be it friendships or more, and is always concious of how comfortable he can be with people.</p>
</div>
</div>
<div class = "col-md-6">
<h5 align="center"> <strong> JOY </strong> </h5>
<div class = "col-md-12" align="center">
<p> A girl who Mac-Mac happens to meet by chance. Her sparkly eyes and outgoing smile immediately attract Mac-Mac. How much more we can learn about her depends on how Mac-Mac will go to get to know her.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="text-center">
<button onclick="location.href='L1/L1.html'"> Shape their love story </button>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE hmtl>
<html>
<head>
<title> Ang Hapag Sa Pagitan Nating Dalawa </title>
<style>
</style>
<link type = "text/css" rel="stylesheet" href=../stylesheets/bootstrap.css>
</head>
<body class="container" style: background="../mcdo.png">
<div class = "row">
<div class = "col-md-12 well0">
<h1> Ang Hapag Sa Pagitan Nating Dalawa </h1>
<h2> A story of love found in between bites of fastfood and scenes of TV melodrama </h2>
</div>
</div>
<div class="row">
<div class="col-md-3 well">
<h4 align="center"> TV Ads that Inspired This Story </h4>
<ul>
<li> <a href="https://www.youtube.com/watch?v=8VdG8eCxors" style="color:#161bf5"> First Love </a> </li>
<li> <a href= "https://www.youtube.com/watch?v=ljy-TcplGug" style="color:#161bf5">Karen Po </a></li>
<li> <a href="https://www.youtube.com/watch?v=Nesp15NU4Jg" style="color:#161bf5"> Gusto Ko Lang Naman McDo Fries Eh </a> </li>
<li> <a href="https://www.youtube.com/watch?v=6M6nSUVqo4c" style="color:#161bf5"> Kuya/Kamusta Crush Mo? </a> </li>
<li> <a href="https://www.youtube.com/watch?v=0BsO1PR0LB4" style="color:#161bf5"> AlDub Ipagpatawad Mo </a>
<li> <a href="https://www.youtube.com/watch?v=lnY3Cl1BBpw" style="color:#161bf5">Tuloy Pa Rin </a> </li>
<li> <a href="https://www.youtube.com/watch?v=woBDZx86iiU" style="color:#161bf5"> AlDub Itanong Mo Sa Akin </a> </li>
</ul>
</div>
<div class = "col-md-9 well">
<p><i><strong> Kamukha mo si Paraluman, noong tayo ay bata pa </strong></i></p>
<div class="col-md-12">
<p> Dumating kayo ng iyong ina upang maghapunan sa iyong paboritong kainan matapos ka niyang sunduin mula sa unang araw mo sa hayskul. Habang naghahanap kayo ng mauupuan, dala-dala ang paborito mong Mcdo Fries at caramel sundae, nakita ng iyong ina ang kanyang kaibigan na kasama ang kanyang anak. Nabighani ka sa kanyang magandang ngiti at kumikinang na mga mata. Naupo kayo ng iyong ina sa kanilang mesa.</p>
<p> Ano ang iyong gagawin? </p>
<ul>
<li>
<a href="L2/L2a.html" style="color:#161bf5"> Uupo ka lamang sa isang tabi, umaasang kakausapin ka niya </a>
</li>
<li>
<a href="L2/L2b.html" style="color:#161bf5"> Aalukin mo siya ng iyong pagkain at tsaka tatanungin ang kanyang pangalan </a>
</li>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="text-center">
<button onclick="location.href='../L0.html'"> Magsimula muli </button>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE hmtl>
<html>
<head>
<title> Ang Hapag Sa Pagitan Nating Dalawa </title>
<style>
</style>
<link type = "text/css" rel="stylesheet" href=../../stylesheets/bootstrap.css>
</head>
<body class="container" style: background="../../mcdo.png">
<div class = "row">
<div class = "col-md-12 well0">
<h1> Ang Hapag Sa Pagitan Nating Dalawa </h1>
<h2> A story of love found in between bites of fastfood and scenes of TV melodrama </h2>
</div>
</div>
<div class="row">
<div class="col-md-3 well">
<h4 align="center"> TV Ads that Inspired This Story </h4>
<ul>
<li> <a href="https://www.youtube.com/watch?v=8VdG8eCxors" style="color:#161bf5"> First Love </a> </li>
<li> <a href= "https://www.youtube.com/watch?v=ljy-TcplGug" style="color:#161bf5">Karen Po </a></li>
<li> <a href="https://www.youtube.com/watch?v=Nesp15NU4Jg" style="color:#161bf5"> Gusto Ko Lang Naman McDo Fries Eh </a> </li>
<li> <a href="https://www.youtube.com/watch?v=6M6nSUVqo4c" style="color:#161bf5"> Kuya/Kamusta Crush Mo? </a> </li>
<li> <a href="https://www.youtube.com/watch?v=0BsO1PR0LB4" style="color:#161bf5"> AlDub Ipagpatawad Mo </a>
<li> <a href="https://www.youtube.com/watch?v=lnY3Cl1BBpw" style="color:#161bf5">Tuloy Pa Rin </a> </li>
<li> <a href="https://www.youtube.com/watch?v=woBDZx86iiU" style="color:#161bf5"> AlDub Itanong Mo Sa Akin </a> </li>
</ul>
</div>
<div class = "col-md-9 well"?
<p> Matatalsikan ang ilong niya ng ice cream dahil pilit niyang ginagamit ang kanyang fries bilang kutsara. Hindi mo mapipigilang tumawa. </p>
<p> Ano ang susunod na mangyayari? </p>
<ul>
<li>
<a href="L3/L3a.html" style="color:#161bf5"> Tahimik na kakaway ka na lamang bilang paalam pagkaalis niyo ng iyong ina matapos niyong kumain. </a>
</li>
<li>
<a href="L3/L3b.html" style="color:#161bf5"> Magiging mabuting magkaibigan kayo, kaya naman magpapalitan kayo ng contact number bago umalis. Matapos ang ilang linggo ay magkasusundo kayo na magkita muli. </a>
</li>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="text-center">
<button onclick="location.href='../../L0.html'"> Magsimula muli </button>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE hmtl>
<html>
<head>
<title> Ang Hapag Sa Pagitan Nating Dalawa </title>
<style>
</style>
<link type = "text/css" rel="stylesheet" href=../../stylesheets/bootstrap.css>
</head>
<body class="container" style: background="../../mcdo.png">
<div class = "row">
<div class = "col-md-12 well0">
<h1> Ang Hapag Sa Pagitan Nating Dalawa </h1>
<h2> A story of love found in between bites of fastfood and scenes of TV melodrama </h2>
</div>
</div>
<div class="row">
<div class="col-md-3 well">
<h4 align="center"> TV Ads that Inspired This Story </h4>
<ul>
<li> <a href="https://www.youtube.com/watch?v=8VdG8eCxors" style="color:#161bf5"> First Love </a> </li>
<li> <a href= "https://www.youtube.com/watch?v=ljy-TcplGug" style="color:#161bf5">Karen Po </a></li>
<li> <a href="https://www.youtube.com/watch?v=Nesp15NU4Jg" style="color:#161bf5"> Gusto Ko Lang Naman McDo Fries Eh </a> </li>
<li> <a href="https://www.youtube.com/watch?v=6M6nSUVqo4c" style="color:#161bf5"> Kuya/Kamusta Crush Mo? </a> </li>
<li> <a href="https://www.youtube.com/watch?v=0BsO1PR0LB4" style="color:#161bf5"> AlDub Ipagpatawad Mo </a>
<li> <a href="https://www.youtube.com/watch?v=lnY3Cl1BBpw" style="color:#161bf5">Tuloy Pa Rin </a> </li>
<li> <a href="https://www.youtube.com/watch?v=woBDZx86iiU" style="color:#161bf5"> AlDub Itanong Mo Sa Akin </a> </li>
</ul>
</div>
<div class = "col-md-9 well"?
<p> Magpapakilala kayo sa isa’t-isa at mabilis na magkakapalagayan ng loob at masayang magkuwekuwentuhan. Naikwento niya sayo ang kanyang paboritong lolo, mayroon din siyang may sakit ngunit kwelang kuya na pinipilit na siyang maghanap ng boyfriend. </p>
<ul>
<li>
<a href="L3/L3a.html" style="color:#161bf5"> Susubukan niyong magpaalam sa inyong mga magulang na huwag muna kayong umalis matapos kumain. Bibigyan kayo ng palugid at sa kalaunan ay magpapaalam. Masayang matatapos ang gabi mo na ang kanyang ngiti ang na sa iyong isip. </a>
</li>
<li>
<a href="L3/L3b.html" style="color:#161bf5"> Magiging mabuting magkaibigan kayo, kaya naman magpapalitan kayo ng contact number bago umalis. Matapos ang ilang linggo ay magkasusundo kayo na magkita muli. </a>
</li>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="text-center">
<button onclick="location.href='../../L0.html'"> Magsimula muli </button>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE hmtl>
<html>
<head>
<title> Ang Hapag Sa Pagitan Nating Dalawa </title>
<style>
</style>
<link type = "text/css" rel="stylesheet" href=../../../stylesheets/bootstrap.css>
</head>
<body class="container" style: background="../../../mcdo.png">
<div class = "row">
<div class = "col-md-12 well0">
<h1> Ang Hapag Sa Pagitan Nating Dalawa </h1>
<h2> A story of love found in between bites of fastfood and scenes of TV melodrama </h2>
</div>
</div>
<div class="row">
<div class="col-md-3 well">
<h4 align="center"> TV Ads that Inspired This Story </h4>
<ul>
<li> <a href="https://www.youtube.com/watch?v=8VdG8eCxors" style="color:#161bf5"> First Love </a> </li>
<li> <a href= "https://www.youtube.com/watch?v=ljy-TcplGug" style="color:#161bf5">Karen Po </a></li>
<li> <a href="https://www.youtube.com/watch?v=Nesp15NU4Jg" style="color:#161bf5"> Gusto Ko Lang Naman McDo Fries Eh </a> </li>
<li> <a href="https://www.youtube.com/watch?v=6M6nSUVqo4c" style="color:#161bf5"> Kuya/Kamusta Crush Mo? </a> </li>
<li> <a href="https://www.youtube.com/watch?v=0BsO1PR0LB4" style="color:#161bf5"> AlDub Ipagpatawad Mo </a>
<li> <a href="https://www.youtube.com/watch?v=lnY3Cl1BBpw" style="color:#161bf5">Tuloy Pa Rin </a> </li>
<li> <a href="https://www.youtube.com/watch?v=woBDZx86iiU" style="color:#161bf5"> AlDub Itanong Mo Sa Akin </a> </li>
</ul>
</div>
<div class = "col-md-9 well"?
<p> Magkikita kayong muli nang samahan niyo ang inyong mga ina sa isang high school reunion. Dahil kakaunti lang kayo sa inyong edad sa lugar na iyon at magkakilala na kayo, mas naging kumportable kayo sa isa’t-isa.</p>
<p>May makalumang tugtuging El Bimbo at inaya mo siyang magsayaw. Patakbo kayong tatakas sa lugar nang tumatawa. Sa kalaunan ay mapupunta kayo sa fastfood kung saan kayo unang nagkita. Patuloy ang inyong kwentuhan at tawanan. </p>
<ul>
<li>
<a href="L4/L4a.html" style="color:#161bf5"> Babalikan niyo ang inyong mga magulang sa kanilang reunion. Magpapaalam kayo sa isa’t-isa at magyayakapan. </a>
</li>
<li>
<a href="L3b.html" style="color:#161bf5"> Tatawagan at magpapaalam kayo sa inyong mga magulang na ihahatid mo na lamang si Joy sa kanilang bahay. Magpapalitan kayo ng contact number bago umalis. Matapos ang ilang linggo ay magkasusundo kayo na magkita muli.</a>
</li>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="text-center">
<button onclick="location.href='../../../L0.html'"> Magsimula muli </button>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE hmtl>
<html>
<head>
<title> Ang Hapag Sa Pagitan Nating Dalawa </title>
<style>
</style>
<link type = "text/css" rel="stylesheet" href=../../../stylesheets/bootstrap.css>
</head>
<body class="container" style: background="../../../mcdo.png">
<div class = "row">
<div class = "col-md-12 well0">
<h1> Ang Hapag Sa Pagitan Nating Dalawa </h1>
<h2> A story of love found in between bites of fastfood and scenes of TV melodrama </h2>
</div>
</div>
<div class="row">
<div class="col-md-3 well">
<h4 align="center"> TV Ads that Inspired This Story </h4>
<ul>
<li> <a href="https://www.youtube.com/watch?v=8VdG8eCxors" style="color:#161bf5"> First Love </a> </li>
<li> <a href= "https://www.youtube.com/watch?v=ljy-TcplGug" style="color:#161bf5">Karen Po </a></li>
<li> <a href="https://www.youtube.com/watch?v=Nesp15NU4Jg" style="color:#161bf5"> Gusto Ko Lang Naman McDo Fries Eh </a> </li>
<li> <a href="https://www.youtube.com/watch?v=6M6nSUVqo4c" style="color:#161bf5"> Kuya/Kamusta Crush Mo? </a> </li>
<li> <a href="https://www.youtube.com/watch?v=0BsO1PR0LB4" style="color:#161bf5"> AlDub Ipagpatawad Mo </a>
<li> <a href="https://www.youtube.com/watch?v=lnY3Cl1BBpw" style="color:#161bf5">Tuloy Pa Rin </a> </li>
<li> <a href="https://www.youtube.com/watch?v=woBDZx86iiU" style="color:#161bf5"> AlDub Itanong Mo Sa Akin </a> </li>
</ul>
</div>
<div class = "col-md-9 well"?
<p> Sabik na sabik kang maghahanda para sa inyong muling pagkikita. Magpatutulong ka pa nga sa iyong ate. </p>
<p> "Oh, patingin nga ng smile mo?" </p>
<p> Hindi mo pagilan ang napakalaking ngiti bumalot sa iyong mukha. </p>
<p> "Hala, onti lang," ang patawa niyang sinabi </p>
<p> Nagbigay ang kapatid mo ng mga payo upang humupaw ang iyong kaba.</p>
<p> Nagkita kayo ni Joy sa isang arcade at hindi mapigilan ang bilis ng tibok ng iyong dibdib.
<p> Matapos niyong maglaro ay nagpasya kayong magmerienda sa lugar kung saan kayo unang nagkita, ang paborito niyong <i> fastfood </i>. Habang masaya kayong nagkwekwentuhan at nagtatawanan, biglang may tumawag sa telepono ni Joy.</p>
<ul>
<li>
<a href="L4/L4b.html" style="color:#161bf5"> Ipagpatuloy ang kwento.</a>
</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="text-center">
<button onclick="location.href='../../../L0.html'"> Magsimula muli </button>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE hmtl>
<html>
<head>
<title> Ang Hapag Sa Pagitan Nating Dalawa </title>
<style>
</style>
<link type = "text/css" rel="stylesheet" href=../../../../stylesheets/bootstrap.css>
</head>
<body class="container" style: background="../../../../mcdo.png">
<div class = "row">
<div class = "col-md-12 well0">
<h1> Ang Hapag Sa Pagitan Nating Dalawa </h1>
<h2> A story of love found in between bites of fastfood and scenes of TV melodrama </h2>
</div>
</div>
<div class="row">
<div class="col-md-3 well">
<h4 align="center"> TV Ads that Inspired This Story </h4>
<ul>
<li> <a href="https://www.youtube.com/watch?v=8VdG8eCxors" style="color:#161bf5"> First Love </a> </li>
<li> <a href= "https://www.youtube.com/watch?v=ljy-TcplGug" style="color:#161bf5">Karen Po </a></li>
<li> <a href="https://www.youtube.com/watch?v=Nesp15NU4Jg" style="color:#161bf5"> Gusto Ko Lang Naman McDo Fries Eh </a> </li>
<li> <a href="https://www.youtube.com/watch?v=6M6nSUVqo4c" style="color:#161bf5"> Kuya/Kamusta Crush Mo? </a> </li>
<li> <a href="https://www.youtube.com/watch?v=0BsO1PR0LB4" style="color:#161bf5"> AlDub Ipagpatawad Mo </a>
<li> <a href="https://www.youtube.com/watch?v=lnY3Cl1BBpw" style="color:#161bf5">Tuloy Pa Rin </a> </li>
<li> <a href="https://www.youtube.com/watch?v=woBDZx86iiU" style="color:#161bf5"> AlDub Itanong Mo Sa Akin </a> </li>
</ul>
</div>
<div class = "col-md-9 well"?
<p> Matagal kayong hindi nagkita matapos ang lahat ng mga pangyayari. Babalik-balikan mo ang gabing iyon at ituturing na pinakamasayang gabi ng iyong buhay.</p>
<ul>
<li>
<a href="L5/L6/L6a.html" style="color:#161bf5"> Ipagpatuloy ang kwento.</a>
</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="text-center">
<button onclick="location.href='../../../../L0.html'"> Magsimula muli </button>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE hmtl>
<html>
<head>
<title> Ang Hapag Sa Pagitan Nating Dalawa </title>
<style>
</style>
<link type = "text/css" rel="stylesheet" href=../../../../stylesheets/bootstrap.css>
</head>
<body class="container" style: background="../../../../mcdo.png">
<div class = "row">
<div class = "col-md-12 well0">
<h1> Ang Hapag Sa Pagitan Nating Dalawa </h1>
<h2> A story of love found in between bites of fastfood and scenes of TV melodrama </h2>
</div>
</div>
<div class="row">
<div class="col-md-3 well">
<h4 align="center"> TV Ads that Inspired This Story </h4>
<ul>
<li> <a href="https://www.youtube.com/watch?v=8VdG8eCxors" style="color:#161bf5"> First Love </a> </li>
<li> <a href= "https://www.youtube.com/watch?v=ljy-TcplGug" style="color:#161bf5">Karen Po </a></li>
<li> <a href="https://www.youtube.com/watch?v=Nesp15NU4Jg" style="color:#161bf5"> Gusto Ko Lang Naman McDo Fries Eh </a> </li>
<li> <a href="https://www.youtube.com/watch?v=6M6nSUVqo4c" style="color:#161bf5"> Kuya/Kamusta Crush Mo? </a> </li>
<li> <a href="https://www.youtube.com/watch?v=0BsO1PR0LB4" style="color:#161bf5"> AlDub Ipagpatawad Mo </a>
<li> <a href="https://www.youtube.com/watch?v=lnY3Cl1BBpw" style="color:#161bf5">Tuloy Pa Rin </a> </li>
<li> <a href="https://www.youtube.com/watch?v=woBDZx86iiU" style="color:#161bf5"> AlDub Itanong Mo Sa Akin </a> </li>
</ul>
</div>
<div class = "col-md-9 well"?
<p> Pahapyaw mong naririnig ang pag-uusap ni Joy at ng kanyang ina sa telepono. Naalala mo ang kinuwento niya tungkol sa kanyang paboritong lolo na sakitin na. Iyak nang iyak si Joy nang malaman na nasa ICU na ang kanyang lolo. </p>
<ul>
<li>
<a href="L5/L5a.html" style="color:#161bf5"> Susubukan mong patahinin si Joy habang inaantay ang kanyang sundo na magdadala sa ospital ng kanyang lolo. </a>
</li>
<li>
<a href="L5/L5b.html" style="color:#161bf5"> Susubukan mong patahinin si Joy at priprisinta na ihatid na siya sa ospital ng kanyang lolo. </a>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="text-center">
<button onclick="location.href='../../../../L0.html'"> Magsimula muli </button>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE hmtl>
<html>
<head>
<title> Ang Hapag Sa Pagitan Nating Dalawa </title>
<style>
</style>
<link type = "text/css" rel="stylesheet" href=../../../../../stylesheets/bootstrap.css>
</head>
<body class="container" style: background="../../../../../mcdo.png">
<div class = "row">
<div class = "col-md-12 well0">
<h1> Ang Hapag Sa Pagitan Nating Dalawa </h1>
<h2> A story of love found in between bites of fastfood and scenes of TV melodrama </h2>
</div>
</div>
<div class="row">
<div class="col-md-3 well">
<h4 align="center"> TV Ads that Inspired This Story </h4>
<ul>
<li> <a href="https://www.youtube.com/watch?v=8VdG8eCxors" style="color:#161bf5"> First Love </a> </li>
<li> <a href= "https://www.youtube.com/watch?v=ljy-TcplGug" style="color:#161bf5">Karen Po </a></li>
<li> <a href="https://www.youtube.com/watch?v=Nesp15NU4Jg" style="color:#161bf5"> Gusto Ko Lang Naman McDo Fries Eh </a> </li>
<li> <a href="https://www.youtube.com/watch?v=6M6nSUVqo4c" style="color:#161bf5"> Kuya/Kamusta Crush Mo? </a> </li>
<li> <a href="https://www.youtube.com/watch?v=0BsO1PR0LB4" style="color:#161bf5"> AlDub Ipagpatawad Mo </a>
<li> <a href="https://www.youtube.com/watch?v=lnY3Cl1BBpw" style="color:#161bf5">Tuloy Pa Rin </a> </li>
<li> <a href="https://www.youtube.com/watch?v=woBDZx86iiU" style="color:#161bf5"> AlDub Itanong Mo Sa Akin </a> </li>
</ul>
</div>
<div class = "col-md-9 well"?
<p> Magkakalayo ang inyong loob dahil sa tindi ng lungkot sa puso ni Joy. Sa iyong panig naman, hindi mo malaman kung saan ka lulugar, kung tama ba makisalamuha ka sa kanilang pamilya na hindi mo pa gaanong kakilala o manatili sa tabi ni Joy.</p>
<ul>
<li>
<a href="L6/L6a.html" style="color:#161bf5"> Ipagpatuloy ang kwento.</a>
</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="text-center">
<button onclick="location.href='../../../../../L0.html'"> Magsimula muli </button>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE hmtl>
<html>
<head>
<title> Ang Hapag Sa Pagitan Nating Dalawa </title>
<style>
</style>
<link type = "text/css" rel="stylesheet" href=../../../../../stylesheets/bootstrap.css>
</head>
<body class="container" style: background="../../../../../mcdo.png">
<div class = "row">
<div class = "col-md-12 well0">
<h1> Ang Hapag Sa Pagitan Nating Dalawa </h1>
<h2> A story of love found in between bites of fastfood and scenes of TV melodrama </h2>
</div>
</div>
<div class="row">
<div class="col-md-3 well">
<h4 align="center"> TV Ads that Inspired This Story </h4>
<ul>
<li> <a href="https://www.youtube.com/watch?v=8VdG8eCxors" style="color:#161bf5"> First Love </a> </li>
<li> <a href= "https://www.youtube.com/watch?v=ljy-TcplGug" style="color:#161bf5">Karen Po </a></li>
<li> <a href="https://www.youtube.com/watch?v=Nesp15NU4Jg" style="color:#161bf5"> Gusto Ko Lang Naman McDo Fries Eh </a> </li>
<li> <a href="https://www.youtube.com/watch?v=6M6nSUVqo4c" style="color:#161bf5"> Kuya/Kamusta Crush Mo? </a> </li>
<li> <a href="https://www.youtube.com/watch?v=0BsO1PR0LB4" style="color:#161bf5"> AlDub Ipagpatawad Mo </a>
<li> <a href="https://www.youtube.com/watch?v=lnY3Cl1BBpw" style="color:#161bf5">Tuloy Pa Rin </a> </li>
<li> <a href="https://www.youtube.com/watch?v=woBDZx86iiU" style="color:#161bf5"> AlDub Itanong Mo Sa Akin </a> </li>
</ul>
</div>
<div class = "col-md-9 well"?
<p> Sasamahan mo nang magdamag si Joy sa ospital upang bantayan ang kanyang lolo. Wala siya sa sarili buong gabi dahil sa pag-aalala ngunit susubukan mo pa rin siyang suportahan </p>
<p> Lubos ang kanyang pasasalamat sa iyo matapos gumaling ng kanyang lolo dahil sa pananatili mo sa kanyang tabi sa ilang linggong may sakit ang kanyang lolo.</p>
<p> Patuloy ang inyong pagkakaibigan at pag-uusap sa <i> text </i> man o sa <i> chat </i>.
<p> Matapos ang ilang linggo, muli kanyang aayain na ituloy ang naudlot nilang <i> date </i>.
<ul>
<li>
<a href="L5c.html" style="color:#161bf5"> Ipagpatuloy ang kuwento. </a>
</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="text-center">
<button onclick="location.href='../../../../../L0.html'"> Magsimula muli </button>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE hmtl>
<html>
<head>
<title> Ang Hapag Sa Pagitan Nating Dalawa </title>
<style>
</style>
<link type = "text/css" rel="stylesheet" href=../../../../../stylesheets/bootstrap.css>
</head>
<body class="container" style: background="../../../../../mcdo.png">
<div class = "row">
<div class = "col-md-12 well0">
<h1> Ang Hapag Sa Pagitan Nating Dalawa </h1>
<h2> A story of love found in between bites of fastfood and scenes of TV melodrama </h2>
</div>
</div>
<div class="row">
<div class="col-md-3 well">
<h4 align="center"> TV Ads that Inspired This Story </h4>
<ul>
<li> <a href="https://www.youtube.com/watch?v=8VdG8eCxors" style="color:#161bf5"> First Love </a> </li>
<li> <a href= "https://www.youtube.com/watch?v=ljy-TcplGug" style="color:#161bf5">Karen Po </a></li>
<li> <a href="https://www.youtube.com/watch?v=Nesp15NU4Jg" style="color:#161bf5"> Gusto Ko Lang Naman McDo Fries Eh </a> </li>
<li> <a href="https://www.youtube.com/watch?v=6M6nSUVqo4c" style="color:#161bf5"> Kuya/Kamusta Crush Mo? </a> </li>
<li> <a href="https://www.youtube.com/watch?v=0BsO1PR0LB4" style="color:#161bf5"> AlDub Ipagpatawad Mo </a>
<li> <a href="https://www.youtube.com/watch?v=lnY3Cl1BBpw" style="color:#161bf5">Tuloy Pa Rin </a> </li>
<li> <a href="https://www.youtube.com/watch?v=woBDZx86iiU" style="color:#161bf5"> AlDub Itanong Mo Sa Akin </a> </li>
</ul>
</div>
<div class = "col-md-9 well"?
<p> Naging masaya muli ang inyong pagsasama. Nagsisimula pa lamang ang gabi ay naghahanda ka na sa iyong iplinaplano na iyong gagawin bago matapos ang gabi. </p>
<p> Tulad nang dating gawi, naghapunan muna kayo at nag-<i>order</i> ng <i> fries </i> at <i> sundae </i>.</p>
<p> Huminga ka ng malalim para humupaw ang iyong kaba. </p>
<p> Pasimple kang umubo para makuha ang kanyang atensyon. </p>
<p> "Joy, sabi nila mahirap daw magkarelasyon, ang dami niyong gusto-ganito, gusto ganiyan, <i> ewan </i> kaya parang nakakatakot. Pero parang pakiramdam ko, sa mga pinagdaanan natin, kakayanin kong pagdaanan muli iyon at higit pa basta kasama kita."</p>
<p> "Ipagpatawag mo minahal kita agad." </p>
<ul>
<li>
<a href="L6/L6b.html" style="color:#161bf5"> Ang huling pasya ay nasa kanya na. Nais man natin, lalo na sa laro na ito, na ang ating tiyak na pagpapasya ang tatakda ng mga susunod na mangyayari at ang magiging wakas ng ating kuwento, mayroon talagang mga bagay na wala na sa ating mga kamay. Piliin ang waka na ito. </a>
</li>
<li>
<a href="L6/L6c.html" style="color:#161bf5"> Ang huling pasya ay nasa kanya na. Nais man natin, lalo na sa laro na ito, na ang ating tiyak na pagpapasya ang tatakda ng mga susunod na mangyayari at ang magiging wakas ng ating kuwento, mayroon talagang mga bagay na wala na sa ating mga kamay. Piliin ang waka na ito. </a>
</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="text-center">
<button onclick="location.href='../../../../../L0.html'"> Magsimula muli </button>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE hmtl>
<html>
<head>
<title> Ang Hapag Sa Pagitan Nating Dalawa </title>
<style>
</style>
<link type = "text/css" rel="stylesheet" href=../../../../../../stylesheets/bootstrap.css>
</head>
<body class="container" style: background="../../../../../../mcdo.png">
<div class = "row">
<div class = "col-md-12 well0">
<h1> Ang Hapag Sa Pagitan Nating Dalawa </h1>
<h2> A story of love found in between bites of fastfood and scenes of TV melodrama </h2>
</div>
</div>
<div class="row">
<div class="col-md-3 well">
<h4 align="center"> TV Ads that Inspired This Story </h4>
<ul>
<li> <a href="https://www.youtube.com/watch?v=8VdG8eCxors" style="color:#161bf5"> First Love </a> </li>
<li> <a href= "https://www.youtube.com/watch?v=ljy-TcplGug" style="color:#161bf5">Karen Po </a></li>
<li> <a href="https://www.youtube.com/watch?v=Nesp15NU4Jg" style="color:#161bf5"> Gusto Ko Lang Naman McDo Fries Eh </a> </li>
<li> <a href="https://www.youtube.com/watch?v=6M6nSUVqo4c" style="color:#161bf5"> Kuya/Kamusta Crush Mo? </a> </li>
<li> <a href="https://www.youtube.com/watch?v=0BsO1PR0LB4" style="color:#161bf5"> AlDub Ipagpatawad Mo </a>
<li> <a href="https://www.youtube.com/watch?v=lnY3Cl1BBpw" style="color:#161bf5">Tuloy Pa Rin </a> </li>
<li> <a href="https://www.youtube.com/watch?v=woBDZx86iiU" style="color:#161bf5"> AlDub Itanong Mo Sa Akin </a> </li>
</ul>
</div>
<div class = "col-md-9 well"?
<p> <i> <strong> Sa panaginip na lang pala kita maisasayaw. </i> </strong></p>
<p> Sa huli ay nahirapan na rin kayong ipagpatuloy ang inyong pagkakaibigan </p>
<p> Ilang buwan na labas-pasok ka sa buhay ni Joy dahil sa iyong kalituhan kung hanggang saan ang maaari mong gawin para makatulong </p>
<p> Sa panig naman ni Joy, mas inintindi niya ang pag-aalaga sa kanyang may sakit na lolo habang nasasaktan naman si Joy dahil unti-unting paglabo ng inyong relasyon dahil sa iyong pagkawala-wala </p>
<p> Darating sa punto na sadyang nalayo na kayo sa isa't-isa at ilang taon nang hindi nag-uusap </p>
<p> Maaaring magkita kayo muli, siguro kapag kayo ay mas matanda na, sa edad at sa pag-iisip. Maaaring muli kayong malapit sa isa't-isa. Maaaring pagdating sa panahong iyon ay huli na ang lahat at isa na sa inyo ay may asawa na. Maaaring simpleng "hi" at "hello" na lamang ang masabi niyo sa isa't-isa.</p>
<p> Maaaring hindi na talaga kayo magkitang muli.</p>
<h3 align="center"> Wakas. </h3>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="text-center">
<button onclick="location.href='../../../../../../L0.html'"> Magsimula muli </button>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE hmtl>
<html>
<head>
<title> Ang Hapag Sa Pagitan Nating Dalawa </title>
<style>
</style>
<link type = "text/css" rel="stylesheet" href=../../../../../../stylesheets/bootstrap.css>
</head>
<body class="container" style: background="../../../../../../mcdo.png">
<div class = "row">
<div class = "col-md-12 well0">
<h1> Ang Hapag Sa Pagitan Nating Dalawa </h1>
<h2> A story of love found in between bites of fastfood and scenes of TV melodrama </h2>
</div>
</div>
<div class="row">
<div class="col-md-3 well">
<h4 align="center"> TV Ads that Inspired This Story </h4>
<ul>
<li> <a href="https://www.youtube.com/watch?v=8VdG8eCxors" style="color:#161bf5"> First Love </a> </li>
<li> <a href= "https://www.youtube.com/watch?v=ljy-TcplGug" style="color:#161bf5">Karen Po </a></li>
<li> <a href="https://www.youtube.com/watch?v=Nesp15NU4Jg" style="color:#161bf5"> Gusto Ko Lang Naman McDo Fries Eh </a> </li>
<li> <a href="https://www.youtube.com/watch?v=6M6nSUVqo4c" style="color:#161bf5"> Kuya/Kamusta Crush Mo? </a> </li>
<li> <a href="https://www.youtube.com/watch?v=0BsO1PR0LB4" style="color:#161bf5"> AlDub Ipagpatawad Mo </a>
<li> <a href="https://www.youtube.com/watch?v=lnY3Cl1BBpw" style="color:#161bf5">Tuloy Pa Rin </a> </li>
<li> <a href="https://www.youtube.com/watch?v=woBDZx86iiU" style="color:#161bf5"> AlDub Itanong Mo Sa Akin </a> </li>
</ul>
</div>
<div class = "col-md-9 well"?
<p> <i> <strong> "Gusto ko lang naman McDo fries eh." </i> </strong></p>
<p> Ito ang patawa niyang sagot sa iyo. </p>
<p> "Masyado kang seryoso." </p>
<p> Dagdag pa niya bago ka halikan. </p>
<h3 align="center"> Wakas. </h3>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="text-center">
<button onclick="location.href='../../../../../../L0.html'"> Magsimula muli </button>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE hmtl>
<html>
<head>
<title> Ang Hapag Sa Pagitan Nating Dalawa </title>
<style>
</style>
<link type = "text/css" rel="stylesheet" href=../../../../../../stylesheets/bootstrap.css>
</head>
<body class="container" style: background="../../../../../../mcdo.png">
<div class = "row">
<div class = "col-md-12 well0">
<h1> Ang Hapag Sa Pagitan Nating Dalawa </h1>
<h2> A story of love found in between bites of fastfood and scenes of TV melodrama </h2>
</div>
</div>
<div class="row">
<div class="col-md-3 well">
<h4 align="center"> TV Ads that Inspired This Story </h4>
<ul>
<li> <a href="https://www.youtube.com/watch?v=8VdG8eCxors" style="color:#161bf5"> First Love </a> </li>
<li> <a href= "https://www.youtube.com/watch?v=ljy-TcplGug" style="color:#161bf5">Karen Po </a></li>
<li> <a href="https://www.youtube.com/watch?v=Nesp15NU4Jg" style="color:#161bf5"> Gusto Ko Lang Naman McDo Fries Eh </a> </li>
<li> <a href="https://www.youtube.com/watch?v=6M6nSUVqo4c" style="color:#161bf5"> Kuya/Kamusta Crush Mo? </a> </li>
<li> <a href="https://www.youtube.com/watch?v=0BsO1PR0LB4" style="color:#161bf5"> AlDub Ipagpatawad Mo </a>
<li> <a href="https://www.youtube.com/watch?v=lnY3Cl1BBpw" style="color:#161bf5">Tuloy Pa Rin </a> </li>
<li> <a href="https://www.youtube.com/watch?v=woBDZx86iiU" style="color:#161bf5"> AlDub Itanong Mo Sa Akin </a> </li>
</ul>
</div>
<div class = "col-md-9 well"?
<p> <i> <strong> "Tuloy pa rin ang awit ng buhay ko, magbago man ang hugis ng puso mo." </i> </strong></p>
<p> Iniwasan ni Joy ang iyong tingin at tinitigan na lamang ang hawak niyan <i> burger </i> </p>
<p> Hinawakan niya ang iyong mga kamay at muling tumingin sa iyong mga mata. </p>
<p> "Sorry, pero matapos ang lahat nang nangyari, mukhang hindi pa ako handa." </p>
<p> Pinisil niya ang iyong mga kamay bago tumayo at umalis. </p>
<p> Tahimik kang nanatiling nakaupo, hindi ginagalaw ang iyong pagkain. </p>
<h3 align="center"> Wakas. </h3>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="text-center">
<button onclick="location.href='../../../../../../L0.html'"> Magsimula muli </button>
</div>
</div>
</div>
</body>
</html>
title
{
text-align: center;
font-size: 20
}
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="../../../../application.css">
</head>
<body>
<h1 id="main-title">ENDING: FAILED TO PASS ANYTHING</h1>
<img src="../../../../Images/ending-AAA.jpg">
<div>
<p>
MANNY GOT AN "F"!!! He didn't get to pass anything because of your decisions. What a bad start for Manny's MIS 21 class. SHAME! If you have pity, restart this game by clicking the "RESTART" button and replaying this game.
</p>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<h1 id="start-button">
<a href="../../../../home.html">RESTART</a>
</h1>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="../../../../application.css">
</head>
<body>
<h1 id="main-title">ENDING: PASSED A CRAMMED HOMEWORK</h1>
<img src="../../../../Images/ending-AAB.jpg">
<div>
<p>
Like what they say, "Life is a journey, not a race." This is what you told Manny to do. He crammed the homework but he still passed it! Manny was surprised that he still got a "C" considering that he crammed the hell out of it. #Manniracle. Do you wish to make Manny's grade better? Click the "RESTART" button to replay the game!
</p>
<br/>
<br/>
<br/>
<br/>
<br/>
<h1 id="start-button">
<a href="../../../../home.html">RESTART</a>
</h1>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="../../../../application.css">
</head>
<body>
<h1 id="main-title">ENDING: PASSED AN OKAY HOMEWORK</h1>
<img src="../../../../Images/ending-ABA.jpg">
<div>
<p>
Manny passed it, but he didn't give maximum effort. The code works, but the design sucked. Well, the program works at least. That's what's important anyway. He got a B! Pweds na. Do you want to improve his grade? Click "RESTART" to replay the game.
</p>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<h1 id="start-button">
<a href="../../../../home.html">RESTART</a>
</h1>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="../../../../application.css">
</head>
<body>
<h1 id="main-title">ENDING: PASSED A WELL-MADE HOMEWORK</h1>
<img src="../../../../Images/ending-ABB.jpg">
<div>
<p>
Congratulations! Manny gave maximum effort for this homework and it paid off! He got an A! Here's to more A's for this semester. You've been a great conscience. If you wish to ruin Manny's grade, you can click the "RESTART" button and replay this game. (Pls don't)
</p>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<h1 id="start-button">
<a href="../../../../home.html">RESTART</a>
</h1>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Ending - Death by Skyrim</title>
<link rel="stylesheet" type="text/css" href="../../../../application.css">
</head>
<body>
<h1 id="main-title">ENDING - DEATH BY SKYRIM</h1>
<img src="../../../../Images/ending-BB.jpg">
<div>
<p>
Manny played Skyrim NON-STOP for 2 days. He didn't eat, he didn't sleep, he didn't do anything besides playing Skyrim. He's dead. This is a bigger problem than not passing his homework. At least he can be Dragonborn up there. Not satisfied with the ending? You can click "RESTART" if you want to start from the beginning.
</p>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<h1 id="start-button">
<a href="../../../../home.html">RESTART</a>
</h1>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Part III - Monday Morning</title>
<link rel="stylesheet" type="text/css" href="../../../application.css">
</head>
<body>
<h1 id="main-title">PART III - MONDAY MORNING</h1>
<img src="../../../Images/level-3-BA.jpg">
<div>
<h1 id="thoughts-h1">Manny's Thoughts:</h1>
<p>
I enjoyed the weekend but I had zero progress for two days. I'm only 60% done. I haven't finished the coding portion and there are 5 hours left. I'm not sure if I still have enough time. Should I cram the homework or should I just give up?
</p>
<ul>
<li class="choices">
<a href="Ending/ending_AAA.html">"Don't do the homework anymore."</a>
</li>
<li class="choices">
<a href="Ending/ending_AAB.html">"Cram the coding part of the homework."</a>
</li>
</ul>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Part III - Monday Morning</title>
<link rel="stylesheet" type="text/css" href="../../../application.css">
</head>
<body>
<h1 id="main-title">PART III - MONDAY MORNING</h1>
<img src="../../../Images/level-3-AB.jpg">
<div>
<h1 id="thoughts-h1">Manny's Thoughts:</h1>
<p>
I am basically done. I still have 5 hours to go though. I can add more design and functionality to my homework. However, I can pass this as it is. Should I add the optional finishing touches to the homework or should I just take this time to relax and pass the homework as it is?
</p>
<ul>
<li class="choices">
<a href="Ending/ending_ABA.html">"Submit the homework as it is."</a>
</li>
<li class="choices">
<a href="Ending/ending_ABB.html">"Add the finishing touches."</a>
</li>
</ul>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Part III - Monday Morning</title>
<link rel="stylesheet" type="text/css" href="../../../application.css">
</head>
<body>
<h1 id="main-title">PART III - MONDAY MORNING</h1>
<img src="../../../Images/level-3-BA.jpg">
<div>
<h1 id="thoughts-h1">Manny's Thoughts:</h1>
<p>
I finally got over Skyrim and I started my homework throughout the weekend. However, I'm only 60% done. I haven't finished the coding portion and there are 5 hours left. Should I cram the homework or just give up?
</p>
<ul>
<li class="choices">
<a href="Ending/ending_AAB.html">"Cram the coding part of the homework."</a>
</li>
<li class="choices">
<a href="Ending/ending_AAA.html">"Don't do the homework anymore."</a>
</li>
</ul>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Part II - The Weekend</title>
<link rel="stylesheet" type="text/css" href="../../application.css">
</head>
<body>
<h1 id="main-title">PART II - THE WEEKEND</h1>
<img src="../../Images/level-2-A.jpg">
<div>
<h1 id="thoughts-h1">Manny's Thoughts:</h1>
<p>
It's Friday! I finally have time to relax. But I still have homework, including the MIS one. Good thing I started early! I also got over my obsession with Skyrim. I can spend the weekend by beginning the coding part of the homework or just enjoying the weekends. What should I do?
</p>
<ul>
<li class="choices">
<a href="Level-3/level_3_AA.html">"Enjoy your weekend."</a>
</li>
<li class="choices">
<a href="Level-3/level_3_AB.html">"Begin the coding part of the homework."</a>
</li>
</ul>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Part II - The Weekend</title>
<link rel="stylesheet" type="text/css" href="../../application.css">
</head>
<body>
<h1 id="main-title">PART II - THE WEEKEND</h1>
<img src="../../Images/level-2-B.jpg">
<div>
<h1 id="thoughts-h1">Manny's Thoughts:</h1>
<p>
It's Friday! I finally have time to relax. But I still have homework, including the MIS one. I haven't started anything yet! That's because I played Skyrim before, was it worth it? I can spend the weekend by doing the first part of my homework or just play more Skyrim. What should I do?
</p>
<ul>
<li class="choices">
<a href="Level-3/level_3_BA.html">"Start doing your homework"</a>
</li>
<li class="choices">
<a href="Level-3/Ending/ending_BB.html">"Play Skyrim for the whole weekend"</a>
</li>
</ul>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Part I - The Homework Announcement</title>
<link rel="stylesheet" type="text/css" href="../application.css">
</head>
<body>
<h1 id="main-title">PART I - THE HOMEWORK ANNOUNCEMENT</h1>
<img src="../Images/level-1.jpg">
<br/>
<div>
<h1 id="thoughts-h1">Manny's Thoughts:</h1>
<p>
Mr. Happy announced that there will be a homework that will be passed on Monday, 4 days from now. I must create a story-telling game using HTML. That means I must write a story and write the appropriate code for it. However, I think that there is plenty of time to do that. Also, I've been so into Skyrim recently. What should I do?
</p>
<ul>
<li class="choices">
<a href="Level-2/level_2_A.html">"Start writing a story to base your game on."</a>
</li>
<li class="choices">
<a href="Level-2/level_2_B.html">"Go home and play Skyrim."</a>
</li>
</ul>
</div>
</body>
</html>
\ No newline at end of file
body
{
background-color: #f5f5f5;
display: block;
text-align: center;
font-family: "Arial";
}
ul
{
list-style-type: none;
text-align: center;
}
p
{
font-size: 16px;
text-align: left;
text-indent: 60px;
margin-left: 40px;
margin-right: 40px;
}
img
{
width: 600px;
height: 337.5px;
border: 2px solid #868686;
margin-bottom: 20px;
}
div
{
width: 800px;
height: 200px;
border: 2px solid #868686;
background-color: white;
margin: auto;
}
#main-title
{
font-size: 32px;
background-color: black;
padding: 14px;
margin-top: -8px;
margin-right: -8px;
margin-left: -8px;
color: #f5f5f5;
}
#start-button
{
color: black;
margin-top: -75px;
}
#thoughts-h1
{
text-align: left;
text-indent: 20px;
font-size: 28px;
margin-bottom: -5px;
}
.choices
{
display: inline;
padding: 30px;
}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Be Manny's Conscience</title>
<link rel="stylesheet" type="text/css" href="application.css">
</head>
<body>
<h1 id="main-title">INTRODUCTION</h1>
<img src="Images/bork.jpg" width= 500px>
<div>
<p>
This is Manny. Manny is a 3rd year student taking up BS Management Information Systems in Ateneo. He is currently studying MIS 21. Mr. Happy, his prof, gave him homework that is due in four days. However, Manny is a very lazy student. He needs guidance from you in order for him to pass his homework on time and with the best quality. Are you willing to be his conscience? If so, click "START" to begin helping him. If not, please help him as he will probably fail this subject if he goes through this on his own. *NOT ACTUAL BODY BUILD*
</p>
<br/>
<br/>
<br/>
<br/>
<h1 id="start-button">
<a href="Level-1/level_1.html">START</a>
</h1>
</div>
</body>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<title>Story Time</title>
<link type="text/css" rel="stylesheet" href="Stylesheet/bootstrap.css">
</head>
<body class="container" style="background-image: url(Pictures/background_body.jpg); height: 400px";>
<div class="row">
<div class="col-md-12 well" style="background-image: url(Pictures/background_head.jpg); background-position: center bottom">
<h1 id="main-h1">List of Stories</h1>
<h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3>
<h3 id="main-h3">It's up to you to decide your own fate.</h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="First/1.1.html">For You, I Would</a>
<a href="Second/2.1.html">Just Friends</a>
<a href="Third/3.1.html">The Interviews</a>
<a href="Fourth/4.1.html">Sincerely, Yours</a>
<a href="Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="Sources.html">Sources</a></h2>
</ul>
<div class="row">
<div class="col-md-12 well" style="background-image: url(Pictures/background_about.jpg); background-position: center">
<h2 style="color: #85144b; font-family: 'Roboto';">Joseph Gerard F. Reyes</h2>
<h3 style="color: #85144b; font-family: 'Roboto';text-align: center;">144716</h3>
<h3 style="color: #85144b; font-family: 'Roboto';text-align: center;">BS Management Information Systems</h3>
<h3 style="color: #85144b; font-family: 'Roboto';text-align: center;">Facebook: https://www.facebook.com/JGFReyes</h3>
<h3 style="color: #85144b; font-family: 'Roboto';text-align: center;">Twitter: @GoJegoGo</h3>
<h3 style="color: #85144b; font-family: 'Roboto';text-align: center;">Email: joseph.gerard.reyes@obf.ateneo.edu</h3>
<h3 style="color: #85144b; font-family: 'Roboto';text-align: center;">Contact No.: 0917-8308315</h3>
</div>
</div>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<title>Story Time</title>
<link type="text/css" rel="stylesheet" href="../Stylesheet/bootstrap.css">
</head>
<body class="container" style="background-image: url(../Pictures/background_body.jpg); height: 400px";>
<div class="row">
<div class="col-md-12 well" style="background-image: url(../Pictures/background_head.jpg); background-position: center bottom">
<h1 id="main-h1">List of Stories</h1>
<h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3>
<h3 id="main-h3">It's up to you to decide your own fate.</h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="../introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="../First/1.1.html">For You, I Would</a>
<a href="../Second/2.1.html">Just Friends</a>
<a href="../Third/3.1.html">The Interviews</a>
<a href="../Fourth/4.1.html">Sincerely, Yours</a>
<a href="../Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="../Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="../About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="../Sources.html">Sources</a></h2>
</ul>
<div class="row">
<div class="col-md-12 well">
<h1><center><b>"For You, I Would"</b></center></h1>
<p>You're in the house just watching the latest re-run of Game of Thrones. You see the dragon figures and the figurines you bought from the latest Comicon. While watching, you are eating some chips along with some take-out from McDonalds. Since it was a Friday, after work, you just decided to go home instead of going out to Bonifacio Global City and of course, you've been looking forward your condo all to yourself since you didn't have the time to watch the latest episodes of your TV series. <br><br>
While watching an episode from Game of Thrones, you receive a text from Peter inviting you to go to Walrus and drink. You look at the time and it was only 9:00 pm. You decide to finish the episode since it is nearly finished. <br><br>
When the episode was finished, you receive another text from Paul inviting you to go to Papu's since your prof was there and of course, your college friends are there. You say to yourself "It will be some sort of a reunion."<br><br>
You decide to... </p>
<div class="col-mid-6 well">
<p>Go to Walrus with Peter and meet new people. It's always nice to meet new people and hang-out in Walrus. <br>
<a href="1.1a.html">Click Here.</a></p>
</div>
<div class="col-mid-6 well">
<p>Go to Papu's with Paul and meet your college friends. Christmas break happened and well, you admit to yourself that you kinda miss them for the whole month of not drinking with them. <br>
<a href="1.1b.html">Click Here.</a></p>
</div>
</div>
</body>
</html>
<!Doctype html>
<html>
<head>
<title>Story Time</title>
<link type="text/css" rel="stylesheet" href="../Stylesheet/bootstrap.css">
</head>
<body class="container" style="background-image: url(../Pictures/background_body.jpg); height: 400px";>
<div class="row">
<div class="col-md-12 well" style="background-image: url(../Pictures/background_head.jpg); background-position: center bottom">
<h1 id="main-h1">List of Stories</h1>
<h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3>
<h3 id="main-h3">It's up to you to decide your own fate.</h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="../introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="../First/1.1.html">For You, I Would</a>
<a href="../Second/2.1.html">Just Friends</a>
<a href="../Third/3.1.html">The Interviews</a>
<a href="../Fourth/4.1.html">Sincerely, Yours</a>
<a href="../Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="../Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="../About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="../Sources.html">Sources</a></h2>
</ul>
<div class="row">
<div class="col-md-12 well">
<h1><center><b>"For You, I Would"</b></center></h1>
<p>You arrive in Walrus and you see Peter waving at you - inviting you to his group of friends. You come to his table and he introduces you to his friends. He introduces you to Lexi, Leanne, Britt and Jenny.<br><br>
You catch up with Peter with the things he has been doing. You found out that Peter is working in Makati with the 4 girls and he's taking a leave of absence because of health reasons. You find out that there is a job opening in his firm and invites you to work with him.<br><br>
Meanwhile, you receive a text from Paul asking you where you are. <br><br>
You decide to... </p>
<div class="col-mid-6 well">
<p>Continue talking to Peter and try to sell yourself so that you can get the job in his firm. <br>
<a href="1.1aa.html">Click Here.</a></p>
</div>
<div class="col-mid-6 well">
<p>Apologise to Peter and text back to Paul that you’ll be going to Walrus. <br>
<a href="1.1b.html">Click Here.</a></p>
</div>
</div>
</body>
</html>
<!Doctype html>
<html>
<head>
<title>Story Time</title>
<link type="text/css" rel="stylesheet" href="../Stylesheet/bootstrap.css">
</head>
<body class="container" style="background-image: url(../Pictures/background_body.jpg); height: 400px";>
<div class="row">
<div class="col-md-12 well" style="background-image: url(../Pictures/background_head.jpg); background-position: center bottom">
<h1 id="main-h1">List of Stories</h1>
<h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3>
<h3 id="main-h3">It's up to you to decide your own fate.</h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="../introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="../First/1.1.html">For You, I Would</a>
<a href="../Second/2.1.html">Just Friends</a>
<a href="../Third/3.1.html">The Interviews</a>
<a href="../Fourth/4.1.html">Sincerely, Yours</a>
<a href="../Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="../Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="../About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="../Sources.html">Sources</a></h2>
</ul>
<div class="row">
<div class="col-md-12 well">
<h1><center><b>"For You, I Would"</b></center></h1>
<p>You continue talking to Peter. With a few more drinks, Peter tells you why he took a leave of absence in his work. You find out that he needs to find a replacement as the CTO in the company he is working in.<br><br>
As an opportunist, you start selling yourself by telling him your past academic performance. You tell him that you graduated with honors and was very much over-qualified for the position. <br><br>
Peter agrees with you but you start noticing that he is already quite intoxicated and he will still commute home to Makati. <br><br>
On the other hand, Paul texts you again to go to Papu's because it turns out that your crush for the longest time is drinking with them and is actually looking for you. <br><br>
You decide to... </p>
<div class="col-mid-6 well">
<p>Ignore the text and drive Peter to his home in Makati.<br>
<a href="1.1aaa.html">Click Here.</a></p>
</div>
<div class="col-mid-6 well">
<p>Tell Peter to be careful commuting back to Makati and you have to go to Papu's with a friend.<br>
<a href="1.1b.html">Click Here.</a></p>
</div>
</div>
</body>
</html>
<!Doctype html>
<html>
<head>
<title>Story Time</title>
<link type="text/css" rel="stylesheet" href="../Stylesheet/bootstrap.css">
</head>
<body class="container" style="background-image: url(../Pictures/background_body.jpg); height: 400px";>
<div class="row">
<div class="col-md-12 well" style="background-image: url(../Pictures/background_head.jpg); background-position: center bottom">
<h1 id="main-h1">List of Stories</h1>
<h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3>
<h3 id="main-h3">It's up to you to decide your own fate.</h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="../introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="../First/1.1.html">For You, I Would</a>
<a href="../Second/2.1.html">Just Friends</a>
<a href="../Third/3.1.html">The Interviews</a>
<a href="../Fourth/4.1.html">Sincerely, Yours</a>
<a href="../Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="../Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="../About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="../Sources.html">Sources</a></h2>
</ul>
<div class="row">
<div class="col-md-12 well">
<h1><center><b>"For You, I Would"</b></center></h1>
<p>You bring Peter to your car and buckled him up. You ask him his address and he gives you an address to a condominium.<br><br>
While driving, you try to remember how you met Peter. You remember meeting Peter in Ateneo Junior Marketing Association. Peter was the first person to make you feel at home in the organization and for you, Peter was like a brother.<br><br>
While this was happening, Peter, in his seat, talked to you - thanking you for all the effort you have given despite his drunkeness. Sobering up, he apologizes for all the years he stopped talking to you mainly because of academics and social life.<br><br>
You tell him it's okay and upon arriving to his condominium he tells you "Hey bro, feel free to drop off anytime in my company and my offer still stands if you still want to be the CTO." After that, Peter walks to his condominium.<br><br>
You figured that the night was not quite done yet.<br><br>
You decide to...</p>
<div class="col-mid-6 well">
<p>Go back to your condominium and just call it a night.<br>
<a href="1.1aaaa.html">Click Here.</a></p>
</div>
<div class="col-mid-6 well">
<p>Text Paul and hope that maybe your friends are still in Papu's.<br>
<a href="1.1b.html">Click Here.</a></p>
</div>
</div>
</body>
</html>
<!Doctype html>
<html>
<head>
<title>Story Time</title>
<link type="text/css" rel="stylesheet" href="../Stylesheet/bootstrap.css">
</head>
<body class="container" style="background-image: url(../Pictures/background_body.jpg); height: 400px";>
<div class="row">
<div class="col-md-12 well" style="background-image: url(../Pictures/background_head.jpg); background-position: center bottom">
<h1 id="main-h1">List of Stories</h1>
<h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3>
<h3 id="main-h3">It's up to you to decide your own fate.</h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="../introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="../First/1.1.html">For You, I Would</a>
<a href="../Second/2.1.html">Just Friends</a>
<a href="../Third/3.1.html">The Interviews</a>
<a href="../Fourth/4.1.html">Sincerely, Yours</a>
<a href="../Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="../Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="../About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="../Sources.html">Sources</a></h2>
</ul>
<div class="row">
<div class="col-md-12 well">
<h1><center><b>"For You, I Would"</b></center></h1>
<p>You just call it night. It's been a long day anyway and besides you figured that Paul and friends will understand what happened after another night of a solid drinking session with them.<br><br>
You drive back to your condo in Katipunan and ordered take-out from Mcdonald's. You open your laptop and watch the latest episode in your list of Game of Thrones.<br><br>
While watching, you think of maybe what happened in Papu's when your crush arrived there earlier tonight. <br><br>
You shrug off any thoughts of your crush and just continue watching Game of Thrones until you fall asleep. <br><br>
<a href="../introduction.html">The End.</a></p>
</div>
</div>
</body>
</html>
<!Doctype html>
<html>
<head>
<title>Story Time</title>
<link type="text/css" rel="stylesheet" href="../Stylesheet/bootstrap.css">
</head>
<body class="container" style="background-image: url(../Pictures/background_body.jpg); height: 400px";>
<div class="row">
<div class="col-md-12 well" style="background-image: url(../Pictures/background_head.jpg); background-position: center bottom">
<h1 id="main-h1">List of Stories</h1>
<h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3>
<h3 id="main-h3">It's up to you to decide your own fate.</h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="../introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="../First/1.1.html">For You, I Would</a>
<a href="../Second/2.1.html">Just Friends</a>
<a href="../Third/3.1.html">The Interviews</a>
<a href="../Fourth/4.1.html">Sincerely, Yours</a>
<a href="../Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="../Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="../About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="../Sources.html">Sources</a></h2>
</ul>
<div class="row">
<div class="col-md-12 well">
<h1><center><b>"For You, I Would"</b></center></h1>
<p>You arrive at Papu's and you see Paul with your friends. You greet each other - a few hugs and fist bumps here and there. You say "Hi" to your professor and apparently, he was surprised to see you too. Upon seeing you arrive, he ordered 3 more buckets of red horse.<br><br>
You figured - "Hey, this is going to be a long night. So might as well enjoy the rest of the evening." You sit between Paul and your professor. You guys talk about how unemployment was since after graduating, you and Paul agreed to take a year off before starting to look for work. As for your professor, he tells you the story of his latest adventure in the classroom.<br><br>
While listening, you notice someone enter Papu's. You remember her being a close friend before. She's actually a mutual friend of you and Paul and you wonder why she wasn't invited in the mini get-together.<br><br>
You decide to... </p>
<div class="col-mid-6 well">
<p>You approach her and talk to her.<br>
<a href="1.1ba.html">Click Here.</a></p>
</div>
<div class="col-mid-6 well">
<p>You continue talking to Paul and your professor.<br>
<a href="1.1bb.html">Click Here.</a></p>
</div>
</div>
</body>
</html>
<!Doctype html>
<html>
<head>
<title>Story Time</title>
<link type="text/css" rel="stylesheet" href="../Stylesheet/bootstrap.css">
</head>
<body class="container" style="background-image: url(../Pictures/background_body.jpg); height: 400px";>
<div class="row">
<div class="col-md-12 well" style="background-image: url(../Pictures/background_head.jpg); background-position: center bottom">
<h1 id="main-h1">List of Stories</h1>
<h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3>
<h3 id="main-h3">It's up to you to decide your own fate.</h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="../introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="../First/1.1.html">For You, I Would</a>
<a href="../Second/2.1.html">Just Friends</a>
<a href="../Third/3.1.html">The Interviews</a>
<a href="../Fourth/4.1.html">Sincerely, Yours</a>
<a href="../Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="../Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="../About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="../Sources.html">Sources</a></h2>
</ul>
<div class="row">
<div class="col-md-12 well">
<h1><center><b>"For You, I Would"</b></center></h1>
<p>You approach her in the bar counter. She was ordering one Red Horse beer so you figured that why not invite her with you guys.<br><br>
As you approach her, you remember the reasons on why she became your crush during college. You remember that she was like the school crush. You met her when a mutual friend introduced her to you and from then on, you couldn't stop thinking about her. <br><br>
When you reached the bar counter, she looks up to you and she smiles. You notice that she had her braces removed and she was now wearing retainers. She lost weight and her hair was longer. You were dumbfounded around her that she snapped her fingers infront of you to get your attention. <br><br>
She laughed then said - "Hey Gian! Long time! You grew taller the last time I saw you and of course, you've gained muscle also." <br><br>
You said - "Hi Elena. It's been a long time. It's been like, what? 2 years? And as always, you look great haha. Wanna come sit with us? Paul is right over there."<br><br>
She said - "Yeah, sure. But let's talk here first." then smiled.<br><br>
You decide to... </p>
<div class="col-mid-6 well">
<p>Agree with her and stay with her until she feels like joining the rest.<br>
<a href="1.1baa.html">Click Here.</a></p>
</div>
<div class="col-mid-6 well">
<p>Insist to go with the group so that she can talk to other people also.<br>
<a href="1.1bab.html">Click Here.</a></p>
</div>
</div>
</body>
</html>
<!Doctype html>
<html>
<head>
<title>Story Time</title>
<link type="text/css" rel="stylesheet" href="../Stylesheet/bootstrap.css">
</head>
<body class="container" style="background-image: url(../Pictures/background_body.jpg); height: 400px";>
<div class="row">
<div class="col-md-12 well" style="background-image: url(../Pictures/background_head.jpg); background-position: center bottom">
<h1 id="main-h1">List of Stories</h1>
<h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3>
<h3 id="main-h3">It's up to you to decide your own fate.</h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="../introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="../First/1.1.html">For You, I Would</a>
<a href="../Second/2.1.html">Just Friends</a>
<a href="../Third/3.1.html">The Interviews</a>
<a href="../Fourth/4.1.html">Sincerely, Yours</a>
<a href="../Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="../Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="../About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="../Sources.html">Sources</a></h2>
</ul>
<div class="row">
<div class="col-md-12 well">
<h1><center><b>"For You, I Would"</b></center></h1>
<p>You decide to stay with her for a longer while because come on, you still have a crush on her and you just want to cherish the time that she's with you.<br><br>
Both of you talk about what you have been doing after college. You learn that she moved to Singapore after she graduated to look for work and actually looking forward to stay there. <br><br>
She tells you about tech companies in Singapore who's actually looking for employees to work there and she asked you if you're actually interested in working there.<br><br>
For you, you thought that she's dropping hints that she wants you to live in Singapore. It's a win-win for you because you'll be living and probably hang-out everyday with her. And to think, it has been your dream to be with this woman ever since you met her.<br><br>
But of course, you mention a friend of yours who's also offering you a job also in Makati. <br><br>
You see her sad of the news...<br><br>
What do you do?</p>
<div class="col-mid-6 well">
<p>Reassure her and tell her that you want the Singapore job better than the Makati.<br>
<a href="1.1baaa.html">Click Here.</a></p>
</div>
<div class="col-mid-6 well">
<p>Tell her that you'll see which one will have better benefits for you.<br>
<a href="1.1baab.html">Click Here.</a></p>
</div>
</div>
</body>
</html>
<!Doctype html>
<html>
<head>
<title>Story Time</title>
<link type="text/css" rel="stylesheet" href="../Stylesheet/bootstrap.css">
</head>
<body class="container" style="background-image: url(../Pictures/background_body.jpg); height: 400px";>
<div class="row">
<div class="col-md-12 well" style="background-image: url(../Pictures/background_head.jpg); background-position: center bottom">
<h1 id="main-h1">List of Stories</h1>
<h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3>
<h3 id="main-h3">It's up to you to decide your own fate.</h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="../introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="../First/1.1.html">For You, I Would</a>
<a href="../Second/2.1.html">Just Friends</a>
<a href="../Third/3.1.html">The Interviews</a>
<a href="../Fourth/4.1.html">Sincerely, Yours</a>
<a href="../Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="../Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="../About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="../Sources.html">Sources</a></h2>
</ul>
<div class="row">
<div class="col-md-12 well">
<h1><center><b>"For You, I Would"</b></center></h1>
<p>You reassure her that the Singapore job is much better mainly because it is in Singapore and I'll be very much off especially in a very progressive country.<br><br>
You notice that a smile appeared on her face when you chose job in Singapore is much better than the one in Makati. You ask yourself, why though? Why the sudden change of mood?<br><br>
You just shrug off the questions in your head and just continue in the conversation. You ask her about her future aspirations and especially since she was a dancer, you ask her if she wants to pursue her talent.<br><br>
You talked for hours - laughing and drinking to your heart's delight until her phone rang. She told you that her parents were calling and she will get picked up in Mcdonald's in a few hours.<br><br>
Being a good friend, you accompany her going to Mcdonald's. Since it was kind of cold outside of Papu's and there weren't many cars, you guys decide to go to Mcdonald's.<br><br>
What do you do?</p>
<div class="col-mid-6 well">
<p>Just walk along the sidewalks.<br>
<a href="1.1bbbaa.html">Click Here.</a></p>
</div>
</div>
</body>
</html>
<!Doctype html>
<html>
<head>
<title>Story Time</title>
<link type="text/css" rel="stylesheet" href="../Stylesheet/bootstrap.css">
</head>
<body class="container" style="background-image: url(../Pictures/background_body.jpg); height: 400px";>
<div class="row">
<div class="col-md-12 well" style="background-image: url(../Pictures/background_head.jpg); background-position: center bottom">
<h1 id="main-h1">List of Stories</h1>
<h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3>
<h3 id="main-h3">It's up to you to decide your own fate.</h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="../introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="../First/1.1.html">For You, I Would</a>
<a href="../Second/2.1.html">Just Friends</a>
<a href="../Third/3.1.html">The Interviews</a>
<a href="../Fourth/4.1.html">Sincerely, Yours</a>
<a href="../Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="../Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="../About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="../Sources.html">Sources</a></h2>
</ul>
<div class="row">
<div class="col-md-12 well">
<h1><center><b>"For You, I Would"</b></center></h1>
<p>You explain why it is best to see the options first. Besides, it is much better to establish yourself first here in the Philippines.<br><br>
She understands your explanation and later on, just laughed because there was an awkward tension between you guys. She starts off with asking your plans in the future. You answer with very much open-ended answers that means no sense at all. <br><br>
She notices it and just made it look like a joke and you guys just laughed about it. You mentioned that alcohol may have played its part but in all honesty, when she mentioned Singapore, every plan you had crumbled because she's the only thing you could think about.<br><br>
You talked for hours - laughing and drinking to your heart's delight until her phone rang. She told you that her parents were calling and she will get picked up in Mcdonald's in a few hours.<br><br>
Being a good friend, you accompany her going to Mcdonald's. Since it was kind of cold outside of Papu's and there weren't many cars, you guys decide to go to Mcdonald's.<br><br>
What do you do?</p>
<div class="col-mid-6 well">
<p>Just walk along the sidewalks.<br>
<a href="1.1bbbaa.html">Click Here.</a></p>
</div>
</div>
</body>
</html>
<!Doctype html>
<html>
<head>
<title>Story Time</title>
<link type="text/css" rel="stylesheet" href="../Stylesheet/bootstrap.css">
</head>
<body class="container" style="background-image: url(../Pictures/background_body.jpg); height: 400px";>
<div class="row">
<div class="col-md-12 well" style="background-image: url(../Pictures/background_head.jpg); background-position: center bottom">
<h1 id="main-h1">List of Stories</h1>
<h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3>
<h3 id="main-h3">It's up to you to decide your own fate.</h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="../introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="../First/1.1.html">For You, I Would</a>
<a href="../Second/2.1.html">Just Friends</a>
<a href="../Third/3.1.html">The Interviews</a>
<a href="../Fourth/4.1.html">Sincerely, Yours</a>
<a href="../Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="../Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="../About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="../Sources.html">Sources</a></h2>
</ul>
<div class="row">
<div class="col-md-12 well">
<h1><center><b>"For You, I Would"</b></center></h1>
<p>You ask her if she wants to sit with you with Paul and with your friends. She told you that she rather stay near the bar counter.<br><br>
You tell her that you'll go with your friends first and you notice Elena go to the bar counter in Papu's but you think to yourself that maybe she was with some friends beside she was popular and she knew a lot of people who goes to Papu's all the time. She can manage being by herself for a while. <br><br>
You focus your attention to your professor saying something about a lecture he had where all his students were either asleep or noisy.You and Paul laugh at the stories and something caught your attention.<br><br>
A guy was approaching Elena. By the looks of it, the guy wants to introduce himself and talk to her. <br><br>
You decide to... </p>
<div class="col-mid-6 well">
<p>You ignore the fact that there was a guy who will talk to Elena and you just stay in the group.<br>
<a href="1.1bbb.html">Click Here.</a></p>
</div>
</div>
</body>
</html>
<!Doctype html>
<html>
<head>
<title>Story Time</title>
<link type="text/css" rel="stylesheet" href="../Stylesheet/bootstrap.css">
</head>
<body class="container" style="background-image: url(../Pictures/background_body.jpg); height: 400px";>
<div class="row">
<div class="col-md-12 well" style="background-image: url(../Pictures/background_head.jpg); background-position: center bottom">
<h1 id="main-h1">List of Stories</h1>
<h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3>
<h3 id="main-h3">It's up to you to decide your own fate.</h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="../introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="../First/1.1.html">For You, I Would</a>
<a href="../Second/2.1.html">Just Friends</a>
<a href="../Third/3.1.html">The Interviews</a>
<a href="../Fourth/4.1.html">Sincerely, Yours</a>
<a href="../Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="../Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="../About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="../Sources.html">Sources</a></h2>
</ul>
<div class="row">
<div class="col-md-12 well">
<h1><center><b>"For You, I Would"</b></center></h1>
<p>You notice Elena go to the bar counter in Papu's but you think to yourself that maybe she was with some friends beside she was popular and she knew a lot of people who goes to Papu's all the time. She can manage being by herself for a while. <br><br>
You focus your attention to your professor saying something about a lecture he had where all his students were either asleep or noisy. You and Paul laugh at the stories and something caught your attention.<br><br>
A guy was approaching Elena. By the looks of it, the guy wants to introduce himself and talk to her.
You decide to... </p>
<div class="col-mid-6 well">
<p>Approach her and talk to her and intercept the guy.<br>
<a href="1.1ba.html">Click Here.</a></p>
</div>
<div class="col-mid-6 well">
<p>You ignore the fact that there was a guy who will talk to Elena and you just stay in the group.<br>
<a href="1.1bbb.html">Click Here.</a></p>
</div>
</div>
</body>
</html>
<!Doctype html>
<html>
<head>
<title>Story Time</title>
<link type="text/css" rel="stylesheet" href="../Stylesheet/bootstrap.css">
</head>
<body class="container" style="background-image: url(../Pictures/background_body.jpg); height: 400px";>
<div class="row">
<div class="col-md-12 well" style="background-image: url(../Pictures/background_head.jpg); background-position: center bottom">
<h1 id="main-h1">List of Stories</h1>
<h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3>
<h3 id="main-h3">It's up to you to decide your own fate.</h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="../introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="../First/1.1.html">For You, I Would</a>
<a href="../Second/2.1.html">Just Friends</a>
<a href="../Third/3.1.html">The Interviews</a>
<a href="../Fourth/4.1.html">Sincerely, Yours</a>
<a href="../Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="../Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="../About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="../Sources.html">Sources</a></h2>
</ul>
<div class="row">
<div class="col-md-12 well">
<h1><center><b>"For You, I Would"</b></center></h1>
<p>You let the guy approach Elena a while ago and now, you see them enjoy a conversation with each other. For you, it's nothing more of a disappoint for yourself but you made yourself think that any guy would have been better off with Elena other than yourself.<br><br>
You drown yourself in alcohol with your friends around you - singing, talking and sometimes screaming to the loud music and to the people around you. It is nice to be finally releasing some emotions and not just bottled up inside you.<br><br>
You continue talking for a few hours when suddenly you feel a tap on the shoulder...<br><br>
You look up and see Elena telling you that she wants to talk to you before she leaves...<br><br>
What do you do...</p>
<div class="col-mid-6 well">
<p>Excuse yourself from your group and talk to her.<br>
<a href="1.1bbba.html">Click Here.</a></p>
</div>
<div class="col-mid-6 well">
<p>Tell her to whisper it to you because you feel intoxicated from all the alcohol you have drank.<br>
<a href="1.1bbbab.html">Click Here.</a></p>
</div>
</div>
</body>
</html>
<!Doctype html>
<html>
<head>
<title>Story Time</title>
<link type="text/css" rel="stylesheet" href="../Stylesheet/bootstrap.css">
</head>
<body class="container" style="background-image: url(../Pictures/background_body.jpg); height: 400px";>
<div class="row">
<div class="col-md-12 well" style="background-image: url(../Pictures/background_head.jpg); background-position: center bottom">
<h1 id="main-h1">List of Stories</h1>
<h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3>
<h3 id="main-h3">It's up to you to decide your own fate.</h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="../introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="../First/1.1.html">For You, I Would</a>
<a href="../Second/2.1.html">Just Friends</a>
<a href="../Third/3.1.html">The Interviews</a>
<a href="../Fourth/4.1.html">Sincerely, Yours</a>
<a href="../Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="../Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="../About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="../Sources.html">Sources</a></h2>
</ul>
<div class="row">
<div class="col-md-12 well">
<h1><center><b>"For You, I Would"</b></center></h1>
<p>You excuse yourself from your table - a table full of people who are drunk and singing at the same time. You pat yourself at the back mentally for staying sober this whole time.<br><br>
You stand up from your chair and follow Elena to the gate before she leaves. She says - "Hey Gian, I'm gonna get picked up in Mcdonalds in an hour or two. I'm wondering if you want to come with."<br><br>
In your head, you debate with yourself whether or not you go to Mcdo with her.<br><br>
What do you do...</p>
<div class="col-mid-6 well">
<p>Go with Elena to Mcdo.<br>
<a href="1.1bbbaa.html">Click Here.</a></p>
</div>
<div class="col-mid-6 well">
<p>Make a lame excuse saying that you have to stay with Paul and friends because you're one of the few who is still sober and you have to take care of them.<br>
<a href="1.1bbbab.html">Click Here.</a></p>
</div>
</div>
</body>
</html>
<!Doctype html>
<html>
<head>
<title>Story Time</title>
<link type="text/css" rel="stylesheet" href="../Stylesheet/bootstrap.css">
</head>
<body class="container" style="background-image: url(../Pictures/background_body.jpg); height: 400px";>
<div class="row">
<div class="col-md-12 well" style="background-image: url(../Pictures/background_head.jpg); background-position: center bottom">
<h1 id="main-h1">List of Stories</h1>
<h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3>
<h3 id="main-h3">It's up to you to decide your own fate.</h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="../introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="../First/1.1.html">For You, I Would</a>
<a href="../Second/2.1.html">Just Friends</a>
<a href="../Third/3.1.html">The Interviews</a>
<a href="../Fourth/4.1.html">Sincerely, Yours</a>
<a href="../Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="../Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="../About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="../Sources.html">Sources</a></h2>
</ul>
<div class="row">
<div class="col-md-12 well">
<h1><center><b>"For You, I Would"</b></center></h1>
<p>You walk side by side with each other. Since it was 2 am in the morning, there were less cars on the road and she wanted to walk in the middle of the road.<br><br>
Being a little bit intoxicated, you agreed to do so. Since you were walking in zig-zag, she held your hand in attempt to make you walk straight. You looked at your entangled hands and you look at her and smiled.<br><br>
When you arrived in Mcdonalds, there weren't many people so the table with the lights was vacant. You pull her to the table with lights and you just talked to each other.<br><br>
You decide to...</p>
<div class="col-mid-6 well">
<p>Order 2 McFlurries<br>
<a href="1.1bbbaaa.html">Click Here.</a></p>
</div>
<div class="col-mid-6 well">
<p>Order 2 Sundae Cones<br>
<a href="1.1bbbabb.html">Click Here.</a></p>
</div>
</div>
</body>
</html>
<!Doctype html>
<html>
<head>
<title>Story Time</title>
<link type="text/css" rel="stylesheet" href="../Stylesheet/bootstrap.css">
</head>
<body class="container" style="background-image: url(../Pictures/background_body.jpg); height: 400px";>
<div class="row">
<div class="col-md-12 well" style="background-image: url(../Pictures/background_head.jpg); background-position: center bottom">
<h1 id="main-h1">List of Stories</h1>
<h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3>
<h3 id="main-h3">It's up to you to decide your own fate.</h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="../introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="../First/1.1.html">For You, I Would</a>
<a href="../Second/2.1.html">Just Friends</a>
<a href="../Third/3.1.html">The Interviews</a>
<a href="../Fourth/4.1.html">Sincerely, Yours</a>
<a href="../Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="../Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="../About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="../Sources.html">Sources</a></h2>
</ul>
<div class="row">
<div class="col-md-12 well">
<h1><center><b>"For You, I Would"</b></center></h1>
<p>Coming back with 2 McFlurries - 1 Oreo and 1 Matcha...She chooses the Matcha because she always like that flavor. While eating, you chuckle as you remember a random memory of her eating all of your ice cream in the same place...<br><br>
She notices your low chuckle and suddenly interlocks her hand with you. You look up at her and she speaks - "You know, it's really been a while since we have done this...being close to each other and all; I actually miss this."<br><br>
She continues - "I'll be going back to Singapore in a week; maybe we can again hang out soon before I head back to Singapore."<br><br>
You say - "Of course, just like old times. And you know, there's still possibility that I would work in Singapore...just wanted to let you know."<br><br>
She smiles genuinely and hugs you and with that, you know by then that this was meant to be...<br><br>
<a href="../introduction.html">The End.</a></p>
</div>
</div>
</body>
</html>
<!Doctype html>
<html>
<head>
<title>Story Time</title>
<link type="text/css" rel="stylesheet" href="../Stylesheet/bootstrap.css">
</head>
<body class="container" style="background-image: url(../Pictures/background_body.jpg); height: 400px";>
<div class="row">
<div class="col-md-12 well" style="background-image: url(../Pictures/background_head.jpg); background-position: center bottom">
<h1 id="main-h1">List of Stories</h1>
<h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3>
<h3 id="main-h3">It's up to you to decide your own fate.</h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="../introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="../First/1.1.html">For You, I Would</a>
<a href="../Second/2.1.html">Just Friends</a>
<a href="../Third/3.1.html">The Interviews</a>
<a href="../Fourth/4.1.html">Sincerely, Yours</a>
<a href="../Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="../Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="../About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="../Sources.html">Sources</a></h2>
</ul>
<div class="row">
<div class="col-md-12 well">
<h1><center><b>"For You, I Would"</b></center></h1>
<p>You continue drinking with the remaining sober friends. You can't shake the fact that everything was a wasted opportunity. There were so many chances to talk to Elena yet you still choose to ignore her.<br><br>
You begin asking yourself on why you do it...<br><br>
It is now 2 in the morning and you start walking back to your condo. As you walk in the dark street, you begin to think of Elena. What would have happened tonight if you just talked to her? What would have happened tonight if you had guts to approach her? Maybe this night wouldn't be that wasted like you...<br><br>
Because you have to admit, for her, you would do anything to do it all over again...<br><br>
<a href="../introduction.html">The End</a>
</body>
</html>
<!Doctype html>
<html>
<head>
<title>Story Time</title>
<link type="text/css" rel="stylesheet" href="../Stylesheet/bootstrap.css">
</head>
<body class="container" style="background-image: url(../Pictures/background_body.jpg); height: 400px";>
<div class="row">
<div class="col-md-12 well" style="background-image: url(../Pictures/background_head.jpg); background-position: center bottom">
<h1 id="main-h1">List of Stories</h1>
<h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3>
<h3 id="main-h3">It's up to you to decide your own fate.</h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="../introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="../First/1.1.html">For You, I Would</a>
<a href="../Second/2.1.html">Just Friends</a>
<a href="../Third/3.1.html">The Interviews</a>
<a href="../Fourth/4.1.html">Sincerely, Yours</a>
<a href="../Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="../Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="../About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="../Sources.html">Sources</a></h2>
</ul>
<div class="row">
<div class="col-md-12 well">
<h1><center><b>"For You, I Would"</b></center></h1>
<p>Coming back with 2 Sundae Cones...You see her sad holding her phone in hand. You give her the sundae cone and ask her what's wrong.<br><br>
She says - "I'll be going back to Singapore in a week and I'm gonna miss this. (gestures the both of you)." <br><br>
She continues - "I'm afraid that when I leave for Singapore, we'll both forget all of this and we'll go back to not talking again."<br><br>
You lift her face and look into her eyes and you say - "Everything is gonna be alright." then you kiss her.<br><br>
<a href="../introduction.html">The End.</a></p>
</div>
</div>
</body>
</html>
<!Doctype html>
<html>
<title>Other Works</title>
<link type="text/css" rel="stylesheet" href="Stylesheet/bootstrap.css">
<body class="container" style="background-image: url(Pictures/background_otherworks.jpg); background-position: center right;">
<div class="row">
<div class="col-md-12">
<h1 style="color: #39cccc; font-family: 'Baskerville'; text-align: center;">Poems</h1>
<h4 style="color: #7FDBFF; font-family: 'Baskerville'; text-align: center;">by: <b>Vianne Borja</b></h3>
<h6 id="main-h3"><a href="http://bloodylocks.tumblr.com/tagged/poetry">Read more here</a></h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="First/1.1.html">For You, I Would</a>
<a href="Second/2.1.html">Just Friends</a>
<a href="Third/3.1.html">The Interviews</a>
<a href="Fourth/4.1.html">Sincerely, Yours</a>
<a href="Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="Sources.html">Sources</a></h2>
</ul>
<div class="row">
<div class="col-md-6 well" style="background-image: url(Pictures/LetMe_background.jpg); height: 700px;">
<h1 style="font-family: 'Courier'; color: white;">Let me</h1>
<br>
<p id="first-p">let me love you. </p>
<p id="first-p">let my 6-year old self know the 8-year old you. </p>
<p id="first-p">let my fingers be familiar with the bumps on your face. </p>
<p id="first-p">let my 13-year old self comfort you when you had your first heartbreak. </p>
<p id="first-p">let my body give the warmth you need when you are lonely. </p>
<p id="first-p">let my legs run away with yours. </p>
<p id="first-p">let my fists break your walls. </p>
<br>
<br>
<br>
<br>
<br>
<p id="first-p">just let me. </p>
<p id="first-p">please.</p>
</div>
<div class="col-md-6 well" style="font-family: 'Georgia'; background-image: url(Pictures/Drop_background.jpg); background-position: center; height: 700px;">
<h1 style="font-family: 'Courier'; color: white;">Drip Drop... Dive</h1>
<br>
<p id="first-p"><i>drip drop</i></p>
<p id="first-p">i count the droplets that dived through the puddle</p>
<p id="first-p">ripples form</p>
<br>
<p id="first-p"><i>drip drop</i></p>
<br>
<p id="first-p">i die inside</p>
<p id="first-p">like droplets i have wanted you</p>
<p id="first-p">to atleast descend through the drowning parts of myself</p>
<br>
<p id="first-p"><i>drip drop</i></p>
<br>
<p id="first-p">by a single drop of you</p>
<p id="first-p">by a small courage</p>
<p id="first-p">by a little faith</p>
<br>
<p id="first-p"><i>drip drop</i></p>
<br>
<p id="first-p">take a dive</p>
<p id="first-p">i am the puddle.</p>
</div>
</div>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<title>Story Time</title>
<link type="text/css" rel="stylesheet" href="Stylesheet/bootstrap.css">
</head>
<body class="container" style="background-image: url(Pictures/background_body.jpg); height: 400px";>
<div class="row">
<div class="col-md-12 well" style="background-image: url(Pictures/background_head.jpg); background-position: center bottom">
<h1 id="main-h1">List of Stories</h1>
<h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3>
<h3 id="main-h3">It's up to you to decide your own fate.</h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="First/1.1.html">For You, I Would</a>
<a href="Second/2.1.html">Just Friends</a>
<a href="Third/3.1.html">The Interviews</a>
<a href="Fourth/4.1.html">Sincerely, Yours</a>
<a href="Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="Sources.html">Sources</a></h2>
</ul>
<ol>
<div class="row">
<div class="col-md-12 well" style="background-color: lightblue">
<li>All photos come from their respective owners. I don't own any of the photos used in this project.</li>
<li>All the poems belong from a friend and was allowed to access her tumblr page to use the content for the webpage</li>
<li>Dropdown Hover: http://www.tutorialrepublic.com/faq/show-hide-dropdown-menu-on-mouse-hover-using-css.php</li>
<li>Dropdown Element: http://stackoverflow.com/questions/29732488/how-to-get-a-drop-down-menu-to-overlay-other-elements</li>
</div>
</div>
</ol>
</body>
</html>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
body
{
font-family: "arial";
}
h1
{
color: #2e2e2e;
font-size: 50px;
text-align: center;
font-family: "Times New Roman";
}
#main-h2
{
text-align: center;
}
<!Doctype html>
<html>
<head>
<title>Story Time</title>
<link type="text/css" rel="stylesheet" href="Stylesheet/bootstrap.css">
</head>
<body class="container" style="background-image: url(Pictures/background_body.jpg); height: 400px";>
<div class="row">
<div class="col-md-12 well" style="background-image: url(Pictures/background_head.jpg); background-position: center bottom">
<h1 id="main-h1">List of Stories</h1>
<h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3>
<h3 id="main-h3">It's up to you to decide your own fate.</h3>
</div>
</div>
<ul id="main menu">
<h2 class="menu-item"><a href="introduction.html">Homepage</a></h2>
<div class="dropdown">
<h2 class="menu-item"><a href="#stories">Stories</a></h2>
<div class="dropdown-content">
<a href="First/1.1.html">For You, I Would</a>
<a href="Second/2.1.html">Just Friends</a>
<a href="Third/3.1.html">The Interviews</a>
<a href="Fourth/4.1.html">Sincerely, Yours</a>
<a href="Fifth/5.1.html">Rainbow</a>
</div>
</div>
<h2 class="menu-item"><a href="Other_Works.html">Other Works</a></h2>
<h2 class="menu-item"><a href="About_Us.html">About Us</a></h2>
<h2 class="menu-item"><a href="Sources.html">Sources</a></h2>
</ul>
<div class="row">
<div class="col-md-6 well" style="background-image: url(Pictures/background_1st.png); height: 292px";>
<h2 id="main1st-h2"><b>For You, I Would</b></h2>
<p style="color: #d0b987;">Gian was a nerd. He has everything already including friends, technology, business, and all the time of his life. He was very much happy with what he has. But one thing is missing...</p>
<center>
<div class="col-md-12 well">
<h4><a href="First/1.1.html">Start</a></h4>
</div>
</center>
</div>
<div class="col-md-6 well" style="background-image: url(Pictures/background_2nd.png)">
<h2 id="main2nd-h2"><b>Just Friends</b></h2>
<p style="color: #9c6033">When school started, it is easy to forget the responsibilities we have through other things like extra-curriculars or maybe by the people we call "friends"...</p>
<center>
<div class="col-md-12 well">
<h4><a href="Second/2.1.html">Start</a></h4>
</div>
</center>
</div>
</div>
<div class="row">
<div class="col-md-4 well" style="background-image: url(Pictures/background_3rd.jpg)">
<h2 id="main3rd-h2"><b>The Interviews</b></h2>
<p style="color: #ffffe0">Recweek is coming and Tony still doesn't know what organization to join. He is confused which one he'll join besides God knows what will happen to him...</p>
<center>
<div class="col-md-12 well">
<h4><a href="Third/3.1.html">Start</a></h4>
</div>
</center>
</div>
<div class="col-md-4 well" style="background-image: url(Pictures/background_4th.jpg)">
<h2 id="main4th-h2">Sincerely, Yours</h2>
<p>Steve received a letter from an anonymous. He later seeks out the person who sent him the letter. The letter though is filled with confessions of love...</p>
<center>
<div class="col-md-12 well">
<h4><a href="Fourth/4.1.html">Start</a></h4>
</div>
</center>
</div>
<div class="col-md-4 well" style="background-image: url(Pictures/background_5th.jpg)">
<h2 id="main5th-h2">Rainbow</h2>
<p>Renzo is an Atenean. He went out with his friends in Walrus one night and he met some new friends. All of which are from different universities...</p>
<center>
<div class="col-md-12 well">
<h4><a href="Fifth/5.1.html">Start</a></h4>
</div>
</center>
</div>
</div>
</body>
</html>
\ 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