Ro'yhatdan o'tish

guruh	FIO	baho
611-19	Sobirov F

DOCTYPE html>

Ro'yhatdan o'tish

Ismingiz
 
Pochta 
   
 Erkak 
 Ayol 
Kirish

.container{

margin: 100px 450px;
border: 1px solid black;
height: 400px;
width: 500px;
border-radius: 10px;
background-color: darkgray;
}
.main{
padding: 10px 20px;
margin: 30px 0px;
}
.main h1{
text-align: center;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
input[type=text]{
width: 80%;
height: 30px;
border: none;
border-radius: 5px;
text-align: center;
}
input[type=email]{
width: 80%;
height: 30px;
margin-top: 20px;
border: none;
border-radius: 5px;
text-align: center;
}
input[type=radio]{
margin-top: 20px;
}
button{
margin: 40px 300px;
border: 1px solid black;
border-radius: 5px;
}
button a{
padding: 10px;
text-decoration: none;
color: black;
}
label{
font-style: italic;
color: chocolate;
text-transform: uppercase;
}

DOCTYPE html>

web sahifa

Home
About
Contact
Footer
Server

       
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt dolorum deserunt sit expedita, temporibus corporis magni voluptatibus porro iusto consequuntur rerum veniam voluptas ut eum excepturi possimus quia architecto ex!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore consequatur dignissimos omnis expedita! Tempora eum sunt molestias illum rerum officia libero sed! Obcaecati quasi repellendus, quaerat impedit totam fugiat magni, atque ratione, quae sapiente quas voluptate sit? Sapiente esse, distinctio dolorum nisi velit itaque laborum quidem ad minus ut saepe in, repellat cumque pariatur ipsam reprehenderit qui? Ducimus, quod porro ipsum distinctio assumenda unde cum sit cumque itaque odit esse vero perferendis mollitia dicta ab? Perferendis, alias? Ratione, nam. Ex, ipsam. Amet corporis sed eius pariatur dignissimos veniam provident modi praesentium iste, tempora voluptas iure ab suscipit, impedit ullam corrupti maiores obcaecati quia? Perferendis illum deserunt, aliquam ad, incidunt iusto mollitia, corrupti voluptas error at blanditiis ea. Quae voluptate reiciendis praesentium necessitatibus facilis, autem quod suscipit commodi animi atque quis nobis, fugiat harum hic, ab aut cupiditate exercitationem cum porro minima doloremque architecto. Similique magnam, ea quod, soluta, eos temporibus voluptate saepe libero officiis eveniet ut enim illum veniam provident magni possimus fugiat earum! A odit repudiandae repellendus voluptas, ipsum voluptatibus amet accusantium. Culpa, dignissimos eaque. Quaerat ad laudantium tempora distinctio quis voluptates sint quasi voluptas. Possimus, quod facere voluptatem dolores hic impedit facilis cum aperiam soluta cupiditate sit corrupti amet iure alias dolorum est excepturi dolore earum accusamus deleniti explicabo tenetur! Veritatis autem repellat enim sint provident ab quas dolor expedita. Maxime et dolore minima aliquid enim, dignissimos tempora quam alias similique voluptatem pariatur illo, doloribus odit eaque atque molestiae hic nostrum nulla, perferendis accusantium blanditiis? Placeat quasi magni quae quisquam error aliquam nemo aut eos repudiandae incidunt, ratione voluptates similique eius nobis natus quod magnam impedit quaerat maxime explicabo? Asperiores, incidunt dolores eaque minus minima delectus repellendus quia quasi amet, veniam aspernatur ea aperiam! Eos, illo cum veritatis, corporis reiciendis, neque veniam doloribus labore laboriosam voluptate fugiat consectetur.

*{
padding: 0px;

margin: 0px;
}
header{
background-image: url("barsaa.jpg");
background-repeat: no-repeat;
background-position: center;
height: 80px;
}
h1{
 80px;
text-transform: uppercase;
line-height: 80px;
color: black;
}
.main{
margin-top: 20px;
display: flex;
}
.main p{
font-family: Georgia, 'Times New Roman', Times, serif;
color: cornflowerblue;
font-style: italic;
}
nav .list{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.list-item{
list-style: none;
}
.list-link{
text-decoration: none;
padding: 20px;
color: black;
text-transform: uppercase;
}
nav{
border-top: 1px solid red;
border-bottom: 1px solid red;
margin-top: 10px;
height: 40px;
line-height: 40px;
}
.list-link:hover{
color: rgb(231, 16, 124);
}