Skip to content
Snippets Groups Projects
Commit 204e8d34 authored by Joonas Seppä's avatar Joonas Seppä
Browse files

first change

parent 4387d50c
No related branches found
No related tags found
No related merge requests found
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link href="styles.css" rel="stylesheet">
</head> </head>
<body> <body>
<p> <p>
This is a page that is used to order t-shirts. This is a page that is used to order t-shirts.
</p> </p>
<p> <p>
<a href="https://facebook.com">This link takes you to Facebook to market your t-shirt to your friends</a> <a href="https://facebook.com" class="link-class">This link takes you to Facebook to market your t-shirt to your friends</a>
</p> </p>
<table> <table class="table">
<thead> <thead>
<tr> <tr>
<th>Prices</th> <th id="product">Product</th>
<th id="prices">Prices</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>Simple T-shirt</td> <td id="simpleT-shirt">Simple T-shirt</td>
<td>19,99e</td> <td id="price">19,99e</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<p>List of color options:</p> <p>List of color options:</p>
<ul> <ul class="list">
<li>Blue</li> <li id="blue">Blue</li>
<li>Black</li> <li id="black">Black</li>
<li>White</li> <li id="white">White</li>
</ul> </ul>
<p>Image of this fine T-shirt in white:</p> <p class="center">Image of this fine T-shirt in white:</p>
<img height=200 width=200 src="https://cache.net-a-porter.com/images/products/1009804/1009804_in_2000_q80.jpg"> <img class="center" height=200 width=200 src="https://cache.net-a-porter.com/images/products/1009804/1009804_in_2000_q80.jpg">
<form action="" method="get"> <form action="" method="get">
<div> <div>
......
body{
background-color: green;
}
.link-class:hover {
color: yellow;
font-size: 4rem;
}
.center{
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
#white {
color: white;
}
#blue {
color: blue;
}
#black {
color: black;
}
.list{
}
.table{
table-layout: fixed;
width: 50%;
border-collapse: collapse;
border: 3px solid black;
}
tbody, thead{
text-align: left;
}
#product{
font-size: 80px;
color: yellow;
}
#prices{
font-size: 60px;
color: red;
}
#simpleT-shirt{
font-size: 40px;
color: white;
}
#price{
font-size: 20px;
color: blue;
}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment