54 lines
2.3 KiB
HTML
54 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Slider</title>
|
|
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-slider-pips/1.11.4/jquery-ui-slider-pips.min.css">
|
|
<link rel="stylesheet" href="styles/styles.css">
|
|
</head>
|
|
<body>
|
|
<div class="flexbox">
|
|
<div class="flex-item">
|
|
<div class="h_main">
|
|
<h3>A.D. mood! make my life easier</h3>
|
|
<div class="mood-box">
|
|
<div class="face-wrapper">
|
|
<div id="eyes" class="case3">
|
|
<div class="eyebrow left"></div>
|
|
<div class="eye left">
|
|
<div class="eyelid"></div>
|
|
</div>
|
|
<div class="bottomlid left"></div>
|
|
<div class="eyebrow right"></div>
|
|
<div class="eye right">
|
|
<div class="eyelid"></div>
|
|
</div>
|
|
<div class="bottomlid right"></div>
|
|
</div>
|
|
<div id="mouth" class="case3">
|
|
<div id="mouth-open"></div>
|
|
</div>
|
|
<div id="face-bg" class="case3">
|
|
<div class="face-light"></div>
|
|
<div class="cow">
|
|
🐄 <!-- Můžete nahradit ikonou krávy nebo obrázkem krávy podle potřeby -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="amount" style="font-size: 18px;"></div>
|
|
</div>
|
|
<div class="flex-item">
|
|
<h4>jak se dneska máš pšouku?</h4>
|
|
<div id="slider"></div>
|
|
<div id="text_ad"></div>
|
|
</div>
|
|
</div></div>
|
|
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
|
|
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-slider-pips/1.11.4/jquery-ui-slider-pips.min.js"></script>
|
|
<script src="/scripts/script.js"></script>
|
|
</body>
|
|
</html> |