{% extends "layout.html" %}

{% set title = 'Saved Products' %}

{% block content %}

<div class="cover-img cover" style="background-image: url('_assets/img/slide.jpg')">
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                <div class="vcenter">
                    <div class="cover-content ">
                        <h2 class="text-upper">Profile</h2>
                        <p class="mtmd">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam eum iste nihil nulla sit. Autem cupiditate debitis est excepturi exercitationem fugiat iusto laboriosam, laborum non quae quaerat quia recusandae rerum?</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="#">Home</a></li>
            <li class="breadcrumb-item active" aria-current="page">Profile</li>
        </ol>
    </nav>

    <div class="profile sec-pad">
        <div class="row">
            <div class="col-lg-10 col-lg-offset-1">
                <nav role="navigation">
                    <a href="profile.html" class="text-capitalize">profile</a>
                    <a href="billing.html" class="text-capitalize">billing information</a>
                    <a href="profile-cart.html" class="text-capitalize">cart</a>
                    <a href="saved.html" class="active text-capitalize">saved items</a>
                    <a href="order-history.html" class="text-capitalize">order history</a>
                    <a href="manage-account.html" class="text-capitalize">manage account</a>
                </nav>
                <div class="profile-content">
                    <div class="row">
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/03.jpg" alt="">
                                    <img src="_assets/img/products/01.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/01.jpg" alt="">
                                    <img src="_assets/img/products/02.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/02.jpg" alt="">
                                    <img src="_assets/img/products/01.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/01.jpg" alt="">
                                    <img src="_assets/img/products/02.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/03.jpg" alt="">
                                    <img src="_assets/img/products/01.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/01.jpg" alt="">
                                    <img src="_assets/img/products/02.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/02.jpg" alt="">
                                    <img src="_assets/img/products/01.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/01.jpg" alt="">
                                    <img src="_assets/img/products/02.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/03.jpg" alt="">
                                    <img src="_assets/img/products/01.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/01.jpg" alt="">
                                    <img src="_assets/img/products/02.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/02.jpg" alt="">
                                    <img src="_assets/img/products/01.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/01.jpg" alt="">
                                    <img src="_assets/img/products/02.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/03.jpg" alt="">
                                    <img src="_assets/img/products/01.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/01.jpg" alt="">
                                    <img src="_assets/img/products/02.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/02.jpg" alt="">
                                    <img src="_assets/img/products/01.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/01.jpg" alt="">
                                    <img src="_assets/img/products/02.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/03.jpg" alt="">
                                    <img src="_assets/img/products/01.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/01.jpg" alt="">
                                    <img src="_assets/img/products/02.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/02.jpg" alt="">
                                    <img src="_assets/img/products/01.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/01.jpg" alt="">
                                    <img src="_assets/img/products/02.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/03.jpg" alt="">
                                    <img src="_assets/img/products/01.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/01.jpg" alt="">
                                    <img src="_assets/img/products/02.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/02.jpg" alt="">
                                    <img src="_assets/img/products/01.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="product-item mblg">
                                <a href="#" class="product-img">
                                    <img src="_assets/img/products/01.jpg" alt="">
                                    <img src="_assets/img/products/02.jpg" class="hover-img" alt="">
                                    <div class="sale">
                                        25% Off
                                    </div>
                                </a>
                                <div class="product-content">
                                    <a href="#">
                                        <h2 class="mtmd">
                                            Puff Sleeves Puff Sleeves
                                            Puff Sleeves
                                        </h2>
                                    </a>
                                    <div class="product-footer">
                                        <div class="price pull-left">
                                            <span class="text-upper">800 egp</span>
                                        </div>
                                        {% include 'component/product-cta.html' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


{% endblock content %}