Your IP : 216.73.216.48
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Симулатор за машинно гласуване</title>
<meta name="twitter:image" content="https://vote.bss.design/assets/img/20210516_201129.jpg">
<meta property="og:description" content="Подходящ за обучение на възрастни хора ">
<meta property="og:type" content="website">
<meta property="og:image" content="https://vote.bss.design/assets/img/20210516_201129.jpg">
<meta property="og:title" content="Симулатор за машинно гласуване">
<meta name="description" content="Подходящ за обучение на възрастни хора">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
<link rel="stylesheet" href="./assets/css/styles.min.css">
</head>
<body>
<main>
<section id="election">
<div class="container">
<div class="row">
<div class="col text-center">
<h1>Избори за народни представители 2021</h1>
</div>
</div>
<div class="row" id="wrapper">
<div class="col-7 col-sm-7 col-md-6 col-lg-7 p-0" style="border-right: 1px solid;">
<div class="party-wrapper">
<div class="contents">
<div><label class="party">Партия 1<br><input type="radio" name="party"><span class="checkmark">1</span></label></div>
<div><label class="party">Партия 2<br><input type="radio" name="party"><span class="checkmark">2</span></label></div>
<div><label class="party">Партия 3<br><input type="radio" name="party"><span class="checkmark">3</span></label></div>
<div><label class="party">Партия 4<br><input type="radio" name="party"><span class="checkmark">4</span></label></div>
<div><label class="party">Партия 5<br><input type="radio" name="party"><span class="checkmark">5</span></label></div>
<div><label class="party">Партия 6<br><input type="radio" name="party"><span class="checkmark">6</span></label></div>
<div><label class="party">Партия 7<br><input type="radio" name="party"><span class="checkmark">7</span></label></div>
<div><label class="party">Партия 8<br><input type="radio" name="party"><span class="checkmark">8</span></label></div>
<div><label class="party">Партия 9<br><input type="radio" name="party"><span class="checkmark">9</span></label></div>
<div><label class="party">Партия 10<br><input type="radio" name="party"><span class="checkmark">10</span></label></div>
<div><label class="party">Партия 11<br><input type="radio" name="party"><span class="checkmark">11</span></label></div>
<div><label class="party">Партия 12<br><input type="radio" name="party"><span class="checkmark">12</span></label></div>
<div><label class="party">Партия 13<br><input type="radio" name="party"><span class="checkmark">13</span></label></div>
<div><label class="party">Партия 14<br><input type="radio" name="party"><span class="checkmark">14</span></label></div>
<div><label class="party">Партия 15<br><input type="radio" name="party"><span class="checkmark">15</span></label></div>
<div><label class="party">Партия 16<br><input type="radio" name="party"><span class="checkmark">16</span></label></div>
<div><label class="party">Партия 17<br><input type="radio" name="party"><span class="checkmark">17</span></label></div>
<div><label class="party">Партия 18<br><input type="radio" name="party"><span class="checkmark">18</span></label></div>
<div><label class="party">Партия 19<br><input type="radio" name="party"><span class="checkmark">19</span></label></div>
<div><label class="party">Партия 20<br><input type="radio" name="party"><span class="checkmark">20</span></label></div>
<div><label class="party">Партия 21<br><input type="radio" name="party"><span class="checkmark">21</span></label></div>
<div><label class="party">Партия 22<br><input type="radio" name="party"><span class="checkmark">22</span></label></div>
<div><label class="party">Партия 23<br><input type="radio" name="party"><span class="checkmark">23</span></label></div>
<div><label class="party">Партия 24<br><input type="radio" name="party"><span class="checkmark">24</span></label></div>
<div><label class="party">Партия 25<br><input type="radio" name="party"><span class="checkmark">25</span></label></div>
<div><label class="party">Партия 26<br><input type="radio" name="party"><span class="checkmark">26</span></label></div>
<div><label class="party">Партия 27<br><input type="radio" name="party"><span class="checkmark">27</span></label></div>
<div><label class="party">Партия 28<br><input type="radio" name="party"><span class="checkmark">28</span></label></div>
<div><label class="party">Партия 29<br><input type="radio" name="party"><span class="checkmark">29</span></label></div>
<div><label class="party">Не подкрепям никого<br><input type="radio" name="party"><span class="checkmark"></span></label></div>
</div>
</div>
<div class="row" style="height: 65px">
<div class="col"><a class="btn d-none btn-paginate prev" role="button">Предишен</a><a class="btn btn-paginate next" role="button">Следващ</a></div>
</div>
</div>
<div class="col-5 col-sm-5 col-md-6 col-lg-5 text-right">
<p>Предпочитание (Преференция)</p>
<div class="float-right">
<div class="pref-wraper"><label class="party pref"><input type="radio" name="pref"><span class="checkmark">101</span></label><label class="party pref"><input type="radio" name="pref"><span class="checkmark">102</span></label><label class="party pref"><input type="radio" name="pref"><span class="checkmark">103</span></label></div>
<div class="pref-wraper"><label class="party pref"><input type="radio" name="pref"><span class="checkmark">104</span></label><label class="party pref"><input type="radio" name="pref"><span class="checkmark">105</span></label><label class="party pref"><input type="radio" name="pref"><span class="checkmark">106</span></label></div>
<div class="pref-wraper"><label class="party pref"><input type="radio" name="pref"><span class="checkmark">107</span></label><label class="party pref"><input type="radio" name="pref"><span class="checkmark">108</span></label><label class="party pref"><input type="radio" name="pref"><span class="checkmark">109</span></label></div>
<div class="pref-wraper"><label class="party pref"><input type="radio" name="pref"><span class="checkmark">110</span></label></div>
</div>
</div>
</div>
<div class="row">
<div class="col p-0"><a class="btn btn-dark disabled btn-lg float-right btn-elect" role="button">Преглед</a></div>
</div>
</div>
</section>
<section id="preview" style="display:none">
<div class="container">
<div class="jumbotron">
<h1 style="border-bottom-style: solid;">Моля, прегледайте Вашия избор</h1>
<p>Това е Вашият избор:</p>
<div class="preview-wrapper"><label class="party"><span class="checkmark party-preview"></span><span class="party-text-preview"></span></label><label class="party pref"><span class="sub-sym"></span><span class="checkmark pref-preview"></span><span class="pref-text-preview"></span></label></div>
</div>
<div class="row">
<div class="col-12 col-sm-12 offset-sm-0 text-center"><a class="btn btn-dark backwards" role="button">Промени избора</a><a class="btn btn-dark confirm" role="button">Гласуване</a></div>
</div>
</div>
</section>
<section id="succeed" style="display: none">
<div class="container">
<div class="row">
<div class="col">
<div class="jumbotron">
<h1>Вие гласувахте успешно</h1>
<h5>Вземете разписката за гласуване. Сгънете я и я пуснете в бялата непрозрачна кутия пред комисията.</h5><a class="btn btn-dark vote-again" role="button">Гласувай отново</a>
</div>
</div>
</div>
</div>
</section>
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.bundle.min.js"></script>
<script src="./assets/js/script.min.js"></script>
</body>
</html>