1+ <!DOCTYPE html>
2+ < html >
3+ < head lang ="ru ">
4+ < meta charset ="utf-8 ">
5+ < meta http-equiv ="x-ua-compatible " content ="ie=edge ">
6+ < title > Dots Loader</ title >
7+ < meta name ="description " content ="">
8+ < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
9+ < link rel ="stylesheet " href ="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css ">
10+ < link rel ="stylesheet " href ="css/main.css ">
11+
12+ <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
13+
14+ <!-- Global site tag (gtag.js) - Google Analytics -->
15+ < script async src ="https://www.googletagmanager.com/gtag/js?id=UA-31485994-5 "> </ script >
16+ < script >
17+ window . dataLayer = window . dataLayer || [ ] ;
18+ function gtag ( ) { dataLayer . push ( arguments ) ; }
19+ gtag ( 'js' , new Date ( ) ) ;
20+
21+ gtag ( 'config' , 'UA-31485994-5' ) ;
22+ </ script >
23+ </ head >
24+ < body >
25+ <!-- START CONTENT -->
26+
27+ < div class ="four ">
28+ < div class ="dot d1 "> < div class ="circle c4 "> </ div > </ div >
29+ < div class ="dot d2 "> < div class ="circle c1 "> </ div > </ div >
30+ < div class ="dot d3 "> < div class ="circle c2 "> </ div > </ div >
31+ < div class ="dot d4 "> < div class ="circle c3 "> </ div > </ div >
32+ < div class ="dot d5 "> </ div >
33+ < div class ="dot d7 "> </ div >
34+ < div class ="dot d8 "> < div class ="circle c6 "> </ div > </ div >
35+ < div class ="dot d9 "> </ div >
36+ < div class ="dot d10 "> < div class ="circle c5 "> </ div > </ div >
37+ < div class ="dot d11 "> < div class ="circle c8 "> </ div > </ div >
38+ < div class ="dot d12 "> < div class ="circle c7 "> </ div > </ div >
39+ < div class ="dot d13 "> </ div >
40+ < div class ="dot d14 "> </ div >
41+ < div class ="dot d15 "> </ div >
42+ < div class ="dot d16 "> </ div >
43+ < div class ="dot d17 "> </ div >
44+ < div class ="dot d18 "> </ div >
45+ < div class ="dot d19 "> </ div >
46+ < div class ="dot d20 "> </ div >
47+ < div class ="dot d21 "> </ div >
48+ < div class ="dot d22 "> </ div >
49+ < div class ="dot d23 "> </ div >
50+ < div class ="dot d24 "> </ div >
51+ < div class ="dot d25 "> </ div >
52+ </ div >
53+
54+ < input class ="progress " step =".001 " type ="range " min ="0 " max ="100 " value ="0 ">
55+
56+ <!-- END CONTENT -->
57+ < script src ="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js "> </ script >
58+ < script src ="https://cdn.jsdelivr.net/npm/animejs@3.0.1/lib/anime.min.js "> </ script >
59+ < script src ="js/main.js "> </ script >
60+ </ body >
61+ </ html >
0 commit comments