Netlify: https://hensui.netlify.app
Github: https://github.com/bekzodxudaybergenow/hensui
Figma: Maket

#website

Netlify: https://perfume-bb.netlify.app/
Github: https://github.com/bekzodxudaybergenow/parfum
Figma: perfume-maket

Izoh: Bu maketda rasmni moslashuvchan qilib joylashtirishda va bem da biroz qiyinchilik sezdim.

#website

Netlify: https://profound-stardust-afd499.netlify.app/
Github: https://github.com/bekzodxudaybergenow/travalizer
Figma: maket

#website

Netlify: https://india-landing-page.netlify.app/
Github: https://github.com/bekzodxudaybergenow/India-Landin-Page
Figma: india-maket

#website

Netlify: https://figma-landd.netlify.app/
Github: https://github.com/bekzodxudaybergenow/figma-land
Figma: figma-land-maket

Izoh: Bu loyihada header nav harakatlanganda(scroll Y-o'qi) bo'yincha soya(box-shadow) chiqarishda qiynaldim.

#website

Figma: article-preview-component-maket
Netlify: https://article-preview-component-1.netlify.app/
Github: https://github.com/bekzodxudaybergenow/article-preview-component-master

#website

Figma: article-preview-component-maket
Netlify: https://open-enterprise-bb.netlify.app/
Github: https://github.com/bekzodxudaybergenow/open-enterprise

Qiyinchiliklar: Novel Mono Pro font-family 500, 700 font-weight ni topolmadim. Sidebar menu ochilyotganida va yopilyotganida tezligini pasaytira olmadim. Line-height ni o'rtaga keltira olmadim.

#website

Figma: Positivus-landing-page-design
Netlify: https://positivus-bb.netlify.app/
Github: https://github.com/bekzodxudaybergenow/positivus-landing-page

Qo'shimcha foydalanildi: TinyPNG, SVGOMG, Swiperjs

Qiyinchiliklar: Sidebarda qiynaldim, har doimgidan biroz boshqacha kelganligi sababli. Swiperjs companiya logatiblarini qo'yish, ayniqsa moslashuvchan qilishda ko'p vaqtni oldi, shu qismini hozircha shunday qoldiraman. Yana swiperjsda, bu gal case bo'limda, oxirida biroz joy qolyabdi.

#website

Figma: Truck-landing-page-design
Netlify: https://truck-landing-page-bb.netlify.app/
Github: https://github.com/bekzodxudaybergenow/truck-landing-page

Qo'shimcha foydalanildi: TinyPNG, SVGOMG, swiper.js

Qiyinchiliklar: swiper.js (images section)dagi pagination animatsiyasini qanday ishlatishni yaxshi tushunmadim. Background (form sectiondagi) image ni html ga joylashtirib qo'yishda biroz qiylandim, Container bilan biroz qiyinchilik bo'ldi keyin rasmni css da bera qoldim.

#website

Figma: Haft-landing-page
Netlify: https://half-landing-page-bb.netlify.app/
Github: https://github.com/bekzodxudaybergenow/haft-landing-page

Qo'shimcha foydalanildi: TinyPNG, SVGOMG, swiper.js

Qiyinchiliklar: Header menu biroz ko'p vaqtni oldi. Backgroundlardagi line-gradientlarda qiynaldim va hozircha shunday qoldirishga qaror qildim. Swiper.js width dizayda containerdan oshibroq to'xtar ekan, men container ichida to'xtatdim.

#website

figma: __ Design

netlify: __ Site

github: __ Code

Qo'shimcha foydalanildi: swiperjs, svgomg, tinypng, transfonter.

Qiyinchiliklar: Buttonlar hover bo'ganda line-gradient rangi o'zgaradi, shunda (transition) sekinroq o'zgarmadi. Harakatlanuvchi raqamlar o'z sectioniga kelganda ishlamadi. Lekin sahifani yangilasa ishlidigan qildim.

#website

figma: __ Design

netlify: __ Site

github: __ Code

Qo'shimcha foydalanildi: svgomg, tinypng, transfonter.

Qiyinchiliklar: Header sectionda menu listdagi havola ustiga sichqoncha olib borsa under-list pastgi qo'shimcha havola chiqadi. Shu ikkalasi oralig'idagi masofa qo'yishda biroz qiynaldim.

#website

figma: __ Design

netlify: __ Site

github: __ Code

Asosiy foydalanildi:
Html, Css(scss), Javascript-(HTMLDom);

Qo'shimcha foydalanildi:
SVGOMG, Tinypng, Transfonter.


#website