الگو:لوکیشن/دماوند پلیمر: تفاوت میان نسخه‌ها

بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۳۵: خط ۳۵:
         .share-icon img { width: 100%; height: 100%; object-fit: cover; }
         .share-icon img { width: 100%; height: 100%; object-fit: cover; }
         .share-label { font-size: 12px; }
         .share-label { font-size: 12px; }
.full-width-banner{
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
}


     </style>
     </style>
خط ۴۰: خط ۴۹:
<body>
<body>


<div class="location-container" style="position:relative;
<div class="location-container " >
    left:50%;
     <div class="map-card full-width-banner">
    right:50%;
    margin-left:-50vw;
    margin-right:-50vw;
    width:100vw;
    overflow:hidden;">
     <div class="map-card">
         <a id="neshanOverlay" class="map-overlay-link" target="_blank" rel="noopener noreferrer" aria-label="باز کردن در نقشه"></a>
         <a id="neshanOverlay" class="map-overlay-link" target="_blank" rel="noopener noreferrer" aria-label="باز کردن در نقشه"></a>
         <iframe id="mapFrame" class="map-frame" loading="lazy" src=""></iframe>
         <iframe id="mapFrame" class="map-frame" loading="lazy" src=""></iframe>
     </div>
     </div>


     <div class="map-actions">
     <div class="map-actions full-width-banner">
         <a id="routeBtn" class="btn btn-route" target="_blank" rel="noopener noreferrer">مسیریابی</a>
         <a id="routeBtn" class="btn btn-route" target="_blank" rel="noopener noreferrer">مسیریابی</a>
         <a id="callBtn" class="btn btn-call">تماس</a>
         <a id="callBtn" class="btn btn-call">تماس</a>