Skip to content

S
submissions
Switch branch/tag
Find file
Normal viewHistoryPermalink
introduction.html 3.63 KB
Newer Older
Jego Reyes's avatar
my homework
861950bd
 
Jego Reyes committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 
<!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>