templates/error/page-not-found.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="zxx" class="js">
  3. <head>
  4.    <base href="../">
  5.    <meta charset="utf-8">
  6.    <meta name="author" content="InQuize / Softnio">
  7.    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.     {% if post %}
  9.         <title>InQuize | {{ post.title }}</title>
  10.         <meta name="description" content="{% if post.description  %} {{ post.description }} {% endif %}">
  11.         <meta property="og:type" content="article" />
  12.         <meta property="og:title" content="InQuize | {{ post.title }}<" />
  13.         <meta property="og:description" content="{% if post.description  %} {{ post.description }} {% endif %}" />
  14.         <meta property="og:url" content="{% if post.shortDynamicLink  %} {{ post.shortDynamicLink }} {% endif %}" />
  15.         <meta property="og:site_name" content="InQuize" />
  16.     {% elseif program %}
  17.         <title>InQuize | {{ program.name }}</title>
  18.         <meta name="description" content="{% if program.about  %} {{ program.about }} {% endif %}">
  19.         <meta property="og:type" content="article" />
  20.         <meta property="og:title" content="InQuize | {{ program.name }}<" />
  21.         <meta property="og:description" content="{% if program.about  %} {{ program.about }} {% endif %}" />
  22.         <meta property="og:url" content="{% if program.shortDynamicLink  %} {{ program.shortDynamicLink }} {% endif %}" />
  23.         <meta property="og:site_name" content="InQuize" />
  24.     {% elseif media %}
  25.         <title>InQuize | {{ media.name }}</title>
  26.         <meta name="description" content="{% if media.about  %} {{ media.about }} {% endif %}">
  27.         <meta property="og:type" content="article" />
  28.         <meta property="og:title" content="InQuize | {{ media.name }}<" />
  29.         <meta property="og:description" content="{% if media.about  %} {{ media.about }} {% endif %}" />
  30.         <meta property="og:url" content="{% if media.shortDynamicLink  %} {{ media.shortDynamicLink }} {% endif %}" />
  31.         <meta property="og:site_name" content="InQuize" />
  32.         {% else %}
  33.             <title>InQuize | Publishing Dashboard</title>
  34.             <meta name="description" content="InQuize is a latter-day approach for individuals to engage with any content in real time and the first go-to source for media and content creators who want to enhance their businesses efficiently.">
  35.     {% endif %}
  36.    <link rel="shortcut icon" href="{{ asset('assets/images/favicon.png') }}">
  37.    <!-- StyleSheets  -->
  38.    <link rel="stylesheet" type="text/css" href="{{ absolute_url(asset('assets/css/libs/tabler-icons.css')) }}">
  39.    <link rel="stylesheet" href="{{ absolute_url(asset('assets/css/libs/tabler-icons.min.css')) }}">
  40.    <link rel="stylesheet" href="{{ absolute_url(asset('assets/css/dashlite.css?ver=2.9.1')) }}">
  41.    <link id="skin-default" rel="stylesheet" href="{{ absolute_url(asset('assets/css/theme.css?ver=2.9.1')) }}">
  42.    <link rel="stylesheet" href="{{ absolute_url(asset('assets/css/skins/theme-inquize.css')) }}">
  43. </head>
  44. <body class="nk-body bg-white npc-landing ">
  45. <div class="nk-app-root">
  46.    <!-- main @s -->
  47.    <div class="nk-main ">
  48.       <header class="header has-header-main-s1 bg-lighter" id="home">
  49.          <div class="header-main header-main-s1 is-sticky is-transparent">
  50.             <div class="container header-container">
  51.                <div class="d-flex justify-content-between pt-2">
  52.                   <div class="header-logo">
  53.                      <a href="{{ absolute_url(path('app_login')) }}" class="logo-link">
  54.                         <img class="w-100px" src="{{ asset('assets/images/logo-inquize-landing.png') }}" alt="Logo InQuize">
  55.                      </a>
  56.                   </div>
  57.                   <div>
  58.                      <span class="mr-1">Publisher ? </span><a href="{{ absolute_url(path('app_login')) }}" class="btn btn-primary">Log in</a>
  59.                   </div>
  60.                </div><!-- .header-warp-->
  61.             </div><!-- .container-->
  62.          </div><!-- .header-main-->
  63.          <div class="header-content my-auto py-5 mt-n1">
  64.             <div class="container">
  65.                <div class="row flex-lg-row-reverse align-items-center g-gs">
  66.                    {% if home %}
  67.                        <div class="col-lg-12 col-md-12 justify-content-center">
  68.                            <div class="w-100 text-center my-3"><h1>Welcome to InQuize !</h1></div>
  69.                            <div class="fs-24px text-wrap text-center fw-bold">Already a Publisher ?</div>
  70.                            <div class="text-center my-2"><a href="{{ absolute_url(path('app_login')) }}" class="btn btn-primary btn-xl w-40 btn-block">Log in</a></div>
  71.                            <div class="fs-24px text-wrap text-center fw-bold">Not yet ? To Start your journey, Just download our Mobile App</div>
  72.                            <div class="d-flex justify-content-center my-2">
  73.                                <a href="#" class="btn disabled" style="cursor: not-allowed;" disabled ><img src="{{ asset('assets/images/btns/app-store-1.png') }}"></a>
  74.                                <a href="https://play.google.com/store/apps/details?id=com.inquize.app" class="btn"><img src="{{ asset('assets/images/btns/play-store-2.png') }}"></a>
  75.                            </div>
  76.                        </div>
  77.                        {% else %}
  78.                   {% if post %}
  79.                       <div class="col-lg-8 col-md-12 justify-content-center">
  80.                           <div class="w-100 my-2"><h1>Welcome to InQuize !</h1></div>
  81.                           <div class="fs-30px text-wrap">You have reached this page because you followed a link shared by:</div>
  82.                           {% if program %}
  83.                               <div class="text-center my-2 text-center"><span class="fs-30px fw-bold">{{ post.program.name }}</span><span class="fs-30px"> from </span><span class="fs-30px fw-bold">{{ post.media.name }}</span></div>
  84.                           {% else %}
  85.                               <div class="fs-30px fw-bold text-wrap my-2 text-center">{{ post.media.name }}</div>
  86.                           {% endif %}
  87.                           <div class="fs-30px text-wrap">To participate to this Post,</div>
  88.                           <div class="fs-30px fw-bold text-center">Just download our App</div>
  89.                           <div class="d-flex justify-content-center my-2">
  90.                               <a href="#" class="btn disabled" style="cursor: not-allowed" disabled><img src="{{ asset('assets/images/btns/app-store-1.png') }}"></a>
  91.                               <a href="https://play.google.com/store/apps/details?id=com.inquize.app" class="btn"><img src="{{ asset('assets/images/btns/play-store-2.png') }}"></a>
  92.                           </div>
  93.                       </div>
  94.                      <div class="col-lg-4 col-md-12 modal-sm justify-content-center">
  95.                      <div class="modal-content m-2"  style="max-width: 360px">
  96.                         <div class="modal-body p-0" >
  97.                            <div class="row m-2 d-flex flex-row justify-content-between">
  98.                               <div class="d-flex flex-row">
  99.                                  <div class="mr-2 ">
  100.                                     {% if post.media.logo %}
  101.                                        <img type="media" class="post-inq-logo border border-light" src="{{ asset(post.media.logo) }}">
  102.                                     {% else %}
  103.                                        <img  type="media" class="post-inq-logo border border-light" src="{{ asset('../logo-default.png')}}">
  104.                                     {% endif %}
  105.                                  </div>
  106.                                  <div class="d-flex flex-column justify-content-center">
  107.                                     <div class="post-inq-title ">{{ post.media.name }}</div>
  108.                                     <div class="post-inq-url ">@{{ post.media.url }}</div>
  109.                                  </div>
  110.                               </div>
  111.                               <div class="d-flex flex-column">
  112.                                  {% if post.program %}
  113.                                     <div class="">
  114.                                        {% if post.program.logo %}
  115.                                           <img type="program" class="post-inq-logo border border-light" src="{{ asset(post.program.logo) }}">
  116.                                        {% else %}
  117.                                           <img type="program" class="post-inq-logo border border-light" src="{{ asset('../logo-default.png')}}">
  118.                                        {% endif %}
  119.                                     </div>
  120.                                  {% endif %}
  121.                               </div>
  122.                            </div>
  123.                            {% set stylePost="" %}
  124.                            {% set css="my-1 d-flex  col-md-12 px-0" %}
  125.                            {% set content="" %}
  126.                            {% set icon=''%}
  127.                            <div class="row m-0">
  128.                               {% if post.type == 'vote' %}
  129.                                  {% set icon='<i class="ti ti-check"></i>' %}
  130.                               {% elseif post.type == 'donation' %}
  131.                                  {% set icon='<i class="ti ti-candle"></i>' %}
  132.                               {% elseif post.type == 'game' %}
  133.                                  {% set icon='<i class="ti ti-device-gamepad"></i>' %}
  134.                               {% elseif post.type == 'poll' %}
  135.                                  {% set icon='<i class="ti ti-chart-bar"></i>' %}
  136.                               {% elseif post.type == 'quiz' %}
  137.                                  {% set icon='<i class="ti ti-question-mark"></i>' %}
  138.                               {% endif %}
  139.                               {% if post.IsColor == 1 %}
  140.                                  {% set stylePost="background-color:"~ post.backgroundColor ~";color:"~ post.textColor ~";" %}
  141.                                  {% set css=css~" "~"p-auto justify-content-center post-inq post-inq-icon align-items-center" %}
  142.                                  {% set content="<span>"~ post.content ~"</span>" %}
  143.                                  <div class="{{ css }}" style="{{ stylePost }}">
  144.                                     {% autoescape false %}
  145.                                        {{ content }}
  146.                                        {{ icon }}
  147.                                     {% endautoescape %}
  148.                                  </div>
  149.                               {% elseif post.IsColor == 0 %}
  150.                                  {#                                                                        {% set content='<img class="poster-inq" src="post/1/poster/poster.jpeg" />' %}#}
  151.                                  {% set css=css~" "~"p-auto justify-content-center post-inq post-inq-icon align-items-center" %}
  152.                                  <div class="{{ css }} post-inq-icon" style="{{ stylePost }}">
  153.                                     {% autoescape false %}
  154.                                         <img class="poster-inq" src="{{ absolute_url(asset(post.poster)) }}"/>
  155.                                        {{ icon }}
  156.                                     {% endautoescape %}
  157.                                  </div>
  158.                               {% endif %}
  159.                            </div>
  160.                             <div class="col-md-12">
  161.                                 <div class="d-flex justify-content-end">
  162.                                     <script>
  163.                                         function ticTac(mn, s, target) {
  164.                                             this.isTicTac = true;
  165.                                             let ticTac = setInterval(() => {
  166.                                                 s -= 1;
  167.                                                 if (s < 0) {
  168.                                                     if (mn > 0) {s = 59;}
  169.                                                     mn -= 1;
  170.                                                     if (mn < 0) {
  171.                                                         mn = 0;
  172.                                                     }
  173.                                                 }
  174.                                                 if (s == 0 && mn == 0) { this.remainingTime = "Stopped"; clearInterval(ticTac); document.getElementById(target).innerHTML = this.remainingTime; }
  175.                                                 else {
  176.                                                     this.remainingTime = "-" + mn + " minutes" + " " + s + " seconds";
  177.                                                     document.getElementById(target).innerHTML = this.remainingTime;
  178.                                                     return this.remainingTime;
  179.                                                 }
  180.                                             }, 1000);
  181.                                         }
  182.                                         function getRemainingTime(seconds, target) {
  183.                                             // var seconds = 720025;
  184.                                             let minutes = 1000 * 60;
  185.                                             let hours = minutes * 60;
  186.                                             let days = hours * 24;
  187.                                             let monthes = days * 30;
  188.                                             let years = monthes * 12;
  189.                                             let y = Math.floor(seconds / years);
  190.                                             let m = Math.floor((seconds - (y * years)) / monthes);
  191.                                             let d = Math.floor((seconds - (y * years) - (m * monthes)) / days);
  192.                                             let h = Math.floor((seconds - (y * years) - (m * monthes) - (d * days)) / hours);
  193.                                             let mn = Math.floor((seconds - (y * years) - (m * monthes) - (d * days) - (h * hours)) / minutes);
  194.                                             let s = Math.floor((seconds - (y * years) - (m * monthes) - (d * days) - (h * hours) - (mn * minutes)) / 1000);
  195.                                             //console.log("y " + y + " m " + m + " d " + d + " h " + h + " mn " + mn + " s " + s);
  196.                                             // y = 0;  m = 0;  d = 0;  h = 0;  mn = 15;  s = 30;
  197.                                             let remainingTime = "";
  198.                                             if (y > 0) { remainingTime = "-" + y + " years" + " " + m + " monthes";}
  199.                                             else if (m > 0) { remainingTime = "-" + m + " monthes" + " " + d + " days"; }
  200.                                             else if (d > 0) { remainingTime = "-" + d + " days" + " " + h + " hours"; }
  201.                                             else if (h > 0) { remainingTime = "-" + h + " hours" + " " + mn + " minutes"; }
  202.                                             else  { this.ticTac(mn, s, target);
  203.                                             }
  204.                                             document.getElementById(target).innerHTML = remainingTime;
  205.                                             return remainingTime;
  206.                                         }
  207.                                     </script>
  208.                                     {# Calcul temps restant #}
  209.                                     {% if post.is24h %}
  210.                                         {%  set dateInSeconds =  (post.dateTo|date("U") - "now"|date("U") + "1970-01-01 23:59:59"|date("Y-m-d H:i:s", "UTC")|date("U"))*1000  %}
  211.                                     {% else %}
  212.                                         {%  set dateInSeconds =  (post.dateTo|date("U") - "now"|date("U") + post.timeTo|date("U"))*1000  %}
  213.                                     {% endif %}
  214.                                     <div class="align-center"><span class="post-inq-time" id="time-{{ post.id }}">{% if dateInSeconds > 0  %}<script>getRemainingTime({{dateInSeconds}}, "time-{{ post.id }}");</script>{% else %}Ended{% endif %}</span><i class="ti ti-clock ml-2 post-inq-time-icon"></i></div>
  215.                                 </div>
  216.                             </div>
  217.                            <div class="m-2">
  218.                               <div class="post-title-description d-flex flex-row ">
  219.                                 <span>
  220.                                     <span class="post-title">{{ post.title }}</span>
  221.                                     <span class="post-description">{{ post.description|length > 150 ? post.description|slice(0, 150) ~ '...' : post.description }}</span>
  222.                                 </span>
  223.                               </div>
  224.                            </div>
  225.                         </div>
  226.                      </div>
  227.                      </div>
  228.                   {% elseif program %}
  229.                       <div class="col-lg-8 col-md-12 justify-content-center">
  230.                           <div class="w-100 my-2"><h1>Welcome to InQuize !</h1></div>
  231.                           <div class="fs-30px text-wrap">You have reached this page because you followed a link shared by:</div>
  232.                           <div class="text-center my-2 text-center"><span class="fs-30px fw-bold">{{ program.name }}</span><span class="fs-30px"> from </span><span class="fs-30px fw-bold">{{ program.media.name }}</span></div>
  233.                           <div class="fs-24px text-wrap">To Access full profile, </div>
  234.                           <div class="fs-30px fw-bold">Just download our App</div>
  235.                           <div class="d-flex justify-content-center my-2">
  236.                               <a href="#" class="btn disabled" style="cursor: not-allowed;" disabled ><img src="{{ asset('assets/images/btns/app-store-1.png') }}"></a>
  237.                               <a href="https://play.google.com/store/apps/details?id=com.inquize.app" class="btn"><img src="{{ asset('assets/images/btns/play-store-2.png') }}"></a>
  238.                           </div>
  239.                       </div>
  240.                    <div class="col-lg-4 col-md-12 modal-sm">
  241.                       <div class="modal-content">
  242.                           <div class="modal-header">
  243.                               <h5 class="modal-title" id="exampleModalLabel">
  244.                                   @{{ (program.url|length > 20 ? program.url|slice(0, 20) ~ '…' : program.url)  }}
  245.                               </h5>
  246.                               <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  247.                                   <span aria-hidden="true"><em class="ti ti-x icon"></em></span>
  248.                               </button>
  249.                           </div>
  250.                           <div class="modal-body">
  251.                               <div class="row d-flex justify-content-between">
  252.                                   <div class="col-md-3">
  253.                                       <div class="user-avatar lg border border-light bg-transparent">
  254.                                           <img class="" src="{{  asset(program.logo) }}" alt=""/>
  255.                                       </div>
  256.                                   </div>
  257.                                   <!-- MKB:24/12/2021 Calcule nombre de post par media  -->
  258.                                   <div class="col-md-3">
  259.                                       <div class="text-center fw-bold">   {{ program.posts|length }}</div>
  260.                                       <div class="text-center">Posts</div>
  261.                                   </div>
  262.                                   <!-- MKB:24/12/2021 Calcule nombre de followers par media  -->
  263.                                   <div class="col-md-3">
  264.                                       <div class="text-center fw-bold">{{ program.nbrFollowers }}</div>
  265.                                       <div class="text-center">Followers</div>
  266.                                   </div>
  267.                               </div>
  268.                               <div class="row">
  269.                                   <div class="col-md-12">
  270.                                       <div class="fw-bold">{{ program.name }}</div>
  271.                                       <div>{{ program.genre }}</div>
  272.                                   </div>
  273.                                   <div class="my-1 col-md-12 d-flex justify-content-between" id="mobileAppPreviewButtons">
  274.                                       <a href="#" class="d-block btn btn-sm btn-pink-inq w-45 btn-head-profiles disabled" disabled>Follow</a>
  275.                                       <a href="#" class="btn d-block btn-sm btn-light w-45 btn-head-profiles disabled" disabled>Message</a>
  276.                                   </div>
  277.                                   <div class="col-md-12">
  278.                                       <div class="d-flex justify-content-between">
  279.                                           <div class="d-flex align-items-center">
  280.                                               <div class="user-avatar sq border border-light rounded mr-2 bg-transparent p-2">
  281.                                                   <img class="" src=" {{  asset(program.media.logo ) }}"  alt="{{ program.media.name }}"/>
  282.                                               </div>
  283.                                               <div class="fw-bold">{{ program.media.name  }}</div>
  284.                                               <div class="px-2">
  285.                                                   <div class="fw-bold">
  286.                                                    ...
  287.                                                   </div>
  288.                                                   {% if program.is24h %}<div> 24 hours Broadcast.</div> {% else %}
  289.                                                       <div>from {{ program.dateFrom|date('H:i') }} to {{ program.dateTo|date('H:i') }}</div>
  290.                                                   {% endif %}
  291.                                               </div>
  292.                                           </div>
  293.                                       </div>
  294.                                       <div class="d-flex flex-column">
  295.                                           {%  if program.crews %}
  296.                                               <div class="fw-bold">
  297.                                                   Crew
  298.                                               </div>
  299.                                           {% endif %}
  300.                                       </div>
  301.                                       <div class="row col-md-12 d-flex flex-column">
  302.                                           {% if program.website is not empty %}
  303.                                               <div><em class="icon ti ti-arrow-up-right"></em><span class="fw-bold">{{ program.website }}</span></div>{% endif %}
  304.                                           <div data-parent="#descriptionMedia" id="collapseExample" class="collapse show">
  305.                                               <div>
  306.                                                   {% if program.media.country %}
  307.                                                   <div class="fw-bold">
  308.                                                       <em class="icon ti ti-flag"></em>
  309.                                                       {{ program.media.country }}
  310.                                                       {% endif %}
  311.                                                   </div>
  312.                                                   ...
  313.                                               </div>
  314.                                           </div>
  315.                                       </div>
  316.                                   </div>
  317.                               </div>
  318.                           </div>
  319.                       </div>
  320.                    </div>
  321.                   {% elseif media %}
  322.                       <div class="col-lg-8 col-md-12 justify-content-center">
  323.                           <div class="w-100 my-2"><h1>Welcome to InQuize !</h1></div>
  324.                           <div class="fs-30px text-wrap">You have reached this page because you followed a link shared by:</div>
  325.                           <div class="text-center my-2 text-center"><span class="fs-30px fw-bold">{{ media.name }}</span></div>
  326.                           <div class="fs-24px text-wrap">To Access full profile, <span class="fs-30px fw-bold">Just download our Mobile App</span></div>
  327.                           <div class="d-flex justify-content-center my-2">
  328.                               <a href="#" class="btn disabled" style="cursor: not-allowed;" disabled ><img src="{{ asset('assets/images/btns/app-store-1.png') }}"></a>
  329.                               <a href="https://play.google.com/store/apps/details?id=com.inquize.app" class="btn"><img src="{{ asset('assets/images/btns/play-store-2.png') }}"></a>
  330.                           </div>
  331.                       </div>
  332.                    <div class="col-lg-4 col-md-12 modal-sm">
  333.                       <div class="modal-content">
  334.                           <div class="modal-header">
  335.                               <h5 class="modal-title" id="mobileAppPreview">@{{ media.url }}</h5>
  336.                               <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  337.                                   <span aria-hidden="true"><em class="ti ti-x icon"></em></span>
  338.                               </button>
  339.                           </div>
  340.                           <div class="modal-body">
  341.                               <div class="row d-flex justify-content-between">
  342.                                   <div class="col-md-3">
  343.                                       <div class="user-avatar sq lg border border-light rounded bg-transparent">
  344.                                           <img class="" src=" {{ media.logo }} " alt=""/>
  345.                                       </div>
  346.                                   </div>
  347.                                   <!-- MKB:24/12/2021 Calcule nombre de post par media  -->
  348.                                   <div class="col-md-3">
  349.                                       <div class="text-center fw-bold">{{ media.posts|length }}</div>
  350.                                       <div class="text-center">Posts</div>
  351.                                   </div>
  352.                                   <!-- MKB:24/12/2021 Calcule nombre de followers par media  -->
  353.                                   <div class="col-md-3">
  354.                                       <div class="text-center fw-bold">{{ media.nbrFollowers }}</div>
  355.                                       <div class="text-center">Followers</div>
  356.                                   </div>
  357.                               </div>
  358.                               <div class="row">
  359.                                   <div class="col-md-12">
  360.                                       <div class="fw-bold">{{ media.name }}</div>
  361.                                       <div>{{ media.type }}, {{ media.category }}</div>
  362.                                   </div>
  363.                                   <div class="my-1 col-md-12 d-flex justify-content-between" id="mobileAppPreviewButtons">
  364.                                       <a href="#" class="d-block btn btn-sm btn-pink-inq w-45 btn-head-profiles disabled" disabled>Follow</a>
  365.                                       <a href="#" class="btn d-block btn-sm btn-light w-45 btn-head-profiles disabled" disabled>Message</a>
  366.                                   </div>
  367.                                   <div class="col-md-12">
  368.                                       <div class="fw-bold">
  369.                                           <em class="icon ti ti-map-pin"></em>
  370.                                          ...
  371.                                       </div>
  372.                                       {% if media.country is not empty %}
  373.                                           <div class="fw-bold"><em class="icon ti ti-flag"></em> {{ media.country }}</div>{% endif %}
  374.                                       <div>
  375.                                          ...
  376.                                       </div>
  377.                                       {% if media.website is not empty %}
  378.                                           <div><em class="icon ti ti-arrow-up-right"></em> {{ media.website }}</div>{% endif %}
  379.                                       <!--lehna-->
  380.                                       <div data-parent="#descriptionMedia" id="collapseExample" class="collapse show">
  381.                                           {% if media.about is not empty %}
  382.                                               <div class="my-2">
  383.                                             ...
  384.                                               </div>{% endif %}
  385.                                       </div>
  386.                                       <!-- List Programs /Media -->
  387.                                       <h6 class="modal-title">Programs</h6>
  388.                                       <div class="media-meta">
  389.                                           <div id="viewMedia" class="container p-0">
  390.                                               <div class="grab program-scroll-h d-flex text-center py-1">
  391.                                                   {#                                                {% for program in media.programs|slice(0, 3) %}  #}
  392.                                                   {% for program in media.programs %}
  393.                                                       <div class=" d-flex flex-column align-items-center"><img class="user-avatar md"
  394.                                                                                                                src="{{ program.logo }}" alt="">
  395.                                                           <span class="w-80px text-wrap viewMediaProgramTitle text-break">{{ program.name }}</span></div>
  396.                                                   {% endfor %}
  397.                                               </div>
  398.                                           </div>
  399.                                       </div>
  400.                                   </div>
  401.                               </div>
  402.                           </div>
  403.                       </div>
  404.                    </div>
  405.                   {% else %}
  406.                       <div class="col-lg-12 col-md-12 justify-content-center">
  407.                           <div class="w-100 text-center"><h1>Welcome to InQuize !</h1></div>
  408.                           <div class="fs-30px text-wrap text-center">You have reached this page because you followed an altered link</div>
  409.                           <div class="fs-24px text-wrap text-center fw-bold">Just download our Mobile App</div>
  410.                           <div class="d-flex justify-content-center my-2">
  411.                               <a href="#" class="btn disabled" style="cursor: not-allowed;" disabled ><img src="{{ asset('assets/images/btns/app-store-1.png') }}"></a>
  412.                               <a href="https://play.google.com/store/apps/details?id=com.inquize.app" class="btn"><img src="{{ asset('assets/images/btns/play-store-2.png') }}"></a>
  413.                           </div>
  414.                       </div>
  415.                   {% endif %}
  416.                    {% endif %}
  417.                </div><!-- .row -->
  418.             </div><!-- .container -->
  419.          </div><!-- .header-content -->
  420.          <div class="header-brand pb-4 pt-2 pb-lg-5">
  421.             <div class="container">
  422.                <div class="row flex-lg-row-reverse align-items-center justify-content-between g-gs">
  423.                    <div class="col-12 fs-30px text-wrap text-center"><span>To know more about our Platform, visit our website at: </span><span class="fs-30 fw-bold"><a href="http://about.inquize.com">about.inquize.com</a></span></div>
  424.                </div>
  425.             </div><!-- .header-brand -->
  426.          </div><!-- .container -->
  427.       </header><!-- .header -->
  428.       <footer class="footer bg-lighter" id="footer">
  429.          <div class="container">
  430.             <div class="row g-3 align-items-center justify-content-md-between py-4 py-md-5">
  431.                 <div class="nk-footer-copyright">&copy; 2022   <a href="http://about.inquize.com" target="_blank"><img class="logo-dark logo-img logo-img-sm"  src="{{ asset('assets/images/logo-dark-small.png') }}" srcset="{{ asset('assets/images/logo-dark-small2x.png 2x') }}" alt="Logo InQuize" / ></a> InQuize®. All Rights Reserved.
  432.                 </div>
  433.             </div><!-- .row -->
  434.          </div><!-- .container -->
  435.       </footer><!-- .footer -->
  436.    </div>
  437.    <!-- main @e -->
  438. </div>
  439. <!-- app-root @e -->
  440. <!-- JavaScript -->
  441. <script src="{{ absolute_url(asset('assets/js/bundle.js?ver=2.9.0')) }}"></script>
  442. <script src="{{ absolute_url(asset('assets/js/scripts.js?ver=2.9.0')) }}"></script>
  443. </body>
  444. </html>