Strona

DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<title>Non omnis moriar. Rekrutacja do drużyny CS online.</title>
<meta name="description" content="Aktualna lista osób drużyny głównej i rezerwowej CS online">
<meta name="keywords" content="lista osób, drużyna CS, rozgrywki online">
<meta name="author" content="Ola">
<meta http-equiv="X-Ua-Compatible" content="IE edge,chrome=1">
<link rel="stylesheet" href="main.css">
<script src="code.js"></script>

</head>

<body>

<div class="container">
<div class="logo"></div>

	<img src="img/blackopal.png"  alt="logo">
	<h1>Nagłówek testowy</h1>

<div class="menu"></div>

<div class="nawigacja"></div>
	<form action="login.php" method="post">
	<label for="imie">Wybierz postać</label>
	<select id="imie">
	<option value="m">Mario</option>
	<option value="l">Luis</option>
	<option value="y">Yali</option>
	</form>


<div class="content"></div>
<div class="tabela graczy"></div>
<div class="stopka"></div>

<div class="nowy"></div>


</body>
</html>

body
{
	background-image: url(img/tactile_noise.png);
	margin: 0;
}

.container
{
	background-color: white;
	width: 800px;
	height: 500px;
	margin: auto;
	text-align: center;
}

.logo
{
	background-color: violet;
	width: 800px;
	height: 100px;
	margin: auto;
}


.nawigacja
{
	background-color: coral;
	width: 200px;
	height: 300px;
	margin: auto;
	float: left
}

.content
{
	background-color: grey;
	width: 400px;
	height: 300px;
	margin: auto;
	float: left
}

.tabela
{
	background-color: pink;
	width: 200px;
	height: 300px;
	margin: auto;
    float: left
}

.stopka
{
	background-color: RebeccaPurple;
	width: 800px;
	height: 100px;
}

h1
{
	font-family: Arial;
	font-size: 22px;
	font-weight: 700;
	font-style: italic;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.nowy
{
	background-color: babyblue;
	width: 200;
	height: 250;
	float: left;
	margin: auto;
}