<%- include('../partials/header.ejs') -%>
    <br>
    <br>
    <div class="container">
        <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="images/wpp.jpg" class="d-block w-100" alt="first">
                    <div class="carousel-caption d-none d-md-block">
                    </div>
                </div>
                <div class="carousel-item">
                    <img src="images/wp5.jpg" class="d-block w-100" alt="second">
                    <div class="carousel-caption d-none d-md-block">
                    </div>
                </div>
                <div class="carousel-item">
                    <img src="images/wp6.jpg" class="d-block w-100" alt="third">
                    <div class="carousel-caption d-none d-md-block">
                    </div>
                </div>
            </div>
            <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>

    <br>
    <br>

    <div class="section">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-4">
                    <h3><i class="fa fa-check-circle"></i> Our Process</h3>
                    <p>From sample approval to selling in under 8 weeks? Our network specializes in quick-turn, small batch, high quality production. We’ve pioneered an industry-first automated manufacturing network.</p>
                </div>
                <div class="col-lg-4 col-md-4">
                    <h3><i class="fa fa-pencil"></i> Marketing, Financing, and Selling</h3>
                    <p>PS gives you the ability to defer all costs until you start selling your products. Now you can pay for the cost of goods, warehousing, shipping, returns and paid marketing ads out of your revenue. Brands powered by DC have made very good sales</p>
                </div>
                <div class="col-lg-4 col-md-4">
                    <h3><i class="fa fa-folder-open"></i> Fashion Technology</h3>
                    <p>Our technology will help, make patterns for your designs, add notes for all stitches, cuts and trimmings. We will also share with you the online sketches step by step.</p>
                </div>
            </div>
        </div>
    </div>
    <br>
    <br>
    <div id="dark" class="text-center" style="background-color: #e1e1e1; text-align: center; padding: 50px 0;">
        <div class="container">
            <div class="row">
                <div class="col-sm-3" >
                    <img src="https://www.dresscodeme.com/wp-content/themes/dress-code/img/icons/shipping.png"   alt="shipping-icon" data-no-lazy="1">
                    <h5>Shipping</h5>
                    <p>Proudly shipping to all areas in Egypt</p>
                </div>
                <div class="col-sm-3" >
                    <img src="https://www.dresscodeme.com/wp-content/themes/dress-code/img/icons/payment.png"  alt="payment-icon" data-no-lazy="1">
                    <h5>Payments</h5>
                    <p>You can enjoy paying for your items online or via cash on delivery</p>
                </div>
                <div class="col-sm-3" >
                    <img src="https://www.dresscodeme.com/wp-content/themes/dress-code/img/icons/returns.png" alt="returns-icon" data-no-lazy="1">
                    <h5>Returns</h5>
                    <p>Free returns up to 16 days</p>
                </div>
                <div class="col-sm-3">
                    <img src="https://www.dresscodeme.com/wp-content/themes/dress-code/img/icons/chat.png" alt="chat-icon" data-no-lazy="1">
                    <h5>Live Chat 24/7</h5>
                    <p>Serving you around the clock if you have any questions</p>
                </div>
            </div>
        </div>
    </div>
    <br>
    <br>

    <div class="container">

        <h2 style="text-align: center;">Display Some of Your Featured Products Here</h2>

        <hr/>
        <br>

        <div class="row ">
            <% items.forEach((e)=>{ %>
                <div class="col-md-4 col-sm-12 hov">
                    <form method="post" action="/product.html">
                        <input type="hidden" name="id" value="<%=e.products_id %>">
                        <button type="submit" class="btn" style="width: 100%;">
        <img style="width: 100%;" src="images/uploads/<%=e.primary_image %>" />
      </button>
                    </form>
                </div>
                <% }) %>


        </div>
    </div>
    <br>
    <br>
    <div id="dark" class="section" style="background-color: #e1e1e1;">
        <div class="container">
            <div class="row" style="padding: 50px 0;">
                <div class="col-lg-6 col-md-6 col-sm-6">
                    <h4>A National <br>Manufacturing Network</h4>
                    <p>PS has a developed its own eco-system, with a very sophisticated production lines and quality systems, to offer designers and brands a fast and reliable production.</p>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6"><img style=" display: block;max-width: 100%;height: auto;" src="https://www.dresscodeme.com/wp-content/uploads/2019/05/Designers-banners-03.jpg" class="img-responsive" /></div>
            </div>
        </div>
    </div>
    <br>
    <br>
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-6"><img style=" display: block;max-width: 100%;height: auto;" src="https://www.dresscodeme.com/wp-content/uploads/2019/05/Designers-banners-02-1.jpg" class="img-responsive" /></div>
            <div class="col-lg-6 col-md-6 col-sm-6">
                <h4>We Remove All <br> The Pains and Struggles</h4>
                <p>PS provides everything you could need. Design assistance. Material sourcing. Sampling. Our fashion design tool covers the entire fashion lifecycle — from initial ideation to production and fulfillment.</p>
            </div>
        </div>
    </div>
    <br>
    <br>

    <%- include( '../partials/footer.ejs') -%>