@php $Agent = new \Jenssegers\Agent\Agent(); if (isset($_SERVER['HTTP_ACCEPT'])){ $accept = $_SERVER['HTTP_ACCEPT']; $pos = stripos($accept, 'image/webp'); if($pos === false){ $support = false; }else{ $support = true; } } if (strtolower($Agent->browser()) == 'Safari' || $support){ $EXT = 'webp'; }else{ $EXT = 'png'; } @endphp {{__('messages.page_title')}} {{-- --}} {{-- --}} {{-- --}} {{-- --}} {{-- --}} {{-- --}} @if($lang == 'ar') @else @endif {{-- @font-face { font-family: "FF Hekaya Light"; src: url("//db.onlinewebfonts.com/t/5973df73839accca72bfd147b3cf95bc.eot"); src: url("//db.onlinewebfonts.com/t/5973df73839accca72bfd147b3cf95bc.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/5973df73839accca72bfd147b3cf95bc.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/5973df73839accca72bfd147b3cf95bc.woff") format("woff"), url("//db.onlinewebfonts.com/t/5973df73839accca72bfd147b3cf95bc.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/5973df73839accca72bfd147b3cf95bc.svg#FF Hekaya Light") format("svg"); } :root{ --bs-font-sans-serif: FF Hekaya Light, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } body { display: grid; grid-template-rows: 1fr 0fr 0fr 0fr 0fr; min-height: 100vh; background: #b1f1fb; } .Sec_1 { background-image: url(/website/image/web_bg.webp); padding-bottom: 240px; } .Sec_1 .logo { text-align: center; position: absolute; left: 50%; transform: translate(-50%, 0); width: 19%; top: 16px; } .mobile { display: none; } .img_r { width: 34%; } .img_l { float: left; width: 34%; } .main_container { margin-top: 80px; } a { background: #D245A8; display: flex; align-items: center; justify-content: space-between; border-radius: 15px; margin-bottom: 20px; } .Sec_2 { background-image: url(/website/image/web_flower.webp); height: 350px !important; margin-top: -331px; z-index: 0; /* position: relative; */ background-position: top; height: 100px; background-size: cover; display: flex; align-items: flex-end; } a.d_link { padding: 10px 16px; text-decoration: none; } a.d_link img { width: 55px; } a.d_link span { color: #fff; font-size: 26px; } @media (max-width: 768px) { .Sec_1 .logo { width: 25%; top: 52px; } .img_l ,.img_r{ width: 41%; } .main_container { margin-top: 96px; margin-bottom: 80px; } a.d_link { width: 90%; margin: 16px auto; padding: 15px 13px; } } @media (max-width: 600px) { a.d_link span { color: #fff; font-size: 26px; } a.d_link img { width: 38px; } a.d_link { width: 90%; margin: 18px auto; } .desc { display: none; } .mobile { display: inline-block; } .Sec_1 .logo { width: 40%; top: 44px; } .mobflag2 { /* position: absolute; */ right: 0; width: 36%; } .mobflag1 { /* position: absolute; */ left: 0; float: left; width: 36%; } .Sec_1 { background-image: url(/website/image/mob_bg.webp); padding-bottom: 187px; } .img_r { width: 34%; display: none; } .img_l { width: 34%; float: left; display: none; } .Sec_2 { background-image: url(/website/image/mobflower.webp); height: 0 !important; margin-top: -242px; z-index: 0; /* position: relative; */ background-position: top; height: 100px; background-size: contain; display: flex; align-items: flex-end; background-repeat: no-repeat; padding-top: 80.2%; } } --}}
للتحميل لأنظمة الهواوي للتحميل لأنظمة الهواوي للتحميل لأنظمة الهواوي للتحميل لأنظمة الهواوي