@extends('master')

@section('title','Blog')

@section('meta_description','Explore insightful articles from our expert team.')



@section('content')
<div class="blog-page">
    <div class="mobile-menu-container fixed mobile transparent">
        <a href="#" class="open-mobile-menu">
            <span></span>
        </a>
    </div>

    <section class="page-header header-style-1 collapse-circles">
        <div class="title">
            <h2>Upbound Studio Blog</h2>
            <h1>Our views on marketing, design and technology.</h1>
        </div>
        <ul class="social fixed desktop">
    <li>
        <a href="https://fb.me/upbound.studio" target="_blank">
            <i class="fa fa-facebook"></i>
        </a>
    </li>
    <li>
        <a href="#" target="_blank">
            <i class="fa fa-twitter"></i>
        </a>
    </li>
    <li>
        <a href="https://www.instagram.com/upbound.studio/" target="_blank">
            <i class="fa fa-instagram"></i>
        </a>
    </li>
    <li>
        <a href="https://www.behance.net/jackwisley" target="_blank">
            <i class="fa fa-behance"></i>
        </a>
    </li>
    <li>
        <a href="https://www.youtube.com/channel/UCrww2Wj4P2QVWPEfjcFAiow" target="_blank">
            <i class="fa fa-youtube-play"></i>
        </a>
    </li>
    <li>
        <a href="https://www.linkedin.com/company/upbound-studio/" target="_blank">
            <i class="fa fa-linkedin"></i>
        </a>
    </li>
</ul>        <a href="#" class="scroll-down"></a>
    </section>

    
    <section class="articles empty_carousel">
        <ul class="filters">
            <li><a href="#" data-filter="" class="filter_items active">Most Recent</a></li>
                            <li><a href="#" data-filter="cat_1" class="filter_items">Agency Life</a></li>
                            <li><a href="#" data-filter="cat_2" class="filter_items">AR VR</a></li>
                            <li><a href="#" data-filter="cat_3" class="filter_items">Branding</a></li>
                            <li><a href="#" data-filter="cat_4" class="filter_items">Chat Bots</a></li>
                            <li><a href="#" data-filter="cat_5" class="filter_items">Online Store</a></li>
                            <li><a href="#" data-filter="cat_6" class="filter_items">SEO & PPC</a></li>
                            <li><a href="#" data-filter="cat_7" class="filter_items">Social Media</a></li>
                            <li><a href="#" data-filter="cat_8" class="filter_items">UX/UI</a></li>
                    </ul>

        <div class="articles-list">
                            <article class="add-fade-from-bottom filtered_items cat_1" data-filter='1'>
                    <a href="post/1-origin-mena-tops-clutch-s-list-of-leading-branding-agencies-for-2021-in-saudi-arabia.php">
                        <figure style="background: url('storage/files_uploads/cover_1634058226.jpg') no-repeat center; background-size: cover"></figure>
                        <div>
                            <span>Agency Life</span>
                            <h2>Origin MENA Tops Clutch’s List of Leading Branding Agencies for 2021 in Saudi Arabia.</h2>
                            <p></p>
                        </div>
                    </a>
                </article>
            <!--            <a href="#" class="btn yellow large">View more</a>-->
        </div>
    </section>

    <section class="awards main-section">
    <div class="content">
        <div>
            <h2>Awards</h2>
            <p>We are humbled and honored by the recognition from our peers</p>
        </div>
        <ul>
            <li class="cannes">
                <figure style="background: url('assets/images/cannes-lions-1.png') no-repeat center; background-size: contain"></figure>
            </li>
            <li class="awwards">
                <figure style="background: url('assets/images/awwards.png') no-repeat center; background-size: contain"></figure>
            </li>
            <li class="adesign">
                <figure style="background: url('assets/images/adesign-award.png') no-repeat center; background-size: contain"></figure>
            </li>
        </ul>
    </div>
</section></div>


@endsection