|
Muhammad Al-Xorazmiy nomidagi Toshkent Axborot Texnologiyalar Universiteti Farg’ona Filiali
|
Sana | 12.12.2023 | Hajmi | 4.83 Mb. | | #117341 |
Bog'liq 613-22 guruh talabasi Musayev Izzatillo Ma\'lumotlar Tuzilmasi va Algoritmlar 10-sinf-Tarbiyaviy-soat-konspekt (1), MAHMUDOVA MADINA0, O`KTAMOV ELMUROD, DADABOYEV AZIMJON, Ma\'lumotlar tuzilmasi deadline, Diskret tuzilmasi deadline
Muhammad Al-Xorazmiy nomidagi Toshkent Axborot Texnologiyalar Universiteti Farg’ona Filiali
“Kompyuter injiniringi “fakulteti 613-22 guruh talabasi Musayev Izzatilloning Web Dasturlash fanidan Tayyorlagan 2-deadline
Web dastrulash topshiriq
Kutubxona uchun veb-sayt yaratish.
Dastur kodi html:
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Kutubxonatitle>
<link rel="stylesheet" href="style.css">
head>
<body>
<header>
<h1>KUTUBXONAGA XUSH KELIBSIZh1>
header>
<section>
<ul>
<li><a href="#">Bosh sahifaa>li>
<li><a href="#">Kitoblara>li>
<li><a href="#">Kategoriyalara>li>
<li><a href="#">Biz haqimizdaa>li>
ul>
section>
<main>
<div class="kitob">
<div class="container text-center">
<div class="row">
<div class="col-6 col-md-4">
<img src="rasm1.jpg" alt="Kitobning rasmi">
<h3>MEN, Bas qil, ey nafs!h3>
<p>Fotix Duman qalamiga mansub kitobp>
div>
<div class="col-6 col-md-4">
<img src="rasm2.jpeg" alt="Kitobning rasmi">
<h3>Saodat Asri qissalarih3>
<p>Ahmad Lutfiy Qozonchi qalamiga mansub kitobp>
div>
<div class="col-6 col-md-4">
<img src="rasm3.png" alt="Kitobning rasmi">
<h3>Quron Karimh3>
<p>Yozuvchisi ALLOH TAOLOp>
div>
div>
<div class="row">
<div class="col-6 col-md-4">
<img src="rasm1.jpg" alt="Kitobning rasmi">
<h3>MEN, Bas qil, ey nafs!h3>
<p>Fotix Duman qalamiga mansub kitobp>
div>
<div class="col-6 col-md-4">
<img src="rasm2.jpeg" alt="Kitobning rasmi">
<h3>Saodat Asri qissalarih3>
<p>Ahmad Lutfiy Qozonchi qalamiga mansub kitobp>
div>
<div class="col-6 col-md-4">
<img src="rasm3.png" alt="Kitobning rasmi">
<h3>Quron Karimh3>
<p>Yozuvchisi ALLOH TAOLOp>
div>
div>
div>
div>
main>
<footer>
<p>© 2023 Kutubxona.Musayev Izzatillo tomonidan yaratilagnp>
footer>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous">script>
body>
html>
Dastur kodi css:
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-image: url(image1.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
header {
background-image: url(image.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
text-shadow: 2px 2px #058867;
padding: 15px;
}
header h1{
text-align: center;
}
section {
background-color: #FF0000;
padding: 8px;
font-size: 20px;
}
section ul {
list-style: none;
padding: 8px;
}
section ul li {
display: inline;
margin-right: 20px;
}
section ul li a {
color: #770a0a;
text-decoration: none;
}
section ul li a:hover{
background-color: aqua;
cursor: pointer;
font-size: 20px;
}
main {
display: flex;
justify-content: space-between;
padding: 20px;
}
.kitob {
margin-bottom: 20px;
padding: 10px;
}
.kitob img {
max-width: 100%;
height: auto;
}
.kitob h3 {
margin-top: 10px;
text-shadow: 0px 0px 10px rgb(32, 195, 231),
0px 0px 10px rgb(32, 195, 231),0px 0px 10px rgb(32, 195, 231);
color: rgb(32, 195, 231);
}
.kitob p {
text-shadow: 0px 0px 10px rgb(32, 231, 32),
0px 0px 10px rgb(32, 231, 32),0px 0px 10px rgb(32, 231, 32);
color: rgb(32, 231, 32);
}
footer {
text-align: center;
padding: 10px;
background-color: #333;
color: #fff;
}
Dastur natijasi
|
| |