{% extends "layout.html" %}

{% set title = 'News' %}

{% block content %}

<section class="help cover join sec-pad" style="background-image: url('_assets/img/news-hero.jpg')">
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                <div class="help-content">
                    <h2 class="capitalize mbmd afa">News</h2>
                    <p class="afb">
                        Stay updated on our latest news and get firsthand
                        insights into our industry.
                    </p>
                    <img class="mtmd" src="_assets/img/palette.png" alt="">
                    <a class="btn btn-arrow mtxxlg mrmd mtxxlg capitalize afc" href="#">
                        View our latest News <br> {% include 'components/arrow-bottom.html' %}
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>



<section class="news sec-pad">
    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                <div class="id_side side-career mob-off">
                    <div class="id_side_item active">
                        <a href="#">
                            <div class="cover img_side" style="background-image: url('_assets/img/new.jpg')"></div>
                            <div class="news-title-c">
                                <h4>
                                    Senior Interior Designer
                                </h4>
                                <span class="date">May, 25th, 2018</span>
                            </div>
                        </a>
                    </div>
                    <div class="id_side_item">
                        <a href="#">
                            <div class="cover img_side" style="background-image: url('_assets/img/new.jpg')"></div>
                            <div class="news-title-c">
                                <h4>
                                    Senior Interior Designer
                                </h4>
                                <span class="date">May, 25th, 2018</span>
                            </div>
                        </a>
                    </div>
                    <div class="id_side_item">
                        <a href="#">
                            <div class="cover img_side" style="background-image: url('_assets/img/new.jpg')"></div>
                            <div class="news-title-c">
                                <h4>
                                    Senior Interior Designer
                                </h4>
                                <span class="date">May, 25th, 2018</span>
                            </div>
                        </a>
                    </div>
                    <div class="id_side_item">
                        <a href="#">
                            <div class="cover img_side" style="background-image: url('_assets/img/new.jpg')"></div>
                            <div class="news-title-c">
                                <h4>
                                    Senior Interior Designer
                                </h4>
                                <span class="date">May, 25th, 2018</span>
                            </div>
                        </a>
                    </div>
                    <div class="id_side_item">
                        <a href="#">
                            <div class="cover img_side" style="background-image: url('_assets/img/new.jpg')"></div>
                            <div class="news-title-c">
                                <h4>
                                    Senior Interior Designer
                                </h4>
                                <span class="date">May, 25th, 2018</span>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="panel panel-default mob-on">
                    <div class="panel-heading" role="tab" id="headingOne">
                        <h4 class="panel-title">
                            <a class="button collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#applicant" aria-expanded="false" aria-controls="applicant">
                                All News <span class="line2"></span>
                            </a>
                        </h4>
                    </div>
                    <div id="applicant" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                        <div class="panel-body">
                            <div class="id_side side-career">
                                <div class="id_side_item active">
                                    <a href="#">
                                        <div class="cover img_side" style="background-image: url('_assets/img/designTalks-1.jpg')"></div>
                                        <h4 class="news-title">
                                            Ihab Mokhtar speaks
                                            at the Creative Summit
                                        </h4>
                                    </a>
                                </div>
                                <div class="id_side_item">
                                    <a href="#">
                                        <div class="cover img_side" style="background-image: url('_assets/img/designTalks-1.jpg')"></div>
                                        <h4>
                                            Ihab Mokhtar speaks
                                            at the Creative Summit
                                        </h4>
                                    </a>
                                </div>
                                <div class="id_side_item">
                                    <a href="#">
                                        <div class="cover img_side" style="background-image: url('_assets/img/designTalks-1.jpg')"></div>
                                        <h4>
                                            Ihab Mokhtar speaks
                                            at the Creative Summit
                                        </h4>
                                    </a>
                                </div>
                                <div class="id_side_item">
                                    <a href="#">
                                        <div class="cover img_side" style="background-image: url('_assets/img/designTalks-1.jpg')"></div>
                                        <h4>
                                            Ihab Mokhtar speaks
                                            at the Creative Summit
                                        </h4>
                                    </a>
                                </div>
                                <div class="id_side_item">
                                    <a href="#">
                                        <div class="cover img_side" style="background-image: url('_assets/img/designTalks-1.jpg')"></div>
                                        <h4>
                                            Ihab Mokhtar speaks
                                            at the Creative Summit
                                        </h4>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-8">
                <div class="job">
                    <h3 class="no-margin mbxlg">Ihab Mokhtar speaks at the Creative Summit</h3>
                    <span class="date mbxlg">May, 25th, 2018</span>
                    <img src="_assets/img/new.jpg" alt="">
                    <div class="job_desc new-content">
                        <h4 class="mblg">The Three Pillars of Timeless Design</h4>
                        <p class="mbmd">
                            Design is one of the oldest and most important mankind activities. You do not have to wear a black turtleneck or designer eyeglasses to be a designer. Everyone has tried at least once to use his design instinct to create something or to solve a problem, however, this does not necessarily guarantee success. Caveman has designed his first hunting tool, first clothes and tried to decorate his home cave walls on his own. We do not have a record of everything that has been designed since that date, but we definitely have records of most of the iconic designs through history. What makes these designs stand the test of time?
                        </p>
                        <div class="row">
                            <div class="col-sm-6">
                                <img src="_assets/img/new-1.jpg" alt="">
                            </div>
                            <div class="col-sm-4 no-padding">
                                <img src="_assets/img/new-2.jpg" alt="">
                            </div>
                        </div>
                        <p class="mtxlg">
                            What makes us be amazed & inspired by these designs even after centuries of existence? What qualifies a building or a product to be called a timeless design? Design has been my hobby, passion, and profession for more than 25 years, and I was impressed by these iconic designs since then, trying to study, visit & analyze as much as I can. I have been trying to find the secrets of the timeless designs and unlock the formula to create such iconic designs. In my opinion, it is an endless journey and worth traveling. The main thing I have learned through this journey is that designers had a different approach towards life which was reflected in their designs.
                        </p>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="news-social mtxxlg ptlg">
                                <ul class="social footer-social">
                                    <li>Share</li>
                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="button-container news-btn-container mtxlg mob-off">
                        <div class="row">
                            <div class="col-sm-6">
                                <button type="submit" class="btn btn-arrow section-btn mtxxlg">
                                    {% include 'components/arrow-left-black.html' %} Read the Previous news
                                </button>
                            </div>
                            <div class="col-sm-6">
                                <button type="submit" class="btn btn-arrow section-btn section-btn-left mtxxlg">
                                    Read the next news {% include 'components/arrow-right-black.html' %}
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="button-container news-btn-container mtxlg mob-on">
                        <div class="row">
                            <div class="col-xs-6">
                                <button type="submit" class="btn btn-arrow section-btn mtxxlg">
                                    {% include 'components/arrow-left-black.html' %}
                                </button>
                            </div>
                            <div class="col-xs-6">
                                    <button type="submit" class="btn btn-arrow section-btn section-btn-left mtxxlg">
                                         {% include 'components/arrow-right-black.html' %}
                                </button>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>


<section class="help cover sec-pad" style="background-image: url('_assets/img/help.jpg')">
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                <div class="help-content">
                    <h2 class="capitalize mbmd afa">we can help</h2>
                    <p class="afb">
                        Roadblocks are but a fork in the road, leading to bigger opportunities and better prospects.
                        <span class="mtxlg">
                              Got a project or a collaboration in mind?
                        </span>
                    </p>
                    <a class="btn btn-arrow mtxxlg mrmd mbxxlg capitalize afc" href="#">
                        contact us {% include 'components/arrow-right.html' %}
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>

{% endblock content %}