Commit bcf704dc authored by Norman Macasaet's avatar Norman Macasaet

submitted hw

parent addeb082
h3 {
text-align: center;
font-family: 'Arial';
}
ul {
text-align: center;
list-style-type: none;
margin: 0;
padding: 0;
}
.nav_bar {
text-decoration: none;
display: inline;
margin-right: 80px;
margin-left: 80px;
}
p {
text-align: center;
border-style: solid;
background-color: white;
border-color: white;
}
body {
text-align: center;
}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url("miller.jpg");
background-size: cover;
}
</style>
<link rel="stylesheet" type="text/css" href="bootstrap copy.css">
<title>Ballislife</title>
</head>
<body class="container">
<h1 style="color: white">Ballislife</h1>
<p style="text-align:center; color: white">(before college)</p>
<div class="row">
<div class="col-md-4 well" align="center">
<img src="noob.jpg" height="250" width="250">
<p>Humble beginnings</p>
</div>
<div class="col-md-4 well" align="center">
<img src="meeting.jpg" height="250" width="250">
<p>Confrontations, discussions</p>
</div>
<div class="col-md-4 well" align="center">
<img src="tough.jpg" height="250" width="250">
<p>The road was tough</p>
</div>
</div>
<div class="row">
<div class="col-md-4 well" align="center">
<img src="uaap3.jpg" height="250" width="250">
<p>But just kept going</p>
</div>
<div class="col-md-4 well" align="center">
<img src="friends.jpg" height="250" width="250">
<p>Met more firends</p>
</div>
<div class="col-md-4 well" align="center">
<img src="champs2013.jpg" height="250" width="250">
<p>Got to victory</p>
</div>
</div>
<div class="row">
<div class="col-md-8 well">
<h2>But what's next?</h2>
<p><a href="legacy.html">Continue the legacy</a></p>
<p>or</p>
<p><a href="travel.html">Make a change</a></p>
</div>
</div>
</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.
This source diff could not be displayed because it is too large. You can view the blob instead.
<!DOCTYPE html>
<html>
<head>
<title>Back to school</title>
</head>
<body>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url('question.jpg');
background-size: cover;
}
</style>
<title>Explore</title>
<link rel="stylesheet" type="text/css" href="bootstrap.css">
</head>
<body class="container">
<h1 id="main-h1">What should I do while traveling though?</h1>
<div class="row" align="center">
<div class="col-md-6 well" align="center">
<a href="photography.html"><img src="photography.jpg" height="300" width="400"></a>
<h6>take pics and supply postcards</h6>
</div>
<div class="col-md-6 well" align="center">
<a href="food.html"><img src="food.jpg" height="200" width="300"></a>
<h6>FOOD TRIP YUMYUMYUM</h6>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Food</title>
<link rel="stylesheet" type="text/css" href="bootstrap.css">
</head>
<body>
<h1 style="text-align:center">Gets fat</h1>
<p style="text-align:center"><a href="start.html">back to start</p>
<img src="foreveralone.jpg" align="center">
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url("wbc.jpg");
background-size: cover;
}
</style>
<title>Legacy</title>
<link rel="stylesheet" type="text/css" href="bootstrap.css">
</head>
<body class="container">
<h1 id="main-h1" style="color:white">Just kept on going</h1>
<div class="row" align="center">
<div class="col-md-4 well" align="center">
<img src="better.jpg" height="200" width="300">
<h6>I got better and stronger</h6>
</div>
<div class="col-md-4 well" align="center">
<img src="3peat.jpg" height="200" width="300"></a>
<h6>Helped the team win a 3-peat last UAAP season 77</h6>
</div>
<div class="col-md-4 well" align="center">
<img src="national team.jpg" height="200" width="300">
<h6>Got to represent the country</h6>
</div>
<div class="col-md-4 well" align="center">
<h3>What's next though?</h3>
<p><a href="pros.html">Leap for the Pros</a></p>
<p>or</p>
<p><a href="travel.html">Retire and travel</a></p>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url('handshake.jpg');
background-size: cover;
}
</style>
<link rel="stylesheet" type="text/css" href="bootstrap.css">
<title>Photog</title>
</head>
<body>
<h1 id="main-h1">GOOD LUCK MY FRIEND</h1>
<p style="text-align:center"><a href="start.html">Back to start</a></p>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Pros</title>
<link rel="stylesheet" type="text/css" href="bootstrap.css">
</head>
<body class="container">
<h1 id="main-h1">Then I become a pro</h1>
<div class="row" align="center">
<div class="col-md-6 well" align="center">
<img src="jeter.png" height="600" width="500">
<h6>.....and maybe have a logo like that</h6>
</div>
<div class="col-md-6 well" align="center">
<img src="locker.jpg" height="450" width="500"></a>
<h6>....plus a cool locker room</h6>
</div>
<div class="col-md-4 well" align="center">
<img src="charity.jpg" height="200" width="300">
<h6>... don't forget acts of charity</h6>
</div>
<div class="col-md-4 well" align="center">
<h3>FIN</h3>
<p><a href="start.html">back to start</a></p>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url('troll.png');
background-size: 80px 80px;
}
</style>
<link rel="stylesheet" type="text/css" href="bootstrap.css">
<title>Choose Your Path</title>
</head>
<body class="container">
<div class="row" align="center">
<div class="col-md-4 well">
<h1 id="main-h1">Lemme tell you a story</h1>
<p style="text-align:center">click the image</p>
</div>
</div>
<div class="row" align="center">
<div class="col-md-5 well" align="center">
<a href="ball.html"><img src="balls.jpg" height="200" width="300"></a>
<h6>Ball is life</h6>
</div>
<div class="col-md-5 well" align="center">
<a href="travel.html"><img src="plane.jpg" height="200" width="300"></a>
<h6>Travel Travel Travel</h6>
</div>
</div>
</body>
</html>
h1 {
text-align: center;
font-family: 'Arial';
font-size: 85px;
color: cyan;
border-style: solid;
border-color: red;
background-color: gold;
}
ul {
text-align: center;
list-style-type: none;
margin: 0;
padding: 0;
font-size: 30px;
font-family: 'Arial';
}
a {
color: orange;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
@media (min-width: 992px) {
.col-md-4 {
width: 33.33333333%;
}
}
.nav_bar {
text-decoration: none;
display: inline;
margin-right: 95px;
margin-left: 95px;
}
body {
background-color: black;
}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url("antartica.jpg");
background-size: cover;
}
</style>
<link rel="stylesheet" type="text/css" href="bootstrap copy.css">
<title>Travel</title>
</head>
<body class="container">
<h1 style="color: white">My experience of the world</h1>
<div class="row">
<div class="col-md-4 well" align="center">
<img src="cable.jpg" height="250" width="250">
<p>I really love to travel</p>
</div>
<div class="col-md-4 well" align="center">
<img src="snow.jpg" height="250" width="250">
<p>And appreciate the views</p>
</div>
<div class="col-md-4 well" align="center">
<img src="osaka.jpg" height="250" width="250">
<p>From cities</p>
</div>
</div>
<div class="row">
<div class="col-md-4 well" align="center">
<img src="bangka.jpg" height="250" width="250">
<p>to the outdoors</p>
</div>
<div class="col-md-4 well" align="center">
<img src="ski.jpg" height="250" width="250">
<p>willing to try new things</p>
</div>
<div class="col-md-4 well" align="center">
<img src="passport.jpg" height="250" width="250">
<p>I'm off!</p>
</div>
</div>
<div class="row">
<div class="col-md-8 well">
<h2>Where next?</h2>
<p><a href="explore.html">Travel pa more</a></p>
<p>or</p>
<p><a href="ball.html">Back to my roots</a></p>
</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