@extends('front.layout.app')
@section('beforeHeadClose')

		<div class="nav-hero collection-list" style="position: sticky; top: 0px; z-index: 2;">
			<div class="container">
<ul class="row justify-content-center text-center align-items-center">
	<li class="col"> 
	<h3 class="tessoritext">Sasso </h3>
</li>
<li class="col">
	<div class="collect-icon"><a href="#"><img src="images/iicon01.png" alt=""></a></div>
	<h3><a href="#collection">Collections</a></h3>
</li>
<li class="col">
	<div class="collect-icon"><a href="#"><img src="images/iicon02.png" alt=""></a></div>
	<h3><a href="#news">News</a></h3>
</li>
 
 
<li class="col">
	<div class="collect-icon"><a href="#"><img src="images/iicon05.png" alt=""></a></div>
	<h3><a href="#contact">Contacts</a></h3>
</li>

</ul>
</div>
</div>


		<section class="breadcrumb-section">
        <div class="container-auto">
            <div class="row">
                <div class="col-md-6 col-sm-6 col-12">
                    <div class="page-title">
                        <h1>Sasso
</h1>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-12">
                    <nav aria-label="breadcrumb" class="theme-breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="index.html">Home</a></li> 
                            <li class="breadcrumb-item active" aria-current="page">Sasso
</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </section>
		 
<main id="main"> 


{!! $get_single_visual->content !!}




<!--<div class="collections-owl" id="collection">-->
<!--<div class="container">-->
<!--<div class="row">-->
<!--<div class="col-lg-6">-->
<!--<h3>Collection</h3>-->
<!--</div>-->
<!--<div class="col-lg-6">-->
<!--	<div class="collection_btn"><a href="#">Discover all collections Sasso</a></div> -->
<!--</div>-->
<!--</div>-->




<!--<div class="owl-carousel mt-5">-->
<!--<div class="item">-->
<!--<div class="collect-slides"><img src="images/materastone.jpg" alt=""><h4>Black-->
<!--</h4></div> -->
<!--</div>-->
<!--<div class="item">-->
<!--<div class="collect-slides"><img src="images/portland.jpg" alt=""><h4>Grey-->
<!--</h4></div> -->
<!--</div>-->

<!--<div class="item">-->
<!--<div class="collect-slides"><img src="images/iwood.jpg" alt=""><h4>Natural-->
<!--</h4></div> -->
<!--</div>-->

<!--<div class="item">-->
<!--<div class="collect-slides"><img src="images/pigmento-slide.jpg" alt=""><h4>White-->
<!--</h4></div> -->
<!--</div>-->

<!--<div class="item">-->
<!--<div class="collect-slides"><img src="images/abacus-slide.jpg" alt=""><h4>Dusty Rose-->
<!--</h4></div> -->
<!--</div>-->

<!--<div class="item">-->
<!--<div class="collect-slides"><img src="images/oros.jpg" alt=""><h4>Giallo-->
<!--</h4></div> -->
<!--</div>-->

<!--<div class="item">-->
<!--<div class="collect-slides"><img src="images/elegancepro.jpg" alt=""><h4>Teal-->
<!--</h4></div> -->
<!--</div>-->

<!--<div class="item">-->
<!--<div class="collect-slides"><img src="images/cornerstonealpen.jpg" alt=""><h4>Lavendar-->
<!--</h4></div> -->
<!--</div>-->

<!--<div class="item">-->
<!--<div class="collect-slides"><img src="images/Ergon_Medley_Anteprima.jpg" alt=""><h4>Rosso-->
<!--</h4></div> -->
<!--</div>-->

<!--<div class="item">-->
<!--<div class="collect-slides"><img src="images/lombarda-slide.jpg" alt=""><h4>Bianco-->
<!--</h4></div> -->
<!--</div>-->

<!--<div class="item">-->
<!--<div class="collect-slides"><img src="images/woodtouch-slide.jpg" alt=""><h4>Beige-->
<!--</h4></div> -->
<!--</div>-->

