From 0ca75829bbd49c5891a5c6fc7e54d86cd58716bd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=9Cmit=20Tun=C3=A7?= Date: Thu, 1 Jan 2026 16:25:27 +0300 Subject: [PATCH] frontend style fix --- .cursor/rules/frontend-architecture.mdc | 92 ++ .../Products/Schemas/ProductForm.php | 4 +- .../Pages/CreateSiteTranslation.php | 2 + .../Pages/EditSiteTranslation.php | 2 + .../Pages/ListSiteTranslations.php | 2 + .../Schemas/SiteTranslationForm.php | 2 + lang/en/product_categories.php | 2 + lang/en/products.php | 2 + lang/tr/product_categories.php | 2 + lang/tr/products.php | 2 + public/assets/css/style.css | 292 ++-- public/assets/media/movie.html | 28 +- public/docs/blocks/about.html | 150 +- public/docs/blocks/blog.html | 274 ++-- public/docs/blocks/call-to-action.html | 42 +- public/docs/blocks/clients.html | 14 +- public/docs/blocks/contact.html | 98 +- public/docs/blocks/facts.html | 62 +- public/docs/blocks/faq.html | 114 +- public/docs/blocks/features.html | 118 +- public/docs/blocks/footer.html | 176 +-- public/docs/blocks/hero.html | 72 +- public/docs/blocks/misc.html | 38 +- public/docs/blocks/navbar.html | 114 +- public/docs/blocks/portfolio.html | 138 +- public/docs/blocks/pricing.html | 242 +-- public/docs/blocks/process.html | 66 +- public/docs/blocks/team.html | 22 +- public/docs/blocks/testimonials.html | 26 +- public/docs/blog-post.html | 28 +- public/docs/changelog.html | 98 +- public/docs/credits.html | 238 +-- public/docs/elements/accordion.html | 132 +- public/docs/elements/alerts.html | 94 +- public/docs/elements/animations.html | 102 +- public/docs/elements/avatars.html | 102 +- public/docs/elements/background.html | 108 +- public/docs/elements/badges.html | 104 +- public/docs/elements/buttons.html | 170 +-- public/docs/elements/card.html | 106 +- public/docs/elements/carousel.html | 112 +- public/docs/elements/dividers.html | 98 +- public/docs/elements/form-elements.html | 102 +- public/docs/elements/image-hover.html | 98 +- public/docs/elements/image-mask.html | 96 +- public/docs/elements/lightbox.html | 96 +- public/docs/elements/modal.html | 132 +- public/docs/elements/pagination.html | 102 +- public/docs/elements/player.html | 98 +- public/docs/elements/progressbar.html | 94 +- public/docs/elements/shadows.html | 90 +- public/docs/elements/shapes.html | 106 +- public/docs/elements/tables.html | 104 +- public/docs/elements/tabs.html | 114 +- public/docs/elements/text-animations.html | 114 +- public/docs/elements/text-highlight.html | 144 +- public/docs/elements/tiles.html | 110 +- public/docs/elements/tooltips-popovers.html | 110 +- public/docs/elements/typography.html | 154 +- public/docs/faq.html | 122 +- public/docs/forms.html | 102 +- public/docs/index.html | 112 +- .../_/assets/img/icons/lineal/adjust.html | 28 +- .../_/assets/img/icons/lineal/agenda.html | 28 +- .../_/assets/img/icons/lineal/analytics.html | 28 +- .../_/assets/img/icons/lineal/award-2.html | 28 +- .../_/assets/img/icons/lineal/award.html | 28 +- .../_/assets/img/icons/lineal/badge.html | 28 +- .../_/assets/img/icons/lineal/balance.html | 28 +- .../_/assets/img/icons/lineal/bar-chart.html | 28 +- .../_/assets/img/icons/lineal/barcode.html | 28 +- .../_/assets/img/icons/lineal/bell.html | 28 +- .../_/assets/img/icons/lineal/box.html | 28 +- .../assets/img/icons/lineal/briefcase-2.html | 28 +- .../_/assets/img/icons/lineal/briefcase.html | 28 +- .../_/assets/img/icons/lineal/browser-2.html | 28 +- .../_/assets/img/icons/lineal/browser.html | 28 +- .../_/assets/img/icons/lineal/brush.html | 28 +- .../_/assets/img/icons/lineal/bucket.html | 28 +- .../_/assets/img/icons/lineal/cake.html | 28 +- .../_/assets/img/icons/lineal/calculator.html | 28 +- .../_/assets/img/icons/lineal/calendar.html | 28 +- .../assets/img/icons/lineal/certificate.html | 28 +- .../_/assets/img/icons/lineal/chat-2.html | 28 +- .../_/assets/img/icons/lineal/chat.html | 28 +- .../_/assets/img/icons/lineal/check-2.html | 28 +- .../_/assets/img/icons/lineal/check-list.html | 28 +- .../_/assets/img/icons/lineal/check.html | 28 +- .../_/assets/img/icons/lineal/clipboard.html | 28 +- .../_/assets/img/icons/lineal/clock-2.html | 28 +- .../_/assets/img/icons/lineal/clock-3.html | 28 +- .../_/assets/img/icons/lineal/clock.html | 28 +- .../img/icons/lineal/cloud-computing-2.html | 28 +- .../img/icons/lineal/cloud-computing-3.html | 28 +- .../img/icons/lineal/cloud-computing.html | 28 +- .../_/assets/img/icons/lineal/coffee-cup.html | 28 +- .../_/assets/img/icons/lineal/coin.html | 28 +- .../_/assets/img/icons/lineal/compass.html | 28 +- .../_/assets/img/icons/lineal/computer.html | 28 +- .../assets/img/icons/lineal/controller-2.html | 28 +- .../_/assets/img/icons/lineal/controller.html | 28 +- .../_/assets/img/icons/lineal/crayons.html | 28 +- .../_/assets/img/icons/lineal/crop.html | 28 +- .../_/assets/img/icons/lineal/design.html | 28 +- .../_/assets/img/icons/lineal/directions.html | 28 +- .../assets/img/icons/lineal/discount-tag.html | 28 +- .../_/assets/img/icons/lineal/download.html | 28 +- .../_/assets/img/icons/lineal/earth.html | 28 +- .../_/assets/img/icons/lineal/edit-text.html | 28 +- .../_/assets/img/icons/lineal/email-2.html | 28 +- .../_/assets/img/icons/lineal/email-3.html | 28 +- .../_/assets/img/icons/lineal/email.html | 28 +- .../_/assets/img/icons/lineal/exchange.html | 28 +- .../_/assets/img/icons/lineal/expand.html | 28 +- .../_/assets/img/icons/lineal/fax.html | 28 +- .../_/assets/img/icons/lineal/files.html | 28 +- .../_/assets/img/icons/lineal/fullscreen.html | 28 +- .../img/icons/lineal/geolocalization.html | 28 +- .../_/assets/img/icons/lineal/gift.html | 28 +- .../_/assets/img/icons/lineal/group-2.html | 28 +- .../_/assets/img/icons/lineal/growth.html | 28 +- .../_/assets/img/icons/lineal/handshake.html | 28 +- .../assets/img/icons/lineal/headphone-2.html | 28 +- .../_/assets/img/icons/lineal/headphone.html | 28 +- .../_/assets/img/icons/lineal/heart.html | 28 +- .../_/assets/img/icons/lineal/home.html | 28 +- .../_/assets/img/icons/lineal/hourglass.html | 28 +- .../_/assets/img/icons/lineal/house.html | 28 +- .../_/assets/img/icons/lineal/id-card.html | 28 +- .../_/assets/img/icons/lineal/insurance.html | 28 +- .../_/assets/img/icons/lineal/invoice.html | 28 +- .../_/assets/img/icons/lineal/laptop.html | 28 +- .../_/assets/img/icons/lineal/levels.html | 28 +- .../_/assets/img/icons/lineal/light-bulb.html | 28 +- .../_/assets/img/icons/lineal/link.html | 28 +- .../_/assets/img/icons/lineal/list.html | 28 +- .../_/assets/img/icons/lineal/loading.html | 28 +- .../_/assets/img/icons/lineal/lock.html | 28 +- .../_/assets/img/icons/lineal/login.html | 28 +- .../_/assets/img/icons/lineal/logout.html | 28 +- .../_/assets/img/icons/lineal/loss.html | 28 +- .../_/assets/img/icons/lineal/loyalty.html | 28 +- .../_/assets/img/icons/lineal/map.html | 28 +- .../_/assets/img/icons/lineal/maximize.html | 28 +- .../_/assets/img/icons/lineal/medal.html | 28 +- .../_/assets/img/icons/lineal/meeting.html | 28 +- .../_/assets/img/icons/lineal/megaphone.html | 28 +- .../_/assets/img/icons/lineal/menu.html | 28 +- .../_/assets/img/icons/lineal/microphone.html | 28 +- .../_/assets/img/icons/lineal/minimize.html | 28 +- .../_/assets/img/icons/lineal/money.html | 28 +- .../_/assets/img/icons/lineal/music.html | 28 +- .../assets/img/icons/lineal/networking-2.html | 28 +- .../_/assets/img/icons/lineal/networking.html | 28 +- .../_/assets/img/icons/lineal/open.html | 28 +- .../_/assets/img/icons/lineal/padlock.html | 28 +- .../assets/img/icons/lineal/paint-roller.html | 28 +- .../assets/img/icons/lineal/paper-plane.html | 28 +- .../_/assets/img/icons/lineal/paper.html | 28 +- .../_/assets/img/icons/lineal/password.html | 28 +- .../assets/img/icons/lineal/photo-camera.html | 28 +- .../_/assets/img/icons/lineal/picture.html | 28 +- .../_/assets/img/icons/lineal/pictures.html | 28 +- .../assets/img/icons/lineal/pie-chart-2.html | 28 +- .../_/assets/img/icons/lineal/pie-chart.html | 28 +- .../_/assets/img/icons/lineal/pin-2.html | 28 +- .../_/assets/img/icons/lineal/pin.html | 28 +- .../_/assets/img/icons/lineal/plan.html | 28 +- .../_/assets/img/icons/lineal/price-tag.html | 28 +- .../_/assets/img/icons/lineal/printer.html | 28 +- .../_/assets/img/icons/lineal/profits.html | 28 +- .../_/assets/img/icons/lineal/puzzle-2.html | 28 +- .../_/assets/img/icons/lineal/puzzle.html | 28 +- .../_/assets/img/icons/lineal/ranking.html | 28 +- .../_/assets/img/icons/lineal/refresh.html | 28 +- .../_/assets/img/icons/lineal/rocket.html | 28 +- .../_/assets/img/icons/lineal/savings.html | 28 +- .../_/assets/img/icons/lineal/scale.html | 28 +- .../_/assets/img/icons/lineal/scroll-2.html | 28 +- .../_/assets/img/icons/lineal/scroll.html | 28 +- .../_/assets/img/icons/lineal/search-2.html | 28 +- .../_/assets/img/icons/lineal/search.html | 28 +- .../_/assets/img/icons/lineal/server.html | 28 +- .../_/assets/img/icons/lineal/settings-2.html | 28 +- .../_/assets/img/icons/lineal/settings-3.html | 28 +- .../_/assets/img/icons/lineal/settings.html | 28 +- .../_/assets/img/icons/lineal/shield-2.html | 28 +- .../_/assets/img/icons/lineal/shield.html | 28 +- .../_/assets/img/icons/lineal/shop-2.html | 28 +- .../_/assets/img/icons/lineal/shop.html | 28 +- .../_/assets/img/icons/lineal/shope-3.html | 28 +- .../img/icons/lineal/shopping-basket.html | 28 +- .../img/icons/lineal/shopping-cart.html | 28 +- .../_/assets/img/icons/lineal/show.html | 28 +- .../_/assets/img/icons/lineal/sitemap.html | 28 +- .../assets/img/icons/lineal/smartphone-2.html | 28 +- .../assets/img/icons/lineal/smartphone-3.html | 28 +- .../assets/img/icons/lineal/smartphone-4.html | 28 +- .../_/assets/img/icons/lineal/smartphone.html | 28 +- .../_/assets/img/icons/lineal/smartwatch.html | 28 +- .../assets/img/icons/lineal/speedometer.html | 28 +- .../_/assets/img/icons/lineal/square.html | 28 +- .../_/assets/img/icons/lineal/stars.html | 28 +- .../_/assets/img/icons/lineal/startup.html | 28 +- .../_/assets/img/icons/lineal/statistics.html | 28 +- .../_/assets/img/icons/lineal/sticker.html | 28 +- .../_/assets/img/icons/lineal/target-2.html | 28 +- .../_/assets/img/icons/lineal/target.html | 28 +- .../_/assets/img/icons/lineal/team.html | 28 +- .../assets/img/icons/lineal/telemarketer.html | 28 +- .../assets/img/icons/lineal/telephone-2.html | 28 +- .../assets/img/icons/lineal/telephone-3.html | 28 +- .../_/assets/img/icons/lineal/telephone.html | 28 +- .../_/assets/img/icons/lineal/television.html | 28 +- .../_/assets/img/icons/lineal/tie.html | 28 +- .../_/assets/img/icons/lineal/tools.html | 28 +- .../assets/img/icons/lineal/touch-screen.html | 28 +- .../_/assets/img/icons/lineal/truck.html | 28 +- .../_/assets/img/icons/lineal/upload.html | 28 +- .../_/assets/img/icons/lineal/user.html | 28 +- .../_/assets/img/icons/lineal/video-2.html | 28 +- .../assets/img/icons/lineal/video-camera.html | 28 +- .../img/icons/lineal/video-editing.html | 28 +- .../_/assets/img/icons/lineal/video.html | 28 +- .../_/assets/img/icons/lineal/wallet.html | 28 +- .../_/assets/img/icons/lineal/watercolor.html | 28 +- .../_/assets/img/icons/lineal/web.html | 28 +- .../_/assets/img/icons/lineal/workflow.html | 28 +- .../_/assets/img/icons/solid/3d.html | 28 +- .../_/assets/img/icons/solid/alarm.html | 28 +- .../_/assets/img/icons/solid/audience.html | 28 +- .../_/assets/img/icons/solid/badge.html | 28 +- .../_/assets/img/icons/solid/bell.html | 28 +- .../_/assets/img/icons/solid/briefcase.html | 28 +- .../_/assets/img/icons/solid/bucket.html | 28 +- .../_/assets/img/icons/solid/building.html | 28 +- .../_/assets/img/icons/solid/bulb.html | 28 +- .../_/assets/img/icons/solid/bullhorn.html | 28 +- .../_/assets/img/icons/solid/camera.html | 28 +- .../_/assets/img/icons/solid/chatting-2.html | 28 +- .../_/assets/img/icons/solid/chatting.html | 28 +- .../_/assets/img/icons/solid/checked.html | 28 +- .../img/icons/solid/cloud-download.html | 28 +- .../_/assets/img/icons/solid/cloud-group.html | 28 +- .../assets/img/icons/solid/cloud-network.html | 28 +- .../img/icons/solid/cloud-transfer.html | 28 +- .../_/assets/img/icons/solid/code.html | 28 +- .../assets/img/icons/solid/coin-decrease.html | 28 +- .../_/assets/img/icons/solid/coin-lock.html | 28 +- .../_/assets/img/icons/solid/coin-reload.html | 28 +- .../_/assets/img/icons/solid/coin.html | 28 +- .../_/assets/img/icons/solid/compare.html | 28 +- .../_/assets/img/icons/solid/computer.html | 28 +- .../_/assets/img/icons/solid/content.html | 28 +- .../_/assets/img/icons/solid/crop.html | 28 +- .../_/assets/img/icons/solid/crosshair.html | 28 +- .../_/assets/img/icons/solid/currency.html | 28 +- .../_/assets/img/icons/solid/deal.html | 28 +- .../assets/img/icons/solid/delivery-box.html | 28 +- .../_/assets/img/icons/solid/devices.html | 28 +- .../_/assets/img/icons/solid/discussion.html | 28 +- .../_/assets/img/icons/solid/dot.html | 28 +- .../_/assets/img/icons/solid/edit-2.html | 28 +- .../_/assets/img/icons/solid/emails.html | 28 +- .../_/assets/img/icons/solid/employees.html | 28 +- .../_/assets/img/icons/solid/feather.html | 28 +- .../_/assets/img/icons/solid/globe-2.html | 28 +- .../img/icons/solid/health-insurance.html | 28 +- .../_/assets/img/icons/solid/images.html | 28 +- .../_/assets/img/icons/solid/infographic.html | 28 +- .../_/assets/img/icons/solid/lamp.html | 28 +- .../_/assets/img/icons/solid/layers.html | 28 +- .../_/assets/img/icons/solid/layout-2.html | 28 +- .../_/assets/img/icons/solid/layout-3.html | 28 +- .../_/assets/img/icons/solid/like.html | 28 +- .../_/assets/img/icons/solid/link.html | 28 +- .../_/assets/img/icons/solid/list.html | 28 +- .../_/assets/img/icons/solid/lock.html | 28 +- .../_/assets/img/icons/solid/marker.html | 28 +- .../_/assets/img/icons/solid/medal.html | 28 +- .../_/assets/img/icons/solid/monitor.html | 28 +- .../_/assets/img/icons/solid/navigation.html | 28 +- .../_/assets/img/icons/solid/network.html | 28 +- .../_/assets/img/icons/solid/paper-plane.html | 6 +- .../_/assets/img/icons/solid/partnership.html | 28 +- .../_/assets/img/icons/solid/pin.html | 28 +- .../_/assets/img/icons/solid/price-tag.html | 28 +- .../_/assets/img/icons/solid/printer.html | 28 +- .../_/assets/img/icons/solid/push-cart.html | 28 +- .../_/assets/img/icons/solid/puzzle.html | 28 +- .../_/assets/img/icons/solid/search.html | 28 +- .../_/assets/img/icons/solid/secure.html | 28 +- .../_/assets/img/icons/solid/selected.html | 28 +- .../_/assets/img/icons/solid/seo.html | 28 +- .../_/assets/img/icons/solid/server.html | 28 +- .../_/assets/img/icons/solid/setting.html | 28 +- .../_/assets/img/icons/solid/share.html | 28 +- .../_/assets/img/icons/solid/sharing.html | 28 +- .../_/assets/img/icons/solid/shipment.html | 28 +- .../assets/img/icons/solid/shopping-bag.html | 28 +- .../img/icons/solid/shopping-basket.html | 28 +- .../assets/img/icons/solid/shopping-cart.html | 28 +- .../_/assets/img/icons/solid/smartphone.html | 28 +- .../_/assets/img/icons/solid/supermarket.html | 28 +- .../_/assets/img/icons/solid/synchronize.html | 28 +- .../_/assets/img/icons/solid/target.html | 28 +- .../_/assets/img/icons/solid/team.html | 28 +- .../_/assets/img/icons/solid/toggle.html | 28 +- .../_/assets/img/icons/solid/touchscreen.html | 28 +- .../_/assets/img/icons/solid/transfer.html | 28 +- .../img/icons/solid/travel-insurance.html | 28 +- .../_/assets/img/icons/solid/tv-screen.html | 28 +- .../_/assets/img/icons/solid/verify.html | 28 +- .../_/assets/img/icons/solid/video-chat.html | 28 +- .../assets/img/icons/solid/video-player.html | 28 +- .../_/assets/img/icons/solid/videocall.html | 28 +- .../_/assets/img/icons/solid/wallet.html | 28 +- .../img/icons/solid/web-programming.html | 28 +- .../_/assets/img/illustrations/3d1.html | 28 +- .../_/assets/img/illustrations/3d10.html | 28 +- .../_/assets/img/illustrations/3d11.html | 28 +- .../_/assets/img/illustrations/3d12.html | 28 +- .../_/assets/img/illustrations/3d2.html | 28 +- .../_/assets/img/illustrations/3d3.html | 28 +- .../_/assets/img/illustrations/3d4.html | 28 +- .../_/assets/img/illustrations/3d5.html | 28 +- .../_/assets/img/illustrations/3d6.html | 28 +- .../_/assets/img/illustrations/3d7.html | 28 +- .../_/assets/img/illustrations/3d8.html | 28 +- .../_/assets/img/illustrations/3d9.html | 28 +- .../_/assets/img/illustrations/i1.html | 28 +- .../_/assets/img/illustrations/i10.html | 28 +- .../_/assets/img/illustrations/i11.html | 28 +- .../_/assets/img/illustrations/i12.html | 28 +- .../_/assets/img/illustrations/i13.html | 28 +- .../_/assets/img/illustrations/i14.html | 28 +- .../_/assets/img/illustrations/i15.html | 28 +- .../_/assets/img/illustrations/i16.html | 28 +- .../_/assets/img/illustrations/i17.html | 28 +- .../_/assets/img/illustrations/i18.html | 28 +- .../_/assets/img/illustrations/i19.html | 28 +- .../_/assets/img/illustrations/i2.html | 28 +- .../_/assets/img/illustrations/i20.html | 28 +- .../_/assets/img/illustrations/i21.html | 28 +- .../_/assets/img/illustrations/i22.html | 28 +- .../_/assets/img/illustrations/i23.html | 28 +- .../_/assets/img/illustrations/i24.html | 28 +- .../_/assets/img/illustrations/i25.html | 28 +- .../_/assets/img/illustrations/i26.html | 28 +- .../_/assets/img/illustrations/i27.html | 28 +- .../_/assets/img/illustrations/i28.html | 28 +- .../_/assets/img/illustrations/i29.html | 28 +- .../_/assets/img/illustrations/i3.html | 28 +- .../_/assets/img/illustrations/i30.html | 28 +- .../_/assets/img/illustrations/i31.html | 28 +- .../_/assets/img/illustrations/i32.html | 28 +- .../_/assets/img/illustrations/i4.html | 28 +- .../_/assets/img/illustrations/i5.html | 28 +- .../_/assets/img/illustrations/i6.html | 28 +- .../_/assets/img/illustrations/i7.html | 28 +- .../_/assets/img/illustrations/i8.html | 28 +- .../_/assets/img/illustrations/i9.html | 28 +- .../_/assets/img/illustrations/ni1.html | 28 +- .../_/assets/img/illustrations/ni2.html | 28 +- .../_/assets/img/illustrations/ni3.html | 28 +- .../_/assets/img/illustrations/ni4.html | 28 +- .../_/assets/img/illustrations/ni5.html | 28 +- .../_/assets/img/illustrations/ni6.html | 28 +- .../_/assets/img/illustrations/ni7.html | 28 +- .../_/assets/img/illustrations/ni8.html | 28 +- .../_/assets/img/illustrations/ni9.html | 28 +- .../_/assets/img/illustrations/ui1.html | 28 +- .../_/assets/img/illustrations/ui2.html | 28 +- .../_/assets/img/illustrations/ui3.html | 28 +- .../_/assets/img/illustrations/ui4.html | 28 +- .../_/assets/img/illustrations/ui5.html | 28 +- public/docs/styleguide/backgrounds.html | 92 +- public/docs/styleguide/colors.html | 112 +- public/docs/styleguide/fonts.html | 108 +- public/docs/styleguide/icons-font.html | 142 +- public/docs/styleguide/icons-svg.html | 1324 ++++++++--------- public/docs/styleguide/illustrations.html | 218 +-- public/docs/styleguide/misc.html | 102 +- public/html/404.html | 28 +- public/html/about.html | 54 +- public/html/about2.html | 52 +- public/html/blog-post.html | 68 +- public/html/blog-post2.html | 92 +- public/html/blog-post3.html | 92 +- public/html/blog.html | 84 +- public/html/blog2.html | 118 +- public/html/blog3.html | 118 +- public/html/career-job.html | 54 +- public/html/career.html | 68 +- public/html/career2.html | 42 +- public/html/contact.html | 38 +- public/html/contact2.html | 38 +- public/html/contact3.html | 34 +- public/html/demo1.html | 4 +- public/html/demo12.html | 2 +- public/html/demo15.html | 242 +-- public/html/demo16.html | 4 +- public/html/demo18.html | 2 +- public/html/demo19.html | 12 +- public/html/demo2.html | 56 +- public/html/demo20.html | 12 +- public/html/demo22.html | 20 +- public/html/demo3.html | 2 +- public/html/demo31.html | 56 +- public/html/demo32.html | 266 ++-- public/html/demo33.html | 2 +- public/html/demo5.html | 68 +- public/html/demo9.html | 76 +- public/html/onepage.html | 52 +- public/html/page-loader.html | 58 +- public/html/pricing.html | 90 +- public/html/projects.html | 26 +- public/html/projects2.html | 26 +- public/html/projects3.html | 34 +- public/html/projects4.html | 34 +- public/html/services.html | 58 +- public/html/services2.html | 80 +- public/html/shop-cart.html | 56 +- public/html/shop-checkout.html | 52 +- public/html/shop-product.html | 78 +- public/html/shop.html | 54 +- public/html/shop2.html | 54 +- public/html/signin.html | 30 +- public/html/signin2.html | 26 +- public/html/signup.html | 30 +- public/html/signup2.html | 26 +- public/html/single-project.html | 28 +- public/html/single-project2.html | 28 +- public/html/single-project3.html | 24 +- public/html/single-project4.html | 26 +- public/html/style.css | 280 ++-- public/html/terms.html | 52 +- resources/views/blog/index.blade.php | 16 +- resources/views/blog/show.blade.php | 22 +- .../views/components/custom/blog.blade.php | 6 +- .../custom/language-selector.blade.php | 2 +- .../views/components/front/footer.blade.php | 14 +- .../components/front/menu-item.blade.php | 36 +- resources/views/front/products/show.blade.php | 4 +- resources/views/layouts/front.blade.php | 21 + resources/views/partials/footer.blade.php | 14 +- .../views/templates/home/contact.blade.php | 2 + .../templates/home/human-centered.blade.php | 2 + .../templates/home/services-grid.blade.php | 2 + .../views/templates/home/solutions.blade.php | 2 + .../templates/home/testimonials.blade.php | 2 + .../views/templates/home/what-we-do.blade.php | 2 + .../home/why-choose-us-features.blade.php | 2 + resources/views/templates/iletisim.blade.php | 14 +- 454 files changed, 10087 insertions(+), 9940 deletions(-) create mode 100644 .cursor/rules/frontend-architecture.mdc diff --git a/.cursor/rules/frontend-architecture.mdc b/.cursor/rules/frontend-architecture.mdc new file mode 100644 index 0000000..09e08e6 --- /dev/null +++ b/.cursor/rules/frontend-architecture.mdc @@ -0,0 +1,92 @@ +--- +description: Frontend blok ve section mimarisi kuralları. Yeni blok eklerken veya sayfa yapısı kurarken bu kuralları uygula. +globs: resources/views/components/blocks/**/*.blade.php, app/Filament/**/*.php, resources/views/templates/**/*.blade.php +--- + +# Frontend Architecture Rules + +Bu kurallar, projenin Blok (Block) ve Bölüm (Section) tabanlı mimarisini tanımlar. Sayfa oluştururken bu standartlara uyulmalıdır. + +## 1. Blok (Block) Yapısı + +Sistem, `resources/views/components/blocks/` altında bulunan hazır Blade bileşenleri üzerine kuruludur. + +### Mevcut Bloklar ve Kullanımları +- **Hero:** Ana başlık, büyük görsel ve CTA butonları. +- **Features:** İkonlu özellik kutuları grid yapısı. +- **Stats:** Sayısal istatistikler ve sayaçlar. +- **Testimonials:** Müşteri yorumları ve referanslar. +- **Pricing:** Fiyatlandırma tabloları. +- **CTA:** Aksiyon çağrısı bantları. +- **Gallery:** Proje veya görsel galerisi. +- **Team:** Ekip üyeleri listesi. +- **Contact:** İletişim bilgileri ve formu. + +### Blok Geliştirme Kuralları +1. **Component Yapısı:** Her blok `resources/views/components/blocks/{type}.blade.php` konumunda olmalıdır. +2. **Veri Alımı:** Bloklar veriyi sadece `$data` prop'u üzerinden almalıdır: + ```blade + @props(['data' => []]) + {{-- Erişim: $data['title'] --}} + ``` +3. **Null Check:** Tüm veri alanları için `isset` veya `??` kontrolü yapılmalıdır. + ```blade + {{ $data['title'] ?? '' }} + @if(isset($data['image'])) ... @endif + ``` + +## 2. Section Builder ve Veri Yapısı + +Admin panelinde "Section Builder" kullanılarak veriler JSON formatında tutulur. + +### Veri Formatı (JSON) +Veriler `sections` sütununda veya `parsed_sections` attribute'unda şu formatta işlenir: + +```json +[ + { + "type": "hero", + "data": { + "title": "Başlık", + "subtitle": "Alt Başlık", + "background_image": "assets/img/bg.jpg" + } + } +] +``` + +### Key İsimlendirme Kuralları (ÖNEMLİ) +Veri anahtarları (keys) her zaman **İngilizce** ve **snake_case** olmalıdır: +- ✅ `title`, `sub_title`, `button_text`, `image_url` +- ❌ `baslik`, `altBaslik`, `butonYazisi`, `resim` + +### Önerilen Value Tipleri +Admin panelinde alan tanımlarken doğru tipleri seçin: +- **Kısa Metinler:** `Text` (title, badge) +- **Uzun Metinler:** `Textarea` (description) +- **Formatlı İçerik:** `Rich Text` veya `HTML` (content) +- **Görseller:** `Image` (background_image, icon) +- **Linkler:** `URL` (button_url) + +## 3. Blade Entegrasyonu + +Sayfa şablonlarında (örneğin `home.blade.php`) blokları render ederken dinamik yapı kullanılmalıdır: + +```blade +@foreach($page->parsed_sections as $section) + @if(view()->exists("components.blocks.{$section['type']}")) + + @endif +@endforeach +``` + +## 4. Stil Özelleştirme +Bloklar, dışarıdan gelen stil parametrelerini desteklemelidir: +- `bg_class`: Arka plan rengi (örn: `!bg-[#f0f0f8]`) +- `column_class`: Grid yapısı (örn: `md:w-4/12`) +- `padding_class`: Boşluklar (örn: `py-14`) + +Bu sınıflar Blade içinde ana kapsayıcıya (wrapper) eklenmelidir. diff --git a/app/Filament/Admin/Resources/Products/Schemas/ProductForm.php b/app/Filament/Admin/Resources/Products/Schemas/ProductForm.php index 2af3c63..8f4fe3f 100644 --- a/app/Filament/Admin/Resources/Products/Schemas/ProductForm.php +++ b/app/Filament/Admin/Resources/Products/Schemas/ProductForm.php @@ -11,8 +11,8 @@ use Filament\Schemas\Components\Section; use App\Filament\Admin\Resources\Components\TranslationTabs; use App\Models\ProductCategory; use Illuminate\Support\Str; -use Filament\Forms\Get; -use Filament\Forms\Set; +use Filament\Schemas\Components\Utilities\Get; +use Filament\Schemas\Components\Utilities\Set; class ProductForm { diff --git a/app/Filament/Admin/Resources/SiteTranslations/Pages/CreateSiteTranslation.php b/app/Filament/Admin/Resources/SiteTranslations/Pages/CreateSiteTranslation.php index 4477b57..14c50c0 100644 --- a/app/Filament/Admin/Resources/SiteTranslations/Pages/CreateSiteTranslation.php +++ b/app/Filament/Admin/Resources/SiteTranslations/Pages/CreateSiteTranslation.php @@ -12,3 +12,5 @@ class CreateSiteTranslation extends CreateRecord + + diff --git a/app/Filament/Admin/Resources/SiteTranslations/Pages/EditSiteTranslation.php b/app/Filament/Admin/Resources/SiteTranslations/Pages/EditSiteTranslation.php index eebf7d8..e95b75e 100644 --- a/app/Filament/Admin/Resources/SiteTranslations/Pages/EditSiteTranslation.php +++ b/app/Filament/Admin/Resources/SiteTranslations/Pages/EditSiteTranslation.php @@ -20,3 +20,5 @@ class EditSiteTranslation extends EditRecord + + diff --git a/app/Filament/Admin/Resources/SiteTranslations/Pages/ListSiteTranslations.php b/app/Filament/Admin/Resources/SiteTranslations/Pages/ListSiteTranslations.php index 24e80cb..3a0324c 100644 --- a/app/Filament/Admin/Resources/SiteTranslations/Pages/ListSiteTranslations.php +++ b/app/Filament/Admin/Resources/SiteTranslations/Pages/ListSiteTranslations.php @@ -20,3 +20,5 @@ class ListSiteTranslations extends ListRecords + + diff --git a/app/Filament/Admin/Resources/SiteTranslations/Schemas/SiteTranslationForm.php b/app/Filament/Admin/Resources/SiteTranslations/Schemas/SiteTranslationForm.php index 6e04763..c4cef35 100644 --- a/app/Filament/Admin/Resources/SiteTranslations/Schemas/SiteTranslationForm.php +++ b/app/Filament/Admin/Resources/SiteTranslations/Schemas/SiteTranslationForm.php @@ -44,3 +44,5 @@ class SiteTranslationForm + + diff --git a/lang/en/product_categories.php b/lang/en/product_categories.php index 8b0cffd..06776fd 100644 --- a/lang/en/product_categories.php +++ b/lang/en/product_categories.php @@ -22,3 +22,5 @@ return [ + + diff --git a/lang/en/products.php b/lang/en/products.php index 194c7ee..11b4d2b 100644 --- a/lang/en/products.php +++ b/lang/en/products.php @@ -29,3 +29,5 @@ return [ + + diff --git a/lang/tr/product_categories.php b/lang/tr/product_categories.php index 0e27675..8a036af 100644 --- a/lang/tr/product_categories.php +++ b/lang/tr/product_categories.php @@ -22,3 +22,5 @@ return [ + + diff --git a/lang/tr/products.php b/lang/tr/products.php index cc405dc..3bcda55 100644 --- a/lang/tr/products.php +++ b/lang/tr/products.php @@ -29,3 +29,5 @@ return [ + + diff --git a/public/assets/css/style.css b/public/assets/css/style.css index d2e6f2c..50281de 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -3322,8 +3322,8 @@ .border-\[\#343f52\] { border-color: #343f52; } - .border-\[\#3f78e0\] { - border-color: #3f78e0; + .border-\[\#e31e24\] { + border-color: #e31e24; } .border-\[\#7cb798\] { border-color: #7cb798; @@ -3430,8 +3430,8 @@ .border-b-\[rgba\(164\,174\,198\,0\.2\)\] { border-bottom-color: rgba(164,174,198,0.2); } - .border-l-\[\#3f78e0\] { - border-left-color: #3f78e0; + .border-l-\[\#e31e24\] { + border-left-color: #e31e24; } .\!bg-\[\#5daed5\] { background-color: #5daed5 !important; @@ -3442,8 +3442,8 @@ .\!bg-\[\#343f52\] { background-color: #343f52 !important; } - .\!bg-\[\#3f78e0\] { - background-color: #3f78e0 !important; + .\!bg-\[\#e31e24\] { + background-color: #e31e24 !important; } .\!bg-\[\#7cb798\] { background-color: #7cb798 !important; @@ -3703,8 +3703,8 @@ .bg-\[\#343f52\] { background-color: #343f52; } - .bg-\[\#3f78e0\] { - background-color: #3f78e0; + .bg-\[\#e31e24\] { + background-color: #e31e24; } .bg-\[\#e31e24\] { background-color: #e31e24; @@ -3973,8 +3973,8 @@ --tw-gradient-position: in oklab; background-image: radial-gradient(var(--tw-gradient-stops)); } - .\!bg-\[radial-gradient\(\#3f78e0_2px\,transparent_2\.5px\)\] { - background-image: radial-gradient(#3f78e0 2px,transparent 2.5px) !important; + .\!bg-\[radial-gradient\(\#e31e24_2px\,transparent_2\.5px\)\] { + background-image: radial-gradient(#e31e24 2px,transparent 2.5px) !important; } .\!bg-\[radial-gradient\(\#54a8c7_2px\,transparent_2\.5px\)\] { background-image: radial-gradient(#54a8c7 2px,transparent 2.5px) !important; @@ -3982,8 +3982,8 @@ .\!bg-\[radial-gradient\(\#747ed1_2px\,transparent_2\.5px\)\] { background-image: radial-gradient(#747ed1 2px,transparent 2.5px) !important; } - .bg-\[radial-gradient\(\#3f78e0_2px\,transparent_2\.5px\)\] { - background-image: radial-gradient(#3f78e0 2px,transparent 2.5px); + .bg-\[radial-gradient\(\#e31e24_2px\,transparent_2\.5px\)\] { + background-image: radial-gradient(#e31e24 2px,transparent 2.5px); } .bg-\[radial-gradient\(\#45c4a0_2px\,transparent_2\.5px\)\] { background-image: radial-gradient(#45c4a0 2px,transparent 2.5px); @@ -4130,8 +4130,8 @@ .stroke-\[\#343f52\] { stroke: #343f52; } - .stroke-\[\#3f78e0\] { - stroke: #3f78e0; + .stroke-\[\#e31e24\] { + stroke: #e31e24; } .stroke-\[\#54a8c7\] { stroke: #54a8c7; @@ -5743,8 +5743,8 @@ .\!text-\[\#3b768b\] { color: #3b768b !important; } - .\!text-\[\#3f78e0\] { - color: #3f78e0 !important; + .\!text-\[\#e31e24\] { + color: #e31e24 !important; } .\!text-\[\#45c4a0\] { color: #45c4a0 !important; @@ -5833,8 +5833,8 @@ .text-\[\#343f52\] { color: #343f52; } - .text-\[\#3f78e0\] { - color: #3f78e0; + .text-\[\#e31e24\] { + color: #e31e24; } .text-\[\#45c4a0\] { color: #45c4a0; @@ -7078,10 +7078,10 @@ border-style: solid; } } - .before\:border-\[\#3f78e0\] { + .before\:border-\[\#e31e24\] { &::before { content: var(--tw-content); - border-color: #3f78e0; + border-color: #e31e24; } } .before\:border-\[\#262b32\] { @@ -7150,10 +7150,10 @@ background-color: #343f52; } } - .before\:bg-\[\#3f78e0\] { + .before\:bg-\[\#e31e24\] { &::before { content: var(--tw-content); - background-color: #3f78e0; + background-color: #e31e24; } } .before\:bg-\[\#7cb798\] { @@ -7291,7 +7291,7 @@ .before\:bg-\[url\(\.\/assets\/img\/photos\/lines\.png\)\] { &::before { content: var(--tw-content); - background-image: url(assets/img/photos/lines.png); + background-image: url(../assets/img/photos/lines.png); } } .before\:bg-cover { @@ -7423,10 +7423,10 @@ font-weight: var(--font-weight-normal); } } - .before\:\!text-\[\#3f78e0\] { + .before\:\!text-\[\#e31e24\] { &::before { content: var(--tw-content); - color: #3f78e0 !important; + color: #e31e24 !important; } } .before\:\!text-\[\#54a8c7\] { @@ -10264,10 +10264,10 @@ border-style: solid; } } - .after\:border-\[\#3f78e0\] { + .after\:border-\[\#e31e24\] { &::after { content: var(--tw-content); - border-color: #3f78e0; + border-color: #e31e24; } } .after\:border-\[\#262b32\] { @@ -10348,10 +10348,10 @@ background-color: #ffffff !important; } } - .after\:bg-\[\#3f78e0\] { + .after\:bg-\[\#e31e24\] { &::after { content: var(--tw-content); - background-color: #3f78e0; + background-color: #e31e24; } } .after\:bg-\[\#e0e9fa\] { @@ -10531,10 +10531,10 @@ color: #343f52 !important; } } - .after\:\!text-\[\#3f78e0\] { + .after\:\!text-\[\#e31e24\] { &::after { content: var(--tw-content); - color: #3f78e0 !important; + color: #e31e24 !important; } } .after\:\!text-\[\#7cb798\] { @@ -10742,10 +10742,10 @@ } } } - .hover\:\!border-\[\#3f78e0\] { + .hover\:\!border-\[\#e31e24\] { &:hover { @media (hover: hover) { - border-color: #3f78e0 !important; + border-color: #e31e24 !important; } } } @@ -10903,10 +10903,10 @@ } } } - .hover\:bg-\[\#3f78e0\] { + .hover\:bg-\[\#e31e24\] { &:hover { @media (hover: hover) { - background-color: #3f78e0; + background-color: #e31e24; } } } @@ -11057,10 +11057,10 @@ } } } - .hover\:\!text-\[\#3f78e0\] { + .hover\:\!text-\[\#e31e24\] { &:hover { @media (hover: hover) { - color: #3f78e0 !important; + color: #e31e24 !important; } } } @@ -11249,12 +11249,12 @@ } } } - .hover\:after\:\!text-\[\#3f78e0\] { + .hover\:after\:\!text-\[\#e31e24\] { &:hover { @media (hover: hover) { &::after { content: var(--tw-content); - color: #3f78e0 !important; + color: #e31e24 !important; } } } @@ -11517,9 +11517,9 @@ border-color: #343f52; } } - .active\:border-\[\#3f78e0\] { + .active\:border-\[\#e31e24\] { &:active { - border-color: #3f78e0; + border-color: #e31e24; } } .active\:border-\[\#45c4a0\] { @@ -11597,9 +11597,9 @@ background-color: #343f52; } } - .active\:bg-\[\#3f78e0\] { + .active\:bg-\[\#e31e24\] { &:active { - background-color: #3f78e0; + background-color: #e31e24; } } .active\:bg-\[\#45c4a0\] { @@ -11682,9 +11682,9 @@ border-color: #343f52; } } - .disabled\:border-\[\#3f78e0\] { + .disabled\:border-\[\#e31e24\] { &:disabled { - border-color: #3f78e0; + border-color: #e31e24; } } .disabled\:border-\[\#45c4a0\] { @@ -11782,9 +11782,9 @@ background-color: #343f52; } } - .disabled\:bg-\[\#3f78e0\] { + .disabled\:bg-\[\#e31e24\] { &:disabled { - background-color: #3f78e0; + background-color: #e31e24; } } .disabled\:bg-\[\#e31e24\] { @@ -17262,7 +17262,7 @@ hr { opacity: 100%; } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { - margin-top: calc(var(--spacing) * 0); + margin-top: calc(var(--spacing) * 2); margin-bottom: calc(var(--spacing) * 2); --tw-leading: 1.2; line-height: 1.2; @@ -17330,7 +17330,7 @@ a { text-decoration-line: none; } a:hover { - color: #3f78e0; + color: #e31e24; } a:not([href]):not([class]),a:not([href]):not([class]):hover { color: inherit; @@ -17700,10 +17700,10 @@ textarea.form-control-sm { background-repeat: no-repeat; vertical-align: top; &:checked { - border-color: #3f78e0; + border-color: #e31e24; } &:checked { - background-color: #3f78e0; + background-color: #e31e24; } &:focus { border-color: rgba(8,60,130,0.1); @@ -17742,8 +17742,8 @@ textarea.form-control-sm { --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='1.5' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { - border-color: #3f78e0; - background-color: #3f78e0; + border-color: #e31e24; + background-color: #e31e24; --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { @@ -18360,19 +18360,19 @@ textarea.form-control.is-invalid { } &:hover { @media (hover: hover) { - color: #3f78e0; + color: #e31e24; } } &:focus { background-color: inherit; } &:focus { - color: #3f78e0; + color: #e31e24; } } .dropdown-item.active,.dropdown-item:active { background-color: inherit; - color: #3f78e0; + color: #e31e24; text-decoration-line: none; } .dropdown-item.disabled,.dropdown-item:disabled { @@ -18392,7 +18392,7 @@ textarea.form-control.is-invalid { padding-left: 1.5rem; font-size: 0.7rem; white-space: nowrap; - color: #3f78e0; + color: #e31e24; } .btn-group>.btn { position: relative; @@ -18476,11 +18476,11 @@ textarea.form-control.is-invalid { transition-timing-function: var(--ease-in-out); &:hover { @media (hover: hover) { - color: #3f78e0; + color: #e31e24; } } &:focus { - color: #3f78e0; + color: #e31e24; } &:focus-visible { --tw-shadow: 0 0 0 0.25rem var(--tw-shadow-color, rgba(63,120,224,0.25)); @@ -18522,7 +18522,7 @@ textarea.form-control.is-invalid { .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active { border-color: rgba(164,174,198,0.2); background-color: var(--color-white); - color: #3f78e0; + color: #e31e24; } .nav-tabs .dropdown-menu { margin-top: calc(-1 * 1px); @@ -18537,7 +18537,7 @@ textarea.form-control.is-invalid { } .nav-pills .nav-link.active,.nav-pills .show>.nav-link { background-color: var(--color-white); - color: #3f78e0; + color: #e31e24; } .nav-underline { gap: 1rem; @@ -18597,10 +18597,10 @@ textarea.form-control.is-invalid { padding-block: calc(var(--spacing) * 0); font-size: 0.7rem; white-space: nowrap; - color: #3f78e0; + color: #e31e24; } .navbar-brand:focus,.navbar-brand:hover { - color: #3f78e0; + color: #e31e24; } .navbar-nav { margin-bottom: calc(var(--spacing) * 0); @@ -18614,7 +18614,7 @@ textarea.form-control.is-invalid { color: #343f52; } .navbar-nav .nav-link.active,.navbar-nav .nav-link.show { - color: #3f78e0; + color: #e31e24; } .navbar-nav .dropdown-menu { position: static; @@ -18812,7 +18812,7 @@ textarea.form-control.is-invalid { } &:hover { @media (hover: hover) { - color: #3f78e0; + color: #e31e24; } } &:focus { @@ -18822,7 +18822,7 @@ textarea.form-control.is-invalid { background-color: #ffffff; } &:focus { - color: #3f78e0; + color: #e31e24; } &:focus { --tw-shadow: unset; @@ -18839,7 +18839,7 @@ textarea.form-control.is-invalid { z-index: 3; border-color: rgba(164,174,198,0.2); background-color: #ffffff; - color: #3f78e0; + color: #e31e24; } .disabled>.page-link,.page-link.disabled { pointer-events: none; @@ -19182,16 +19182,16 @@ figure img { -webkit-mask-size: auto auto; } .img-mask.mask-1 img { - -webkit-mask-image: url(assets/img/svg/blob.svg); - background-image: url(assets/img/svg/blob.svg); + -webkit-mask-image: url(../assets/img/svg/blob.svg); + background-image: url(../assets/img/svg/blob.svg); } .img-mask.mask-2 img { - -webkit-mask-image: url(assets/img/svg/hex.svg); - background-image: url(assets/img/svg/hex.svg); + -webkit-mask-image: url(../assets/img/svg/hex.svg); + background-image: url(../assets/img/svg/hex.svg); } .img-mask.mask-3 img { - -webkit-mask-image: url(assets/img/svg/blob2.svg); - background-image: url(assets/img/svg/blob2.svg); + -webkit-mask-image: url(../assets/img/svg/blob2.svg); + background-image: url(../assets/img/svg/blob2.svg); } .table:not(.table-borderless) tbody { border-top-style: var(--tw-border-style); @@ -19223,7 +19223,7 @@ blockquote.text-center.icon-top:before { color: #aab0bc; } .filter:not(.basic-filter) ul li a.active { - color: #3f78e0 !important; + color: #e31e24 !important; } .filter:not(.basic-filter).dark-filter ul li+li:before { background-color: rgba(255,255,255,.2); @@ -19255,7 +19255,7 @@ blockquote.text-center.icon-top:before { color: #60697b; } .filter.basic-filter ul li a.active,.filter.basic-filter ul li a:hover { - color: #3f78e0; + color: #e31e24; } .filter.basic-filter.dark-filter ul li a.active,.filter.basic-filter.dark-filter ul li a:hover { color: var(--color-white); @@ -19583,7 +19583,7 @@ input,select,textarea { flex-wrap: wrap; } .picker label[for*=size]>input:checked~span { - background-color: #3f78e0; + background-color: #e31e24; color: var(--color-white); } .picker label[for*=color]>input:checked~span { @@ -19826,10 +19826,10 @@ button:focus { outline: 0; } .btn-blue.btn-expand { - color: #3f78e0; + color: #e31e24; &::before { content: var(--tw-content); - background-color: #3f78e0; + background-color: #e31e24; } } .btn-sky.btn-expand { @@ -19938,10 +19938,10 @@ button:focus { } } .btn-primary.btn-expand { - color: #3f78e0; + color: #e31e24; &::before { content: var(--tw-content); - background-color: #3f78e0; + background-color: #e31e24; } } .btn-blue, .btn-sky, .btn-purple, .btn-grape, .btn-violet, .btn-pink, .btn-fuchsia, .btn-red, .btn-orange, .btn-yellow, .btn-green, .btn-leaf, .btn-aqua, .btn-navy, .btn-ash, .btn-white, .btn-primary { @@ -19955,7 +19955,7 @@ button:focus { .btn-soft-blue { border-color: #e0e9fa; background-color: #e0e9fa; - color: #3f78e0; + color: #e31e24; &:hover { @media (hover: hover) { border-color: #e0e9fa; @@ -19968,7 +19968,7 @@ button:focus { } &:hover { @media (hover: hover) { - color: #3f78e0; + color: #e31e24; } } &:active { @@ -19978,18 +19978,18 @@ button:focus { background-color: #e0e9fa; } &:active { - color: #3f78e0; + color: #e31e24; } } .btn-soft-blue.btn-expand { - color: #3f78e0; + color: #e31e24; &::before { content: var(--tw-content); background-color: #e0e9fa; } } .btn-soft-blue.btn-expand i,.btn-soft-blue.btn-expand:before,.btn-soft-blue.btn-expand:hover,.btn-soft-blue.btn-expand:hover:before { - color: #3f78e0; + color: #e31e24; } .btn-soft-sky { border-color: #e5f4fd; @@ -20579,7 +20579,7 @@ button:focus { .btn-soft-primary { border-color: #e0e9fa; background-color: #e0e9fa; - color: #3f78e0; + color: #e31e24; &:hover { @media (hover: hover) { border-color: #e0e9fa; @@ -20592,7 +20592,7 @@ button:focus { } &:hover { @media (hover: hover) { - color: #3f78e0; + color: #e31e24; } } &:active { @@ -20602,18 +20602,18 @@ button:focus { background-color: #e0e9fa; } &:active { - color: #3f78e0; + color: #e31e24; } } .btn-soft-primary.btn-expand { - color: #3f78e0; + color: #e31e24; &::before { content: var(--tw-content); background-color: #e0e9fa !important; } } .btn-soft-primary.btn-expand i,.btn-soft-primary.btn-expand:before,.btn-soft-primary.btn-expand:hover,.btn-soft-primary.btn-expand:hover:before { - color: #3f78e0; + color: #e31e24; } .btn-soft-ash,.btn-white { color: #262b32 !important; @@ -20655,40 +20655,40 @@ button:focus { .btn-primary { &:hover { @media (hover: hover) { - background-color: #3f78e0; + background-color: #e31e24; } } &:active { - border-color: #3f78e0; + border-color: #e31e24; } &:active { - background-color: #3f78e0; + background-color: #e31e24; } } .btn-outline-primary { - border-color: #3f78e0; - color: #3f78e0; + border-color: #e31e24; + color: #e31e24; &:hover { @media (hover: hover) { - border-color: #3f78e0; + border-color: #e31e24; } } &:hover { @media (hover: hover) { - background-color: #3f78e0; + background-color: #e31e24; } } &:active { - border-color: #3f78e0; + border-color: #e31e24; } &:active { - background-color: #3f78e0; + background-color: #e31e24; } &:disabled { - border-color: #3f78e0; + border-color: #e31e24; } &:disabled { - background-color: #3f78e0; + background-color: #e31e24; } } .btn-gradient { @@ -20740,10 +20740,10 @@ button:focus { background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(45deg,#08aeea 0,#2af598 100%); } .gradient-7 { - background-image: linear-gradient(100deg,#e31e24 20%,#3f78e0 85%); + background-image: linear-gradient(100deg,#e31e24 20%,#e31e24 85%); } .gradient-7.btn-outline-gradient,.gradient-7.btn-outline-gradient span { - background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(100deg,#e31e24 20%,#3f78e0 85%); + background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(100deg,#e31e24 20%,#e31e24 85%); } .gradient-8 { background-image: linear-gradient(0deg,#2c46a7,#3757c4); @@ -20951,7 +20951,7 @@ button:focus { border-width: 4px; --tw-border-style: solid; border-style: solid; - border-color: #3f78e0; + border-color: #e31e24; background-color: inherit; --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); @@ -21065,7 +21065,7 @@ button:focus { padding-block: calc(var(--spacing) * 0); } .navbar-expand.navbar-light .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after { - color: #3f78e0; + color: #e31e24; } .navbar-expand .dropdown-mega,.navbar-expand .navbar-nav { position: static; @@ -21319,7 +21319,7 @@ button:focus { font-size: 0.85rem; } .navbar-light .language-select .dropdown-toggle:after { - color: #3f78e0; + color: #e31e24; } .share-dropdown .dropdown-toggle:after { display: none; @@ -21381,11 +21381,11 @@ button:focus { font-size: 0.85rem; } .nav-tabs.nav-tabs-basic .nav-link:focus,.nav-tabs.nav-tabs-basic .nav-link:hover { - border-color: #3f78e0; + border-color: #e31e24; } .nav-tabs.nav-tabs-basic .nav-item.show .nav-link,.nav-tabs.nav-tabs-basic .nav-link.active { - border-color: #3f78e0; - color: #3f78e0; + border-color: #e31e24; + color: #e31e24; } .nav-tabs.nav-pills { border-color: transparent; @@ -21478,8 +21478,8 @@ button:focus { display: inline-block; } .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) { - border-color: #3f78e0; - background-color: #3f78e0; + border-color: #e31e24; + background-color: #e31e24; color: var(--color-white) !important; } .navbar.navbar-bg-light { @@ -21760,7 +21760,7 @@ button.hamburger span,button.hamburger:before { font-size: 0.85rem; --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); - color: #3f78e0; + color: #e31e24; transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); @@ -21807,7 +21807,7 @@ button.hamburger span,button.hamburger:before { } &::before { content: var(--tw-content); - color: #3f78e0; + color: #e31e24; } &::before { content: var(--tw-content); @@ -21854,7 +21854,7 @@ button.hamburger span,button.hamburger:before { font-size: 0.85rem; --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); - color: #3f78e0; + color: #e31e24; &::before { content: var(--tw-content); margin-right: 0.4rem; @@ -21887,7 +21887,7 @@ button.hamburger span,button.hamburger:before { } &:hover { @media (hover: hover) { - color: #3f78e0; + color: #e31e24; } } } @@ -22063,7 +22063,7 @@ button.hamburger span,button.hamburger:before { stroke: rgba(30,34,40,0.06); } .progressbar.blue svg path:last-child { - stroke: #3f78e0; + stroke: #e31e24; } .progressbar.semi-circle.blue svg path:first-child { stroke: rgba(63,120,224,0.1); @@ -22177,7 +22177,7 @@ button.hamburger span,button.hamburger:before { stroke: rgba(38,43,50,0.1); } .progressbar.primary svg path:last-child { - stroke: #3f78e0; + stroke: #e31e24; } .progressbar.aqua svg path:last-child { stroke: #54a8c7; @@ -22338,7 +22338,7 @@ button.hamburger span,button.hamburger:before { left: -1px; border-style: var(--tw-border-style); border-width: calc(0.8rem * 0.5) 0 calc(0.8rem * 0.5) 0.4rem; - border-left-color: #3f78e0; + border-left-color: #e31e24; } .tooltip .tooltip-arrow::before { position: absolute; @@ -22354,7 +22354,7 @@ button.hamburger span,button.hamburger:before { .tooltip { pointer-events: none; border-radius: 0.4rem; - background-color: #3f78e0; + background-color: #e31e24; padding: 0.5rem 0.75rem; font-family: var(--font-Manrope); --tw-font-weight: var(--font-weight-medium); @@ -22373,7 +22373,7 @@ button.hamburger span,button.hamburger:before { .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before { top: -1px; border-width: 0.4rem calc(0.8rem * .5) 0; - border-top-color: #3f78e0; + border-top-color: #e31e24; } .tooltip .tooltip-arrow::before { position: absolute; @@ -22391,7 +22391,7 @@ button.hamburger span,button.hamburger:before { .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before { right: -1px; border-width: calc(0.8rem * .5) 0.4rem calc(0.8rem * .5) 0; - border-right-color: #3f78e0; + border-right-color: #e31e24; } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow { top: calc(-1 * 0.4rem); @@ -22399,7 +22399,7 @@ button.hamburger span,button.hamburger:before { .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(0.8rem * .5) 0.4rem; - border-bottom-color: #3f78e0; + border-bottom-color: #e31e24; } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow { right: calc(-1 * 0.4rem); @@ -22409,7 +22409,7 @@ button.hamburger span,button.hamburger:before { .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before { left: -1px; border-width: calc(0.8rem * .5)0 calc(0.8rem * .5) 0.4rem; - border-left-color: #3f78e0; + border-left-color: #e31e24; } .popover { z-index: 1070; @@ -22695,7 +22695,7 @@ a.hover-2:hover:before { background-color: rgba(63,120,224,.7) !important; } .swiper-container.nav-color .swiper-button:hover { - background-color: #3f78e0 !important; + background-color: #e31e24 !important; } .swiper-container.nav-dark .swiper-button,.swiper-container.nav-dark .swiper-slide figure .item-link { background-color: rgba(0,0,0,.3) !important; @@ -23096,10 +23096,10 @@ img.svg-inject { fill: #bfc2c8; } .solid .fill-primary,.solid .fill-secondary { - fill: #3f78e0; + fill: #e31e24; } .solid.text-blue .fill-primary,.solid.text-blue .fill-secondary { - fill: #3f78e0; + fill: #e31e24; } .solid.text-sky .fill-primary,.solid.text-sky .fill-secondary { fill: #5eb9f0; @@ -23153,22 +23153,22 @@ img.svg-inject { fill: #262b32; } .solid.text-primary .fill-primary,.solid.text-primary .fill-secondary { - fill: #3f78e0; + fill: #e31e24; } .solid-mono .fill-primary { - fill: #3f78e0; + fill: #e31e24; } .solid-mono .fill-secondary { fill: #b2c9f3; } .solid-mono.text-primary .fill-primary { - fill: #3f78e0; + fill: #e31e24; } .solid-mono.text-primary .fill-secondary { fill: #b2c9f3; } .solid-mono.text-blue .fill-primary { - fill: #3f78e0; + fill: #e31e24; } .solid-mono.text-blue .fill-secondary { fill: #b2c9f3; @@ -23288,7 +23288,7 @@ img.svg-inject { fill: #5eb9f0; } .solid-duo.text-blue-pink .fill-primary { - fill: #3f78e0; + fill: #e31e24; } .solid-duo.text-purple-aqua .fill-secondary { fill: #8ce0f1; @@ -23381,7 +23381,7 @@ img.svg-inject { fill: #a09ed6 !important; } .solid-mono.text-primary .fill-primary { - fill: #3f78e0 !important; + fill: #e31e24 !important; } .solid-mono.text-primary .fill-secondary { fill: #b2c9f3 !important; @@ -23450,7 +23450,7 @@ img.svg-inject { fill: #b2c9f3 !important; } .solid-mono.text-blue .fill-primary { - fill: #3f78e0 !important; + fill: #e31e24 !important; } .solid-mono.text-fuchsia .fill-secondary { fill: #f5c3e1 !important; @@ -23644,7 +23644,7 @@ figure.overlay img { background-image: linear-gradient(45deg,#08aeea 0,#2af598 100%); } .overlay.overlay-gradient-7 span.bg { - background-image: linear-gradient(100deg,#e31e24 20%,#3f78e0 85%); + background-image: linear-gradient(100deg,#e31e24 20%,#e31e24 85%); } .overlay.overlay-gradient-8 span.bg { background-image: linear-gradient(0deg,#2c46a7,#3757c4); @@ -23900,7 +23900,7 @@ video.player { } .plyr__control--overlaid:focus, .plyr__control--overlaid:hover { background-color: var(--color-white) !important; - color: #3f78e0 !important; + color: #e31e24 !important; --tw-shadow: 0 0 1.25rem var(--tw-shadow-color, rgba(30,34,40,0.04)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-property: all; @@ -24039,7 +24039,7 @@ video.player { inset-block: calc(var(--spacing) * 0); left: calc(var(--spacing) * 0); width: 0.6rem; - color: #3f78e0; + color: #e31e24; &::before { content: var(--tw-content); top: 0.2rem; @@ -24168,7 +24168,7 @@ table.shopping-cart td { background: repeating-linear-gradient(-55deg,rgba(255,255,255,0) .8px,#fab758 1.6px,#fab758 3px,rgba(255,255,255,0) 3.8px,rgba(255,255,255,0) 10px); } .bg-line.blue { - background: repeating-linear-gradient(-55deg,rgba(255,255,255,0) .8px,#3f78e0 1.6px,#3f78e0 3px,rgba(255,255,255,0) 3.8px,rgba(255,255,255,0) 10px); + background: repeating-linear-gradient(-55deg,rgba(255,255,255,0) .8px,#e31e24 1.6px,#e31e24 3px,rgba(255,255,255,0) 3.8px,rgba(255,255,255,0) 10px); } .bg-dot.sky { background-image: radial-gradient(#5eb9f0 2px,transparent 2.5px); @@ -24192,10 +24192,10 @@ table.shopping-cart td { background-image: radial-gradient(#fab758 2px, transparent 2.5px); } .bg-dot.blue { - background-image: radial-gradient(#3f78e0 2px, transparent 2.5px); + background-image: radial-gradient(#e31e24 2px, transparent 2.5px); } .bg-line.primary { - background: repeating-linear-gradient(-55deg,rgba(255,255,255,0) .8px,#3f78e0 1.6px,#3f78e0 3px,rgba(255,255,255,0) 3.8px,rgba(255,255,255,0) 10px); + background: repeating-linear-gradient(-55deg,rgba(255,255,255,0) .8px,#e31e24 1.6px,#e31e24 3px,rgba(255,255,255,0) 3.8px,rgba(255,255,255,0) 10px); } .bg-line.purple { background: repeating-linear-gradient(-55deg,rgba(255,255,255,0) 0.8px,#747ed1 1.6px,#747ed1 3px,rgba(255,255,255,0) 3.8px,rgba(255,255,255,0) 10px); @@ -24242,10 +24242,10 @@ footer [class*=col-] .widget+.widget { color: inherit; } .sidebar nav .nav-link.active { - color: #3f78e0 !important; + color: #e31e24 !important; } .list-unstyled li a.active { - color: #3f78e0 !important; + color: #e31e24 !important; } #comments ul.children { margin-inline: calc(var(--spacing) * 0); @@ -24521,7 +24521,7 @@ footer [class*=col-] .widget+.widget { padding: calc(var(--spacing) * 0); } .navbar-expand-xxl.navbar-light .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after { - color: #3f78e0; + color: #e31e24; } .navbar-expand-xxl .dropdown-mega,.navbar-expand-xxl .navbar-nav { position: static; @@ -24801,7 +24801,7 @@ footer [class*=col-] .widget+.widget { font-size: 1.35rem; } .navbar-expand-xl.navbar-light .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after { - color: #3f78e0; + color: #e31e24; } .navbar-expand-xl .dropdown-mega,.navbar-expand-xl .navbar-nav { position: static; @@ -27735,7 +27735,7 @@ footer [class*=col-] .widget+.widget { border-bottom-left-radius: 0.8rem; } .navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after { - color: #3f78e0; + color: #e31e24; } .navbar-expand-lg .dropdown-mega,.navbar-expand-lg .navbar-nav { position: static; @@ -28359,7 +28359,7 @@ footer [class*=col-] .widget+.widget { border-radius: var(--radius-2xl); } .navbar-expand-md.navbar-light .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after { - color: #3f78e0; + color: #e31e24; } .navbar-expand-md .dropdown-mega,.navbar-expand-md .navbar-nav { position: static; @@ -31130,7 +31130,7 @@ footer [class*=col-] .widget+.widget { text-align: center; } .navbar-expand-sm.navbar-light .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after { - color: #3f78e0; + color: #e31e24; } .navbar-expand-sm .dropdown-mega,.navbar-expand-sm .navbar-nav { position: static; diff --git a/public/assets/media/movie.html b/public/assets/media/movie.html index e0ccfe3..f7b0511 100644 --- a/public/assets/media/movie.html +++ b/public/assets/media/movie.html @@ -533,13 +533,13 @@
  • package.json Includes the list of dependencies to install from npm.
  • @@ -863,17 +863,17 @@ these steps:

    1. Install Node.js if you don’t have it yet.
    2. Then Run yarn dev or npm run dev
    3. You should now have the project files set up and all the npm packages installed.
    4. Install Vs code Live Server plugin to run HTML file locally Live Server if you don’t have it yet. You can check this video guide Video Guide
    5. Build npm run build or yarn build you wll run this command after @@ -890,13 +890,13 @@

      This quick video demonstrates:

      This How to Change Color demonstrates:

      This How to Change icon font demonstrates:

      • Installing npm packages (Terminal command: npm install or @@ -944,10 +944,10 @@ diff --git a/public/docs/styleguide/_/assets/img/icons/lineal/adjust.html b/public/docs/styleguide/_/assets/img/icons/lineal/adjust.html index c7ec8f2..c7abfe0 100644 --- a/public/docs/styleguide/_/assets/img/icons/lineal/adjust.html +++ b/public/docs/styleguide/_/assets/img/icons/lineal/adjust.html @@ -533,13 +533,13 @@
      @@ -598,7 +598,7 @@

      Get in Touch

      ÇAMTEPE MAH. MAHMUT TEVFİK ATAY BUL. GAZİANTEP TEKNOPARK NO: 4A İÇ KAPI NO: 1 ŞAHİNBEY / GAZİANTEP
      - info@truncgil.com
      00 (123) 456 78 90 + info@truncgil.com
      00 (123) 456 78 90
      @@ -607,11 +607,11 @@ @@ -629,7 +629,7 @@
      - +
      @@ -653,9 +653,9 @@ -