File "header.twig"
Full Path: /home/cananyalcin/public_html/core/temp/client/sfg/header.twig
File size: 23.03 KB
MIME-type: text/html
Charset: utf-8
<!DOCTYPE html>
{% for lang in site['languages'] %}
{% if lang['active'] %}
<html lang="{{ lang['code'] }}">
{% endif %}
{% endfor %}
<head>
<base href="{{ site['url'] }}/">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ title }}</title>
<meta name="keywords" content="{{ keywords }}">
<meta name="description" content="{{ description }}">
{% if site['favicon'] %}
<link rel="shortcut icon" type="image/ico" href="{{ site['favicon'] }}" />
{% endif %}
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- <link rel="stylesheet" type="text/css" href="/css/panel/Amazingsmm Dark/style.css">
<link rel="stylesheet" type="text/css" href="/css/panel/smmgenie/cdn.mypanel.link/7o9f2j/p815mj75x8emy7k5.css">
<script src="/css/panel/smmgenie/cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.2/umd/popper.min.js"></script> -->
{{ headerCode }}
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://cdn.slingopanel.com/SmmFansGrow/js/slick/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.slingopanel.com/SmmFansGrow/js/slick/slick-theme.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="/css/panel/SmmFansGrow/7mw0jf461mn6was0.css">
<link rel="stylesheet" type="text/css" href="https://cdn.mypanel.link/libs/bootstrap-datetimepicker/4.17.47/bootstrap-datetimepicker.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.mypanel.link/css/font-awesome/css/all.min.css">
<link rel="stylesheet" type="text/css" href="/css/panel/SmmFansGrow/c3gyq3shygmabbke.css">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MBXZ4HD');</script>
<!-- End Google Tag Manager -->
</head>
<style>
.main-hero::before {
content: "";
width: 50%;
height: 100%;
border-radius: 0 0 450px 0;
background: #ffd9c5;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
</style>
<style>
@media (max-width: 1024px) {
.main-hero::before {
content: "";
width: 100%;
height: 100%;
border-radius: 0 0 450px 0;
background: #ffd9c5;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
}
.panel-page-side {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0; /* Remove scrollbar space */
background: transparent; /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
background: #f36d43;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.0/sweetalert.min.js"></script>
{% if user['auth'] %}
<body class="inside">
<div class="panel-page-wrapper">
<div class="panel-page-side">
<div class="logo">
<a href="/">
{% if site["logo"] %}
<img src="{{ site['logo'] }}" alt="{{ site["site_name"] }}" title="{{ site["site_name"] }}" style="width: 180px;">
{% else %}
{{ site["site_name"] }}
{% endif %}
</a>
</div>
<ul>
<li {% if active_menu == "neworder" %} class="active" {% endif %}> <a class="menu-link" href="/" >
<span class="component-navbar-nav-link-icon">
<span class="fas fa-cart-arrow-down"></span>
</span>
New Order
</a>
</li>
<li {% if active_menu == "orders" %} class="active" {% endif %}> <a class="menu-link" href="/orders" >
<span class="component-navbar-nav-link-icon">
<span class="fas fa-server"></span>
</span>
Orders
</a>
</li>
<li {% if active_menu == "services" %} class="active" {% endif %}> <a class="menu-link" href="/services" >
<span class="component-navbar-nav-link-icon">
<span class="fas fa-cogs"></span>
</span>
Services
</a>
</li>
<li {% if active_menu == "addfunds" %} class="active" {% endif %}> <a class="menu-link" href="/addfunds" >
<span class="component-navbar-nav-link-icon">
<span class="fas fa-credit-card"></span>
</span>
Add Funds
</a>
</li>
<li {% if active_menu == "affiliates" %} class="active" {% endif %}> <a class="menu-link" href="/affiliates" >
<span class="component-navbar-nav-link-icon">
<span class="fas fa-bezier-curve"></span>
</span>
Refer & Earn
</a>
</li>
<li {% if active_menu == "tickets" %} class="active" {% endif %}> <a class="menu-link" href="/tickets" >
<span class="component-navbar-nav-link-icon">
<span class="fas fa-headset"></span>
</span>
Tickets </a>
</li>
<li {% if active_menu == "child-panels" %} class="active" {% endif %}> <a class="menu-link" href="/child-panels" >
<span class="component-navbar-nav-link-icon">
<span class="fas fa-child"></span>
</span>
Child Panels
</a>
</li>
<li {% if active_menu == "api" %} class="active" {% endif %}> <a class="menu-link" href="/api" >
<span class="component-navbar-nav-link-icon">
<span class="fas fa-code"></span>
</span>
Api
</a>
</li>
<li {% if active_menu == "account" %} class="active" {% endif %}> <a class="menu-link" href="/account" >
<span class="component-navbar-nav-link-icon">
<span class="fa fa-user"></span>
</span>
Settings
</a>
</li>
</ul>
</div>
<div class="panel-page-content">
<div class="content-header">
<div class="left">
<div class="balance">
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0 16.6236V18.375C0 19.8229 3.35938 21 7.5 21C11.6406 21 15 19.8229 15 18.375V16.6236C13.3867 17.8172 10.4375 18.375 7.5 18.375C4.5625 18.375 1.61328 17.8172 0 16.6236ZM12.5 5.25C16.6406 5.25 20 4.07285 20 2.625C20 1.17715 16.6406 0 12.5 0C8.35938 0 5 1.17715 5 2.625C5 4.07285 8.35938 5.25 12.5 5.25ZM0 12.3211V14.4375C0 15.8854 3.35938 17.0625 7.5 17.0625C11.6406 17.0625 15 15.8854 15 14.4375V12.3211C13.3867 13.7156 10.4336 14.4375 7.5 14.4375C4.56641 14.4375 1.61328 13.7156 0 12.3211ZM16.25 12.7723C18.4883 12.317 20 11.4721 20 10.5V8.74863C19.0938 9.42129 17.7617 9.88066 16.25 10.1637V12.7723ZM7.5 6.5625C3.35938 6.5625 0 8.03086 0 9.84375C0 11.6566 3.35938 13.125 7.5 13.125C11.6406 13.125 15 11.6566 15 9.84375C15 8.03086 11.6406 6.5625 7.5 6.5625ZM16.0664 8.87168C18.4102 8.42871 20 7.55918 20 6.5625V4.81113C18.6133 5.84062 16.2305 6.39434 13.7227 6.52559C14.875 7.11211 15.7227 7.89961 16.0664 8.87168Z"
fill="#F16845" />
</svg>
<div class="col-auto ms-auto">
<div class="btn-group">
<button class="dropdown-toggle langDrop" type="button" data-bs-toggle="dropdown" aria-expanded="false" data-toggle="tooltip" data-placement="bottom" title="">
<span>
{{ currency["symbol"] }} {{ (user["balance"]*currency["value"]) |round(2, 'floor') }} <i class="fa fa-chevron-down"></i>
</span>
</button>
<ul class="dropdown-menu" id="currencies-list">
{% for curr in site['currencies'] %}
<a class="dropdown-item" href="/cur?cur={{curr['id']}}" >{{curr['name']}} </a>
{% endfor %}
</ul>
</div>
</div>
</div>
<a href="/addfunds" class="balance-add">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M7.5 0C3.35685 0 0 3.35685 0 7.5C0 11.6431 3.35685 15 7.5 15C11.6431 15 15 11.6431 15 7.5C15 3.35685 11.6431 0 7.5 0ZM11.8548 8.34677C11.8548 8.54637 11.6915 8.70968 11.4919 8.70968H8.70968V11.4919C8.70968 11.6915 8.54637 11.8548 8.34677 11.8548H6.65323C6.45363 11.8548 6.29032 11.6915 6.29032 11.4919V8.70968H3.50806C3.30847 8.70968 3.14516 8.54637 3.14516 8.34677V6.65323C3.14516 6.45363 3.30847 6.29032 3.50806 6.29032H6.29032V3.50806C6.29032 3.30847 6.45363 3.14516 6.65323 3.14516H8.34677C8.54637 3.14516 8.70968 3.30847 8.70968 3.50806V6.29032H11.4919C11.6915 6.29032 11.8548 6.45363 11.8548 6.65323V8.34677Z"
fill="#F16845" />
</svg>
Add Funds
</a>
</div>
<div class="right">
<a href="https://t.me/" class="iconsss">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z"/> </svg>
</a>
<a href="https://www.instagram.com//" class="iconsss">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" viewBox="0 0 16 16"> <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/> </svg>
</a>
<a href="https://chat.whatsapp.com/" class="iconsss">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" viewBox="0 0 16 16"> <path d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"/> </svg>
</a>
<div class="profile">
<div class="btn-group">
<button class="dropdown-toggle profDrop" type="button" data-bs-toggle="dropdown" aria-expanded="false" data-toggle="tooltip" data-placement="bottom">
<span>
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.5 9.5625C11.1396 9.5625 13.2812 7.4209 13.2812 4.78125C13.2812 2.1416 11.1396 0 8.5 0C5.86035 0 3.71875 2.1416 3.71875 4.78125C3.71875 7.4209 5.86035 9.5625 8.5 9.5625ZM12.75 10.625H10.9205C10.1834 10.9637 9.36328 11.1562 8.5 11.1562C7.63672 11.1562 6.81992 10.9637 6.07949 10.625H4.25C1.90254 10.625 0 12.5275 0 14.875V15.4062C0 16.2861 0.713867 17 1.59375 17H15.4062C16.2861 17 17 16.2861 17 15.4062V14.875C17 12.5275 15.0975 10.625 12.75 10.625Z"
fill="#F16845" />
</svg>
{{ user["username"] }} <i class="fa fa-chevron-down"></i>
</span>
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/account">Account</a></li>
<li><a class="dropdown-item" href="/logout">Logout</a></li>
</ul>
</div>
</div>
</div>
<button class="panel-menu-btn"><i class="fa fa-bars"></i></button>
</div><style>
.body .modal .modal-content {
background: #fff;
color: black;
}
.modal-header h5 {
color: black;
}
.modal-footer a {
color: #fff;
}
.modal-header{
border-bottom: none;
}
.modal-footer{
border-top: none;
}
</style>
<div>
{% else %}
<div class="mobile-menu-bg"></div>
<div class="mobile-menu">
<div class="head">
{% if site["logo"] %}
<img src="{{ site['logo'] }}" alt="{{ site["site_name"] }}" title="{{ site["site_name"] }}" style="width: 100px;">
{% else %}
{{ site["site_name"] }}
{% endif %}
<button class="close-menu"><i class="fa fa-times"></i></button>
</div>
<div class="header-buttons">
<a href="/signup">Register</a>
<a href="/"><svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M18.3625 21.5636H9.88758C9.51297 21.5636 9.1537 21.4121 8.8888 21.1426C8.62391 20.873 8.4751 20.5073 8.4751 20.126V17.9697H9.88758V20.126H18.3625V2.87519H9.88758V5.03155H8.4751V2.87519C8.4751 2.49393 8.62391 2.12827 8.8888 1.85868C9.1537 1.58908 9.51297 1.43762 9.88758 1.43762H18.3625C18.7371 1.43762 19.0964 1.58908 19.3613 1.85868C19.6261 2.12827 19.775 2.49393 19.775 2.87519V20.126C19.775 20.5073 19.6261 20.873 19.3613 21.1426C19.0964 21.4121 18.7371 21.5636 18.3625 21.5636Z"
fill="#F2F2F2" stroke="#F2F2F2" stroke-width="0.5" />
<path
d="M10.3043 14.7998L12.8326 12.2194H2.8252V10.7818H12.8326L10.3043 8.20135L11.3001 7.18787L15.5375 11.5006L11.3001 15.8133L10.3043 14.7998Z"
fill="#F2F2F2" stroke="#F2F2F2" stroke-width="0.5" />
</svg>
Login</a>
</div>
<nav>
<ul>
{% for menu in menus %}
<li class="{% if active_menu == menu["active"] %}active{% endif %}">
<a href="{{menu["slug"]}}">
<span class="component-navbar-nav-link-icon">
<span class="{{menu["icon"]}}"></span>
</span>
{{menu["name"]}}
</a>
</li>{% endfor %}
</ul>
</nav>
</div>
<div class="main-hero">
<header>
<div class="container">
<div class="logo">
<a href="/">
{% if site["logo"] %}
<img src="{{ site['logo'] }}" alt="{{ site["site_name"] }}" title="{{ site["site_name"] }}" style="width: 180px;">
{% else %}
{{ site["site_name"] }}
{% endif %}
</a>
</div>
{% if site['languages']|length > 1 %}
<div class="col-auto">
<div class="btn-group">
{% for lang in site['languages'] %}
{% if lang['active'] %}
<button class="dropdown-toggle langDrop" type="button" data-bs-toggle="dropdown" aria-expanded="false" data-toggle="tooltip" data-placement="bottom" title="">
<span>
{{ lang['name'] }} <i class="fa fa-chevron-down"></i>
</span>
</button>
{% endif %}
{% endfor %}
<ul class="dropdown-menu" id="currencies-list">
{% for lang in site['languages'] %}
<li><a class="dropdown-item" href="?lang={{ lang['code'] }}">{{ lang['name'] }}</a></li>
{% endfor %}
</ul>
</li>
</ul>
</div></div>
{% endif %}
<nav>
<ul>
{% for menu in menus %}
<li class="{% if active_menu == menu["active"] %}active{% endif %}">
<a href="{{menu["slug"]}}">
<span class="component-navbar-nav-link-icon">
<span class="{{menu["icon"]}}"></span>
</span>
{{menu["name"]}}
</a>
</li>{% endfor %}
</ul>
</nav>
<div class="header-buttons">
<a href="/signup"><span class="fas fa-plus-square">
</span> Register</a>
<a href="/"><span class="fas fa-sign-in-alt">
</span> Login</a>
</div>
<button class="hamburger-btn"><i class="fa fa-bars"></i></button>
</div>
</header>
</nav>
{% endif %}
<style>
.body .modal .modal-content {
background: #fff;
color: black;
}
.modal-header h5 {
color: black;
}
.modal-footer a {
color: #fff;
}
.modal-header{
border-bottom: none;
}
.modal-footer{
border-top: none;
}
</style>
<script>
</script>