<!--<div class="item">-->
<!--<div class="collect-slides"><img src="images/AnteprimaTr3ndGrey.jpg" alt=""><h4>Grigio-->
<!--</h4></div> -->
<!--</div>-->

<!--<div class="item">-->
<!--<div class="collect-slides"><img src="images/ArchitectResin.jpg" alt=""><h4>Anthracite-->
<!--</h4></div> -->
<!--</div>-->

<!--<div class="item">-->
<!--<div class="collect-slides"><img src="images/Ergon_Cornerstone_Anteprima.jpg" alt=""><h4>Bright White-->
<!--</h4></div> -->
<!--</div>-->

<!--<div class="item">-->
<!--<div class="collect-slides"><img src="images/playground.jpg" alt=""><h4>Parchment-->
<!--</h4></div> -->
<!--</div>-->

<!--<div class="item">-->
<!--<div class="collect-slides"><img src="images/CornerstoneEvolution.jpg" alt=""><h4>Beige-->
<!--</h4></div> -->
<!--</div>-->

<!--<div class="item">-->
<!--<div class="collect-slides"><img src="images/StoneProject.jpg" alt=""><h4>Quartz-->
<!--</h4></div> -->
<!--</div>-->

<!--</div>-->

 

<!--</div>-->
<!--</div>-->



<div class="news-owl mt-5" id="news">
<div class="container">

<h3 class="mb-3">All the news</h3>

<div class="row">
   
                                @foreach ($blogData as $blogsValues)
<div class="col-lg-3 col-md-6">
<div class="newsimg">
    @if (!empty($blogsValues['featured_img']) && file_exists(storage_uploads('blog/' . $blogsValues['featured_img'])))
    <img src="{{ asset_uploads('blog/' . $blogsValues['featured_img']) }}" title="{{ $blogsValues['featured_img_title'] }}" alt="{{ $blogsValues['featured_img_alt'] }}">
    @else
                              <img src="{{ asset_uploads('back/images/no_image.jpg') }}"
                                                        title="{{ $blogsValues['featured_img_title'] }}"
                                                        alt="{{ $blogsValues['featured_img_alt'] }}">
                           @endif
                           </div>
<div class="blog__post_meta"> <span class="label"> Interview </span> </div>
<h4>@php echo $blogsValues['title']; @endphp</h4>
<div class="collection_btn"><a href="{{ base_url() . 'blog/' . $blogsValues['post_slug'] }}">Show More</a></div> 
</div>

    @endforeach
                            


</div>

</div>
</div>













		<!--Collection Start-->
			 <div class="pagecontent collect-details pt-0" id="colorsize">


 
 
  <div class="container">
 
<div class="mt-5" id="download">
  
<div class="colorWrp download_sec" id="contact">
<h4 class="mb-3">Download PDF</h4> 
<div class="shade mb-3"><img src="images/download-arrow.png" alt=""></div>
<div class="btn-holder btn_catalog">
                            <a href="#" class="btn-orange">Download PDF </a>
                        </div> 
</div>


 </div>


<div class="call-us-area collect_call">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="call-now">
                            <div class="text">
                                <h3>Contact Us</h3>
                                <p>Let's start a conversation. <a title="Contact Us" href="https://www.surfacestatement.directfinding.com/contact-us" target="_blank" rel="noopener">Email Us!</a></p>
                            </div>
                            
                            <div class="hmctinfo">
                            <div class="info">
                                <div class="icon">
                                    <i class="fa-solid fa-phone"></i>
                                </div>
                                <div class="frame">
                                    <span class="call-today">Call Us Today</span>
                                    <a href="tel:4049903232" class="tel">404-990-3232</a>
                                </div>
                            </div>
                            <div class="info">
                                <div class="icon">
                                    <i class="fa-solid fa-envelope"></i>
                                </div>
                                <div class="frame">
                                    <span class="call-today">Mail Us Today</span>
                                    <a href="mailto:info@surfacestatement.com" class="tel">info@surfacestatement.com</a>
                                </div>
                            </div>
                            </div>
                            
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>

 </div>



  </div>
  <!--Collection End-->
			 
			 
		</main>



@endsection