Kompyuter injiniringi” fakulteti “Kampyuter injiniringi” kafedrasi “Web dasturlashga kirish”

Kompyuter injiniringi” fakulteti “Kampyuter injiniringi” kafedrasi “Web dasturlashga kirish” Sana 06.12.2023 Hajmi 6,62 Mb. #112416
Bog'liq
web dasturlash
O‘ZBEKISTON RESPUBLIKASI RAQAMLI TEXNOLOGIYALAR VAZIRLIGI
MUHAMMAD AL-XORAZMIY NOMIDAGI TOSHKENT AXBOROT TEXNOLOGIYALARI UNIVERSITETI FARG‘ONA FILIALI
“Kompyuter injiniringi” fakulteti
“Kampyuter injiniringi” kafedrasi
“Web dasturlashga kirish” fanidan
1-AMALIY MASHG‘ULOT
Bajardi: Dehqonov Sirojiddin 614-22- guruh
Qabul qildi: Xolmatov Abrorjon
Farg‘ona – 2023
1-amaliy mashg`ulot.
Mavzu:Mahalliy davolanish sihatgohi.
Bu veb saytni yaratishda HTML va CSS dan foydalanilgan.
Saytni ishga tushgandagi ko`rinishi:
Dastur bajarish ketma-ketligi
Avval bitta fayl hosil qilinadi.Keyin esa Visual Studio Code ishga tushiriladi.
Index.html va alohida css papka hosil qilinadi.css papka ichiga style.css hosil qilinadi.
Index.html ga style.css ulanadi.
Index.html code
DOCTYPE html>
Xonobod sihatgohi
xonobod haqida
Uzbekistanning togli, zhoylashgan bulib uzining sof havosi bilan kar dardga davo bula joy maskandir.
Andijon viloyatining sulim gushasida dengis sathidan 850 m balandlikda bulgan ushbu hudud
o'zining oksigen bilan tuyingan, ionlashtirilgan xavosi bilan ainiksa yukori va kuyi nafas yo'llari, asab tizimi,
yurak Kon-tomir kasalliklarini davolashda aini muddao sanaladi.
Bu erning havo harorati viloyatning boshka tuman tubdan farq qilib, o'rtacha harorat 5-7 darazha paste,
doimiy ravshan shamol esib turadi. Shamolning maksimal tezlik yoz mavsumida 15-20 m/s, qishda esa 8-10 m/s ni tashkil kiladi.
xonobod sihatgohi
Sifatli jikhozlanishi hamda iqlim sharoitlariga kura milliy Andijon beams Farghona vodiysida yagona sanalgan ushbu mazhmuada
siz kiska fursatlarda ishlab chiqarishni tiklabgina qolmay, marokli hordiq ham chikarishing from mumkin buladi.
Zamonaviy uskunalar va malakali hodimlar xizmati esa bu erdagi vaqt sermazmun o'ishini ta'minlash.
Sog'lomlashtirsh
wi-Fi
davolash turlari
Fizioterapiya
Fitoterapiya
Suv bilan davolash
barcha davolash turlari
sihatgoh manzili
Andijon viloyati, Xonobod.sh, Xontoq ko'chasi
+998 (78) 150-86-86
support@xonobod-sihatgoh.uz
sihatgoh
Xonobod xaqida
Sihatgoh xaqida
Shifokorlar
Yangiliklar
Foto
aloqa
Bizning manzil
Fikrlar
bizning ijitmoiy tarmoq
2018-2023 "Xonobod-sihatgohi" MCHJ
Style.css code
*{
box-sizing: border-box;
margin: 0;
padding: 0;
}
.section{
width: 100%;
}
.section-content{
scroll-behavior: none;
width: 1160px;
margin: 0 auto;
}
.menu-section{
background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../img/trees.jpg) ;
height: 705px;
background-repeat: no-repeat;
background-size:cover;
}
.menu-wrap{
display: inline-block;
padding:10px 20px;
background-image: url(../icon/location.png);
color: white;
background-repeat: no-repeat;
background-size: 15px;
background-position: left center;
font-size: 15px;
}
.phone1{
padding: 10px 20px;
color: white;
font-size:15px;
display: inline-block;
background-image: url(../icon/phone.png);
background-repeat: no-repeat;
background-size: 15px;
background-position: left center;
}
.phone2{
padding: 10px 20px;
color: white;
font-size:15px;
display: inline-block;
background-image: url(../icon/phone.png);
background-repeat: no-repeat;
background-size: 15px;
background-position: left center;
}
.phone3{
padding: 10px 20px;
color: white;
font-size:15px;
display: inline-block;
background-image: url(../icon/phone.png);
background-repeat: no-repeat;
background-size: 15px;
background-position: left center;}
.onlayn{
display: inline-block;
width: 140px;
height: 35px;
padding: 8px 0;
background-color: rgb(101, 174, 101);
border-radius: 5px;
text-align: center;
}
.onlayn:hover{
background-color: green;
transition: all .25s ease;
}
.buyurtma{
color: white;
text-decoration: none;
}
.menu{
display: inline-block;
padding-left: 100px;
}
.langues{
background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)) ,url(../img/trees.jpg);
color: white;
text-align: center;
border: none;
}
.langues:hover{
color: black;
}
.xonobod-section{
border: 2px solid white;
height: 85px;
background-color: white;
}
.xonobod-wrap{
padding-left: 230px;
display: inline-block;
background-image: url(../icon/logo-header.png);
background-repeat: no-repeat;
height: 85px;
background-position: left center;
}
.sihatgoh{
background-color: white;
text-align: center;
border: 0px solid white;
height: 80px;
}
.sihatgoh:hover{
background-color: rgb(225, 189, 133);
}
.all{
display: inline-block;
}
.section-wrap{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 60px;
text-transform: uppercase;
}
.about-wrap{
padding-left: 600px;
background-image: url(../img/xonobod.jpg);
background-repeat: no-repeat;
height: 300px;
margin-top:100px;
font-size: 17px;
padding-top: 20px;
}
.about-wrap b{
color: rgb(225, 189, 133);
font-size: 30px;
text-transform: uppercase;
}
.table-section{
background-color: rgb(247, 247, 247);
height: 30px;
}
.sanatorium-wrap{
padding-right: 600px;
background-image: url(../img/sihatgoh.jpg);
background-repeat: no-repeat;
background-size: 570px 325px;
height: 325px;
background-position: right center;
margin-top: 100px;
font-size: 17px;
padding-top: 20px;
}
.sanatorium-wrap b{
color: rgb(225, 189, 133);
font-size: 30px;
text-transform: uppercase;
}
.sanatorium-wrap h3{
font: 400px;
}
.sanatorium-wrap .one p{
display: inline-block;
margin-top: 40px;
padding-left: 65px;
background-image: url(../icon/soglomlashtirish.png);
background-repeat: no-repeat;
background-position: left center;
height: 48px;
}
.sanatorium-wrap .one{
text-decoration: none;
color: black;
}
.sanatorium-wrap .bd:hover{
color: rgb(35, 82, 145);
}
.sanatorium-wrap .two p{
display: inline-block;
padding-left: 65px;
background-image: url(../icon/wifi.png);
background-repeat: no-repeat;
background-position: left center;
height: 48px;
}
.sanatorium-wrap .two{
text-decoration: none;
color: black;
}
.sanatorium-wrap .icon1{
display: inline-block;
padding-left: 265px;
background-image: url(../icon/sport\ zal.png);
background-repeat: no-repeat;
background-position-x: 200px;
height: 48px;
}
.sanatorium-wrap .three {
text-decoration: none;
color: black;
}
.sanatorium-wrap .icon2{
display: inline-block;
margin-top: 40px;
padding-left: 345px;
background-image: url(../icon/suv\ havfzasi.png);
background-repeat: no-repeat;
background-position-x: 280px;
height: 48px;
}
.sanatorium-wrap .four {
text-decoration: none;
color: black;
}
.section-content .video{
background-image: url(../img/video1.jpg);
background-repeat: no-repeat;
border-radius: 15px;
height: 450px;
margin-top: 45px;
}
.davolash-section{
margin-top: 75px;
height: 520px;
background-color: rgb(247, 247, 247);
}
.davolash-wrap .size{
font-size: 45px;
color: rgb(225, 189, 133);
text-transform: uppercase;
text-align: center;
}
.img-section1{
font-size: 45px;
color: rgb(225, 189, 133);
text-transform: uppercase;
background-image: url(../img/1.png);
background-repeat: no-repeat;
background-size: cover;
background-position: left center;
width: 370px;
height: 265px;
float: left;
margin-top: 90px;
}
.write{
display: inline-block;
width: 370px;
height: 65px;
color: white;
text-decoration: none;
background-color: rgba(0,0,0,0.8);
}
.write:hover{
display: inline-block;
width: 370px;
height: 265px;
transition: all .40s ease;
}
.img-section2{
font-size: 45px;
color: rgb(225, 189, 133);
text-transform: uppercase;
background-image: url(../img/2.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: left center;
width: 370px;
height: 265px;
float: left;
margin-top: 90px;
margin-left: 20px;
}.img-section3{
font-size: 45px;
color: rgb(225, 189, 133);
text-transform: uppercase;
background-image: url(../img/3.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: left center;
width: 370px;
height: 265px;
float: left;
margin-top: 90px;
margin-left: 20px;
}
.davolash-wrap .general{
display: inline-block;
margin-top: 50px;
margin-left: 510px;
}
.davolash-wrap .tur{
text-decoration: none;
padding: 12px 0;
background-color:rgb(225, 189, 133) ;
text-transform: uppercase;
color: white;
}
.davolash-wrap .tur:hover{
color: rgb(225, 189, 133);
background-color: white;
border: 2px solid rgb(225, 189, 133);
}
.black-section{
background-color: rgb(35, 35, 35);
height: 290px;
}
.manzil-wrap {
color: white;
text-transform: uppercase;
padding-top: 45px;
font-size: 20px;
margin-right: 40px;
}
.viloyat{
color: white;
text-transform: uppercase;
font-size: 15px;
padding: 30px 25px;
background-image: url(../icon/location.png);
background-repeat: no-repeat;
background-size: 20px;
background-position: left center;
}
.phone{
font-size: 15px;
padding-left: 25px ;
background-image: url(../icon/phone.png);
background-repeat: no-repeat;
background-size: 20px;
background-position: left center;
}
.phone .mobile{
text-decoration: none;
color: gray;
}
.phone .mobile:hover{
color: rgb(225, 189, 133);
text-decoration:underline ;
}
.sms{
font-size: 15px;
padding:25px 25px ;
background-image: url(../icon/sms);
background-repeat: no-repeat;
background-size: 20px;
background-position: left center;
}
.sms .mobile{
text-decoration: none;
color: white;
}
.sms .mobile:hover{
text-decoration: underline;
}
.box{
float: left;
padding: 50px 0;
}
.foto{
color: white;
padding: 45px 20px;
text-transform: uppercase;
}
.p .b{
text-decoration: none;
color: gray
}
.p{
padding: 12px 0;
;
}
.p .b:hover{
color: white;
transition: all .30s ease;
}
.aloqa{
color: white;
text-transform: uppercase;
padding: 45px 20px;
}
.tarmoq{
color: white;
text-transform: uppercase;
padding: 45px 20px;
}
.tarmoq .facebook{
width: 35px;
height: 35px;
margin: 30px 20px;
}
.finally-section{
background-color: black;
height: 50px;
}
.finally-wrap{
color: white;
padding: 15px;
background-image:url(../icon/c.png);
background-repeat: no-repeat;
background-size: 30px;
background-position: 650px center;
}