@extends('layouts.master-without-nav')
@section('title')
    Black Friday Email Template
@endsection
@section('css')
    <!-- extra css -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
@endsection
@section('content')
    <section
        style="font-family: 'Inter', sans-serif; box-sizing: border-box; font-size: 15px; width: 100%; background-color: transparent; margin: 35px 0;color: #06283D;">
        <div
            style="max-width: 600px;margin:auto; box-shadow: rgba(135, 138, 153, 0.10) 0 5px 20px -6px;border-radius: 6px;overflow: hidden;background-color: rgb(206, 236, 250);position: relative;">
            <div style="position: absolute;inset:0;opacity: 0.5;">
                <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"
                    xmlns:svgjs="http://svgjs.com/svgjs" width="1440" height="560" preserveAspectRatio="none"
                    viewBox="0 0 1440 560">
                    <g mask="url(&quot;#SvgjsMask1136&quot;)" fill="none">
                        <use xlink:href="#SvgjsSymbol1143" x="0" y="0"></use>
                        <use xlink:href="#SvgjsSymbol1143" x="720" y="0"></use>
                    </g>
                    <defs>
                        <mask id="SvgjsMask1136">
                            <rect width="1440" height="560" fill="#ffffff"></rect>
                        </mask>
                        <path d="M-1 0 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0z" id="SvgjsPath1141"></path>
                        <path d="M-3 0 a3 3 0 1 0 6 0 a3 3 0 1 0 -6 0z" id="SvgjsPath1137"></path>
                        <path d="M-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0z" id="SvgjsPath1139"></path>
                        <path d="M2 -2 L-2 2z" id="SvgjsPath1140"></path>
                        <path d="M6 -6 L-6 6z" id="SvgjsPath1138"></path>
                        <path d="M30 -30 L-30 30z" id="SvgjsPath1142"></path>
                    </defs>
                    <symbol id="SvgjsSymbol1143">
                        <use xlink:href="#SvgjsPath1137" x="30" y="30" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="30" y="90" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="30" y="150" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1137" x="30" y="210" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="30" y="270" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="30" y="330" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="30" y="390" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="30" y="450" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="30" y="510" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="30" y="570" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1140" x="90" y="30" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1140" x="90" y="90" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1137" x="90" y="150" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="90" y="210" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1141" x="90" y="270" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1140" x="90" y="330" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="90" y="390" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="90" y="450" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="90" y="510" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1141" x="90" y="570" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1142" x="150" y="30" stroke="rgba(28, 83, 142, 0.15)"
                            stroke-width="3"></use>
                        <use xlink:href="#SvgjsPath1137" x="150" y="90" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="150" y="150" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="150" y="210" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1140" x="150" y="270" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="150" y="330" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="150" y="390" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="150" y="450" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="150" y="510" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="150" y="570" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="210" y="30" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="210" y="90" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1141" x="210" y="150" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="210" y="210" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1137" x="210" y="270" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1137" x="210" y="330" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="210" y="390" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1142" x="210" y="450" stroke="rgba(28, 83, 142, 0.15)"
                            stroke-width="3"></use>
                        <use xlink:href="#SvgjsPath1138" x="210" y="510" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="210" y="570" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="270" y="30" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="270" y="90" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="270" y="150" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="270" y="210" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="270" y="270" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="270" y="330" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1141" x="270" y="390" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="270" y="450" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="270" y="510" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="270" y="570" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="330" y="30" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="330" y="90" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="330" y="150" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="330" y="210" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="330" y="270" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1140" x="330" y="330" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="330" y="390" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="330" y="450" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="330" y="510" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="330" y="570" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="390" y="30" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="390" y="90" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="390" y="150" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1137" x="390" y="210" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="390" y="270" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="390" y="330" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1137" x="390" y="390" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="390" y="450" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="390" y="510" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1140" x="390" y="570" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1137" x="450" y="30" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="450" y="90" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1141" x="450" y="150" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="450" y="210" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1140" x="450" y="270" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1141" x="450" y="330" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1141" x="450" y="390" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1137" x="450" y="450" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="450" y="510" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="450" y="570" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="510" y="30" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="510" y="90" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="510" y="150" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="510" y="210" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="510" y="270" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="510" y="330" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="510" y="390" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1137" x="510" y="450" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1141" x="510" y="510" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1140" x="510" y="570" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="570" y="30" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="570" y="90" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="570" y="150" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="570" y="210" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="570" y="270" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="570" y="330" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="570" y="390" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1137" x="570" y="450" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="570" y="510" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="570" y="570" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1140" x="630" y="30" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1137" x="630" y="90" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1141" x="630" y="150" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="630" y="210" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1140" x="630" y="270" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="630" y="330" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="630" y="390" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="630" y="450" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="630" y="510" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="630" y="570" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="690" y="30" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="690" y="90" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="690" y="150" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1141" x="690" y="210" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="690" y="270" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="690" y="330" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1139" x="690" y="390" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="690" y="450" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1138" x="690" y="510" stroke="rgba(28, 83, 142, 0.15)">
                        </use>
                        <use xlink:href="#SvgjsPath1142" x="690" y="570" stroke="rgba(28, 83, 142, 0.15)"
                            stroke-width="3"></use>
                    </symbol>
                </svg>
            </div>
            <div style="padding: 3.5rem;z-index: 1;position: relative;">
                <div style="text-align: center;">
                    <h5
                        style="color: #0d84b3 !important;font-size: 16px;font-family: 'Inter', sans-serif;font-weight: 500;text-transform: uppercase;margin-bottom: 18px;margin-top: 0px;line-height: 1.2;">
                        ✨ Black Friday Sale ✨</h5>
                    <h5
                        style="color:#0d355d !important;font-size: 45px;font-family: 'Inter', sans-serif;font-weight: 600;text-transform: uppercase;margin-bottom: 18px;margin-top: 0px;line-height: 1.2;">
                        <span style="font-size: 120px;">50</span> <span style="width: 20px;display: inline-block;">%
                            Off</span></h5>
                    <p style="color: #0d355d !important; margin-bottom: 25px;margin-top: 0px;line-height: 1.5;">Black
                        Friday always occurs the day after Thanksgiving, but the exact date changes from year to year. In
                        2022, Black Friday falls on November 25.</p>
                </div>
                <div>
                    <h5
                        style="color:#0d355d !important;font-size: 18px;font-family: 'Inter', sans-serif;font-weight: 600;margin-bottom: 10px;margin-top: 0px;line-height: 1.2;text-align: center;">
                        Additional 50% Off</h5>
                    <p
                        style="color: #0d355d !important; margin-bottom: 25px;margin-top: 0px;line-height: 1.5;text-align: center;">
                        On Clothes for kids,women & Mens Wear</p>
                    <table style="width: 100%;" cellspacing="0" cellpadding="0">
                        <tr>
                            <td style="padding: 8px; vertical-align: top;text-align: center;">
                                <div style="position: relative;">
                                    <div style="padding: 35px;background-color: #fff;border-radius: 6px;">
                                        <img src="{{ URL::asset('build/images/products/img-5.png') }}" alt="" height="150">
                                    </div>
                                    <a href="#!">
                                        <h6
                                            style="font-size: 15px; margin: 10px 0;font-weight: 600; font-family: 'Inter', sans-serif;color: #0d355d;">
                                            Sports Footwear</h6>
                                    </a>
                                </div>
                            </td>
                            <td style="padding: 8px; vertical-align: top;text-align: center;">
                                <div style="position: relative;">
                                    <div style="padding: 35px;background-color: #fff;border-radius: 6px;">
                                        <img src="{{ URL::asset('build/images/products/img-14.png') }}" alt="" height="150">
                                    </div>
                                    <a href="#!">
                                        <h6
                                            style="font-size: 15px; margin: 10px 0;font-weight: 600; font-family: 'Inter', sans-serif;color: #0d355d;">
                                            Furniture & Decore</h6>
                                    </a>
                                </div>
                            </td>
                        </tr>
                    </table>

                    <div style="text-align: center;margin-top: 25px;">
                        <button type="button"
                            style="display: inline-block;padding: 12px 24px;font-size: 14px;font-weight: 400;border-radius: 6px;background-color: #438eff;color:#fff; border:none ;box-shadow: none;cursor: pointer;text-align: center;box-sizing: border-box;width: 250px;">Shop
                            Now</button>
                        <p style="margin: 8px 0 0 0;font-size: 13px;">Use code <b>BLACK</b> at checkout</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section
        style="font-family: 'Inter', sans-serif; box-sizing: border-box; font-size: 15px; width: 100%; background-color: transparent; margin: 35px 0;color: #e6f4fd;">
        <div
            style="max-width: 600px;margin:auto; box-shadow: rgba(135, 138, 153, 0.10) 0 5px 20px -6px;border-radius: 6px;overflow: hidden;background-color: #062e41;position: relative;">
            <div style="position: absolute;inset:0;opacity: 0.5;">
                <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"
                    xmlns:svgjs="http://svgjs.com/svgjs" width="1440" height="560" preserveAspectRatio="none"
                    viewBox="0 0 1440 560">
                    <g mask="url(&quot;#SvgjsMask1027&quot;)" fill="none">
                        <path d="M919 348L918 564" stroke-width="8" stroke="url(#SvgjsLinearGradient1028)"
                            stroke-linecap="round" class="Up"></path>
                        <path d="M1407 472L1406 734" stroke-width="8" stroke="url(#SvgjsLinearGradient1029)"
                            stroke-linecap="round" class="Down"></path>
                        <path d="M1114 394L1113 720" stroke-width="8" stroke="url(#SvgjsLinearGradient1028)"
                            stroke-linecap="round" class="Up"></path>
                        <path d="M441 245L440 580" stroke-width="10" stroke="url(#SvgjsLinearGradient1028)"
                            stroke-linecap="round" class="Up"></path>
                        <path d="M1005 414L1004 792" stroke-width="8" stroke="url(#SvgjsLinearGradient1029)"
                            stroke-linecap="round" class="Down"></path>
                        <path d="M882 119L881 354" stroke-width="10" stroke="url(#SvgjsLinearGradient1028)"
                            stroke-linecap="round" class="Up"></path>
                        <path d="M1386 139L1385 291" stroke-width="6" stroke="url(#SvgjsLinearGradient1028)"
                            stroke-linecap="round" class="Up"></path>
                        <path d="M243 140L242 -155" stroke-width="10" stroke="url(#SvgjsLinearGradient1029)"
                            stroke-linecap="round" class="Down"></path>
                        <path d="M265 363L264 111" stroke-width="8" stroke="url(#SvgjsLinearGradient1028)"
                            stroke-linecap="round" class="Up"></path>
                        <path d="M248 415L247 695" stroke-width="6" stroke="url(#SvgjsLinearGradient1028)"
                            stroke-linecap="round" class="Up"></path>
                        <path d="M1389 31L1388 415" stroke-width="8" stroke="url(#SvgjsLinearGradient1028)"
                            stroke-linecap="round" class="Up"></path>
                        <path d="M328 145L327 -270" stroke-width="10" stroke="url(#SvgjsLinearGradient1029)"
                            stroke-linecap="round" class="Down"></path>
                        <path d="M893 146L892 360" stroke-width="6" stroke="url(#SvgjsLinearGradient1028)"
                            stroke-linecap="round" class="Up"></path>
                        <path d="M413 377L412 51" stroke-width="6" stroke="url(#SvgjsLinearGradient1029)"
                            stroke-linecap="round" class="Down"></path>
                        <path d="M1193 367L1192 702" stroke-width="10" stroke="url(#SvgjsLinearGradient1028)"
                            stroke-linecap="round" class="Up"></path>
                        <path d="M715 405L714 50" stroke-width="10" stroke="url(#SvgjsLinearGradient1029)"
                            stroke-linecap="round" class="Down"></path>
                        <path d="M1433 509L1432 849" stroke-width="8" stroke="url(#SvgjsLinearGradient1028)"
                            stroke-linecap="round" class="Up"></path>
                        <path d="M327 38L326 367" stroke-width="8" stroke="url(#SvgjsLinearGradient1028)"
                            stroke-linecap="round" class="Up"></path>
                        <path d="M232 551L231 879" stroke-width="10" stroke="url(#SvgjsLinearGradient1028)"
                            stroke-linecap="round" class="Up"></path>
                        <path d="M615 279L614 5" stroke-width="8" stroke="url(#SvgjsLinearGradient1029)"
                            stroke-linecap="round" class="Down"></path>
                        <path d="M624 296L623 609" stroke-width="8" stroke="url(#SvgjsLinearGradient1028)"
                            stroke-linecap="round" class="Up"></path>
                        <path d="M622 197L621 444" stroke-width="8" stroke="url(#SvgjsLinearGradient1029)"
                            stroke-linecap="round" class="Down"></path>
                        <path d="M405 523L404 163" stroke-width="10" stroke="url(#SvgjsLinearGradient1028)"
                            stroke-linecap="round" class="Up"></path>
                        <path d="M1210 177L1209 -42" stroke-width="8" stroke="url(#SvgjsLinearGradient1028)"
                            stroke-linecap="round" class="Up"></path>
                        <path d="M846 53L845 -134" stroke-width="6" stroke="url(#SvgjsLinearGradient1029)"
                            stroke-linecap="round" class="Down"></path>
                        <path d="M1245 469L1244 247" stroke-width="10" stroke="url(#SvgjsLinearGradient1028)"
                            stroke-linecap="round" class="Up"></path>
                        <path d="M85 503L84 846" stroke-width="10" stroke="url(#SvgjsLinearGradient1029)"
                            stroke-linecap="round" class="Down"></path>
                        <path d="M26 137L25 315" stroke-width="10" stroke="url(#SvgjsLinearGradient1029)"
                            stroke-linecap="round" class="Down"></path>
                        <path d="M288 469L287 98" stroke-width="10" stroke="url(#SvgjsLinearGradient1029)"
                            stroke-linecap="round" class="Down"></path>
                        <path d="M1038 359L1037 -40" stroke-width="6" stroke="url(#SvgjsLinearGradient1028)"
                            stroke-linecap="round" class="Up"></path>
                        <path d="M509 287L508 34" stroke-width="8" stroke="url(#SvgjsLinearGradient1029)"
                            stroke-linecap="round" class="Down"></path>
                        <path d="M1299 341L1298 647" stroke-width="6" stroke="url(#SvgjsLinearGradient1028)"
                            stroke-linecap="round" class="Up"></path>
                        <path d="M52 209L51 -171" stroke-width="8" stroke="url(#SvgjsLinearGradient1028)"
                            stroke-linecap="round" class="Up"></path>
                        <path d="M1276 124L1275 381" stroke-width="10" stroke="url(#SvgjsLinearGradient1029)"
                            stroke-linecap="round" class="Down"></path>
                        <path d="M906 312L905 -27" stroke-width="8" stroke="url(#SvgjsLinearGradient1029)"
                            stroke-linecap="round" class="Down"></path>
                        <path d="M1405 428L1404 704" stroke-width="6" stroke="url(#SvgjsLinearGradient1029)"
                            stroke-linecap="round" class="Down"></path>
                    </g>
                    <defs>
                        <mask id="SvgjsMask1027">
                            <rect width="1440" height="560" fill="#ffffff"></rect>
                        </mask>
                        <linearGradient x1="0%" y1="100%" x2="0%" y2="0%"
                            id="SvgjsLinearGradient1028">
                            <stop stop-color="rgba(12, 64, 89, 0)" offset="0"></stop>
                            <stop stop-color="rgba(12, 64, 89, 1)" offset="1"></stop>
                        </linearGradient>
                        <linearGradient x1="0%" y1="0%" x2="0%" y2="100%"
                            id="SvgjsLinearGradient1029">
                            <stop stop-color="rgba(12, 64, 89, 0)" offset="0"></stop>
                            <stop stop-color="rgba(12, 64, 89, 1)" offset="1"></stop>
                        </linearGradient>
                    </defs>
                </svg>
            </div>
            <div style="padding: 3.5rem;z-index: 1;position: relative;">
                <div style="text-align: center;">
                    <h5
                        style="color: #438eff !important;font-size: 16px;font-family: 'Inter', sans-serif;font-weight: 500;text-transform: uppercase;margin-bottom: 18px;margin-top: 0px;line-height: 1.2;">
                        ✨ Black Friday Sale ✨</h5>
                    <h5
                        style="color:#daedff !important;font-size: 45px;font-family: 'Inter', sans-serif;font-weight: 600;text-transform: uppercase;margin-bottom: 18px;margin-top: 0px;line-height: 1.2;">
                        <span style="font-size: 120px;">50</span> <span style="width: 20px;display: inline-block;">%
                            Off</span></h5>
                    <p style="color: #9eb8d1 !important; margin-bottom: 25px;margin-top: 0px;line-height: 1.5;">Black
                        Friday always occurs the day after Thanksgiving, but the exact date changes from year to year. In
                        2022, Black Friday falls on November 25.</p>
                </div>
                <div>
                    <h5
                        style="color:#daedff !important;font-size: 18px;font-family: 'Inter', sans-serif;font-weight: 600;margin-bottom: 10px;margin-top: 0px;line-height: 1.2;text-align: center;">
                        Additional 50% Off</h5>
                    <p
                        style="color: #9eb8d1 !important; margin-bottom: 25px;margin-top: 0px;line-height: 1.5;text-align: center;">
                        On Clothes for kids,women & Mens Wear</p>
                    <table style="width: 100%;" cellspacing="0" cellpadding="0">
                        <tr>
                            <td style="padding: 8px; vertical-align: top;text-align: center;">
                                <div style="position: relative;">
                                    <div style="padding: 35px;background-color: #113b4f;border-radius: 6px;">
                                        <img src="{{ URL::asset('build/images/products/img-5.png') }}" alt="" height="150">
                                    </div>
                                    <a href="#!">
                                        <h6
                                            style="font-size: 15px; margin: 10px 0;font-weight: 600; font-family: 'Inter', sans-serif;color: #daedff;">
                                            Sports Footwear</h6>
                                    </a>
                                </div>
                            </td>
                            <td style="padding: 8px; vertical-align: top;text-align: center;">
                                <div style="position: relative;">
                                    <div style="padding: 35px;background-color: #113b4f;border-radius: 6px;">
                                        <img src="{{ URL::asset('build/images/products/img-14.png') }}" alt="" height="150">
                                    </div>
                                    <a href="#!">
                                        <h6
                                            style="font-size: 15px; margin: 10px 0;font-weight: 600; font-family: 'Inter', sans-serif;color: #daedff;">
                                            Furniture & Decore</h6>
                                    </a>
                                </div>
                            </td>
                        </tr>
                    </table>

                    <div style="text-align: center;margin-top: 25px;">
                        <button type="button"
                            style="display: inline-block;padding: 12px 24px;font-size: 14px;font-weight: 400;border-radius: 6px;background-color: #438eff;color:#fff; border:none ;box-shadow: none;cursor: pointer;text-align: center;box-sizing: border-box;width: 250px;">Shop
                            Now</button>
                        <p style="margin: 8px 0 0 0;font-size: 13px;">Use code <b>BLACK</b> at checkout</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection