CHIEFSOFT\ameye
496 lines
34 KiB
PHP
496 lines
34 KiB
PHP
@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("#SvgjsMask1136")" 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("#SvgjsMask1027")" 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
|