๐๐ุงุฏุฑู ููุงู ุดุฑุญ ุจุณ ู
ุชุญู
ูุช ู
ู ุดูุชูุฉ ููุดุฑุชูุฉโค๏ธุงุณูุฉ ุญุจุงูุจ
๐๐ูุงู ู
ุนูู
ููุฑุฉ ุตูุฑ ุณูุงุก โค๏ธุงููู ูุญูุธุฌ ุญุจูุจุชู ๐ุชุบูุฑ ุฌูู
๐๐ู
ุฑุญุจุง ุญุจุงูุจ ููู
ุฌุฏูุฏ ูุจุฏู ุฏุฑูุณ ุฌุฏูุฏู ๐ธ๐ฟ
๐Create ๐ Programmer๐ยฉ
https://www.youtube.com/watch?v=7SgCkaawipc
ุงูุฏุฑุณ ุงู12 ๐ฅ๐ฝ 18 ุฏูููู ๐ุดูููู
This media is not supported in your browser
VIEW IN TELEGRAM
๐Create ๐ Programmer๐ยฉ
ุงูุฏุฑุณ ุงู5_ุงูููุฑุงุช ูุงูููุงุฆู
.docx
๐ุงูุฏุฑุณ ุงู13 ุงูุฑูู๐ฟ
This media is not supported in your browser
VIEW IN TELEGRAM
๐ู
ุฑุญุจุง ุญุจุงูุจ ุฑุงุญ ุงูุดุฑูููู
ุชุตู
ูู
ุตูุญุฉ ููุจ ุจูุบุฉhtml ูcss ุชุตู
ูู
ุจุณูุท โค๏ธุชุงุจุนู
๐ูุฑุฉ ู
ุชุฎูุตูู ู
ุดุงูุฏุฉ ุงูุฒูููู
ููุฏ ุงูุตูุญุฉ ุญุชู ุชุณุชุฎุฏู
ูู ูุชุณูู ุตูุญุฉ ููุจ ูุชุนุฏููู ุญุณุจ ุงููุนุฌุจูู
๐๐ู
ุดุงูุฏุฉ ู
ู
ุชุนุฉ ๐ฟ
โบ๏ธ๐ููุง ุญุจุงูุจ ุณูุงุก ุดูุชู ุงููุฏูู ุงู ูุง ุฑุงุญ ุงูุฒูููู
ุงูููุฏ ู
ุงู ุตูุญุฉ ูุงูุชู ูุณุฎูู ูุฌุฑุจูู ูู
ูู
ุนุฏูู ุนููู ูุดููููู ุงุจุฏุงุนุงุชูู
๐ธ๐ ๐๐ป๐๐ป๐๐ป
<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>
โบ๏ธ๐๐ปุชูุฏุฑูู ุชุบูุฑูู ุจุงููุตูุต ๐ฟ
This media is not supported in your browser
VIEW IN TELEGRAM
๐ธููุง ุญุจุงูุจ ูููุง ูููุชูู ุดุฑุญ ุงูููู
๐ุงุชู
ูู ุชููููู ููู
ุชู ุน ุงูุดุฑุญ ๐๐ุจุงุฌุฑ ุงู ุดุงุก ุงููู ุงูู
ู ุงููู
๐ #ุชุตุจุญูู_ุนูู_ุงูู_ุฎูุฑ๐ฟ๐ธ
โบ๏ธู
ุฑุญุจุง ุญุจุงูุจ ๐ ุงูููู
ุงุนูู
ูู
ุดูู ูุตู
ู
ุงูุซุฑ ู
ู ุตูุญุฉ ููุฑุจุทูู ุณูุฉ ุญุชู ูุตูุฑ ุนุฏูุฉ ู
ููุน ู
ููู ู
ู ุนุฏ ุตูุญุงุช ๐ฟุชุฑูุจู