DOCTYPE HTML

Activity #6
<!DOCTYPE html>
<html>
<head>
<title>Front page</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body style="background-color:black;">
<div class="wrapper">
<div class="Pamagat">
<h1>10 Star</h1>
</div>
<div class="LitBid">
<img src="asdas.jpg">
</div>
<div class="bitlit">
<video>
<source src="erixz.mp4" type="video/mp4">
</video>
</div>
<div class="table">
<h2 class="info">About Us</h2>

<hr
<ol>
<li><a href="Myprofile.html">My profile</a></li>
<li><a href="Mode.html">Mode</a></li>
<li><a href="Juswa.html">Juswa</a></li>
<li><a href="Makmak.html">Makmak</a></li>
<li><a href="Temothe.html">Temothe</a></li>
<li><a href="Rolly.html">Rolly</a></li>
<li><a href="Adrian.html">Adrian</a></li>
<li><a href="Adwian.html">Adwian</a></li>
<li><a href="Louie.html">Louie</a></li>
<li><a href="Jomar.html">Jomar</a></li>
<li><a href="Kyle.html">Kyle</a></li>
<li><a href="Ayan.html">Ayan</a></li>
<li><a href="Buts.html">Buts</a></li>
<li><a href="Baba.html">Baba</a></li>
<li><a href="Tembong.html">Tembong</a></li>
</ol>
</div><div class="Motto">
Activity #6
<article>We always join in every competetive game in league of legends we lose always 4th to 5th place
but we had no reason to give up already because we found our strenght to play even when it didn't win
because we fought until the very end.</article>
<a href="Our journey">Our journey</a>
</div>
</body>
</html>
STYLE Sheet
.wrapper {border:10px;
border-style:inset;
border-top-color:lime;
border-left-color:skyblue;
border-right-color:skyblue;
border-bottom-color:lime;
width:1230px;
min-height:1000px;
background-color:black;}
.Pamagat {color:lime;
border:10px;
border-style:solid;
border-color:orange;
margin:10px;
padding:5px;
text-align:center;
font-size:30px;}
.LitBid
{border:10px;
border-style:solid;
border-color:pink;
width:1100px;
height:300px;
float:left;}
.bitlit {float:left;}
.info {color:orange;
text-align:center;
font-size:40px;
Activity #6
.table {border:10px;
border-style:solid;
border-color:orange;
clear:left;
width:300px;
min-height:600px;
margin-left:10px;
margin-top:0px;}
ol {}
ol li {color:red;
font-size:30px;}
ol a {color:lime;}
a:hover {color:red;}
.Motto {color:red;
border:10px;
border-style:solid;
float:right;
font-size:50px;}
Activity #6
<!DOCTYPE html>
<html>
<head>
<title>My friend</title>
<style type="text/css">
.image {text-align:center;}
.t {text-align:center;
font-size:30px;}
table td {border:6px solid #800020;
width:500px;
height:50px;
color:#008080;
font-family:arial;
font-style:italic;}
body {background:url(kyle1.jpg)no-repeat center center fixed;
-webkit-background-size:cover;}
.link {font-size:100px;text-align:right;
margin-right:200px;}
a:hover {color:#e0ffff;}
a {color:blue;
text-decoration:none;}
</style>
</head>
<body>
<div class="image" >
<img src="kyle.jpg" width="542" height="540">
</div>
<div class="t">
<table align="center" cellpadding="15">
<tr>
<td><strong>Name:Khristian,Kyle Galito</strong></td><tr>
<td><strong>Age:18</strong></td>
</tr>
<tr>
</td>
</tr>
</table>
</div>
<div class="link">
<a href="../Frontpage.html">Back here</a>
</div>
</body>
Activity #6
<!DOCTYPE html>
<html>
<head>
font-size:30px;}
width:500px;
height:50px;
color:#008080;
font-family:arial;
font-style:italic;}
body {background:url(ayan.jpg)no-repeat center center fixed;
.link {font-size:100px;
text-align:right;
a {color:blue;text-decoration:none;} </style>
</head>
<body>
<img src="a.jpg" width="542" height="540">
</div>
<div class="t">
<tr>
<td><strong>Name:Khristian,Gebrielle Galito</strong></td><tr>
</tr>
<tr>
</tr>
</table>
</div>
<div class="link">
</div>
</body>
</html>
Activity #6
<!DOCTYPE html>
<html>
<head>
font-size:30px;}
width:500px;
height:50px;
color:#008080;
font-family:arial;
font-style:italic;}
body {background:url(ayan.jpg)no-repeat center center fixed;
text-align:right;
</head>
<body>
</div>
<div class="t">
<tr>
<td><strong>Name:Rheynaldo Domingo</strong></td><tr>
</tr>
<tr>
</tr>
</table>
</div>
<div class="link">
</div>
</body>
</html>
Activity #6
<!DOCTYPE html>
<html>
<head>
font-size:30px;}
width:500px;
height:50px;
color:#008080;
font-family:arial;
font-style:italic;}
body {background:url(Mode.jpg)no-repeat center center fixed;
text-align:right;
</head>
<body>
</div>
<div class="t">
<tr>
<td><strong>Name:Modyrick Romualdez</strong></td><tr>
</tr>
<tr>
</tr>
</table>
</div>
<div class="link">
</div>
</body>
</html>
Activity #6
<!DOCTYPE html>
<html>
<head>
font-size:30px;}
width:500px;
height:50px;
color:#008080;
font-family:arial;
font-style:italic;}
body {background:url(Juswa.jpg)no-repeat center center fixed;
text-align:right;
</head>
<body>
</div>
<div class="t">
<tr>
<td><strong>Name:Joshua Aquino</strong></td><tr>
</tr>
<tr>
</tr>
</table>
</div>
<div class="link">
</div>
</body>
</html>
Activity #6
<!DOCTYPE html>
<html>
<head>
font-size:30px;}
width:500px;
height:50px;
color:#008080;
font-family:arial;
font-style:italic;}
body {background:url(Rolly.jpg)no-repeat center center fixed;
text-align:right;
</head>
<body>
</div>
<div class="t">
<tr>
<td><strong>Name:Rolly Colot</strong></td><tr>
</tr>
<tr>
</tr>
</table>
</div>
<div class="link">
</div>
</body>
</html>
Activity #6
<!DOCTYPE html>
<html>
<head>
font-size:30px;}
width:500px;
height:50px;
color:#008080;
font-family:arial;
font-style:italic;}
body {background:url(Adrian.jpg)no-repeat center center fixed;
text-align:right;
</head>
<body>
</div>
<div class="t">
<tr>
<td><strong>Name:Adrian Bonagua </strong></td><tr>
</tr>
<tr>
</tr>
</table>
</div>
<div class="link">
</div>
</body>
</html>
Activity #6
<!DOCTYPE html>
<html>
<head>
font-size:30px;}
width:500px;
height:50px;
color:#008080;
font-family:arial;
font-style:italic;}
body {background:url(adwian.jpg)no-repeat center center fixed;
text-align:right;
</head>
<body>
</div>
<div class="t">
<tr>
<td><strong>Name:Adrian Padua</strong></td><tr>
</tr>
<tr>
</tr>
</table>
</div>
<div class="link">
</div>
</body>
</html>
Activity #6
<!DOCTYPE html>
<html>
<head>
font-size:30px;}
width:500px;
height:50px;
color:#008080;
font-family:arial;
font-style:italic;}
body {background:url(Jomar.jpg)no-repeat center center fixed;
text-align:right;
</head>
<body>
</div>
<div class="t">
<tr>
<td><strong>Name:Jomar lipalam</strong></td><tr>
</tr>
<tr>
</tr>
</table>
</div>
<div class="link">
</div>
</body>
</html>
Activity #6
<!DOCTYPE html>
<html>
<head>
font-size:30px;}
width:500px;
height:50px;
color:#008080;
font-family:arial;
font-style:italic;}
body {background:url(Louie.jpg)no-repeat center center fixed;
text-align:right;
</head>
<body>
</div>
<div class="t">
<tr>
<td><strong>Name:Louie Bryan Reyes</strong></td><tr>
</tr>
<tr>
</tr>
</table>
</div>
<div class="link">
</div>
</body>
</html>
Activity #6
<!DOCTYPE html>
<html>
<head>
font-size:30px;}
width:500px;
height:50px;
color:#008080;
font-family:arial;
font-style:italic;}
body {background:url(Angelo.jpg)no-repeat center center fixed;
text-align:right;
</head>
<body>
</div>
<div class="t">
<tr>
<td><strong>Name:Angelo Demition</strong></td><tr>
</tr>
<tr>
</tr>
</table>
</div>
<div class="link">
</div>
</body>
</html>
Activity #6
<!DOCTYPE html>
<html>
<head>
font-size:30px;}
width:500px;
height:50px;
color:#008080;
font-family:arial;
font-style:italic;}
body {background:url(Makmak.jpg)no-repeat center center fixed;
text-align:right;
</head>
<body>
</div>
<div class="t">
<tr>
<td><strong>Name:Mark Deliva</strong></td><tr>
</tr>
<tr>
</tr>
</table>
</div>
<div class="link">
</div>
</body>
</html>
Activity #6

DOCTYPE HTML

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

DOCTYPE HTML

Uploaded by

Copyright:

Available Formats

Activity #6

<h2 class="info">About Us</h2>

<a href="Our journey">Our journey</a>

You might also like