twigfiddle.com - Fiddle q8fiv5 v1 - Created on October 15, 2020 10:55

File
{% extends "base.twig" %}
{% set title = "Promotions" %
}
{% set pageTitle = "Promotions" %
}
{% set sibling = "" %
}
{% set styles = [
        "/css/help.min.css"
    ] %
}
{% set scripts = [
        "/js/help.min.js"
    ] %
}
{% set footer = "false" %
}
{% if loggedIn == 'true' %
}
{% set subpagenav = "true" %
}
{% endif %
}

{% block content %
}
<div class="st-page help-page">

{% include 'static-header-self-help-p1.twig' %
}

  <div class="st-page-sub">
    
<h1 class="heading1 bd-btm promo-head-wrap" style="padding: 16px !important;">Select the issue which describes your problem</h1>


<button onclick="window.location.href='/self-help-promotions/where-can-i-check-the-promo-codes-for-the-day'"><div class="text">Where can I check the promo codes for the day?</div><span class="arrow"></span></button>

<button onclick="window.location.href='/self-help-promotions/where-can-i-check-my-current-bonus-disbursement'"><div class="text">Where can I check my current bonus disbursement?</div><span class="arrow"></span></button>

<button onclick="window.location.href='/self-help-promotions/i-used-a-promo-code-but-i-did-not-recieve-any-bonus'"><div class="text">I used a promo code but I did not recieve any bonus.</div><span class="arrow"></span></button>

<!--button onclick="window.location.href='/self-help-promotions/how-can-i-get-a-special-prmotional-code'"><div class="text">How can I get a special prmotional code?</div><span class="arrow"></span></button-->

<button onclick="window.location.href='/self-help-promotions/i-am-not-getting-any-promotional-emails-or-smses'"><div class="text">I am not getting any promotional emails or SMSes.</div><span class="arrow"></span></button>

<button onclick="window.location.href='/self-help-promotions/i-deposited-using-a-promo-code-but-i-did-not-get-any-instant-cashback'"><div class="text">I deposited using a promo code but I did not get any instant cashback?</div><span class="arrow" style="margin-top: -19px;"></span></button>

<button onclick="window.location.href='/self-help-promotions/i-won-a-contest-but-i-did-not-receive-my-cash-prize-what-do-i-do'"><div class="text">I won a contest but I did not receive my cash prize. What do I do?</div><span class="arrow" style="margin-top: -19px;"></span></button>

<button onclick="window.location.href='/self-help-promotions/i-am-a-new-user-any-special-promotion-for-me'"><div class="text">I am a new user. Are there any special promotions/offers for me?</div><span class="arrow" style="margin-top: -19px;"></span></button>

<button onclick="window.location.href='/self-help-promotions/i-deposited-using-a-code-but-i-did-not-get-the-complete-bonus-amount'"><div class="text">I deposited using a code but I did not get the complete bonus amount.</div><span class="arrow" style="margin-top: -19px;"></span></button>

<button onclick="window.location.href='/self-help-promotions/how-can-i-refer-my-friends-to-join-junglee-rummy'"><div class="text">How can I refer my friends to join Junglee Rummy and what benefits will I get? Where can I check the status of my refferals?</div><span class="arrow" style="margin-top: -27px;"></span></button>

<button onclick="window.location.href='/self-help-promotions/what-are-loyalty-points-and-how-can-i-redeem-loyalty-points'"><div class="text">What are Loyalty Points, and how can I redeem Loyalty Points?</div><span class="arrow" style="margin-top: -19px;"></span></button>

<button onclick="window.location.href='/self-help-promotions/i-received-a-special-promo-code-via-sms-but-it-is-not-working'"><div class="text">I received a special promo code via SMS but it is not working.</div><span class="arrow" style="margin-top: -19px;"></span></button>

<button onclick="window.location.href='/self-help-promotions/what-is-the-leaderboard-promotion-and-how-to-enrol-for-it'"><div class="text">What is the leaderboard promotion, and how to enrol for it?</div><span class="arrow" style="margin-top: -19px;"></span></button>

<button onclick="window.location.href='/self-help-promotions/i-referred-my-friend-but-did-not-get-any-referral-bonus--please-help'"><div class="text">I referred my friend but did not get any referral bonus? Please help.</div><span class="arrow" style="margin-top: -19px;"></span></button>

