<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="styles/slider.css" rel="stylesheet">
<link href="styles/style.css" rel="stylesheet">
<link href="styles/first-page.css" rel="stylesheet">
<title>PURP</title>
</head>
<body>
<div class="content">
<!-- <div class="logo"><img id="logo" src="logo.png"></div> -->
<div class="titles">
<h1>????? ?????????? ? PurP</h1>
<!-- <h2>Pick Your Pic</h2> -->
</div>
<div class="buttons">
<a href="login.php" class="button">????</a>
<a href="register.php" class="button">???????????</a>
</div>
<div class="rotating-slider-container">
<div class="rotating-slider">
<ul class="slides">
<li style="background-color: #d1ff47;">
<div class="slide-inner">
<div>???????? ???????????</div>
</div>
</li>
<li style="background-color: #a6ff47;">
<div class="slide-inner">
<div>???????? ?????????</div>
</div>
</li>
<li style="background-color: #75ff47;">
<div class="slide-inner">
<div>??????? ????</div>
</div>
</li>
<li style="background-color: #47ff5a;">
<div class="slide-inner">
<div>??????? ???????</div>
</div>
</li>
<li style="background-color: #47ff6f;">
<div class="slide-inner">
<div>????? ?????</div>
</div>
</li>
<li style="background-color: #f6ff47;">
<div class="slide-inner">
<div>???? ???????????</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://atuin.ru/demo/js/jquery.rotating-slider.js"></script>
<script src="js/slider.js"></script>
</body>
</html>
|
Download
