Commit 861950bd authored by Jego Reyes's avatar Jego Reyes

my homework

parent 346698ba
<!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 diff is collapsed.
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