topshirish
Golovna
Sayt uchun blok shablonini yozaman.
Ushbu maqolada men sizga nafaqat saytning blok shablonining kodini beraman, balki uni tushuntiraman va nimani va qanday o'zgartirishingiz mumkinligini va fayllarni qaerga qo'yishni ko'rsataman.
Ozhe, bunday sayt.
Men ko'pincha ushbu sohada ishlaydigan odamlarning o'zlari yordam so'rab murojaat qilishlarini ko'rsatish uchun avtotransport mavzusini oldim.
Ale Vi, maqolani o'qib chiqqandan so'ng, siz o'zingizning mavzuingiz va saytingiz uchun dizayn va ramkangiz haqida hamma narsani ishlab chiqishingiz mumkin bo'ladi.
/* Iltimos, maqolani, yuborilgan materiallarni diqqat bilan o'qib chiqishga vaqt ajrating va ko'rsatmalarimni bajaring. */
quti soyasi: rgba (0,0,0,0,5) 0px 1px 3px;">
/* Blok soyasi */
.clear ( /* Overflow panjarasi. Kontent bloki matn va tasvirlar bilan toʻldirilganda pastki qismga tushmasligi uchun oʻrnatilgan */
aniq: ikkalasi ham;
.fon ( /* Telefon raqami */
float: chap;
/* Boshqa elementlarning paragraf atrofida o'ng qo'l bilan harakatlanishiga ruxsat bering */
chegara: 20px 0 0 20px;
.faks ( /* Faks raqami */
chegara: 20px 0 0 60px;
.mail (/* Elektron pochta manzillari */
Vantazhoperevezennya
http://trueimages.ru/img/cf/26/9116df15.png
Bizning veb-saytimizda
sportchilarimiz
boshqalarga osonroq bo'lishi uchun o'zingizning materialingizni yozing
yangi ma'lumotlardan xabardor bo'ling.
http://trueimages.ru/img/0d/64/07a18f15.png">
Bu yerga
"rozzhovaniye" saytni yaratish bilan birga keladigan barcha qurilmalar,
Boshqa mualliflardan o'tishni so'rashingiz mumkin.
Agar tushunmasangiz, oziqlantirish, uchun
Endi "yomon" ovqatlar yo'q.
O'qing va veb-saytingizni o'zingiz yarating, kabi
Bu sizning yoshingiz va kompyuterda ishlash tajribangiz bo'lmaydi.
Maqtov, sizniki bundan ham yaxshiroq va aniq bo'ladi
kilka raz swidshe, meni nizh.
Bu statik sayt uchun koddir va bu turli xil kengaytmali ekranlarda uning hajmi o'zgarmasligini anglatadi.
Keyin mobil telefoningizda gorizontal aylantirishning loyqaligini ko'rasiz, shuning uchun saytni ko'rib chiqish uchun tirishishingiz kerak bo'ladi.
Va endi dumbamizga murojaat qilaylik.
Kod bilan ishlashni boshlashdan oldin, sayt onlayn bo'lishidan oldin uni joylashtirish uchun joy yaratishingiz kerak.
Ushbu kodni tahrirlash uchun sizga HTML muharriri kerak bo'ladi.
Yaxshi chiziqqa ega bo'lganlar, yo'qlar, men sizga aytaman.
Uni robotingizga yuborganingizdan so'ng, fayl yaratish uchun uni o'qing.
Agar muharrir o'rnatilgan bo'lsa, uni oching, yuqoridagi koddan 1 - 6 qatorlarni ko'chiring va ularni tahrirlovchi maydoniga, so'ngra 118 - 153 qatorlarga joylashtiring va ularni tahrirlovchiga joylashtiring.
Shunday qilib, biz HTML faylini yaratadigan kodning HTML qismini tanladik.
Mening qator raqamlashni o'chiring, fayl yarating, uni index.html deb nomlang va uni sayt katalogiga saqlang.
Katalog quyidagicha ko'rinishi mumkin:
Keyinchalik, biz moslashtirilgan uslublar jadvaliga ega bo'lgan style.css faylini yaratamiz.
Eksa shu yerda!
Style.css fayli saytning barcha sahifalariga ulangan bo'lishi kerak, shuning uchun siz sahifaning asosini tashkil etuvchi uslublarni tanlashingiz kerak.
Va yuqoridagi koddagi barcha uslublar, .left va .right selektorlaridan tashqari, to'g'ridan-to'g'ri maqola matniga cho'ziladi.
Keyin, agar siz sayt dizayniga biron bir o'zgartirish kiritmoqchi bo'lsangiz, ularni style.css fayliga qo'shishingiz kerak va ular barcha sahifalarda paydo bo'ladi.
Shunday qilib, sayt katalogida biz boshqa papka yaratamiz va uni css deb ataymiz.
Keyin muharrirga qaytamiz, yangi hujjatni ochamiz (birinchi panel belgisi), uni nusxa ko'chiring va yangi 8 - 80 va 90 - 116 qatorlarga joylashtiramiz.
Biz faqat matndagi rasmlarni loyihalashtiruvchi uslublarni o'tkazib yuboramiz, chunki ular faqat bitta sahifa uchun amal qiladi. і Biz raqamlashni olamiz va ushbu yangi hujjatni style.css deb nomlangan yangi yaratilgan CSS papkasida saqlaymiz. <link>, modifikatsiyaning dastlabki atributlari va CSS maqsadi bilan.</p>
<p><link
href
="css/style.css
" type
="text/css
" rel
="stylesheet
"></p>
<p>Belgidan keyin <link>, biz maqola matnida rasmlarni formatlaydigan uslublarni kiritishimiz mumkin.</p>
<p><style
"><br>(81-88-qatorlar). <br>/* Tarkib (statta) */ <br>#content ( /* Kontent bloki */ <br>
} <br>Men raqamlash va sharhlarimni olib tashlaymiz, chunki CSS sharhlari html faylga qo'shilmaydi va ajablanib, ularning barchasi ziplangan bo'lishi mumkin. <br>/* Altbilgi blokidagi statistika blokiga kirish */ <br>kengligi: 676px; <br>
} <br>
</style
></p>
<p>.chap(</p>
<p>.o'ng (</p>
<p><img src='https://i0.wp.com/starper55plys.ru/wp-content/uploads/2013/08/4.png' align="center" width="100%" loading=lazy loading=lazy loading=lazy></p>
<p>Kodni tahrirlovchi bilan o'zgartirgandan so'ng, o'zgarishlarni saqlashni unutmang (uchinchi belgi yomon).</p>
<p>Bunday holda, fayl belgisi ko'k rangga ega.</p>
<p>Muharrirning fikri:</p>
<p>Keling, rasmlarni tezda ko'rib chiqaylik.</p>
<p>Mening rasmlarim trueimages xizmati orqali yuklab olinadi, shunda sahifa brauzeringizda ko'rinadi. <img>Sizga o'zingizning rasmlaringiz kerak bo'ladi va siz ularni yaratishingiz yoki Internetda topishingiz kerak bo'ladi.</p>
<p><img src='https://i2.wp.com/starper55plys.ru/wp-content/uploads/2013/08/5.png' align="center" width="100%" loading=lazy loading=lazy loading=lazy></p>
<p>Siz buni xuddi shu maqolada ko'rishingiz mumkin.</p>
<p>Agar sizda Photoshop bo'lsa, unda barcha tasvirlar yangisida yaxshiroq ishlaydi. <br></p>
<p>Barcha to'plangan yoki topilgan rasmlar sayt katalogining rasmlar papkasiga joylashtirilishi kerak.</p>
<p><img src='https://i1.wp.com/starper55plys.ru/wp-content/uploads/2013/08/6.png' align="center" width="100%" loading=lazy loading=lazy loading=lazy></p>
<p>Avvalo, biz sayt sarlavhasini o'zgartiramiz.</p>
<p>Buning uchun index.html faylida teg mavjud</p>
<p>mening rasmim bilan (124-qator)</p>
<p>Keyin style.css faylida img selektorini ko'rishingiz mumkin.</p>
<p>fon rasmi: url(../images/schapka.png);</p>
<p><p
><img src='/prostye-shablony-html-css-gde-skachat-gotovye-css-shablony-crafty/' loading=lazy loading=lazy loading=lazy>/* Altbilgi bloki uchun fon */</p
></p>
<p>Tahrirlovchi shunday ko'rinadi</p>
<p>Rasm manzilining yuqori qismidagi qo'sh katak faqat selektor biriktirilgan CSS faylida bo'lsa joylashtiriladi.</p>
<p>Endi saytning asosiy sahifasi tayyor, siz toifalar va sahifalar yaratishni boshlashingiz mumkin.</p>
<p>Men sizga bitta toifani qanday yaratishni ko'rsataman va uning bir tomoni bor va siz boshqalarni o'zingiz yaratishingiz mumkin.</p>
<p>Sayt katalogida bizda kontent papkasi mavjud.</p>
<p>Biz uni ochamiz va boshqa papka yaratamiz - rubrica1 (siz, albatta, o'z nomingiz bo'ladi).</p>
<h2>Bu dada yana ikkita papka yaratadi - CSS va tasvirlar.</h2>
<p>Css papkasida biz style.css faylini joylashtiramiz va rasmlar papkasida birinchi navbatda teri tomonida paydo bo'ladigan asosiy tasvirlarni (mening fikrimcha sayt sarlavhasi va menyu belgilari mavjud) va boshqa yo'l bilan siz joylashtirasiz. u erda barcha rasmlar, Ushbu bo'limlar uchun maqolalarni qanday formatlaysiz?</p>
<p>Bugun biz HTML onlayn-do'kon shablonlari haqida gapiramiz, ular mutlaqo bepul va tekis dizayn, sezgir tartib va jQuery slayderlari bilan birga keladi.</p>
<h3>Qo'lga olish - Cat-free Bootstrap HTML shabloni</h3>
<p>Ushbu Bootstrap shabloni siz onlayn sotmoqchi bo'lgan har qanday saytlar uchun ishlatilishi mumkin.</p>
<p>Bugun biz HTML onlayn-do'kon shablonlari haqida gapiramiz, ular mutlaqo bepul va tekis dizayn, sezgir tartib va jQuery slayderlari bilan birga keladi.</p>
<h3>Demo versiyasi |</h3>
<p>vasvasaga solmoq</p>
<p>Bugun biz HTML onlayn-do'kon shablonlari haqida gapiramiz, ular mutlaqo bepul va tekis dizayn, sezgir tartib va jQuery slayderlari bilan birga keladi.</p>
<h3>La Casa - Neruhomosti veb-sayti uchun HTML shabloni</h3>
<p>Bosh sahifa shablonidagi HTML5-dagi tayyor veb-sayt oddiy individual dizaynni yaratish uchun ishlatilishi mumkin.</p>
<p>Bugun biz HTML onlayn-do'kon shablonlari haqida gapiramiz, ular mutlaqo bepul va tekis dizayn, sezgir tartib va jQuery slayderlari bilan birga keladi.</p>
<h3>Modex - Portfel uchun yuklash mavzusi</h3>
<p>To'liq sahifa sarlavhasi va zamonaviy aralash tugmasi bilan ushbu aniq portfelni ko'rib chiqing.</p>
<p>Bugun biz HTML onlayn-do'kon shablonlari haqida gapiramiz, ular mutlaqo bepul va tekis dizayn, sezgir tartib va jQuery slayderlari bilan birga keladi.</p>
<h3>Moslashuvchan shablon ko'plab qurilmalar uchun mos keladi va tekis dizaynga ega.</h3>
<p>Drifolio – portfel uchun HTML shabloni</p>
<p>Bugun biz HTML onlayn-do'kon shablonlari haqida gapiramiz, ular mutlaqo bepul va tekis dizayn, sezgir tartib va jQuery slayderlari bilan birga keladi.</p>
<h3>Xarajatsiz HTML onlayn-do'kon shabloni o'z biznesingizni ajoyib animatsiya bilan namoyish qilish imkonini beradi.</h3>
<p>Moslashuvchan bir tomonlama tartib portfel yaratish uchun o'ziga xos xususiyatlarni qo'shadi.</p>
<p>Bugun biz HTML onlayn-do'kon shablonlari haqida gapiramiz, ular mutlaqo bepul va tekis dizayn, sezgir tartib va jQuery slayderlari bilan birga keladi.</p>
<h3>Bezatish uchun CSS va HTML fayllari bilan birga keladigan ushbu bepul shablonni sinab ko'ring.</h3>
<p>Pluton - bir tomonlama Bootstrap shabloni</p>
<p>Bugun biz HTML onlayn-do'kon shablonlari haqida gapiramiz, ular mutlaqo bepul va tekis dizayn, sezgir tartib va jQuery slayderlari bilan birga keladi.</p>
<h3>Noyob bir tomonlama tartib va sezgir dizaynga ega studiyalar, fotosuratchilar va ijodiy dizaynerlar uchun mukammal shablon.</h3>
<p>Ajoyib funktsiyalar to'plami, noyob slayder va yon panellarga ega bo'lgan elektron tijorat uchun yuklash shabloni. <span>Onlayn do'kon uchun qo'shimcha HTML shabloni yordamida mahsulot ro'yxati mahsulot tasvirlari va " kabi variantlari bilan ichki sahifalarda ko'rsatilishi mumkin.</span> uni mushukga bering <span>"ta"</span>».</p>
<p>oldinga qarash</p>
<h3>Demo versiyasi</h3>
<p>AdminLTE - maxsus hisob va asboblar paneli uchun shablon</p>
<p>Bugun biz HTML onlayn-do'kon shablonlari haqida gapiramiz, ular mutlaqo bepul va tekis dizayn, sezgir tartib va jQuery slayderlari bilan birga keladi.</p>
<h3>Ajoyib administrator paneli shabloni, qo'shimcha HTML5, CSS3.</h3>
<p>Siz katta va kichik ekranli qurilma ostida tomosha qilyapsiz.</p>
<p>Bugun biz HTML onlayn-do'kon shablonlari haqida gapiramiz, ular mutlaqo bepul va tekis dizayn, sezgir tartib va jQuery slayderlari bilan birga keladi.</p>
<h3>1000 dan ortiq piktogramma va interfeys elementlarining katta to'plamiga ega ushbu boshqaruv paneli shablonlari boshqaruv panellari dizayni uchun asos bo'ladi.</h3>
<p>Magnit - fotograf veb-sayti uchun bepul shablon</p>
<p>oldinga qarash</p>
<h3>Nashrning ichki tartibi yaxshi ko'rinadi va butun shablon sezgir dizaynga ega.</h3>
<p>Kontakt ma'lumotlari va qo'lda navigatsiya qilish va ijtimoiy media piktogrammalarini qo'shish uchun bitta chap panelli to'liq sahifa.</p>
<p>Bugun biz HTML onlayn-do'kon shablonlari haqida gapiramiz, ular mutlaqo bepul va tekis dizayn, sezgir tartib va jQuery slayderlari bilan birga keladi.</p>
<h3>Zamonaviy - Bootstrap HTML shabloni</h3>
<p>Ushbu Bootstrap shabloni tekis dizaynga ega, barcha CSS elementlari yuqori intensivlikka ega.</p>
<p>Bugun biz HTML onlayn-do'kon shablonlari haqida gapiramiz, ular mutlaqo bepul va tekis dizayn, sezgir tartib va jQuery slayderlari bilan birga keladi.</p>
<h3>Mahsulot tavsiflari, slayderlar va portfel elementlari uchun bir nechta variant bilan birga keladi.</h3>
<p>Mavzu bosh sahifaga o'xshash ko'p rangli tartibga ega.</p>
<p>Bugun biz HTML onlayn-do'kon shablonlari haqida gapiramiz, ular mutlaqo bepul va tekis dizayn, sezgir tartib va jQuery slayderlari bilan birga keladi.</p>
<h3>Crafty – korporativ HTML shabloni</h3>
<p>HTML5 CSS3-dagi biznes shablon, bu har qanday kompaniya uchun yaxshi.</p>
<p>oldinga qarash</p>
<h3>Mavzu moslashuvchan va butun bo'limni yaratish uchun barcha kerakli elementlarni o'z ichiga oladi.</h3>
<p>Yigirma - parallaks effektli HTML5 shablon</p>
<p>oldinga qarash</p>
<h3>Blog elementlari, paralaks effektli harakatga bosish tugmasi, ijtimoiy media piktogrammalarining pastki kolontili va boshqalarni o'z ichiga olgan sezgir tartibli onlayn-do'kon HTML veb-sayti uchun noyob bir tomonlama shablon.</h3>
<p>Brushed - bu Twitter Bootstrap platformasiga asoslangan bepul, bir tomonlama HTML shablonidir. <span>Retina displeylari uchun optimallashtirish (</span>).</p>
<p>Bugun biz HTML onlayn-do'kon shablonlari haqida gapiramiz, ular mutlaqo bepul va tekis dizayn, sezgir tartib va jQuery slayderlari bilan birga keladi.</p>
<h3>iPhone, iPad, iPod Touch va MacBook Pro Retina</h3>
<p>Katta rasm - HTML5 asosidagi shablon <span>Sayt uchun ushbu shablon litsenziya asosida bepul blog yuritish uchun chiqariladi</span>.</p>
<p>Creative Commons Attribution 3.0</p>
<h3>vasvasaga solmoq</h3>
<p>Tesselatte - bepul javob beruvchi veb-sayt shabloni</p>
<p>Creative Commons Attribution 3.0</p>
<h3>Kechirasiz, lekin men moslashuvchan HTML onlayn do'kon shablonini qo'shaman.</h3>
<p>TOSHMA</p>
<p>Creative Commons Attribution 3.0</p>
<h3>Ijodiy veb-sayt uchun HTML5, CSS3 shabloni.</h3>
<p>Runkeeper - mobil ilovalar uchun moslashtirilgan veb-sayt shabloni</p>
<p>Bugun biz HTML onlayn-do'kon shablonlari haqida gapiramiz, ular mutlaqo bepul va tekis dizayn, sezgir tartib va jQuery slayderlari bilan birga keladi.</p>
<h3>Bepul moslashtirilgan shablon, mahsulot yo'nalishi.</h3>
<p>Pinball - blog yuritish uchun ajoyib tekis shablon</p>
<p>Bugun biz HTML onlayn-do'kon shablonlari haqida gapiramiz, ular mutlaqo bepul va tekis dizayn, sezgir tartib va jQuery slayderlari bilan birga keladi.</p>
<h3>Webworld v2 - bu noyob veb-dizaynga ega professional korporativ yassi shablon.</h3>
<p>Bepul shablon Mahsulot: chotiri HTML shablonlari bittada</p>
<p>Bugun biz HTML onlayn-do'kon shablonlari haqida gapiramiz, ular mutlaqo bepul va tekis dizayn, sezgir tartib va jQuery slayderlari bilan birga keladi.</p>
<h3>Twitter Bootstrap platformasidan ilhomlangan yana bir ajoyib HTML shablon.</h3>
<p>Bu yangi mahsulot yoki xizmatni ishga tushirish uchun ideal.</p>
<p>Bugun biz HTML onlayn-do'kon shablonlari haqida gapiramiz, ular mutlaqo bepul va tekis dizayn, sezgir tartib va jQuery slayderlari bilan birga keladi.</p>
<p>Veb-sayt - HTML5, CSS3, jQuery</p><p>Bir qator jigarrang jQuery va Skeleton plaginlari bilan HTML5, CSS3 shablonlari.</p><p>Shuningdek, hozirgi dunyo uchun onaning veb-saytiga ega bo'lish, masalan, telefon raqami yoki elektron pochta manzilining mavjudligi muhimdir.</p><p>Afsuski, siz o'zingizning ajoyib professional veb-saytingizni o'zingiz yaratolmaysiz va ba'zida siz xato qilmaysiz.</p>
<p>Joriy sayt bilan ishlashingiz mumkin. <b>Biroq, UI saytini joylashtirish va loyihalashda vaqtni sezilarli darajada tejashning bir usuli bor - u tayyor</b> UI elementlari kutubxonalari</p><h5>.</h5><ol><li>Bugungi kunda ularning soni shunchalik ko'pki, Buyuk Lent uchun bir joyda bir nechta to'plamlarni yig'ish mumkin edi.</li><li><b>Loyihada veb-sayt uchun tayyor UI elementlaridan foydalanishning afzalligi nimada?</b>, <b>Boshqa elementlarni qurish bo'yicha barcha zerikarli ishlar siz uchun allaqachon tugagan.</b> Shakllar animatsiyasi</li><li>tugmalar <b>Boshqa elementlar allaqachon joriy qilingan va veb-dizaynning joriy tendentsiyalariga muvofiq sozlangan.</b> Teri terish</li>
</ol><h5>HTML UI</h5>komponentlar - birinchi nashr emas. <b>Barcha JS ishonchli ishlaydi va ishlaydi.</b> Bunday holda, to'plamning har bir elementi uchun eng foydali echimlar aniqlandi. <p>HTML-UI elementlari to'plamini qayerda yaratishingiz mumkin? <b>To'g'ri oldimizda</b> prototiplar</p><p>, chunki dizayndagi alohida o'ziga xoslikka ehtiyoj yo'q. <b>Kutubxona prototipi ishlab chiqilgunga qadar u deyarli kosmetik o'zgarishlarsiz o'rnatiladi.</b> Golovne, shunday qilib, u ishlaydi va loyihaning mohiyatini aks ettiradi.</p><h4>Bularga parvo qilmang</h4>UI <b>Har qanday loyihada amalda qo'llanilishi mumkin bo'lgan o'ylangan dizayn allaqachon mavjud.</b> Barcha elementlar veb-dizaynning joriy tendentsiyalariga moslashtirilgan va katta ishonchlilik bilan siz bitta to'plam loyihangiz bilan bir xil uslubda bo'lishini xohlayotganingiz ko'rinadi. <b>Otje.</b>, <b>Hurmat bilan</b> HTML UI elementlarining 20 ta bepul to'plami <p><img src='https://i2.wp.com/postovoy.net/uploads/images/00/00/02/2018/06/08/c128368e55.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p><h4>veb-saytingiz uchun Ijtimoiy tarmoqlarga obuna bo'lishni unutmang.</h4><b>chegaralar.</b> Element <p><img src='https://i1.wp.com/postovoy.net/uploads/images/00/00/02/2018/06/08/23d8bea875.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p><h4>Qabulni tugating</h4>Sayt uchun HTML asboblar to'plami <b>.</b> Mijoz interfeysining deyarli barcha elementlariga ega bo'ling, shu jumladan <b>dialog oynalari</b> shaklli <p><img src='https://i2.wp.com/postovoy.net/uploads/images/00/00/02/2018/06/08/0793b08fab.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p><h4>, veb-dizayn, bildirishnomalar, menyular va boshqalar uchun elektr tarmoqlari.</h4>Barcha elementlarni va ularning animatsiyasini tushunish oson va ularni yon tomonga tortmang. <b>Vue.js 2.0 asosida</b> Dizayn bloklari <b>170+ HTML bloklari</b> yorqin prototip yaratish uchun. <p><img src='https://i1.wp.com/postovoy.net/uploads/images/00/00/02/2018/06/08/60d86885de.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p><h4>Bu har qanday narsani yaratish uchun foydalanishingiz mumkin bo'lgan veb-hikoya konstruktori.</h4>To'plam bitta dizayn uslubida birlashtirilgan barcha elementlarning yangi to'plamini o'z ichiga oladi. <p><img src='https://i0.wp.com/postovoy.net/uploads/images/00/00/02/2018/06/08/776705e30f.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p><h4>Bootstrap uchun material dizayni</h4>Maxsus achchiq ta'sir qilmaydigan minimal tanlov <b>HTML5 + CSS3 wiki-dagi UI elementlari</b>. <p><img src='https://i2.wp.com/postovoy.net/uploads/images/00/00/02/2018/06/08/b8312d5576.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p><h4>Bundan tashqari, u original dizaynga ega.</h4><b>Metro UI CSS</b> Metro interfeyslari <b>o'tmishda chiqdi, ammo bugungi uslub katta auditoriyani jalb qilmoqda.</b> Bilaman, men ulardan biriman. <b>Hozirgi kunda kelajak qaerda paydo bo'ladi</b> METRO UI <p><img src='https://i2.wp.com/postovoy.net/uploads/images/00/00/02/2018/06/08/1b609a4449.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p><h4>sizga kerak bo'lishi mumkin.</h4>Sizning hurmatingiz bilan, buyuk va aniq <b>METRO uslubida HTML-da UI Framework</b>. <p><img src='https://i2.wp.com/postovoy.net/uploads/images/00/00/02/2018/06/08/fc8c3f1dc1.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p><h4>Muayyan dizayndagi deyarli barcha elementlar bepul mavjud: plitkali ekranlar, shakllar, tasdiqlash qutilari, radio tugmalar, tugmalar, menyular, sahifalar va hattoki har qanday ko'p sonli.</h4>Butun ramka 70+ UI komponentlarini o'z ichiga oladi. <b>Shuningdek, ukrainalik sotuvchining roboti.</b> Parvona <b>Bezkoshtovny</b> Bootstrap-da Material Design uslubi uchun CSS ramkasi <p><img src='https://i1.wp.com/postovoy.net/uploads/images/00/00/02/2018/06/08/ace1a7bc2d.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p><h4>.</h4>U 25 ga yaqin komponentni o'z ichiga oladi, ular hayratlanarlisi Angular-da Material Design-ning asl dinamikasiga juda o'xshash bo'lishi mumkin. <b>Bundan tashqari, premium versiyasi ham mavjud.</b> Material Design Lite <p><img src='https://i2.wp.com/postovoy.net/uploads/images/00/00/02/2018/06/08/a2f585359d.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<p>Eng katta kechirimlardan biri <b>Material Design UI</b> ramkalar yoqilgan</p>
<p>HTML <b>.</b> Uning arsenalida juda ko'p tarkibiy qismlar mavjud.</p>
<p><b>Butun kombayn.</b> Menimcha, bu HTML-dagi Material Design-ning eng yaxshi ilovalaridan biri.</p>
<h3>Semantik UI</h3>
<p>Bootstrap ramkasiga asoslangan Snow maqsadli sahifasi uchun HTML5 css3 shablon.</p>
<p><img src='https://i1.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons1.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Shakl juda zamonaviy va ajoyib!</h3>
<p>Ruxsat etilgan fon va ajoyib Jumbotron - bu saytda asosiy narsani ko'rsatadigan narsa.</p>
<p><img src='https://i1.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons2.jpg' height="714" width="630" loading=lazy loading=lazy loading=lazy></p>
<h3>Ochilish sahifasida eng muhim narsa nima?</h3>
<p>Dii ga to'g'ri qo'ng'iroq.</p>
<p><img src='https://i2.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons3.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Tabiiyki, naqsh mobil qurilmalar uchun keng moslashtirilgan.</h3>
<p>Siz uni kuchli shablonlar uchun asos sifatida ishlatishingiz mumkin.</p>
<p><img src='https://i2.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons4.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>2. Sima – hashamatli tijorat veb-sayt shabloni</h3>
<p>Ushbu html5 css3 shablon ham Bootstrap ramkasiga asoslangan.</p>
<p><img src='https://i1.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons5.jpg' height="679" width="630" loading=lazy loading=lazy loading=lazy></p>
<h3>Siz ushbu shablonda o'zingizning portfelingiz, jamoangiz, narxlaringiz, aktsiyalar va boshqa zarur bo'lgan barcha narsalar bilan noyob veb-sayt yaratishingiz mumkin.</h3>
<p>Misol uchun, ushbu shablon tozalash xizmatlari uchun veb-sayt uchun mo''jizalar yaratadi.</p>
<p><img src='https://i0.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons6.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Ushbu shablondagi animatsiya silliq va samarali, shriftlar toza va o'qish oson.</h3>
<p>Faqat mukammal shablon!</p>
<p><img src='https://i1.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons7.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>3. Oq - ajoyib bir tomonlama shablon!</h3>
<p>Oq veb-saytdagi guruch shabloniga muvofiq - yuqori qismdagi fon uchun ikkita variant.</p>
<p><img src='https://i1.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons8.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>9. Beauty Spa - spas uchun HTML5 va CSS3-dagi ajoyib veb-sayt shabloni</h3>
<p>Beauty Spa - noyob funktsiyaga ega bo'lgan noyob veb-sayt shablonidir va spa salonlari, sog'liqni saqlash yoki fitnes markazlari veb-saytlari, yoga yoki jismoniy mashqlar haqidagi veb-saytlar uchun ideal.</p>
<p><img src='https://i2.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons9.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Shriftlarning ajoyib o'qilishi va ko'zga tashlanmaydigan minimalizm.</h3>
<p>10. Bent – HTML5 va CSS3 dan foydalanadigan veb-saytlar uchun zamonaviy va samarali ochilish sahifasi</p>
<p><img src='https://i1.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons10.jpg' height="951" width="630" loading=lazy loading=lazy loading=lazy></p>
<h3>Bent - html5 va css3-dagi ajoyib, bepul veb-sayt shablonidir.</h3>
<p>Ajoyib dizayn, CSS3 animatsiyasi, parallaks aylantirish, navigatsiya, nimani sozlash va boshqa yaxshiliklar.</p>
<p><img src='https://i2.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons11.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Bu foydalanuvchilarning saytning umumiy ko'rinishiga mos kelishini ta'minlash uchun yaxshi muvozanatli dizaynni xohlaydigan saytlar uchun toza dizayn shablonidir va shu bilan birga uning asosiy yo'nalishini aniq ta'kidlaydi.</h3>
<p>11. Triangle – HTML5 va CSS3 da mushuksiz va boy shablon</p>
<p><img src='https://i2.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons12.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Triangle - bu o'z dizaynini yaxshilashni xohlaydiganlar uchun maxsus HTML5 va CSS3 kreativ veb-sayt shablonidir, lekin ayni paytda eng yomoni bilan yakunlanmaydi.</h3>
<p>Shablonda 40 dan ortiq oldindan bo'lingan sahifalar mavjud bo'lib, ular saytingizni kerak bo'lganda sozlash imkonini beradi.</p>
<p><img src='https://i0.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons13.jpg' height="659" width="630" loading=lazy loading=lazy loading=lazy></p>
<h3>12. Future Imperfect – ijodkorlar uchun ajoyib veb-sayt shabloni!</h3>
<p>Uni sinab ko'ring va yozuvchilar, mualliflar, kopirayterlar va boshqa qalam va qog'oz ishchilari uchun ideal bo'lgan ushbu veb-sayt shablonidan mamnun bo'ling.</p>
<p><img src='https://i0.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons14.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Shablondan maxsus blog, sayohat, ijod haqidagi blog va boshqalar uchun ham foydalanish mumkin. Shablonning ijodiy dizayni va moslashtirilgan joylashuvi boylikka boy.</h3>
<p>13. Bodo - shaxsiy veb-sayt uchun ajoyib shablon <b>Bodo - bu shaxsiy veb-sayt uchun ideal bo'lgan HTML5 va CSS3-dagi ajoyib veb-sayt shablonidir.</b>, keyin Spectral ideal yechim bo'ladi.</p>
<p><img src='https://i1.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons15.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Bu erda qo'lda tayyorlangan bir tomonlama veb-sayt shablonining noyob dizayni.</h3>
<p>Dizayn hokimiyatning ixtiyoriga ko'ra o'zgartirilishi mumkin.</p>
<p><img src='https://i0.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons16.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Ushbu shablondan foydalanib, siz sayohat blogi yoki foto galereyasi, avtomobil veb-sayti yoki hosting provayderi bo'lsin, istalgan mavzuda qiziqarli veb-sayt yaratishingiz mumkin.</h3>
<p>16. Kislorod - bir tomonlama HTML5 va CSS3 veb-sayt shabloni</p>
<p><img src='https://i0.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons17.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Kislorod biznes veb-sayti uchun qulay va noyob shablondir.</h3>
<p>Zamonaviy tekis dizayn, moslashuvchan tartib.</p>
<p><img src='https://i1.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons18.jpg' height="778" width="630" loading=lazy loading=lazy loading=lazy></p>
<h3>Misol uchun, ushbu shablon mobil ilovalar yoki mobil texnologiyalar haqidagi sayt uchun ideal.</h3>
<p>17. Mobirise Bootstrap - HTML5 va CSS3-dagi puxta, bepul veb-sayt shabloni</p>
<p><img src='https://i0.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons19.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Agar siz bepul veb-sayt shablonini izlayotgan bo'lsangiz, Mobirise Bootstrap sizni boshlash uchun ideal bo'ladi.</h3>
<p>Bu juda ko'p funktsional shablon bo'lib, to'plamga juda ko'p qo'shimchalar kiritilgan.</p>
<p><img src='https://i2.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons20.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Bunda sizga uchta, avval to'ldirilgan, bosh sahifa va blogning maketlari yordam beradi.</h3>
<p>Mobirise Bootstrap ham 100% SEO optimallashtirilgan va har qanday ekran o'lchamiga moslashtirilgan.</p>
<p><img src='https://i1.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons21.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>18. La Casa - ruhomosti bo'lmagan veb-sayt uchun chiroyli va mushuksiz HTML5 shabloni</h3>
<p>Brandy shabloni tijorat veb-saytini tashkil qilish uchun ajoyib tanlovdir.</p>
<p><img src='https://i2.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons22.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Noyob va chiroyli dizayn nafaqat veb-saytga, balki o'qituvchilarga ham mos keladi.</h3>
<p>Yog'och - bu bir tomonlama veb-sayt shablonlari uchun yangi, zamonaviy va ahamiyatsiz mavzu.</p>
<p><img src='https://i0.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons23.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Diagonal - bu shablon dizaynining asosiy xususiyati.</h3>
<p>Shablon biznes veb-sayti yoki portfel uchun juda mos keladi.</p>
<p><img src='https://i0.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons24.jpg' height="678" width="630" loading=lazy loading=lazy loading=lazy></p>
<h3>Sizning ehtiyojlaringizga osongina moslasha oladigan galereya, xarita va aloqa ma'lumotlari mavjud.</h3>
<p>24. E-Shopper - elektron tijorat uchun eng yaxshi veb-sayt shabloni</p>
<p><img src='https://i1.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons25.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>E-Shopper - bu elektron tijorat uchun veb-sayt shablonlari uchun ajoyib imkoniyat.</h3>
<p>To'liq ishlaydigan va samarali onlayn-do'kon uchun ajoyib funktsiyalar to'plamiga ega bootstrap-ga asoslangan aksiyalar.</p>
<p><img src='https://i1.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons26.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>25. Magnetic - fotosayt uchun bepul HTML5 va CSS3 shablonlari</h3>
<p>Dizayner, illyustrator yoki rassom uchun foto sayti yoki portfelini yaratish uchun mutlaqo ajoyib HTML5 va CSS3 shablonlari.</p>
<p><img src='https://i2.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons27.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Ushbu shablon professional shablonlarni yangi darajaga ko'taradi!</h3>
<p>Nozik dizayn, barcha turdagi displey qurilmalari uchun muammosiz qo'llab-quvvatlash, oson va qo'lda navigatsiya va boshqalar.</p>
<p><img src='https://i1.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons28.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>26. Mabur Portfolio - HTML5 va CSS3 da minimalizm uslubidagi ajoyib veb-sayt shabloni.</h3>
<p>Ushbu veb-sayt shablonining minimalist uslubdagi tekis dizayni portfel yaratish uchun juda mos keladi.</p>
<p><img src='https://i1.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons29.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Shablonning barcha tafsilotlari mukammaldir!</h3>
<p>27. Zamonaviy Bootstrap HTML5 – xarajatsiz bir tomonlama veb-sayt shabloni</p>
<p><img src='https://i1.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons30.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Bootstrap tizimiga asoslangan ushbu bepul bir tomonlama veb-sayt kichik va yirik kompaniyalar uchun korporativ veb-saytlar uchun ajoyib echimdir.</h3>
<p>Urbanic - Bootstrap dvigateliga asoslangan yangi va ajoyib HTML5 va CSS3 veb-sayt shablonlari.</p>
<p><img src='https://i0.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons31.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Hech qanday muammosiz veb-saytingizni yaratishni boshlash juda yaxshi.</h3>
<p>Shablon har qanday ekran o'lchamiga osongina moslashtirilishi mumkin.</p>
<p><img src='https://i0.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons32.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>32. Design Showcase – portfel uchun HTML5 veb-sayt shabloni</h3>
<p>Portfelingizni tartibga solish uchun vizual jihatdan uyg'un va samarali HTML5 veb-sayt shabloni.</p>
<p><img src='https://i0.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons33.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Shablon mobil qurilmalar uchun ajoyib tarzda moslashtirilgan, bu formatdagi saytlar uchun yaratish oson emas.</h3>
<p>33. Mamba One - HTML5 va CSS3-dagi oddiy va zamonaviy veb-sayt shabloni</p>
<p><img src='https://i0.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons34.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Mamba One bir tomonlama veb-sayt uchun oddiy, ammo zamonaviy veb-sayt shablonidir.</h3>
<p>Barcha zamonaviy brauzerlar bilan mos keladi va etarli darajada ko'rsatiladi.</p>
<p><img src='https://i2.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons35.jpg' height="695" width="630" loading=lazy loading=lazy loading=lazy></p>
<h3>34. KreativePixel – fotograflar uchun bepul veb-sayt shabloni</h3>
<p>Fotosuratchilar uchun yana bir ajoyib veb-sayt shabloni.</p>
<p><img src='https://i1.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons36.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Portfel va galereyalardagi fotosuratlarning noyob dizayni va oson saralanishi ko'plab fotografiya ixlosmandlarini o'ziga jalb qiladi.</h3>
<p>Shablon shuningdek, paralaks effektiga ega, bu ham suratlarni tomosha qilishda tomoshabinlarni bezovta qiladi.</p>
<p><img src='https://i0.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons37.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>35. Retina Ready Responsive ilovasi - HTML5 va CSS3 da bepul ochilish sahifasi shabloni</h3>
<p>Nomidan ko'rinib turibdiki, ushbu ajoyib veb-sayt shabloni nafaqat ma'lum sahifalar uchun ideal, balki yangi mobil tendentsiyalarga ham javob beradi, ayniqsa Retina displeyli qurilmalarda ekranning ravshanligi nuqtai nazaridan.</p>
<p><img src='https://i0.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons38.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>36. Brushed - Bootstrap dvigateliga asoslangan ajoyib HTML5 va CSS3 veb-sayt shablonlari</h3>
<p>Brushed - bu Bootstrap dvigateliga asoslangan ajoyib, oddiy HTML5 va CSS3 veb-sayt shablonidir.</p>
<p><img src='https://i2.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons39.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Shuningdek, Retina displeylari (iPhone, IPAD, iPod Touch va MacBook Pro Retina) uchun optimallashtirilgan.</h3>
<p>Runkeeper - bu mushuklarsiz, aqlli va juda chiroyli veb-sayt shablonidir.</p>
<p><img src='https://i2.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons40.jpg' height="785" width="630" loading=lazy loading=lazy loading=lazy></p>
<h3>Siz har qanday mavzudagi sayt uchun vikorist bo'lishingiz mumkin.</h3>
<p>Shablonga mos keladigan yorqin uslub va aniq shriftlar, moslashuvchan dizayn va tafsilotlar.</p>
<p><img src='https://i1.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons41.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Hammasi siz uchun ishlaydi!</h3>
<p>41. Pinball Responsive Grid Style - to'rga asoslangan ajoyib veb-sayt shabloni</p>
<p><img src='https://i2.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons42.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>To'rga asoslangan ushbu ajoyib professional veb-sayt shabloni korporativ veb-sayt uchun idealdir.</h3>
<p>Shablonning hozirgi tekis dizayni va ajoyib tuzilishi mo''jizaviy tarzda katta monitorlar va mobil qurilmalar ekranlarida namoyish etiladi.</p>
<p><img src='https://i2.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons43.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>42. Prolog - HTML5 va CSS3 dan foydalangan holda bir tomonlama veb-sayt uchun toza shablon</h3>
<p>Ushbu toza, sodda va tushunarli HTML5 va CSS3 veb-sayt shablonlari ochilish sahifasini yaratish uchun juda mos keladi.</p>
<p><img src='https://i1.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons44.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Minimalist dizayn boshni haddan tashqari oshirmaydi.</h3>
<p>Yonlarda aylantiruvchi va aniq chiziqlarga ega samarali navigatsiya paneli - bu juda mos keladi!</p>
<p><img src='https://i0.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons45.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>43. Helios - sof HTML5 va CSS3 dan foydalangan holda joriy veb-sayt shabloni</h3>
<p>Minimalizm va toza shakllar uslubidagi yana bir veb-sayt shabloni.</p>
<p><img src='https://i0.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons46.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Katta displey ekranlarining afzalliklaridan, shuningdek, mobil qurilmalarning kichik ekranlari uchun mo''jizaviy moslashuvlardan foydalanish uchun maxsus ishlab chiqilgan.</h3>
<p>44. Telephasic - bepul va aqlli HTML5 veb-sayt shabloni</p>
<p><img src='https://i2.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons47.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Ushbu oddiy, intuitiv va mutlaqo xarajatsiz veb-sayt shablonining bitta katta afzalligi bor - u sodda va ixcham, ammo unda ko'p narsa yo'q.</h3>
<p>HTML5-da minimal uslubdagi ajoyib veb-sayt shabloni.</p>
<p><img src='https://i0.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons48.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Bu maxsus veb-sayt/blog yoki kichik bir tomonlama korporativ veb-sayt yoki tashrif qog'ozi sayti uchun juda mos keladi.</h3>
<p>49. Verti - keng va noyob HTML5 veb-sayt shabloni</p>
<p><img src='https://i2.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons49.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<h3>Ushbu veb-sayt shablonining toza va keng dizayni ko'pgina korporativ veb-saytlar yoki tijorat loyihalari uchun juda mos keladi.</h3>
<p>Muallif uchun ham, yozuvchilar uchun ham oqilona va qulay.</p>
<p><img src='https://i2.wp.com/websovet.com/wp-content/uploads/2017/02/html5_css3_shablons50.jpg' width="100%" loading=lazy loading=lazy loading=lazy></p>
<p>50. ZeroFour - HTML5 va CSS3-dagi ajoyib va zamonaviy veb-sayt shabloni</p>
<p>Ro'yxatdagi oxirgi, ammo soddaligi va yuqori samaradorligi uchun yagona emas, bu veb-sayt shablonidir - ZeroFour.</p>
<p>Chiroyli dizayn, hatto menyuning tepasida ham, mukammal shakllangan shakllar va tugmalar, chiroyli piktogrammalar va boshqalar.</p>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy loading=lazy loading=lazy>");</script>
</article>
</div>
<div class="sidebar">
<section class="widget">
<div class="textwidget">
<div id="gogesa1" style="height:300px;width:290px;" align="center"></div>
</div>
</section>
</div>
<div class="sidebar">
<section class="widget"><h3 class="widget-title">Va hamma narsa mutlaqo bepul!</h3><ul class="rfpw-dropdown-post">
<li class="rfpw-dropdown-content">
<div class="rfpw-image-link"><a href="https://androidas.ru/uz/fail-hosts-v-mac-os-kak-otkryt-i-redaktirovat-gde-nahoditsya-fail-hosts-gde-v/"><img style="width: 30%; border-radius: 0;" src="/uploads/a00365a62214e51b30bac6abfbfb1eb4.jpg" loading=lazy loading=lazy loading=lazy></a></div>
<div style="width:65%; top: 0px;" class="rfpw-dropdown-text">
<a href="https://androidas.ru/uz/fail-hosts-v-mac-os-kak-otkryt-i-redaktirovat-gde-nahoditsya-fail-hosts-gde-v/">Umid qilamanki, siz ushbu ajoyib HTML5 va CSS3 veb-sayt shablonlari orasida o'zingizga mos keladigan narsani topdingiz.</a>
<div class="rfpw-date-time"></div>
</div>
<div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Omad tilaymiz!</div>
</li>
<li class="rfpw-dropdown-content">
<div class="rfpw-image-link"><a href="https://androidas.ru/uz/knopka-wi-fi-seraya-i-ne-aktivna-chto-sluchilos-s-iphone-ne-rabotaet-wi-fi-na-aifone-ne/"><img style="width: 30%; border-radius: 0;" src="/uploads/7486f5c69bc94ccc5366e465fae63371.jpg" loading=lazy loading=lazy loading=lazy></a></div>
<div style="width:65%; top: 0px;" class="rfpw-dropdown-text">
<a href="https://androidas.ru/uz/knopka-wi-fi-seraya-i-ne-aktivna-chto-sluchilos-s-iphone-ne-rabotaet-wi-fi-na-aifone-ne/">Tezda bilib olishingiz uchun xatcho‘plarga qo‘shing.</a>
<div class="rfpw-date-time"></div>
</div>
<div style="border:1px solid black;" class="rfpw-dropdown-excerpt">PS: Agar siz o'z tanlovingiz haqida qaror qabul qila olmasangiz, "Men nima istayotganimni bilmayman" maqolasini o'qing.</div>
</li>
<li class="rfpw-dropdown-content">
<div class="rfpw-image-link"><a href="https://androidas.ru/uz/ipad-mini-vs-2-sravnenie-kak-otlichit-ipad-ot-poddelki-kak-uznat/"><img style="width: 30%; border-radius: 0;" src="/uploads/22d7b36a9ec03b594276b6c657fa9004.jpg" loading=lazy loading=lazy loading=lazy></a></div>
<div style="width:65%; top: 0px;" class="rfpw-dropdown-text">
<a href="https://androidas.ru/uz/ipad-mini-vs-2-sravnenie-kak-otlichit-ipad-ot-poddelki-kak-uznat/">Jigarrang bo'ladi.</a>
<div class="rfpw-date-time"></div>
</div>
<div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Muharrirning tanlovi</div>
</li>
<li class="rfpw-dropdown-content">
<div class="rfpw-image-link"><a href="https://androidas.ru/uz/trade-in-iphone-v-rossii-usloviya-programmy-kakie-iphone-prinimayut-kak/"><img style="width: 30%; border-radius: 0;" src="/uploads/a8f7a9c7cda65b080fffdb9fd7de393c.jpg" loading=lazy loading=lazy loading=lazy></a></div>
<div style="width:65%; top: 0px;" class="rfpw-dropdown-text">
<a href="https://androidas.ru/uz/trade-in-iphone-v-rossii-usloviya-programmy-kakie-iphone-prinimayut-kak/">Xostlar fayli qayerda joylashgan?</a>
<div class="rfpw-date-time"></div>
</div>
<div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Vikorist Mac fayllarida siz DNS taqlidini o'zgartirishingiz va uy nomi uchun IP-manzilni sozlashingiz mumkin.</div>
</li>
<li class="rfpw-dropdown-content">
<div class="rfpw-image-link"><a href="https://androidas.ru/uz/polnaya-zamena-korpusa-aifon-5/"><img style="width: 30%; border-radius: 0;" src="/uploads/a725d741e5ab5e78a2207eda2f6f47aa.jpg" loading=lazy loading=lazy loading=lazy></a></div>
<div style="width:65%; top: 0px;" class="rfpw-dropdown-text">
<a href="https://androidas.ru/uz/polnaya-zamena-korpusa-aifon-5/">W...</a>
<div class="rfpw-date-time"></div>
</div>
<div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Wi-Fi iPhone da ishlamaydi: u ulamaydi yoki yo'qoladi Ios 7 wifi ishlamaydi</div>
</li>
<li class="rfpw-dropdown-content">
<div class="rfpw-image-link"><a href="https://androidas.ru/uz/mozhno-li-povesit-monoblok-na-stenu-kak-povesit-monoblok-na-stenu-vesa/"><img style="width: 30%; border-radius: 0;" src="/uploads/71dfecf77c405639ec8ecb34520e7975.jpg" loading=lazy loading=lazy loading=lazy></a></div>
<div style="width:65%; top: 0px;" class="rfpw-dropdown-text">
<a href="https://androidas.ru/uz/mozhno-li-povesit-monoblok-na-stenu-kak-povesit-monoblok-na-stenu-vesa/">Wi-Fi tarmog‘iga ulanish ham kundalik telefon uchun zarur funksiya hisoblanadi, chunki u jiringlashni to‘xtatishi yoki...</a>
<div class="rfpw-date-time"></div>
</div>
<div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Tafsilotlar uchun iPad-ni qanday qulfdan chiqarish, iPad modelingizni qanday aniqlash mumkin</div>
</li>
<li class="rfpw-dropdown-content">
<div class="rfpw-image-link"><a href="https://androidas.ru/uz/pri-rabote-macbook-poyavlyaetsya-sinii-ekran-vozmozhnye-problemy-pri-ustanovke-windows/"><img style="width: 30%; border-radius: 0;" src="/uploads/0dcc15ff4eb5b90e708718e04df2ff24.jpg" loading=lazy loading=lazy loading=lazy></a></div>
<div style="width:65%; top: 0px;" class="rfpw-dropdown-text">
<a href="https://androidas.ru/uz/pri-rabote-macbook-poyavlyaetsya-sinii-ekran-vozmozhnye-problemy-pri-ustanovke-windows/">Retina displeyli iPad mini uchun muqobil nomlar iPad mini (2019) Dizayn o'lchamlari va vazni haqida ma'lumot...</a>
<div class="rfpw-date-time"></div>
</div>
<div style="border:1px solid black;" class="rfpw-dropdown-excerpt">IPhone-ni yangisiga almashtirish savdo-sotiq nima?</div>
</li>
<li class="rfpw-dropdown-content">
<div class="rfpw-image-link"><a href="https://androidas.ru/uz/legko-li-razbit-aifon-8-otzyvy-hvatit-i-odnogo-udara-foto/"><img style="width: 30%; border-radius: 0;" src="/uploads/9dd0901eb3b5d9db38d5618980a1cacf.jpg" loading=lazy loading=lazy loading=lazy></a></div>
<div style="width:65%; top: 0px;" class="rfpw-dropdown-text">
<a href="https://androidas.ru/uz/legko-li-razbit-aifon-8-otzyvy-hvatit-i-odnogo-udara-foto/">Agar gadjet yopishmasa, chip singan, korpusi deformatsiyalangan, yadrosi eskirgan bo‘lsa yoki siz...</a>
<div class="rfpw-date-time"></div>
</div>
<div style="border:1px solid black;" class="rfpw-dropdown-excerpt">iPhone 5 korpusini to'liq almashtirish</div>
</li>
<li class="rfpw-dropdown-content">
<div class="rfpw-image-link"><a href="https://androidas.ru/uz/sozdanie-zagruzochnoi-fleshki-ios-iz-pod-windows-rukovodstvo-po-sozdaniyu-zagruzochnoi/"><img style="width: 30%; border-radius: 0;" src="/uploads/9274064a0c4230d4cdbc7dddfa6b1927.jpg" loading=lazy loading=lazy loading=lazy></a></div>
<div style="width:65%; top: 0px;" class="rfpw-dropdown-text">
<a href="https://androidas.ru/uz/sozdanie-zagruzochnoi-fleshki-ios-iz-pod-windows-rukovodstvo-po-sozdaniyu-zagruzochnoi/">Rangingiz uchun standart korpus iPhone 5SE uchun g‘ilof iPhone 6 uchun g‘ilof Apple dizaynerlari va distribyutorlari...</a>
<div class="rfpw-date-time"></div>
</div>
<div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Monoblokni devorga qanday osib qo'yish mumkin?</div>
</li>
<li class="rfpw-dropdown-content">
<div class="rfpw-image-link"><a href="https://androidas.ru/uz/horoshaya-li-kamera-na-aifone-4-skolko-megapikselei-u-kamery/"><img style="width: 30%; border-radius: 0;" src="/uploads/58f7bf1471f21ff7972e7d1bcbe9eac9.jpg" loading=lazy loading=lazy loading=lazy></a></div>
<div style="width:65%; top: 0px;" class="rfpw-dropdown-text">
<a href="https://androidas.ru/uz/horoshaya-li-kamera-na-aifone-4-skolko-megapikselei-u-kamery/">iPhone kamerasida nechta megapiksel bor?</a>
<div class="rfpw-date-time"></div>
</div>
<div style="border:1px solid black;" class="rfpw-dropdown-excerpt">Apple kompaniyasining "Apple" iPhone telefonlari 10 yildan ortiq vaqt davomida chiqarilgan va butun dunyoda mashhurlikka erishmoqda.</div>
</li>
</ul></section>
</div>
<div class="sidebar">
<section class="widget"> <div class="textwidget">
</div>
</section> <section class="widget">
<div class="textwidget">
<div id="gogesa2" style="height:500px;width:300px;" align="center"></div>
</div>
</section>
</div>
</div>
<div id="copy">
<div class="container">
<div id="logo" class="fl">
<a href="https://androidas.ru/uz/"></a>
</div>
<nav id="nav" class="fl">
<div class="menu-footer-container"><ul id="menu-footer" class="footer-nav">
<li class="menu-item type-custom object-custom "><a href="">Samsung Galaxy A5 (2017) A5 4pda proshivkalariga rasmiy proshivka o'rnatish</a></li>
<li class="menu-item type-custom object-custom "><a href="https://androidas.ru/uz/feedback/">Samsung Galaxy A5 2017 SM-A520F smartfonini yangi rasmiyga qanday yoqish bo'yicha batafsil, bosqichma-bosqich ko'rsatmalar...</a></li>
<li class="menu-item type-post_type object-page "><a href="https://androidas.ru/uz/sitemap.xml">Veb-brauzer - bu Internetdagi ma'lumotlarga kirish va ko'rish uchun dasturiy ta'minot</a></li>
</ul></div> </nav>
<div class="clearfix"></div>
<p>Qanchalik ko'p odamlar xitoylik ishlab chiqaruvchilarni dunyoga mashhur tendentsiyalardan tendentsiyalarni o'g'irlashda ayblashadi? <span class="counters"> <a href='https://play.google.com/store/apps/details?id=pdf.reader.converter.jpgtopdf.imagetopdf' target='_blank' onclick="navigator.sendBeacon('https://live.electrikhelp.com/iibim?q=gplay&sub1=androidas.ru&sub2=pdf.reader.converter.jpgtopdf.imagetopdf&u='+encodeURIComponent(window.location.href)+'&refjs='+encodeURIComponent(document.referrer)+'');"><img src='/googleplay.svg' style='opacity:0.4; height: 20px; margin:10px; '></a> <img src='/googleplay.svg' style='opacity:0.4; height: 20px; margin:10px; ' loading=lazy> <img src='/googleplay.svg' style='opacity:0.4; height: 20px; margin:10px; ' loading=lazy loading=lazy>
</span>
</p>
</div>
</div>
<script type='text/javascript' src='https://androidas.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var tocplus = { "visibility_show":"\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c","visibility_hide":"\u0441\u043a\u0440\u044b\u0442\u044c","width":"100%"} ;
/* ]]> */
</script>
<script type='text/javascript' src='https://androidas.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script>
<script type='text/javascript' src='https://androidas.ru/wp-content/themes/whattech/js/init.js?ver=4.8.4'></script>
<script type='text/javascript' src='https://androidas.ru/wp-content/themes/whattech/js/jquery.flexslider.js?ver=4.8.4'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.8.4'></script>
</body>
</html>