{% extends "layout.html" %}

{% set title = 'Project Page' %}

{% block content %}

<section class="intro inner">
    <div class='container'>
        <div class="intro-content">
            <h2 class="no-margin mbmd">
                Project title
            </h2>
            <p class="text-center">a new brand software comapany based in Egypt, Cairo</p>
            <div class="text-center">
                <span class="text-center client-name mrxlg"><strong>Client: </strong>Mukhtar Ali</span>
                <span class="text-center project-date"><i class="fa fa-calendar-alt mrsm"></i><strong>Date: </strong>20/05/2019</span>
            </div>
        </div>
    </div>
</section>

<section class="sec-pad inner">
    <div class="container">
        <div class="project-slider">
            <div class="project-slide cover" style="background-image: url('_assets/img/cover/01.jpg')"></div>
            <div class="project-slide cover" style="background-image: url('_assets/img/cover/02.jpg')"></div>
            <div class="project-slide cover" style="background-image: url('_assets/img/cover/03.jpg')"></div>
        </div>
        <div class="p-content">
            <p>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem fugiat pariatur repudiandae tempora? Assumenda commodi deserunt eligendi expedita ipsam laudantium magnam odit porro possimus reprehenderit repudiandae, saepe, sapiente, sit?
            </p>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem fugiat pariatur repudiandae tempora? Assumenda commodi deserunt eligendi expedita ipsam laudantium magnam odit porro possimus reprehenderit repudiandae, saepe, sapiente, sit?
            </p>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem fugiat pariatur repudiandae tempora? Assumenda commodi deserunt eligendi expedita ipsam laudantium magnam odit porro possimus reprehenderit repudiandae, saepe, sapiente, sit?
            </p>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem fugiat pariatur repudiandae tempora? Assumenda commodi deserunt eligendi expedita ipsam laudantium magnam odit porro possimus reprehenderit repudiandae, saepe, sapiente, sit?
            </p>

            <div class="tech share-article mtxxlg ptxxlg">
                <h4 class="text-semibold mbxlg d-inline mrxlg">Technologies used for this project:</h4>
                <img src="_assets/img/icons/html5.svg" class="mrxlg" alt="">
                <img src="_assets/img/icons/css-5.svg" class="mrxlg" alt="">
                <img src="_assets/img/icons/wordpress-blue.svg" class="mrxlg" alt="">
                <img src="_assets/img/icons/angular-3.svg"  class="mrxlg" alt="">
            </div>
        </div>

    </div>

</section>

<div class="bg-image cover"></div>
{% include 'partials/footer.html' %}

{% endblock content %}