<html>
<head>
<style>
body {
background:#ffe;
color:gray;
}
.one{
height:35%;
width:auto;
background-color:#909090;
color:#ffe;
padding:15px;
text-align:left;
}
.one h1{
margin-left:15%;
margin-top:5%;
}
.two{
height:55%;
width:70%;
background-color:#bdee34;
color:#fff;
text-align:center;
}
.th3{
background-color:#cfffff;
position: absolute;
left:70%; top:50%;
width:25%;; height:45%;
border:10px solid #009909;
margin:25px;
padding:10px;
}
.nav{
background-color:#009909;
height:8%;
width:auto;padding:5px;
}
.nav ul {
text-decoration:none;
padding:0%;
margin:0%;
}
.nav ul li
{
float:right;
text-decoration:none;
list-style-type:none;
margin-top:1%;
margin-right:3%;
}
.nav a{
text-decoration:none;
color:#ffe;padding:15%;
}
.nav a:hover{
background-color:#ffe;
border-radius:5%;
color:#000;
}
.fotaer{
height:5%;
width:auto;
background-color:#cfffff;
color:#008;
padding:15px;
text-align:center;
margin-top:5%;
}
</style>
<title> my first web </title>
</head>
<body>
<div class="one">
<h1> MY First Web</h1>
</div>
<div class="nav">
<ul>
<li> <a href="http://google.com" target="_blank"> google </a></li>
<li> <a href="http://google.com" target="_blank"> youtube </a></li>
<li> <a href="http://google.com" target="_blank"> facebock </a></li>
<li> <a href="http://google.com" target="_blank"> telegram </a></li>
<li> <a href="http://google.com" target="_blank"> home </a></li>
<li> <a href="http://google.com" target="_blank"> about </a></li>
</ul>
</div>
<div class="two">
<h2> welcom to my web </h2>
<img src="new.jpg" height="120" width="120" />
<p>
<br /> لا تغرق في ماضيك
<br />هناك حياة تنتظرك وأشياء جميلة يجب أن تفعلها
<br /> وفرح كبير قادر على محو كل حزن مررت به
<br />ثق بربك ثم بنفسك.
</p>
</div>
<div class="th3">
<p>
إن الأشخاص الذين يتسمون بقدر عال من المبادرة يميزون بداخلهم تلك "القدرة على الاستجابة الحرة" أي القدرة على اختيار وتحديد نوعية استجاباتهم. إنهم لا يلقون باللوم على الظروف، أو الأحوال، أو البيئة المحيطة بهم ويتهمونها بأنها السبب في سلوكهم، فسلوكهم هو نتيجة اختيارهم الواعي، ويستند إلى قيمهم، وليس نتيجة الظروف، ولا يستند إلى مشاعرهم.
</p>
</div>
<div class="fotaer">
this web is dev by programer femo @2016
</div>
</body>
</html>
<head>
<style>
body {
background:#ffe;
color:gray;
}
.one{
height:35%;
width:auto;
background-color:#909090;
color:#ffe;
padding:15px;
text-align:left;
}
.one h1{
margin-left:15%;
margin-top:5%;
}
.two{
height:55%;
width:70%;
background-color:#bdee34;
color:#fff;
text-align:center;
}
.th3{
background-color:#cfffff;
position: absolute;
left:70%; top:50%;
width:25%;; height:45%;
border:10px solid #009909;
margin:25px;
padding:10px;
}
.nav{
background-color:#009909;
height:8%;
width:auto;padding:5px;
}
.nav ul {
text-decoration:none;
padding:0%;
margin:0%;
}
.nav ul li
{
float:right;
text-decoration:none;
list-style-type:none;
margin-top:1%;
margin-right:3%;
}
.nav a{
text-decoration:none;
color:#ffe;padding:15%;
}
.nav a:hover{
background-color:#ffe;
border-radius:5%;
color:#000;
}
.fotaer{
height:5%;
width:auto;
background-color:#cfffff;
color:#008;
padding:15px;
text-align:center;
margin-top:5%;
}
</style>
<title> my first web </title>
</head>
<body>
<div class="one">
<h1> MY First Web</h1>
</div>
<div class="nav">
<ul>
<li> <a href="http://google.com" target="_blank"> google </a></li>
<li> <a href="http://google.com" target="_blank"> youtube </a></li>
<li> <a href="http://google.com" target="_blank"> facebock </a></li>
<li> <a href="http://google.com" target="_blank"> telegram </a></li>
<li> <a href="http://google.com" target="_blank"> home </a></li>
<li> <a href="http://google.com" target="_blank"> about </a></li>
</ul>
</div>
<div class="two">
<h2> welcom to my web </h2>
<img src="new.jpg" height="120" width="120" />
<p>
<br /> لا تغرق في ماضيك
<br />هناك حياة تنتظرك وأشياء جميلة يجب أن تفعلها
<br /> وفرح كبير قادر على محو كل حزن مررت به
<br />ثق بربك ثم بنفسك.
</p>
</div>
<div class="th3">
<p>
إن الأشخاص الذين يتسمون بقدر عال من المبادرة يميزون بداخلهم تلك "القدرة على الاستجابة الحرة" أي القدرة على اختيار وتحديد نوعية استجاباتهم. إنهم لا يلقون باللوم على الظروف، أو الأحوال، أو البيئة المحيطة بهم ويتهمونها بأنها السبب في سلوكهم، فسلوكهم هو نتيجة اختيارهم الواعي، ويستند إلى قيمهم، وليس نتيجة الظروف، ولا يستند إلى مشاعرهم.
</p>
</div>
<div class="fotaer">
this web is dev by programer femo @2016
</div>
</body>
</html>