1-joriy nazorat 613. 21 guruh talabasi Abdurahmonov Shahriyor 1-Qism: Kod qismi
Download 252.46 Kb.
|
1 2
Bog'liqWeb 1-Joriy
- Bu sahifa navigatsiya:
- Amaliy qismi: 2-qism: Kod qismi
|
1-JORIY NAZORAT 613.21 guruh talabasi Abdurahmonov Shahriyor 1-Qism: Kod qismi: DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="./css/main.css"> <title>Documenttitle> head> <body> <div class="container"> <header> <h1><a href="mm.html">1-qisma>h1> header> <main> <div class="box"> <div class="boxes">Bosh sahifadiv> <div class="boxes">Biz haqimizdadiv> <div class="boxes">Fotogalereyadiv> <div class="boxes">Bog'lanishdiv> div> <div class="text"> <div class="textes"> <h4>Sarlavha_1h4> 613_21- guruh talabasi Abdurahmonov Shahriyor Web-Dasturlash dedlayn. consequuntur totam consequatur perferendis adipisci cum optio quaeratusamus, necessitatibus officia quasi et impedit blanditiis libero, magni mollitia nulla molestiae harum reiciendis animi ex dolore. div> <div class="textes"> <h4>Sarlavha_2h4> Web dasturlash dedlayni HTML va CSS topshirig'i .iusto aliquid dignissimos architecto magnam at obcaecati totam dolor exercitationem itaque sunt sapiente corporis iste quos porro, rerum qui natus facere possimus ipsum aperiam nemo velit nam. Ipsam aliquid vitae explicabo! div> <div class="textes"> <h4>Sarlavha_3h4> <h4> Telegram: <a href="https://t.me/AbdurahmonovShahriyor_0304" target="_blank"> +998975902603 a> E-Pochta: <a href="https://mail.google.com/mail/u/0/#inbox?compose=CllgCJqTfrLdHpNwDdNmvQLdnXZtrZcPFVVNSCjQvbHqgbLbkRGVwvvrSdQXdGnhPWnTtwxzhHg" target="_blank" > ashahriyor83@gmail.com a> h4> div> div> main> <footer> <h1>Footerh1> footer> div> body> html> CSS qismi: @import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap'); *{ margin: 0; padding: 0; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-family: 'Lobster', cursive; }
width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; /* overflow: hidden; */ } .container{ width: 40%; height: 90%; margin: auto; border-radius: 40px; border: 2px solid black; } .container header{ width: 100%; height: 7vh; background-color: rgb(247, 181, 59); text-align: center; border-radius: 40px 40px 0 0 ; display: flex; justify-content: center; align-items: center; } .container header h1{ font-size: 50px; color: black; } .container main{ width: 100%; height: 75vh; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; } .container main .box { width: 100%; height: 5vh; display: flex; justify-content: space-around; align-items: center; margin-top: 8px; /* background-color: yellowgreen; */ } .container main .box .boxes{ width: 23%; height: 100%; background-color: rgb(83, 248, 124); display: flex; justify-content: center; align-items: center; font-size: 25px; font-weight: bolder; color: black; } .container main .text{ width: 100%; height: 70vh; margin-top: 10px; display: flex; justify-content: space-around; align-items: center; } .container main .text .textes{ width: 24%; height: 100%; font-size: 20px; border: 1px solid black; border-bottom: none; padding: 10px; }
font-size: 30px; } .container main .text .textes:nth-child(2){ width: 46%; height: 100%; border: 1px solid black; border-bottom: none; } .container footer{ width: 100%; height: 7vh; background-color: rgb(150, 158, 158); text-align: center; border-radius: 0 0 40px 40px ; display: flex; justify-content: center; align-items: center; margin-top: 9px; } .container footer h1{ font-size: 50px; color: black; } Amaliy qismi: 2-qism: Kod qismi: DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Amita&family=Great+Vibes&display=swap" rel="stylesheet"> <title>Documenttitle> head> <body style="font-family: 'Great Vibes', cursive;" > <div style="display: flex; justify-content: center;" class="nav"> <h1 style="text-align: center;"> <a href="aa.html">1-qisma> h1> <h1 style="text-align: center; margin: 20px ;"> <a href="mm.html">2-qisma> h1> <h1 style="text-align: center;"> <a href="bb.html">3-qisma> h1> div> <table border=".5"> <tr style="font-size: 25px;"> <td>Meni qizishlarimtd> <td style="text-align: center;">Men haqimdatd> tr> <tr> <td style="display: inline-block;"> <h1>Qiziqishlarimh1> <ul style="font-size: 20px; font-family: 600;"> <li>Futbool o'yinli> <li>Badiiy kitob o'qishli> <li>Shaxmat o'yinli> <li>Tenis o'yinli> <li>Web dasturlashli> <li>Sayohat qilish li> <li>Futbool o'yinli> <li>Badiiy kitob o'qishli> <li>Shaxmat o'yinli> <li>Tenis o'yinli> <li>Web dasturlashli> <li>Sayohat qilish li> <li>Tenis o'yinli> <li>Web dasturlashli> <li>Sayohat qilish li> <li>Web dasturlashli> <li>Sayohat qilish li> ul> td> <td> <h1 style="text-align: center;">Abdurahmonov Shahriyor Shuhratjon o'g'lih1> <div style="display: flex;" class="text"> <h4 style="font-size:35px;" > Lorem ipsum dolor sit amet consectetur, adipisicing elit. Impedit reprehenderit adipisci corrupti praesentium expedita odio, eveniet dolore. Illo consectetur qui ut distinctio delectus voluptas exercitationem ullam eveniet eum. At ea placeat esse magni, aspernatur, itaque minus sed quis eligendi quisquam nam quibusdam fugit. Consequuntur rerum voluptas aut exercitationem dolorum dolore? Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium tempore incidunt, sint eum laborum quidem quasi. Quo possimus consequuntur similique ducimus ea eaque omnis deleniti iure perspiciatis minus, natus sit dicta, quasi soluta sunt quibusdam, modi facilis commodi. Numquam, molestias architecto. Nemo dolorum illo numquam quasi velit atque aliquam perferendis.h4> <img style="width:300px; height:400px ;" src="./imge/IMG_20211210_194807_756 (1).jpg" alt=""> div> td> tr> <tr style="font-size: 20px;" > <td style="font-size: 20px;" >Farg'ona viloyati Bog'dod tumanitd> <td style="display: flex;"> <p>Telefon raqamp> <a style="margin: 22px;" href="https://t.me/AbdurahmonovShahriyor_0304">+998975902603a> td> tr> table> body> html> Download 252.46 Kb. Do'stlaringiz bilan baham: 
|
1 2