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

Download 6,62 Mb.
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

+998 (78) 150-86-86

+998 (97) 582-71-00

+998 (97) 993-00-61

Onlayn buyurtma

hush kelibsiz
xonobod sihatgohiga

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

Sport zal

]

wi-Fi

Suv havfzasi

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;
}

Download 6,62 Mb.