Skip to content

Instantly share code, notes, and snippets.

@erip2

erip2/lotteries.html

Created January 28, 2020 21:11
Show Gist options
  • Save erip2/59bdabc2d13192fb14f85607028da5d2 to your computer and use it in GitHub Desktop.
Save erip2/59bdabc2d13192fb14f85607028da5d2 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
lotteries.html
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="../../styles/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../../styles/slick.css"/>
<link rel="stylesheet" type="text/css" href="css/lotteries.css"/>
<link rel="stylesheet" href="../../styles/style.css">
<link rel="stylesheet" href="../../fonts/fontawesome-free-5.11.2-web/css/all.css">
<title>Sisal Turchia</title>
</head>
<body>
<div id="lotteries">
<!-- <script id="single-lottery" type="text/x-handlebars-template">
{{#each this}}
<div class="lotteries-item lotteries-violet mb-5">
<div class="lotteries-logo">
<img src="{{company_logo}}" alt="">
<i class="far fa-star"></i>
</div>
<div class="lotteries-entry">
<div class="lotteries-jackpot">
<p class="lot-title">JACKPOT</p>
<p class="jackpot-total">{{commas jackpot_total}}</p>
</div>
<div class="lattest-draw">
<p class="lot-title">Latest Draw</p>
<p class="draw-date"><span>Draw n. {{latest_draw_number}}</span> {{latest_draw_date}} - {{latest_draw_time}}</p>
<div class="numbers-container">
{{#each latest_draw}}
<span>{{this}}</span>
{{/each}}
</div>
<a href="" class="btn-default">See all draws
<svg width="24px" height="24px" viewBox="10 -11 50 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Icon_24/Arrow-Big-Right" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<polyline id="Path" stroke="#3376C5" stroke-width="2" transform="translate(7.000000, 12.207107) rotate(-315.000000) translate(-7.000000, -12.207107) " points="0 5.20710678 14 5.20710678 14 19.2071068"></polyline>
</g>
</svg>
</a>
</div>
<div class="next-draw">
<p class="lot-title">Next Draw</p>
<p class="draw-date"><span>Draw n. {{next_draw_number}}</span> {{next_draw_date}} - {{next_draw_time}}</p>
<div class="draw-time" data-countdown="{{next_draw_date}} {{next_draw_time}}">
<span class="hours">00</span>
<span class="minutes">00</span>
<span class="seconds">00</span>
</div>
</div>
<button class="btn-default btn-bg-primary">PLAY NOW</button>
</div>
</div>
{{/each}}
</script> -->
<div class="container">
<div class="row">
<div class="col-4">
<div class="lotteries-item lotteries-blue mb-5">
<div class="lotteries-logo">
<img src="./img/placeholder.png" alt="">
<i class="far fa-star"></i>
</div>
<div class="lotteries-entry">
<div class="lattest-draw">
<p class="lot-title">Latest Draw</p>
<p class="draw-date"><span>Draw n. 485</span> 12.54.2019 - 12.54.2019</p>
<p class="jackpot-total">252.245.288</p>
<div class="ticket-numbers">242354</div>
<a href="" class="btn-default">See the complete draws
<svg width="24px" height="24px" viewBox="10 -11 50 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Icon_24/Arrow-Big-Right" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<polyline id="Path" stroke="#3376C5" stroke-width="2" transform="translate(7.000000, 12.207107) rotate(-315.000000) translate(-7.000000, -12.207107) " points="0 5.20710678 14 5.20710678 14 19.2071068"></polyline>
</g>
</svg>
</a>
</div>
<div class="next-draw">
<p class="lot-title">Next Draw</p>
<p class="draw-date"><span>Draw n. 425</span> 44.24.2019 - 44.24.2019</p>
<div class="draw-time" data-countdown="{{next_draw_date}} {{next_draw_time}}">
<span class="hours">
<svg class='filter-shadow' viewbox='0 0 100 100'><path fill='none' stroke-linecap='round' stroke-width='4' stroke='green' stroke-dasharray='"+minutes*2.5+",250' d='M50 10 a 40 40 0 0 1 0 80 a 40 40 0 0 1 0 -80'/></svg>00</span>
<span class="minutes">
<svg class='filter-shadow' viewbox='0 0 100 100'><path fill='none' stroke-linecap='round' stroke-width='4' stroke='green' stroke-dasharray='"+minutes*2.5+",250' d='M50 10 a 40 40 0 0 1 0 80 a 40 40 0 0 1 0 -80'/></svg>
00</span>
<span class="seconds">
<svg class='filter-shadow' viewbox='0 0 100 100'><path fill='none' stroke-linecap='round' stroke-width='4' stroke='green' stroke-dasharray='"+minutes*2.5+",250' d='M50 10 a 40 40 0 0 1 0 80 a 40 40 0 0 1 0 -80'/></svg>
00</span>
</div>
</div>
<button class="btn-default btn-bg-primary">PLAY NOW</button>
</div>
</div>
</div>
<div class="col-4">
<div class="lotteries-item lotteries-orange mb-5">
<div class="lotteries-logo">
<img src="./img/placeholder.png" alt="">
<i class="far fa-star"></i>
</div>
<div class="lotteries-entry">
<div class="lotteries-jackpot">
<p class="lot-title">JACKPOT</p>
<p class="jackpot-total">000.000.000</p>
</div>
<div class="lattest-draw">
<p class="lot-title">Latest Draw</p>
<div class="numbers-container">
<span>8</span>
<span>3</span>
<span>4</span>
<span>1</span>
<span>2</span>
<span>9</span>
<span>7</span>
</div>
<p class="draw-date">N° 126, lun., 21 Oct 2019 21:00</p>
<a href="" class="btn-default">All draws ></a>
</div>
<div class="next-draw">
<p class="lot-title">Next Draw</p>
<p class="draw-date"><span>Draw n. 425</span> 44.24.2019 - 44.24.2019</p>
<div class="draw-time" data-countdown="{{next_draw_date}} {{next_draw_time}}">
<span class="hours">
<svg class='filter-shadow' viewbox='0 0 100 100'><path fill='none' stroke-linecap='round' stroke-width='4' stroke='green' stroke-dasharray='"+minutes*2.5+",250' d='M50 10 a 40 40 0 0 1 0 80 a 40 40 0 0 1 0 -80'/></svg>00</span>
<span class="minutes">
<svg class='filter-shadow' viewbox='0 0 100 100'><path fill='none' stroke-linecap='round' stroke-width='4' stroke='green' stroke-dasharray='"+minutes*2.5+",250' d='M50 10 a 40 40 0 0 1 0 80 a 40 40 0 0 1 0 -80'/></svg>
00</span>
<span class="seconds">
<svg class='filter-shadow' viewbox='0 0 100 100'><path fill='none' stroke-linecap='round' stroke-width='4' stroke='green' stroke-dasharray='"+minutes*2.5+",250' d='M50 10 a 40 40 0 0 1 0 80 a 40 40 0 0 1 0 -80'/></svg>
00</span>
</div>
</div>
<button class="btn-default btn-bg-primary">PLAY NOW</button>
</div>
</div>
</div>
<div class="col-4">
<div class="lotteries-item lotteries-violet mb-5">
<div class="lotteries-logo">
<img src="./img/placeholder.png" alt="">
<i class="far fa-star"></i>
</div>
<div class="lotteries-entry">
<div class="lotteries-jackpot">
<p class="lot-title">JACKPOT</p>
<p class="jackpot-total">000.000.000</p>
</div>
<div class="lattest-draw">
<p class="lot-title">Latest Draw</p>
<div class="numbers-container">
<span>8</span>
<span>3</span>
<span>4</span>
<span>1</span>
<span>2</span>
<span>9</span>
<span>7</span>
</div>
<p class="draw-date">N° 126, lun., 21 Oct 2019 21:00</p>
<a href="" class="btn-default">All draws ></a>
</div>
<div class="next-draw">
<p class="lot-title">Next Draw</p>
<p class="draw-date"><span>Draw n. 425</span> 44.24.2019 - 44.24.2019</p>
<div class="draw-time" data-countdown="{{next_draw_date}} {{next_draw_time}}">
<span class="hours">
<svg class='filter-shadow' viewbox='0 0 100 100'><path fill='none' stroke-linecap='round' stroke-width='4' stroke='green' stroke-dasharray='"+minutes*2.5+",250' d='M50 10 a 40 40 0 0 1 0 80 a 40 40 0 0 1 0 -80'/></svg>00</span>
<span class="minutes">
<svg class='filter-shadow' viewbox='0 0 100 100'><path fill='none' stroke-linecap='round' stroke-width='4' stroke='green' stroke-dasharray='"+minutes*2.5+",250' d='M50 10 a 40 40 0 0 1 0 80 a 40 40 0 0 1 0 -80'/></svg>
00</span>
<span class="seconds">
<svg class='filter-shadow' viewbox='0 0 100 100'><path fill='none' stroke-linecap='round' stroke-width='4' stroke='green' stroke-dasharray='"+minutes*2.5+",250' d='M50 10 a 40 40 0 0 1 0 80 a 40 40 0 0 1 0 -80'/></svg>
00</span>
</div>
</div>
<button class="btn-default btn-bg-primary">PLAY</button>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="lotteries-item">
<div class="lotteries-logo">
<img src="./img/placeholder.png" alt="">
<i class="far fa-star"></i>
</div>
<div class="lotteries-entry">
<div class="lotteries-jackpot">
<p class="lot-title">JACKPOT</p>
<p class="jackpot-total">000.000.000</p>
</div>
<div class="next-draw">
<p class="lot-title">Next Draw</p>
<div class="draw-time">
<span>00</span>
<span>00</span>
<span>00</span>
</div>
</div>
<button class="btn-default btn-bg-primary">PLAY</button>
</div>
</div>
<div class="lotteries-item">
<div class="lotteries-logo">
<img src="./img/placeholder.png" alt="">
<i class="far fa-star"></i>
</div>
<div class="lotteries-entry">
<div class="lotteries-jackpot">
<p class="lot-title">WIN UP TO</p>
<P>000.000.000</P>
</div>
<button class="btn-default btn-bg-primary">PLAY</button>
</div>
</div> -->
</div>
<script src="../../js/jquery-3.4.1.js"></script>
<script src="../../js/popper.js"></script>
<script src="../../js/bootstrap.js"></script>
<script type="text/javascript" src="../../js/slick.js"></script>
<script src="../../js/handlebars-v4.7.2.js"></script>
<script src="../../js/axios.js"></script>
<script src="js/lotteries.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment