Untitled

html

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
		<title>Kamil Piec Wojciech Leśniewski 3ID15A</title>
		<link href="style.css" rel="stylesheet" >
	</head>
	<body>
		<div id="header">
			<h1>Kamil Piec</h1>
			<h1>Wojciech Leśniewski</h1>
			<h2>3ID15A</h2>
			<h3>Projektowanie Aplikacji Internetowych 1 Lab 3</h3>
		</div>
		<div id="topmenu">
			<ul>
				<li><a href="#">Podstrona 1</a></li>
				<li><a href="#">Podstrona 2</a></li>
				<li><a href="#">Podstrona 3</a></li>
			</ul>
		</div>
		<div id="leftmenu">
			<ul>
				<li case="upper"><a href="#">Podstrona 1</a></li>
				<li case="lower"><a href="#">Podstrona 2</a></li>
				<li case="upper"><a href="#">Podstrona 3</a></li>
			</ul>
		</div>
		<div id="content">
			<p atrybut="a 1">p aaaaaa</p>
			<p atrybut="a 2">p aaaaaa</p>
			<p atrybut="b 1">p aaaaaa</p>
			<p atrybut="b 2">p aaaaaa</p>
			<span>span bbbbbb</span>
			<span>span bbbbbb</span>
			<p>firstletter</p>
			<span>firstline<br>secondline</span>
			<hr>
			<br><br>
			<form action="form.php?format=b" method="post">
				<table>
					<tr>
						<td>Imię:</td>
						<td><input type="text" name="name"></td>
					</tr>
					<tr>
						<td>Nazwisko:</td>
						<td><input type="text" name="sname"></td>
					</tr>
					<tr>
						<td>Adres email:</td>
						<td><input type="email" name="email"></td>
					</tr>
					<tr>
						<td>Płeć:</td>
						<td>
							<select name="sex">
								<option value="m">Mężczyzna</option>
								<option value="f">Kobieta</option>
							</select>
						</td>
					</tr>
					<tr>
						<td></td>
						<td>
							<input type="radio" name="age" value="20m" checked> Wiek < 20<br>
							<input type="radio" name="age" value="20p"> Wiek > 20
						</td>
					</tr>
					<tr>
						<td>Opisz sie:</td>
						<td>
							<textarea name="desc"></textarea>
						</td>
					</tr>
					<tr>
						<td></td>
						<td><input type="submit" value="Wyślij"></td>
					</tr>
				</table>

			</form>
		</div>
		<div id="footer">
			<span>2015 Kamil  Piec <br> Wojciech Leśniewski</span>
		</div>

		<div id="pos">
		Element w prawym dolnym rogu
		</div>
	</body>
</html>


css

* {
	margin:0;
	padding:0;
	position: relative;
	box-sizing: border-box;
}

body {
	background-image: url('bg.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
}

ul li {
	text-decoration: none;
	list-style: none;
}

a {
	text-decoration: none;
}

a:hover {
	color:red;
}

input:active, input:focus{
	background: silver;
}

p::first-letter {
	color: red;
	text-transform: uppercase;
}

form::before {
	content: "Tu zaczyna sie formularz";
	display: block;
}

form::after {
	content: "Tu kończy sie formularz";
	display: block;
}

#header, #topmenu, #content, #footer {
	margin: 0px auto;
	width: 80%;
	height: auto;
	border: 1px solid black;
	background: white
}

#content, #leftmenu {
	height: 350px;
}

#header {
	text-align: center;
}

#topmenu {
	text-align: center;
	padding: 10px 0;
}

#topmenu ul li {
	display: inline;
	margin: 10px 10px;
}

#leftmenu {
	width: 16%;
	left: 10%;
	border: 1px solid red;
	float: left;
	text-align: center;
	padding: 20px 0;
	background: white;
}

#leftmenu ul li[case="upper"]{
	text-transform: uppercase;
}

#leftmenu ul li[case="lower"]{
	text-transform: lowercase;
}

#footer{
	top: 350px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	white-space: pre-wrap;
}

#content {
	float: right;
	width: 64%;
	right: 10%;
	overflow: auto;
	padding: 25px;
	text-align: justify;
	letter-spacing: 0.5mm;
	background: silver;
}

span::first-line {
	background: grey;
}

#content p[atrybut~="a"] {
	color: red;
	background: white;
}

#content [atrybut] {
	background: inherit;
}

#content p+span {
	background: yellow;
	display: block;
}

#content > span {
	font-weight: bold;
}

#content p:first-child {
	font-weight: bold;
}

#pos {
	min-height: 50px;
	min-width: 100px;
	max-height: 75px;
	max-width: 150px;
	position: fixed;
	right: 0;
	bottom: 0;
	background: black;
	color: white;
	padding: 10px;
}

#pos:hover {
	background: white;
	color: black;
}


php
<?php
	$name = $_POST['name'];
	$sname = $_POST['sname'];
	$email = $_POST['email'];
	$sex = $_POST['sex'];
	$age = $_POST['age'];
	$desc = htmlspecialchars(trim($_POST['desc']));

	if($_POST){
		if($_GET){
			echo "<".$_GET['format'].">";
		}

		if($name && $sname && $email && $sex && $age && $desc){
			echo 'Nazywasz si� '.$name.' '.$sname.'<br>';
			echo 'Tw�j adres email to '.$email.'<br>';
			echo 'Twoja p�e� to: '.(($sex == 'm') ? 'm�czyzna' : 'kobieta').'<br>';
			echo 'Masz '.(($age == '20m') ? 'poni�ej' : 'powy�ej').' 20 lat<br>';
			echo 'Tw�j opis: '.$desc.'<br>';
		} else {
			echo 'Wype�nij formularz';
		}

		if($_GET){
			echo "</".$_GET['format'].">";
		}
	}

?>

<a href="index.html">Powr�t</a>