<button onclick="window.location.href='/self-help-promotions/i-registered-but-did-not-get-any-instant-cash'"><div class="text">I registered with Junglee Rummy with my email address and phone number but did not get any instant cash.</div><span class="arrow" style="margin-top: -27px;"></span></button>

<button onclick="window.location.href='/self-help-promotions/my-friend-got-a-special-promo-code-but-i-cannot-use-it'"><div class="text">My friend got a special promo code but when I tried to apply it, it says 'not applicable'. Why can't I use it ?</div><span class="arrow" style="margin-top: -19px;"></span></button>

<button onclick="window.location.href='/self-help-promotions/how-often-do-you-have-rummy-promotional-offers-and-contests'"><div class="text">How often do you have rummy promotional offers and contests?</div><span class="arrow" style="margin-top: -19px;"></span></button>

<button onclick="window.location.href='/self-help-promotions/is-there-any-time-limit-to-play-in-a-contest'"><div class="text">Is there any time limit to play in a contest?</div><span class="arrow"></span></button>

<!--button onclick="window.location.href='/self-help-promotions/how-do-i-avail-myself-of-a-bonus-during-a-rummy-promotion'"><div class="text">How do I avail myself of a bonus during a rummy promotion?</div><span class="arrow" style="margin-top: -19px;"></span></button-->

<button onclick="window.location.href='/self-help-promotions/it-is-necessary-to-enter-a-bonus-code'"><div class="text">It is necessary to enter a bonus code?</div><span class="arrow"></span></button>

<button onclick="window.location.href='/self-help-promotions/what-is-the-rs11000-welcome-bonus'"><div class="text">How can I avail my 110% welcome bonus?</div><span class="arrow"></span></button>

<button onclick="window.location.href='/self-help-promotions/what-is-the-refer-earn-promotion'"><div class="text">What is the "Refer & Earn" promotion?</div><span class="arrow"></span></button>

</div><div class="text">


<style>

body p>b{color: #000000 !important;font-size: 11px !important;
}
body h1{color: #480004 !important;font-size: 15px !important;font-weight: 500 !important;font-family: Aerial,sans-serif;
}

#navbar button{display: none !important;
}

.pf{font-size: 11px !important;
}

.page-btn.green {
    background-color: #178e1c;
    color: #fff;
    border: #528100 solid 1px;
    background-position: 94% 8px;
}
.page-head .page-btn {
    float: right;
    width: 30%;
    margin-left: 5px;
    font-size: .8rem;
    font-family: 'Roboto Condensed Bold',sans-serif;
    border-radius: 4px;
    text-align: center;
    padding: 6px 5px 4px 5px;
    box-sizing: border-box;
    max-width: 78px;
    line-height: .9rem;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.page-head h1 {
    text-align: left;
    margin: 0;
    padding: 0;
    font-family: roboto,sans-serif;
    font-weight: 400;
    font-size: .9rem;
    margin-top: 5px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}

.page-head {
    background: #fff;
    padding: 5px 5px 5px 38px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f1f1f1;
    background: -moz-linear-gradient(top,#f1f1f1 0,#f2f1f1 20%,#fff 100%);
    background: -webkit-linear-gradient(top,#f1f1f1 0,#f2f1f1 20%,#fff 100%);
    background: linear-gradient(to bottom,#f1f1f1 0,#f2f1f1 20%,#fff 100%);
    box-sizing: border-box;
    border-top: #fff solid 1px;
    margin-top: 3px;
    overflow: hidden;
    border-bottom: #a00000 solid 2px;
}

.clearfix {
    display: block;
}

.st-page-sub{min-height: 80vh !important;
}

button{border: 1px solid #ececec;
    background-color: #ffffff;
    border-radius: 2px;
    width: 90%;
    margin-left: 14px;
    color: #000000;
    text-align: left;
    font-family: Aerial,sans-serif;
    height: 50px;
font-size: 0.75rem;
}
button:hover {
box-shadow: 0 8px 16px 0 rgba(0,
    0,
    0,
    0.2);
}
.arrow{background: url("https://d22ueo28hfk252.cloudfront.net/Content/versioned/2.0.0.1/images/version4/promotion_december_19/zenrik_images/right-grey-arrow-md.png?v=1575888148") no-repeat;
  float: right;
  width: 10px;
  height: 12px;
  background-size: 9px;
margin-top: -10px;
}

.text{width: 92%;
}
</style>

{% endblock %
}
Format