<div class="editorials" role="main" id="main" style="text-align:center;">
			<div class="w-grid clearfix">
				<div class="w-editorial">
					<article
						class="ui-promo-article full"
					>
						<div>
							<div class="image-B">
								<img
									src="<?= base_url('uploads/blog/').$blog->image2; ?>"
									sizes="(max-width: 479px) 93.75vw, 684px"
								/>
							</div>
							<header>
								<div class="meta"> 
									<a
										href="/beautyedit/feature-editorial"
										itemprop="articleSection"
										class="ui-article-category"
										>Blog & Artikel</a
									>
								</div>
								<h1 class="title" itemprop="name"><?= ucfirst($blog->blog); ?></h1>
								<div class="intro-text" itemprop="description">
								<?= $blog->description; ?>   
								</div>
							</header>
						</div>
						<div
							class="w-meta-social g18 g-center"
							data-rwd='{"cssClass":{"-1":"g14 g-center","2":"g18 g-center","1":"g-all","0":"g-all"}}'
						>
							<!-- <footer class="footer g-all">
								<div class="meta">
									<time class="published" itemprop="datePublished"
										>Maret 2020</time
									>
								</div>
							</footer> -->
						</div>
					</article>
				
					

						
            <div class="w-beauty-slider search-crawler-no-index frontpage">
					<div class="ui-beauty-slider">
						<div class="ui-beauty-slider-header w-grid-wide uppercase bold">
							<h3 class="headline-separator-holder has-border">
								<span class="headline-separator">
									<a class="beauty-edit-link" href="#">
										Blog & Artikel Lainnya
									</a>
								</span>
							</h3>
						</div>
						<div
							class="ui-beauty-slider-holder js-slider rsAutoHeight rsHor w-grid-full"
							id="be-slider-holder"
							data-rwd='{"slider":{"-1":{"slideElementClass":".ui-beauty-article","itemsClass":"g-third","itemsPerSlide":3,"addActiveClass":true,"arrowsNav":true,"arrowsNavAutoHide":true,"loop":true,"visibleNearby":{"enabled":true,"centerArea":1,"navigateByCenterClick":false}},"0":{"extends":"-1","itemsClass":"g-all","itemsPerSlide":1,"arrowsNav":false,"arrowsNavAutoHide":false,"visibleNearby":{"centerArea":0.7}},"1":{"extends":"-1","itemsClass":"g-all","itemsPerSlide":1,"arrowsNav":false,"arrowsNavAutoHide":false,"visibleNearby":{"centerArea":0.7}},"2":{"extends":"-1","itemsClass":"g-half","itemsPerSlide":2,"arrowsNav":false,"arrowsNavAutoHide":false,"visibleNearby":{"centerArea":0.8}}},"cssClass":{"-1":"w-grid-full","3":"w-grid-wide","4":"w-grid-wide"}}'
							style="touch-action: pan-y"
						>
							<div
								class="rsVisibleNearbyWrap"
								style="height: 532.32px; width: 785px"
							>
								<div
									class="rsOverflow"
									style="
										cursor: -webkit-grab;
										overflow: visible;
										margin-left: 78.5px;
										width: 628px;
										height: 532.328px;
										transition: height 600ms ease-in-out 0s;
									"
								>
									<div
										class="rsContainer"
										style="
											transition-duration: 0s;
											transform: translate3d(0px, 0px, 0px);
										"
									>
										<div style="left: 0px" class="rsSlide rsActiveSlide">
											<div
												class="slide rsContent"
												style="
													visibility: visible;
													opacity: 1;
													transition: opacity 400ms ease-in-out 0s;
												"
											>
												<?= Modules::run('blog/frontpage'); ?> 
											</div>
										</div>
									</div>
								</div>
							</div>
							<div style="clear: both; float: none"></div>
						</div>
					</div>
				</div>
					</div>
				</div>
			</div>
			<div class="ui-skincare-guide"></div>
		</div>