Skip to content

Instantly share code, notes, and snippets.

@labohkip81

labohkip81/Cheza Footer

Last active August 5, 2021 18:27
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save labohkip81/9aa4316e9bc14f91a66d651b90011a74 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save labohkip81/9aa4316e9bc14f91a66d651b90011a74 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. labohkip81 revised this gist Aug 5, 2021. 1 changed file with 18 additions and 19 deletions.
    37 changes: 18 additions & 19 deletions Cheza Footer
    View file
    Original file line number Diff line number Diff line change
    @@ -38,7 +38,7 @@
    display: block;
    width: 100px;
    height: 74px !important;
    background: url({% static 'images/cheza_logo.png' %}) center center no-repeat;
    background: url('images/cheza_logo.png') center center no-repeat;
    background-size: contain;
    }

    @@ -51,7 +51,7 @@
    display: block;
    width: 22px;
    height: 19px;
    background: url({% static "flag.svg" %}) center center no-repeat;
    background: url("flag.svg") center center no-repeat;
    background-size: contain;
    }

    @@ -360,8 +360,8 @@
    </div>
    </div>
    <div class="termsPolicy">
    <a href="{% url 'game-rules' %}">How To Play: Draft Kings Money</a>
    <a href="{% url 'game-rules-freeplay' %}">How To Play: Free Play</a>
    <a href="">How To Play: Draft Kings Money</a>
    <a href=">How To Play: Free Play</a>
    </div>

    <div class="hLine">&nbsp;</div>
    @@ -375,16 +375,15 @@

    <div class="csButtons">
    <div class="csCall"><span>Call: </span><a href="tel:0715585858" style="font-size: large !important;"> &nbsp; 0715585858</a></div>
    {% if not request.user_agent.is_mobile %}

    <p>Calls available from <b>9AM-5PM</b></p>
    {% endif %}



    </div>
    {% if request.user_agent.is_mobile %}
    </br>
    <p>Calls available from <b>9AM-5PM</b></p>
    {% endif %}






    @@ -467,33 +466,33 @@
    }

    .logoInstagram {
    background-image: url({% static 'images/insta.png' %});
    background-image: url('images/insta.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 42px;
    }

    .logoTwitter {
    background-image: url({% static 'images/twitter.png' %});
    background-image: url('images/twitter.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 42px;
    }

    .logoFacebook {
    background-image: url({% static 'images/facebook.png' %});
    background-image: url('images/facebook.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 42px;
    }
    .logoYoutube {
    background-image: url({% static 'images/youtube.png' %});
    background-image: url('images/youtube.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 42px;
    }
    .logoLinkedln {
    background-image: url({% static 'images/linkedin.svg' %});
    background-image: url('images/linkedin.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 42px;
    @@ -585,7 +584,7 @@
    .logoMPesa {
    width: 45px;
    height: 33px;
    background: url({% static 'images/mpesa.png' %}) center center no-repeat;
    background: url('images/mpesa.png') center center no-repeat;
    background-size: contain;
    }

    @@ -594,7 +593,7 @@
    .logoPlus18 {
    width: 45px;
    height: 33px;
    background: url({% static 'images/over18.png' %}) center center no-repeat;
    background: url(images/over18.png') center center no-repeat;
    background-size: contain;
    }

    @@ -770,8 +769,8 @@ twq('track','PageView');

    <div class="licenseDate">All rights reserved. © Cheza Entertainment Ltd 2021</div>

    <div class="termsPolicy"><a href="{% url 'terms_and_conditions' %}">Terms &amp; Conditions</a> <a
    href="{% url 'privacy' %}">Privacy Policy</a> <a href="{% url 'disclaimer' %}">Disclaimer</a></div>
    <div class="termsPolicy"><a href="">Terms &amp; Conditions</a> <a
    href="">Privacy Policy</a> <a href="">Disclaimer</a></div>
    </div>
    </div>

  2. labohkip81 created this gist Aug 5, 2021.
    779 changes: 779 additions & 0 deletions Cheza Footer
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,779 @@
    <div class="websiteFooter bg-dark">
    <style type="text/css">
    .footerHtmlTop {
    max-width: 60%;
    padding: 12px 12px 0 12px;
    margin: 0 auto 0 auto;
    font-size: 12px;
    line-height: 1.25em;
    color: #ffffff;
    }

    .vLine {
    display: block;
    height: 100%;
    min-height: 19px;
    width: 1px;
    margin: 0 7px;
    background-color: #424242;
    }

    .hLine {
    display: block;
    height: 1px;
    width: 100%;
    margin: 18px 0;
    background-color: #424242;
    order: 10;
    }

    .footerLogo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
    }

    .bsLogo {
    display: block;
    width: 100px;
    height: 74px !important;
    background: url({% static 'images/cheza_logo.png' %}) center center no-repeat;
    background-size: contain;
    }

    .kenya {
    display: flex;
    align-items: center;
    }

    .kenyaFlag {
    display: block;
    width: 22px;
    height: 19px;
    background: url({% static "flag.svg" %}) center center no-repeat;
    background-size: contain;
    }

    .mainBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }

    .footerSponsors {
    order: 1;
    display: flex;
    margin-bottom: 22px;
    }

    .footerSponsors>div {
    display: flex;
    align-items: center;
    width: 168px;
    }

    .gorMahia {
    margin-right: 15px;
    }

    .gmLogo {
    display: block;
    min-width: 29px;
    height: 36px;
    background: url() center center no-repeat;
    background-size: contain;
    }

    .afcLogo {
    display: block;
    min-width: 29px;
    height: 36px;
    background: url() center center no-repeat;
    background-size: contain;
    }

    .spnTitle {
    display: block;
    font-size: 9px;
    }

    .spnText {
    display: block;
    font-size: 12px;
    color: #ffffff;
    }

    .footerText {
    order: 2;
    }

    .footerText p {
    padding: 0;
    margin-top: 12px;
    }

    .footerText p:first-child {
    margin: 0;
    }

    .footerCodes {
    order: 1;
    flex-wrap: wrap;
    }

    .footerCodes .hLine {
    display: none;
    }

    .mobCodesList {
    display: flex;
    }

    .mobCodesList>div {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    }

    .mobCodesList .mPesa {
    margin: 0;
    }

    .mobTitle {
    margin-bottom: 10px;
    }

    .mobCode {
    font-size: 26px;
    }

    .footerCS {
    display: flex;
    justify-content: space-between;
    }

    .cService {
    width: 70%;
    }

    .csTitle {
    font-size: 18px;
    margin-bottom: 10px;
    }

    .csButtons {
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
    line-height: 32px;
    text-align: center;
    }

    .csButtons>div {
    padding-left: 18px;
    white-space: nowrap;
    }

    .csCall {
    color: #ffffff;
    background: url() left center no-repeat;
    background-size: 14px;
    margin: 0 18px;
    }

    .csCall span {
    display: none;
    }

    .csCall a {
    display: inline-block;
    color: #ffffff !important;
    text-decoration: none;
    }

    .csCall a[href^="tel"] {
    color: #ffffff !important;
    text-decoration: none;
    }

    .csOnline {
    background: url() left center no-repeat;
    background-size: 14px;
    }

    .csOnline a {
    color: #ffffff;
    text-decoration: none;
    }

    #moteText {
    display: none;
    }

    #readLess {
    display: none;
    }

    #readMore,
    #readLess {
    color: #3284ca;
    cursor: pointer;
    }

    #readMore:hover,
    #readLess:hover {
    text-decoration: underline;
    }

    @media (max-width: 1024px) {
    .footerHtmlTop {
    max-width: 100%;
    }

    .mainBox {
    display: block;
    }

    .footerCodes .hLine {
    display: block;
    }

    .footerCS {
    display: block;
    }

    .hLine.menu {
    display: none;
    }

    .csCall {
    background-image: none;
    background-color: #61ac00;
    color: #ffffff;
    margin-left: 0;
    margin-right: 8px;
    }

    .csCall a {
    color: #ffffff !important;
    }

    .csCall a[href^="tel"] {
    color: #ffffff !important;
    }

    .csCall span {
    display: inline;
    }

    .csOnline {
    background-image: none;
    background-color: #61ac00;
    color: #ffffff;
    }

    .cService {
    width: 100%;
    }

    .csButtons>div {
    width: 50%;
    padding: 0;
    border-radius: 4px;
    }
    }

    </style>
    <script>
    function myFunction() {
    var moreText = document.getElementById("moteText");
    var readMore = document.getElementById("readMore");
    var readLess = document.getElementById("readLess");
    if (moreText.style.display === "none") {
    moreText.style.display = "inline";
    readMore.style.display = "none";
    readLess.style.display = "inline";
    } else {
    moreText.style.display = "none";
    readMore.style.display = "inline";
    readLess.style.display = "none";
    }
    }

    function popupWindow(url, windowName, win, w, h) {
    const y = win.top.outerHeight / 2 + win.top.screenY - (h / 2);
    const x = win.top.outerWidth / 2 + win.top.screenX - (w / 2);
    return win.open(url, windowName,
    `toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=${w}, height=${h}, top=${y}, left=${x}`
    );
    }

    </script>
    <div class="footerHtmlTop">
    <div class="footerLogo">
    <div class="bsLogo">&nbsp;</div>

    <div class="kenya">

    <div>KENYA</div>

    <div class="vLine">&nbsp;</div>
    <div class="kenyaFlag">&nbsp;</div>

    </div>
    </div>

    <div class="mainBox">
    <div class="footerSponsors">
    <div class="gorMahia">


    <div class="vLine">&nbsp;</div>

    <div class="brandName"><span class="spnTitle">CHEZA ENTERTAINMENT LTD</span> <span class="spnText">P.O.BOX 52760-00100 NAIROBI<br>
    [email protected]</span></div>
    </div>

    <div class="afcLeopards">
    <div class="afcLogo8">&nbsp;</div>

    <div class="vLine7">&nbsp;</div>

    <div class="brandName"><span class="spnTitle"></span> <span class="spnText"><br>
    </span></div>
    </div>
    </div>



    <div class="hLine">&nbsp;</div>

    <div class="footerCodes">
    <div class="mobCodesList">
    <div class="sms"><span class="mobTitle">BCLB Public Gaming License: </span> <span class="mobCode">#002608<span
    style="font-size: 12px;">&nbsp;</span> </span></div>

    </div>

    <div class="hLine">&nbsp;</div>
    </div>
    </div>
    <div class="termsPolicy">
    <a href="{% url 'game-rules' %}">How To Play: Draft Kings Money</a>
    <a href="{% url 'game-rules-freeplay' %}">How To Play: Free Play</a>
    </div>

    <div class="hLine">&nbsp;</div>
    <div class="footerCS">
    <div class="cService">
    <div class="csTitle">Customer Care</div>

    <div class="csText">Need to speak to us? &nbsp;We are here
    to help in any way possible to ensure the game vibe goes on.</div>
    </div>

    <div class="csButtons">
    <div class="csCall"><span>Call: </span><a href="tel:0715585858" style="font-size: large !important;"> &nbsp; 0715585858</a></div>
    {% if not request.user_agent.is_mobile %}
    <p>Calls available from <b>9AM-5PM</b></p>
    {% endif %}


    </div>
    {% if request.user_agent.is_mobile %}
    </br>
    <p>Calls available from <b>9AM-5PM</b></p>
    {% endif %}



    </div>

    <div class="hLine menu">&nbsp;</div>
    </div>

    <div class="footerMenu">

    <script type="text/javascript">
    function GetUrlScriptname() {
    var rex = new RegExp("\\/[^\\/]+\\.\\w+($|\\?)");
    var match = null;
    match = rex.exec(location.pathname);

    //se nn trovo la pagina diretta cerco l'url costruito per le pagine contenuto
    if (match == null) {
    var str = location.pathname;
    var n = str.indexOf("/Pages/");
    if (n != -1) {
    return str.substring(n, str.length)
    }
    } else {
    return match[0].substring(1);
    }
    }


    $(document).ready(function () {

    var objMenu = '.' + 'Tabs';


    $(objMenu + ' a').filter(function () {
    if (typeof ($(this).attr('href')) == 'undefined') return (false);
    var contains = $(this).attr('href').toLowerCase().indexOf(location.pathname.toLowerCase());
    return (contains != -1);
    }).addClass("sel");
    $(objMenu + ' a').filter(function () {
    if (typeof ($(this).attr('href')) == 'undefined') return (false);
    var contains = $(this).attr('href').toLowerCase().indexOf(location.pathname.toLowerCase());
    return (contains != -1);
    }).parent().parent().parent().addClass("sel");


    });

    </script>

    </div>

    <style type="text/css">
    .footerHtml {
    max-width: 60%;
    padding: 12px;
    margin: 0 auto 10px auto;
    font-size: 12px;
    line-height: 1.25em;
    color: #ffffff;
    }

    .footerSocial {
    display: flex;
    }

    .footerSocial>a {
    display: block;
    text-decoration: none;
    font-size: 0;
    width: 42px;
    height: 42px;
    margin-right: 16px;
    border-radius: 50%;
    background-color: #2a2b2c;
    }

    .footerSocial>a:hover {
    background-color: #565758;
    }

    .logoInstagram {
    background-image: url({% static 'images/insta.png' %});
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 42px;
    }

    .logoTwitter {
    background-image: url({% static 'images/twitter.png' %});
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 42px;
    }

    .logoFacebook {
    background-image: url({% static 'images/facebook.png' %});
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 42px;
    }
    .logoYoutube {
    background-image: url({% static 'images/youtube.png' %});
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 42px;
    }
    .logoLinkedln {
    background-image: url({% static 'images/linkedin.svg' %});
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 42px;
    }

    .csButtons {
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
    line-height: 32px;
    text-align: center;
    }

    .csButtons>div {
    padding-left: 18px;
    white-space: nowrap;
    }

    .csCall {
    color: #ffffff;
    background: url(https://freesvg.org/img/phone-call-icon.png) left center no-repeat;
    background-size: 14px;
    margin: 0 18px;
    }

    .csCall span {
    display: none;
    }

    .csCall a {
    display: inline-block;
    color: #ffffff !important;
    text-decoration: none;
    }

    .csCall a[href^="tel"] {
    color: #ffffff !important;
    text-decoration: none;
    }


    .csOnline a {
    color: #ffffff;
    text-decoration: none;
    }

    .footerRG {
    margin-top: 18px;
    margin-bottom: 5px;
    }

    .footerRG p {
    padding: 0;
    margin-bottom: 10px;
    }

    .footerRG a {
    cursor: pointer;
    font-weight: bold;
    }

    .footerRG a:hover {
    text-decoration: underline;
    }

    .footerRG .moreInfo {
    font-weight: normal;
    color: #3284ca;
    }

    .rgTitle {
    font-size: 18px;
    margin-bottom: 10px;
    }

    .footerTerms>div {
    margin-bottom: 18px;
    }

    .logoList {
    display: flex;
    align-items: center;
    }

    .logoList>div {
    margin-right: 12px;
    }

    .logoMPesa {
    width: 45px;
    height: 33px;
    background: url({% static 'images/mpesa.png' %}) center center no-repeat;
    background-size: contain;
    }



    .logoPlus18 {
    width: 45px;
    height: 33px;
    background: url({% static 'images/over18.png' %}) center center no-repeat;
    background-size: contain;
    }

    .termsPolicy a {
    padding: 0 8px 0 10px;
    border-left: 1px solid #ffffff;
    }

    .termsPolicy a:hover {
    text-decoration: underline;
    }

    .termsPolicy a:first-child {
    padding: 0 10px 0 0;
    border: 0;
    }

    #moteText {
    display: none;
    }

    #readLess {
    display: none;
    }

    #readMore,
    #readLess {
    color: #3284ca;
    cursor: pointer;
    }

    #readMore:hover,
    #readLess:hover {
    text-decoration: underline;
    }

    @media (max-width: 1024px) {
    .footerHtml {
    max-width: 100%;
    }

    .mainBox {
    display: block;
    }

    .footerCodes .hLine {
    display: block;
    }

    .footerCS {
    display: block;
    }

    .csCall {
    background-image: none;
    background-color: green;
    color: #ffffff;
    margin-left: 0;
    margin-right: 8px;
    }

    .csCall a {
    color: #ffffff !important;
    }

    .csCall a[href^="tel"] {
    color: #ffffff !important;
    }

    .csCall span {
    display: inline;
    }

    .csOnline {
    background-image: none;
    background-color: #61ac00;
    color: #ffffff;
    }

    .cService {
    width: 100%;
    }

    .csButtons>div {
    width: 50%;
    padding: 0;
    border-radius: 4px;
    }
    }

    </style>
    <script>
    function myFunction() {
    var moreText = document.getElementById("moteText");
    var readMore = document.getElementById("readMore");
    var readLess = document.getElementById("readLess");
    if (moreText.style.display === "none") {
    moreText.style.display = "inline";
    readMore.style.display = "none";
    readLess.style.display = "inline";
    } else {
    moreText.style.display = "none";
    readMore.style.display = "inline";
    readLess.style.display = "none";
    }
    }

    function popupWindow(url, windowName, win, w, h) {
    const y = win.top.outerHeight / 2 + win.top.screenY - (h / 2);
    const x = win.top.outerWidth / 2 + win.top.screenX - (w / 2);
    return win.open(url, windowName,
    `toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=${w}, height=${h}, top=${y}, left=${x}`
    );
    }

    </script>

    <script type='text/javascript'>
    window.__lo_site_id = 309938;

    (function() {
    var wa = document.createElement('script'); wa.type = 'text/javascript'; wa.async = true;
    wa.src = 'https://d10lpsik1i8c69.cloudfront.net/w.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wa, s);
    })();
    </script>

    <!-- Twitter universal website tag code -->
    <script>
    !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
    },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
    a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
    // Insert Twitter Pixel ID and Standard Event data below
    twq('init','o69hr');
    twq('track','PageView');
    </script>
    <!-- End Twitter universal website tag code -->



    <div class="footerHtml">
    <div class="footerSocial">
    <a href="https://www.instagram.com/chezaent/" target="_blank"
    class="logoInstagram"></a>
    <a href="https://twitter.com/chezaent" target="_blank" class="logoTwitter"></a>
    <a href="https://www.facebook.com/chezaent/" target="_blank" class="logoFacebook"></a>
    <a href="https://www.youtube.com/channel/UCvyaAcsGAwuKtt6PMNVsgFw" target="_blank" class="logoYoutube"></a>
    <a href="#" target="_blank" class="logoLinkedln"></a>
    </div>

    <div class="footerRG">
    <div class="rgTitle">Responsible Gaming</div>

    <p>Our goal is to give you the best mobile gaming experience. Part of that experience is providing you with all the tools you need to play the responsible way. This means doing everything possible to give our players an enjoyable, responsible and safe gaming experience. Cheza Entertainment fully supports responsible gaming and to ensure that you continue to enjoy safe and manageable play.</br> <a class="moreInfo" href="{% url 'responsible-gaming' %}" target="_blank">Read
    more</a></p>


    </div>

    <div class="footerTerms">
    <div class="logoList">
    <div class="logoMPesa">&nbsp;</div>


    <div class="logoPlus18">&nbsp;</div>
    </div>
    <div class="licenseText">Draft Kings Money mobile application is only open to persons over the legal age of 18+ years. Gaming may have adverse effects if not taken in moderation.</div>
    </br>
    <div class="licenseText">Cheza Entertainment Ltd is licensed and regulated by the Betting Control and Licensing Board of Kenya(BCLB). Public Gaming License:
    #002608 </div>



    <div class="licenseDate">All rights reserved. © Cheza Entertainment Ltd 2021</div>

    <div class="termsPolicy"><a href="{% url 'terms_and_conditions' %}">Terms &amp; Conditions</a> <a
    href="{% url 'privacy' %}">Privacy Policy</a> <a href="{% url 'disclaimer' %}">Disclaimer</a></div>
    </div>
    </div>

    </div>