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 diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<!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
This diff is collapsed.
<!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
This diff is collapsed.
This diff is collapsed.
<!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
This diff is collapsed.
This diff is collapsed.
<!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
This diff is collapsed.
This diff is collapsed.
<!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