<!DOCTYPE html>
<html lang="en">
<head>
<title>XHT</title>
<style>
body {
margin:0;
padding:0;
}
.header{
background:#333;
color:#ff00b2;
//text-align:center;
font-size:20px;
padding:20px 0
}
.cont{
text-align:center;
}
.nav{
background:#ff0049;
//padding:20px 0;
}
ul{list-style:none;padding:0px;
margin:0px;text-align:center;
}
ul li{
display:inline-block;
padding:12px;
text-align:center;
}
#pr{
text-align:center;
border:2px solid red;
padding:100px;
border-radius:10px;
}
#pr:hover{
background:black;
}
button{
border-radius:10px;
padding:5px;
background:#f8f8f8;
border:2px solid black;
}
button:hover{
color:#29cff8;
border:2px solid #de0052;
transition:1s;
background:#f8d600;
}
.wd{
margin:15px;
}
.pro:hover{color:red;font-size:100px;}
</style>
<script></script>
</head>
<body>
<div class="header">
<div class="wd">....</div>
</div>
<div class="floot"></div>
<div class="cont">
<h1 class="pro">PROFISSONAL</h1>
<p id="pr">
.
<br>
<br>
<br>
</p>
</div>
<div class="nav">
<ul>
<li>home</li>
<li>lissons</li>
<li>fisson</li>
<li>programer</li>
</ul>
</div>
</body>
</html>
<html lang="en">
<head>
<title>XHT</title>
<style>
body {
margin:0;
padding:0;
}
.header{
background:#333;
color:#ff00b2;
//text-align:center;
font-size:20px;
padding:20px 0
}
.cont{
text-align:center;
}
.nav{
background:#ff0049;
//padding:20px 0;
}
ul{list-style:none;padding:0px;
margin:0px;text-align:center;
}
ul li{
display:inline-block;
padding:12px;
text-align:center;
}
#pr{
text-align:center;
border:2px solid red;
padding:100px;
border-radius:10px;
}
#pr:hover{
background:black;
}
button{
border-radius:10px;
padding:5px;
background:#f8f8f8;
border:2px solid black;
}
button:hover{
color:#29cff8;
border:2px solid #de0052;
transition:1s;
background:#f8d600;
}
.wd{
margin:15px;
}
.pro:hover{color:red;font-size:100px;}
</style>
<script></script>
</head>
<body>
<div class="header">
<div class="wd">....</div>
</div>
<div class="floot"></div>
<div class="cont">
<h1 class="pro">PROFISSONAL</h1>
<p id="pr">
.
<br>
<br>
<br>
</p>
</div>
<div class="nav">
<ul>
<li>home</li>
<li>lissons</li>
<li>fisson</li>
<li>programer</li>
</ul>
</div>
</body>
</html>