Skip to content

S
submissions
Commit a6ab7597 authored by Jarod Christian Catolico's avatar Jarod Christian Catolico
Browse files
Options

homework added

parent c8e1ba34
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 7780 additions and 0 deletions
144768/hw1/about.html 0 → 100644
View file @ a6ab7597
<!DOCTYPE html>
<html>
<head>
<title>About You</title>
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css">
</head>
<body id="about-body" class="container">
<h1 id="h1-about" align="center"> About You</h1>
<link rel="stylesheet" type="text/css" href="stylesheets/style.css">
<div class="row">
<div clas="col-md-12">
<img id="img-about" src="images/jarod.jpg" width="600" height="400">
</div>
</div>
<p id="paragraph-about">
Your name is Jarod--"a super-genius polymath with eidetic memory who has the ability to be anyone, learn any skill and function in any situation--a chameleon who takes on identities as easily as most people change clothes."
Your name actually comes from a Television Series entitled "The Pretender" from which this description originated.
<br>
<br>
You are a jack-of-all-trades kind of person. You are a performer--you know how to sing, play several musical instruments, dance ballroom, act (however not so refined). In your younger days, you were also a debater--both a speaker and a scribe. You were not fond of writing, but due to the inevitability of change, you are now a budding author.
<br>
<br>
Given the impossibility of time-travel and disruption of the time-space continuum, <br> you have resorted to the manipulation of time in a literary context.
<br>
<br>
Taking up the degree Bachelor of Science in Management Information Systems, <br> you are currently a third year college student at the Ateneo de Manila University.
<br>
<br>
One day, on a Thursday, your professor--in a subject of the same name as your degree--asked you to create a game. <br> It's called, "Choose Your Own Adventure."
<br>
<br>
Trying to maintain an excellent start in the semester, you have thought deeply about what to do, now that you have been given a task.
</p>
<h2 id="h2-will"> You will...</h2>
<div class="row">
<ul id="main-menu">
<div class="col-md-3">
<li class="menu-item">
<p align="center">
<a href="choices/download.html">
Download the Latest Episde of Bones
</a>
</p>
</li>
</div>
<div class="col-md-3">
<li class="menu-item">
<p align="center">
<a href="choices/play.html">
Play MU Online
</a>
</p>
</li>
</div>
<div class="col-md-3">
<li class="menu-item">
<p align="center">
<a href="choices/start.html">
Start Early with the Homework
</a>
</p>
</li>
</div>
<div class="col-md-3">
<li class="menu-item">
<p align="center">
<a href="warningpage.html">
Go Back to the Home Page
</a>
</p>
</li>
</div>
</ul>
</div>
</body>
</html>
\ No newline at end of file
144768/hw1/choices/continue.html 0 → 100644
View file @ a6ab7597
<!DOCTYPE html>
<html>
<head>
<title>Continue</title>
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css">
</head>
<body id="about-body" class="container">
<h1 id="h1-download" align="center">Continue Doing the Homework Even If It Is Against Your Will</h1>
<link rel="stylesheet" type="text/css" href="../stylesheets/style.css">
<p id="paragraph-downloadmore">
Trying to experiment with your industriousness and creativity, you continued to do the homework even if it's against your will. It really took you a very long time, even more than one day, just to finish it. Your poor performance resulted from not really being interested of what you are doing and from the many distractions you encountered along the way.
<div class="row">
<div clas="col-md-12">
<img id="img-continue" src="../images/stressed.jpg" width="900" height="500">
</div>
</div>
</p>
<p id="paragraph-downloadmore-2">
You always thought that doing things that you didn't like will not do any better...<br> and since you pushed on, you knew that the output wouldn't be good enough.
<br>
<div id="img-clock" class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/upset.gif" width="700" height="300">
</div>
</div>
</p>
<p id="paragraph-downloadmore-3">
Submission day came and you were able to pass the homework on time. However, due to your unwillingness to put in proper effort, your homework only got a B.
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/b.gif" width="900" height="500">
</div>
</div>
</p>
<p id="paragraph-downloadmore-3">
After learning your score, you prayed and thanked God.
<div id="img-clock" class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/pray.jpg" width="700" height="300">
</div>
</div>
</p>
<p id="paragraph-downloadmore-3">
Thinking to yourself, "at least, I still got a decent grade."
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/satisfied.jpg" width="900" height="500">
</div>
</div>
<h1 id="h1-downloadmore">FIN</h1>
</p>
<div>
<ul>
<div class="col-md-12">
<li class="menu-downloadmore">
<p align="center">
<a href="../warningpage.html">
Go Back to the Home Page
</a>
</p>
</li>
</div>
</ul>
</div>
</body>
</html>
\ No newline at end of file
144768/hw1/choices/dohomework1.html 0 → 100644
View file @ a6ab7597
<!DOCTYPE html>
<html>
<head>
<title>MIS Homework</title>
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css">
</head>
<body id="about-body" class="container">
<h1 id="h1-download" align="center">Do the MIS Homework</h1>
<link rel="stylesheet" type="text/css" href="../stylesheets/style.css">
<p id="paragraph-dohomework1">
Being the responsible student that you are, you restrained yourself from watching more and proceeded to do your MIS homework.
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/mishw1.jpg" width="900" height="500">
</div>
</div>
</p>
<p id="paragraph-dohomework1-2">
It took you 7 long hours to finish everything, from creating the story to coding in HTML and CSS but everything went well and you were able to pass the HW on time.<br>
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/htmlcss.jpg" width="900" height="500">
</div>
</div>
</p>
<p id="paragraph-dohomework1-3">
Your professor told you that it deserves an A... and you got the A. Congratulations!
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/overjoyed.jpg" width="900" height="500">
</div>
</div>
<h1 id="h1-downloadmore">FIN</h1>
</p>
<div>
<ul>
<div class="col-md-12">
<li class="menu-downloadmore">
<p align="center">
<a href="../warningpage.html">
Go Back to the Home Page
</a>
</p>
</li>
</div>
</ul>
</div>
</body>
</html>
\ No newline at end of file
144768/hw1/choices/download.html 0 → 100644
View file @ a6ab7597
<!DOCTYPE html>
<html>
<head>
<title>Download Bones</title>
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css">
</head>
<body id="about-body" class="container">
<h1 id="h1-download" align="center">Download the Latest Episode of Bones</h1>
<link rel="stylesheet" type="text/css" href="../stylesheets/style.css">
<p id="paragraph-download">
Another good thing to note about you is that you're not just a student stuck in performing scholarly work inside the academe. <br> You are also a geek--you laugh at the weirdest and farfetched jokes especially when it involves science, music, pop culture, <br> and actually anything under the sun--as long as it is witty.
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/bones.jpg" width="900" height="500">
</div>
</div>
</p>
<p id ="paragraph-download-2">
Bones is an American TV series that is like another version of CSI and NCIS, only that it's funnier and much more comedic. <br>
Because you love Bones so much, instead of doing your task, you simply chose to download the latest episode of Bones from the internet and decided to "sit back, relax, and enjoy the show."
<br>
<br>
Overjoyed with all the geekiness, you felt like you wanted to watch more, whether movies or series. <br> <br>
</p>
<h2 id="h2-decide-1">You decided to:</h2>
<div class="row">
<ul id="main-menu">
<div class="col-md-4">
<li class="menu-download">
<p align="center">
<a href="downloadmore.html">
Download More Stuff to Watch
</a>
</p>
</li>
</div>
<div class="col-md-4">
<li class="menu-download">
<p align="center">
<a href="dohomework1.html">
Do the MIS Homework
</a>
</p>
</li>
</div>
<div class="col-md-4">
<li class="menu-download">
<p align="center">
<a href="../warningpage.html">
Go Back to the Home Page
</a>
</p>
</li>
</div>
</ul>
</div>
</body>
</html>
\ No newline at end of file
144768/hw1/choices/downloadmore.html 0 → 100644
View file @ a6ab7597
<!DOCTYPE html>
<html>
<head>
<title>Download More</title>
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css">
</head>
<body id="about-body" class="container">
<h1 id="h1-download" align="center">Download More Stuff to Watch</h1>
<link rel="stylesheet" type="text/css" href="../stylesheets/style.css">
<p id="paragraph-downloadmore">
You proceeded to download all those you thought were good.
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/downloadmore.jpg" width="900" height="500">
</div>
</div>
</p>
<p id="paragraph-downloadmore-2">
You watched movies and started watching 'Friends' during the weekend. <br>You got so carried away with watching that you completely forgot that you still have something to do. <br>
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/friends.jpg" width="900" height="500">
</div>
</div>
</p>
<p id="paragraph-downloadmore-3">
You went to school on Monday, acing your STAT 107 long test 1 but only remembered that you have to submit your MIS homework <br>on the same day as you were entering Faura Hall.<br> <br> You still went to class and listened to the lecture. As your professor was discussing, deep inside you were hurting.
You blamed yourself greatly for not being able to do your homework. You got so stressed with what you have (or haven't) done. Because of this, you collapsed.
<h1 id="h1-downloadmore">FIN</h1>
</p>
<div>
<ul>
<div class="col-md-12">
<li class="menu-downloadmore">
<p align="center">
<a href="../warningpage.html">
Go Back to the Home Page
</a>
</p>
</li>
</div>
</ul>
</div>
</body>
</html>
\ No newline at end of file
144768/hw1/choices/noalarm.html 0 → 100644
View file @ a6ab7597
<!DOCTYPE html>
<html>
<head>
<title>No Alarm</title>
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css">
</head>
<body id="about-body" class="container">
<h1 id="h1-download" align="center">Continue Playing Without Setting an Alarm</h1>
<link rel="stylesheet" type="text/css" href="../stylesheets/style.css">
<p id="paragraph-downloadmore">
You continued playing MU and even got your Dark Knight, Dark Wizard, and Elf to evolve into a Blade Knight, Soul Master, and Muse Elf respectively. You were also able to loot wings for them from the +5 Box of Kunduns that you bought from the merchant.
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/mu2.jpg" width="900" height="500">
</div>
</div>
<div class="row">
<div clas="col-md-6 well">
<img id="img-setalarm" src="../images/mu3.jpg" width="800" height="300">
</div>
<div clas="col-md-6 well">
<img id="img-setalarm" src="../images/wings.jpg" width="800" height="300">
</div>
</div>
</p>
<p id="paragraph-downloadmore-2">
After several hours of playing, you realized that it was already 5 AM the next day. Having thought of this, you felt lightheaded first and experienced severe headaches after.
You drank all the medicine at your disposal and felt that it would be better to just rest. <br><br>You remembered that you still have a homework to do but thought that "my health is more important" and so you kept on resting. You didn't get well until after Sunday evening.
<br>
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/headache.jpg" width="900" height="500">
</div>
</div>
</p>
<p id="paragraph-downloadmore-3">
You went to school on Monday, not being able to prepare for any of your exams, quizzes, and other requirements due on that day.
</p>
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/que_sera_sera.jpg" width="900" height="500">
</div>
</div>
<p id="paragraph-downloadmore-3">
Being the optimist that you are, you believed that everything will fall into place in the future, and that everything that happens in your life has a purpose. Before you entered the classroom, you simply blurted out: "Que sera sera. Whatever will be, will be."
<h1 id="h1-downloadmore">FIN</h1>
</p>
<div>
<ul>
<div class="col-md-12">
<li class="menu-downloadmore">
<p align="center">
<a href="../warningpage.html">
Go Back to the Home Page
</a>
</p>
</li>
</div>
</ul>
</div>
</body>
</html>
\ No newline at end of file
144768/hw1/choices/play.html 0 → 100644
View file @ a6ab7597
<!DOCTYPE html>
<html>
<head>
<title>Play MU Online</title>
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css">
</head>
<body id="about-body" class="container">
<h1 id="h1-download" align="center">Play MU Online</h1>
<link rel="stylesheet" type="text/css" href="../stylesheets/style.css">
<p id="paragraph-play">
Oh, did I forget to mention? You're also a computer-game addict! More typically known as "gamer" which is the term used by people nowadays. You have played several games before like Gunbound, Ran Online, O2 Jam, Ragnarok Online, Flyff, Dragonica, Rose online, Battle Realms, The Sims, Grand Theft Auto: Vice City and San Andeas, and a whole lot more.
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/gamer.jpeg" width="900" height="500">
</div>
</div>
</p>
<p id ="paragraph-play2">
Apparently, before classes started, you decided to relive your younger self and went on to play one of your most favorite games of all time:<br> MU online. It is an MMORPG game, with 2D graphics that really brings out the mythology geek in you.
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/mu1.jpg" width="900" height="500">
</div>
</div>
</p>
<p id ="paragraph-play3">
Wanting to continue the gaming experience, you still played even though you had homework to do, finding yourself saying<br> "I guess playing for an hour or two won't bite. I still have 3 days before the homework is due." <br> <br>
</p>
<h2 id="h2-decide-1">You decided to:</h2>
<div class="row">
<ul id="main-menu">
<div class="col-md-4">
<li class="menu-download">
<p align="center">
<a href="setalarm.html">
Set an Alarm and Continue Playing Until It Goes Off
</a>
</p>
</li>
</div>
<div class="col-md-4">
<li class="menu-download">
<p align="center">
<a href="noalarm.html">
Continue Playing Without Setting An Alarm
</a>
</p>
</li>
</div>
<div class="col-md-4">
<li class="menu-download">
<p align="center">
<a href="../warningpage.html">
Go Back to the Home Page
</a>
</p>
</li>
</div>
</ul>
</div>
</body>
</html>
\ No newline at end of file
144768/hw1/choices/procrastinate.html 0 → 100644
View file @ a6ab7597
<!DOCTYPE html>
<html>
<head>
<title>Procrastinate</title>
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css">
</head>
<body id="about-body" class="container">
<h1 id="h1-download" align="center">Just Relax, Sleep, and Procrastinate</h1>
<link rel="stylesheet" type="text/css" href="../stylesheets/style.css">
<p id="paragraph-downloadmore">
Because the first week of summer classes has just ended, you still thought that you were so tired and believe that it would be best to just relax, sleep, and continue procrastinating.
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/procrastinate.jpg" width="900" height="500">
</div>
</div>
</p>
<p id="paragraph-downloadmore-2">
After a few hours, you remembered how expensive your tuition fee was for studying in the Ateneo. Bugged by your conscience, you started doing your MIS homework and took you quite a deal of time to finish it.
<br>
<div id="img-clock" class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/expensive.jpg" width="700" height="300">
</div>
</div>
</p>
<p id="paragraph-downloadmore-3">
Thankfully, you were able to input a fair amount of design and you were able to submit it on time.
<div id="img-clock" class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/design.jpg" width="700" height="300">
</div>
</div>
</p>
<p id="paragraph-downloadmore-3">
Your professor was entertained and he decided to give you a B+. Congratulations!
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/bplus.jpg" width="900" height="500">
</div>
</div>
</p>
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/happy.jpg" width="900" height="500">
</div>
</div>
<h1 id="h1-downloadmore">FIN</h1>
</p>
<div>
<ul>
<div class="col-md-12">
<li class="menu-downloadmore">
<p align="center">
<a href="../warningpage.html">
Go Back to the Home Page
</a>
</p>
</li>
</div>
</ul>
</div>
</body>
</html>
\ No newline at end of file
144768/hw1/choices/setalarm.html 0 → 100644
View file @ a6ab7597
<!DOCTYPE html>
<html>
<head>
<title>Set Alarm</title>
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css">
</head>
<body id="about-body" class="container">
<h1 id="h1-download" align="center">Set an Alarm and Continue Playing Till it Goes Off</h1>
<link rel="stylesheet" type="text/css" href="../stylesheets/style.css">
<p id="paragraph-downloadmore">
You continued playing MU and even got the complete armor set for your Blade Knight, Soul Master, and Muse Elf. You were also able to collect several Jewels of Bless and Soul to refine and upgrade your weapons and armor.
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/mu4.jpg" width="900" height="500">
</div>
</div>
</p>
<p id="paragraph-downloadmore-2">
After a few hours, your alarm went off and you remembered that you have a homework to do.
You looked at the clock and saw that it was already 12 AM. You thought it would be better to sleep and begin the homework tomorrow.
<br>
<div id="img-clock" class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/clock.jpg" width="700" height="300">
</div>
</div>
</p>
<p id="paragraph-downloadmore-3">
Waking up after 12 hours of sleep, you felt your neck hurting more than ever, realizing you got a stiff neck. Wanting to feel better, you took a bath, ate your lunch, and watched Bones. Feeling a little sleepy and desperate to getting your neck fixed, you went to sleep again--with your head tilted the opposite direction from where the pain was emanating.
<div id="img-clock" class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/sleep.jpg" width="700" height="300">
</div>
</div>
</p>
<p id="paragraph-downloadmore-3">
You woke up the next day and realized you only had one day left to do your homework.
Getting home from Church after the Worship Service, you kept your cool and tried to cram your homework.
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/cram.jpg" width="900" height="500">
</div>
</div>
</p>
<p id="paragraph-downloadmore-3">
At 3 PM, your sister came home, asking you to watch the latest movie, "Warcraft." Thinking that nothing good would result from a rushed homework, you decided to leave all behind and just go to the movies.
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/warcraft.jpg" width="900" height="500">
</div>
</div>
</p>
<p id="paragraph-downloadmore-3">
You went to class the next morning and took things lightly. Your STAT 107 long test 1 went well and when it came to your MIS class, you discreetly uttered "this too shall pass."
<h1 id="h1-downloadmore">FIN</h1>
</p>
<div>
<ul>
<div class="col-md-12">
<li class="menu-downloadmore">
<p align="center">
<a href="../warningpage.html">
Go Back to the Home Page
</a>
</p>
</li>
</div>
</ul>
</div>
</body>
</html>
\ No newline at end of file
144768/hw1/choices/start.html 0 → 100644
View file @ a6ab7597
<!DOCTYPE html>
<html>
<head>
<title>Start Homework</title>
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css">
</head>
<body id="about-body" class="container">
<h1 id="h1-download" align="center">Start Early with the Homework</h1>
<link rel="stylesheet" type="text/css" href="../stylesheets/style.css">
<p id="paragraph-start">
You were an honor student. You graduated Valedictorian in Elementary, and with High Honors in High School. You received various awards and accolades for all your accomplishments. However, you must know you're not really lazy... you're just a great procrastinator and a great crammer. This behavior of yours almost took a toll on you in the second semester of your second year in College.
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/medals.jpg" width="900" height="500">
</div>
</div>
</p>
<p id="paragraph-start2">Afraid of getting a low grade for possible lousily made and crammed output, you decided to start early with your MIS homework.<br><br></p>
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/coding1.jpg" width="900" height="500">
</div>
</div>
<p id ="paragraph-start2">
You found it quite easy at first since you are simply tasked to code in HTML, whereas you already have a background in it.<br> However, you realized that it is going to be a time-consuming task and found out later that you will have to squeeze your brain a lot for you to be able to write several paragraphs and sew them together into one big story.
<div class="row">
<div clas="col-md-12">
<img id="img-download" src="../images/dismayed.jpg" width="900" height="500">
</div>
</div>
</p>
<p id ="paragraph-play3">
Recalling how nice it is to rest,
</p>
<h2 id="h2-decide-1">You decided to:</h2>
<div class="row">
<ul id="main-menu">
<div class="col-md-4">
<li class="menu-download">
<p align="center">
<a href="procrastinate.html">
Just Relax, Sleep, and Continue to Procrastinate
</a>
</p>
</li>
</div>
<div class="col-md-4">
<li class="menu-download">
<p align="center">
<a href="continue.html">
Continue Doing the Homework <br>Even Though It Is Against Your Will
</a>
</p>
</li>
</div>
<div class="col-md-4">
<li class="menu-download">
<p align="center">
<a href="../warningpage.html">
Go Back to the Home Page
</a>
</p>
</li>
</div>
</ul>
</div>
</body>
</html>
\ No newline at end of file
144768/hw1/images/bones.jpg 0 → 100644
View file @ a6ab7597
This diff is collapsed.
144768/hw1/images/gamer.jpeg 0 → 100644
View file @ a6ab7597
This diff is collapsed.
144768/hw1/images/sleep.jpg 0 → 100644
View file @ a6ab7597
This diff is collapsed.
144768/hw1/stylesheets/bootstrap.css 0 → 100644
View file @ a6ab7597
This diff is collapsed.
144768/hw1/stylesheets/style.css 0 → 100644
View file @ a6ab7597
#warning-body{
font-family: "Comic Sans";
background-color: black;
}
#warning-page{
color: black;
margin-top: 25px;
font-size: 40px;
}
#img-warning
{
border: solid;
border-color: black;
}
#paragraph{
margin-top: 20px;
margin-bottom: 30px;
font-family: fantasy;
font-size: 25px;
text-align: justify;
display: inline;
}
#warning-h1 {
color: red;
font-size: 50px;
font-family: "Agency FB";
margin-top: 10px;
}
#warning-h2{
color: red;
font-family: "Agency FB";
margin-bottom: 50px;
}
#h3-hello{
font-family: "Agency FB";
font-size: 12px;
margin-bottom: 25px;
color: white;
}
#h2-click{
text-align: center;
}
#h2-will{
color: red;
text-align: center;
margin-bottom: 50px;
}
#h1-about{
color: gray;
}
#paragraph-about{
margin-left: 150px;
margin-right: 150px;
text-align: center;
color: gray;
}
#img-about{
border: solid;
border-color: green;
margin-left: 280px;
margin-bottom: 20px;
}
.menu-item{
background-color: black;
display: block;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
margin-bottom: 20px;
}
#about-body{
background-color: black;
}
#h1-download{
font-family: "arial";
color: #7c7cec;
}
#img-download
{
border: solid;
border-color: white;
margin-left: 230px;
margin-bottom: 20px;
}
#paragraph-download{
font-style: italic;
margin-left: 200px;
margin-right: 200px;
text-align: center;
color: white;
}
#paragraph-download-2{
margin-left: 200px;
margin-right: 200px;
text-align: center;
color: white;
}
#h2-decide-1{
font-family: "papyrus";
color: red;
text-align: center;
margin-bottom: 50px;
}
.menu-download{
background-color: black;
display: block;
padding-top: 5px;
padding-left: 50px;
padding-right: 50px;
margin-right: 410px;
margin-left: 390px;
border-style: solid;
border-color: gray;
}
#paragraph-downloadmore{
margin-left: 200px;
margin-right: 200px;
text-align: center;
color: white;
}
#paragraph-downloadmore-2{
margin-left: 200px;
margin-right: 200px;
text-align: center;
color: white;
}
#paragraph-downloadmore-3{
margin-left: 210px;
margin-right: 210px;
text-align: center;
color: white;
}
#h1-downloadmore{
font-size: 100px;
text-align: center;
font-family: "script";
color: #8cec25;
}
.menu-downloadmore{
background-color: black;
display: block;
padding-top: 5px;
padding-left: 50px;
padding-right: 50px;
margin-right: 410px;
margin-left: 390px;
}
#paragraph-dohomework1{
margin-left: 200px;
margin-right: 200px;
text-align: center;
color: white;
}
#paragraph-dohomework1-2{
margin-left: 200px;
margin-right: 200px;
text-align: center;
color: white;
}
#paragraph-dohomework1-3{
margin-left: 210px;
margin-right: 210px;
text-align: center;
color: white;
}
#paragraph-play{
font-style: italic;
margin-left: 200px;
margin-right: 200px;
text-align: center;
color: white;
}
#paragraph-play2{
margin-left: 200px;
margin-right: 200px;
text-align: center;
color: white;
}
#paragraph-play3{
margin-left: 200px;
margin-right: 200px;
text-align: center;
color: white;
}
#img-setalarm{
margin-left: 275px;
border: solid;
border-color: white;
margin-bottom: 20px;
}
#img-clock
{
margin-left: 100px;
}
#paragraph-start{
font-style: italic;
margin-left: 200px;
margin-right: 200px;
text-align: center;
color: white;
}
#paragraph-start2{
margin-left: 200px;
margin-right: 200px;
text-align: center;
color: white;
}
#img-continue
{
border: solid;
border-color: white;
margin-left: 230px;
margin-bottom: 20px;
}
\ No newline at end of file
144768/hw1/warningpage.html 0 → 100644
View file @ a6ab7597
<!DOCTYPE html>
<html>
<head>
<title>Choose Your Own Adventure</title>
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css">
</head>
<link rel="stylesheet" type="text/css" href="stylesheets/style.css">
<body id="warning-body" class="container">
<div class="row">
<div class="col-md-12 well">
<img id="img-warning" src="images/choose_your_own_adventure.jpg" height="250" width="1130">
<h2 id="warning-page" align="center"> Welcome!</h2>
<p id="paragraph"> 'Choose your own adventure' is a game where the player starts being given a basic knowledge of a certain situation in the life of a certain character. The player is then given the freedom to choose which thing or activity the character must do next at the bottom of every page.
This game could be so random to the point that it is crazily funny or just plain nonsense, depending on the player.
</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h1 id="warning-h1" align="center"> WARNING:</h1>
<h2 id="warning-h2" align="center"> This game contains scenes and themes which may not be suitable for very young audiences.<br> Parental guidance is advised.</h2>
<h2 id="h2-click"><a href="about.html">Click Me!</a></h2>
</div>
</div>
<h3 id="h3-hello" align ="center"> This game is in partial fulfillment of the requirements needed in completing MIS 21: Introduction to Applications Development.</h3>
</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