Karimov Umidjon 216 20 html haqida ma’lumot

Karimov Umidjon

• Home


• About me


• Gallery


• Contact

I'm

Telegramm
Instagramm

About me

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro adipisci enim saepe dolorem molestiae dolor mollitia
voluptatibus tempora delectus, nam deserunt obcaecati. Iusto impedit dolorum asperiores sit cumque, perspiciatis
repellendus, voluptatibus ipsum alias sequi eaque cum quod sed quasi, incidunt numquam placeat molestiae exercitationem
quis facilis fugit ducimus perferendis voluptate? Nulla sint tempore officiis et aliquid recusandae quaerat consequatur
esse architecto maxime alias, ea enim nam doloribus maiores laboriosam repudiandae ullam pariatur perferendis iure ex
culpa? Placeat voluptas deleniti enim quisquam adipisci culpa nostrum, quidem doloribus veritatis quaerat eveniet reiciendis
veniam. Unde veritatis similique accusamus perferendis numquam iure velit eos?

My skils

Html

CSS

C++

Ism:

Familya:

Email:

Yuborish

CSS kodlari.
*{
padding: 0;
margin: 0;
font-family: sans-serif;
}
html{
scroll-behavior: smooth;
}
section{
width: 100%;
height: 100vh;
background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url(pixsel.jpg);
background-repeat: no-repeat;
background-size:cover;
}
header{
width: 100%;
}
nav{
overflow: hidden;
width: 100%;
position: fixed;
top: 0px;
}
nav h1{
color:rgba(243, 243, 245, 0.788);
display:inline-block;
font-size: 40px;
margin-right:5px;
margin-top: 20px;
}
nav ul{
display:inline-block;
float: right;
margin-right: 20px;
margin-top: 20px;
}
nav ul li{
display: inline-block;
list-style: none;
margin-right: 30px;
}
nav ul li a{
text-decoration:none;
color:white;
font-weight: 700;
font-size: 20px;
}nav ul li::after{
content: "";
width: 100%;
height: 0px;
display: block;
margin-top: 10px;
}
nav ul li:hover::after{
height: 4px;
transition:0.5s;
}
div{
color: rgba(243, 243, 245, 0.788);
text-align: center;
}
div h1{
font-size: 50px;
margin-bottom: 10px;
}
div button{
width: 180px;
height: 45px;
font-size: 20px;
color:blue;
background: transparent;
border: 4px solid blue;
border-radius: 20px;
margin-right: 20px;
}
div button:hover{
background:white;
color: blue;
transition: 0.5s;
}
.row{
width: 100%;
height: 500px;
}
.row h1{
color: black;
}
nav ul li a:hover{
font-size:25px;
border:1px solid white;
border-radius:5px;
padding:10px;
text-decoration:none;
}
a:hover{
background-color:rgba(69, 69, 180, 0.3);
}
.button:hover{
transform: translateY(10px);
font-size: 25px;
}
.but:hover{
transform: translateY(10px);
font-size: 25px;
}
.h{
font-size: 40px;
text-align: center;
color: azure;
padding: 50px;
}
.p{
text-align: justify;
font-size: 20px;
color: azure;
margin: 50px 100px;
}
.one{
width: 100%;
height: 100vh;
background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url(pixsel.jpg);
background-repeat: no-repeat;
background-size:cover;
}
#main{
padding-top: 200px;
}
.two{
width: 100%;
background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url(pixsel.jpg);
background-repeat: no-repeat;
background-size:cover;
}
.three{
width: 100%;
height: 100vh;
background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url(pixsel.jpg);
background-repeat: no-repeat;
background-size:cover;
}
progress{
height: 20px;
width: 80%;
margin: auto;
padding: auto;
color: white;
}
.images-container{
margin: 0 auto;
width: 95%;
max-width: 85rem;
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
padding-top: 80px;
}
.images-container .image{
width: 25rem;
height: 19rem;
}
.images-container .image img{
width: 25rem;
height: 19rem;
padding-top: 20px;
}
.images-container .image img:hover{
width: 26rem;
height: 20rem;
}
.contact{
width: 100%;
height: 700px;
background-image:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url('pixsel.jpg');
background-size: cover;
background-repeat: no-repeat;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.contact form .label{
width: 25rem;
display: flex;
flex-direction: column;
}
.contact form .send_button{
margin-top: 20px;
padding: 5px 10px;
border-radius: 4px;
}