-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex-inline.html
More file actions
27 lines (27 loc) · 6.8 KB
/
Copy pathindex-inline.html
File metadata and controls
27 lines (27 loc) · 6.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html>
<head>
<title>ProAmpac Preloader</title>
<meta http-equiv="X-UA-Compatible" content="IE=9;IE=10;IE=Edge,chrome=1"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
html {
height: 100%;
}
body {
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
svg,img {
height: 110px;
width: 110px;
}
</style>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 82 82"><defs><linearGradient id="preloader-gradient" gradientTransform="rotate(90)"><stop offset="0%" stop-color="rgba(136,197,84,0.2)"/><stop offset="100%" stop-color="rgba(0,182,228,0.2)"/></linearGradient></defs><style>@-webkit-keyframes preloader-shapefader{0%{-webkit-transform:scale(.4);opacity:0}11.1111%{-webkit-transform:scale(1);opacity:1}11.55555%{opacity:1}15%{-webkit-transform:scale(1.1);opacity:0}to{opacity:0}}@keyframes preloader-shapefader{0%{transform:scale(.4);opacity:0}11.1111%{transform:scale(1);opacity:1}11.55555%{opacity:1}15%{transform:scale(1.1);opacity:0}to{opacity:0}}@-webkit-keyframes preloader-rotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes preloader-rotate{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-webkit-keyframes preloader-colorchanger{0%,to{fill:rgba(136,197,84)}50%{fill:rgba(0,182,228)}}@keyframes preloader-colorchanger{0%,to{fill:rgba(136,197,84)}50%{fill:rgba(0,182,228)}}@-webkit-keyframes preloader-strokechanger{0%,to{stroke:rgba(136,197,84)}50%{stroke:rgba(0,182,228)}}@keyframes preloader-strokechanger{0%,to{stroke:rgba(136,197,84)}50%{stroke:rgba(0,182,228)}}@-webkit-keyframes preloader-dash{0%,5%{-webkit-transform:rotate(0);stroke-dashoffset:249}50%,55%{-webkit-transform:rotate(45deg);stroke-dashoffset:66.666}to{-webkit-transform:rotate(360deg);stroke-dashoffset:249}}@keyframes preloader-dash{0%,5%{transform:rotate(0);stroke-dashoffset:249}50%,55%{transform:rotate(45deg);stroke-dashoffset:66.666}to{transform:rotate(360deg);stroke-dashoffset:249}}.preloader__shape{opacity:0;fill:#88c554;transform-origin:50% 50%;-webkit-animation:preloader-shapefader 13.5s infinite,preloader-colorchanger 7s infinite;animation:preloader-shapefader 13.5s infinite,preloader-colorchanger 7s infinite}</style><g style="-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:4s linear infinite preloader-rotate;animation:4s linear infinite preloader-rotate"><circle class="preloader__circle-2" data-name="circle" cx="41" cy="41" r="40" style="-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:4.5s ease-in-out infinite both preloader-dash,preloader-strokechanger 7s infinite;animation:4.5s ease-in-out infinite both preloader-dash,preloader-strokechanger 7s infinite" fill="url('#preloader-gradient')" stroke-miterlimit="10" stroke-width="2" stroke="#88c554" stroke-dasharray="251"/></g><g class="preloader__shapes"><g class="preloader__shape" style="-webkit-animation-delay:12s,0s;animation-delay:12s,0s"><path class="preloader__shape9-2" data-name="shape9" d="M58.5 20.5h-36v40a1 1 0 001 1h35a1 1 0 001-1v-40zm-34 2h33v2h-33zm33 37h-33v-31h33z"/></g><g class="preloader__shape" style="-webkit-animation-delay:10.5s,0s;animation-delay:10.5s,0s"><g class="preloader__shape8-2" data-name="shape8"><path d="M58.5 20.45h-35v10.24l3.83 29.49-.13.17.17.13.13 1h1.16l.14.1.08-.1h24.24l.08.1.13-.1h1.17l.13-1 .17-.13a1.31 1.31 0 01-.13-.17L58.5 31zm-27.5 39a16.06 16.06 0 0120 0zm25.5-28.63l-3.61 27.56a18.16 18.16 0 00-23.77 0L25.5 30.56v-8.11h31z"/><path d="M29 28.95h24v2H29zM29 24.95h24v2H29z"/></g></g><g class="preloader__shape" style="-webkit-animation-delay:9s,0s;animation-delay:9s,0s"><path class="preloader__shape7-2" data-name="shape7" d="M56.24 44.48l-1.15-2.75a11.56 11.56 0 01-.4-7.78 4.69 4.69 0 00-4.49-6h-4.7v-1h2v-4a3 3 0 00-3-3h-6a3 3 0 00-3 3v4h2v1h-5.7a4.69 4.69 0 00-4.49 6 11.56 11.56 0 01-.4 7.78l-1.15 2.75a17.73 17.73 0 00-.83 11.14l1.57 6.29h1.05l.19.18a1.57 1.57 0 01.17-.18h25.21l.08.1.13-.1h2.17l1.57-6.29a17.73 17.73 0 00-.83-11.14zM37.5 22.91a1 1 0 011-1h6a1 1 0 011 1v2h-8zm2 4h4v1h-4zm-9.14 33A18.79 18.79 0 0141 56.41a16 16 0 0110 3.5zm24.77-4.78L54 59.85a18 18 0 00-13-5.44 21 21 0 00-13.1 4.84l-1-4.12a15.79 15.79 0 01.74-9.88l1.15-2.75a13.62 13.62 0 00.47-9.12 2.7 2.7 0 012.57-3.47H50.2a2.7 2.7 0 012.57 3.47 13.62 13.62 0 00.47 9.12l1.15 2.75a15.79 15.79 0 01.74 9.88z"/></g><g class="preloader__shape" style="-webkit-animation-delay:7.5s,0s;animation-delay:7.5s,0s"><g class="preloader__shape6-2" data-name="shape6"><path d="M53.5 20.5h-25a6 6 0 00-6 6v29a6 6 0 006 6h25a6 6 0 006-6v-29a6 6 0 00-6-6zm4 35a4 4 0 01-4 4h-25a4 4 0 01-4-4v-29a4 4 0 014-4h25a4 4 0 014 4z"/><path d="M44.5 28.5h-1.07a2.08 2.08 0 00.07-.5 2 2 0 00-4 0 2.08 2.08 0 00.07.5H38.5a1 1 0 00-1 1v1h8v-1a1 1 0 00-1-1z"/></g></g><g class="preloader__shape" style="-webkit-animation-delay:6s,0s;animation-delay:6s,0s"><g class="preloader__shape5-2" data-name="shape5"><path d="M57.55 40l-3-9.53v-7a3 3 0 00-3-3h-21a3 3 0 00-3 3v7l-3.08 9.83a20 20 0 00-.92 6v15.2h35V46.12a20 20 0 00-1-6.12zm-1 19.47h-31V46.32a18.25 18.25 0 01.82-5.39l3.09-9.83.09-.29V23.5a1 1 0 011-1h21a1 1 0 011 1v7.31l.1.3 3 9.53a17.88 17.88 0 01.86 5.48z"/><path d="M32.5 28.5h18v2h-18z"/></g></g><g class="preloader__shape" style="-webkit-animation-delay:4.5s,0s;animation-delay:4.5s,0s"><path class="preloader__shape4-2" data-name="shape4" d="M57.5 30.5h-8v-4a6 6 0 00-6-6h-5a6 6 0 00-6 6v4h-8l-1 31h35zm-23-4a4 4 0 014-4h5a4 4 0 014 4v4h-13zm-8.93 33l.87-27h29.12l.87 27z"/></g><g class="preloader__shape" style="-webkit-animation-delay:3s,0s;animation-delay:3s,0s"><path class="preloader__shape3-2" data-name="shape3" d="M53.33 30.83l2.38-2.38a3 3 0 000-4.24l-1.42-1.42a3.08 3.08 0 00-4.24 0l-2.38 2.38L43 20.5H24v41h34v-26zm-1.86-6.62a1 1 0 011.41 0l1.41 1.41a1 1 0 010 1.42l-2 2-2.83-2.83zM26 59.5v-37h2v37zm4 0v-37h12.17L52 32.33V59.5zm26 0h-2V34.33l2 2z"/></g><g class="preloader__shape" style="-webkit-animation-delay:1.5s,0s;animation-delay:1.5s,0s"><g class="preloader__shape2-2" data-name="shape2"><path d="M57.5 20.5h-33a2 2 0 00-2 2v35a4 4 0 004 4h29a4 4 0 004-4v-35a2 2 0 00-2-2zm0 37a2 2 0 01-2 2h-29a2 2 0 01-2-2v-35h33z"/><path d="M35.5 33.5h12a3 3 0 000-6h-12a3 3 0 000 6zm0-4h12a1 1 0 010 2h-12a1 1 0 010-2z"/></g></g><g class="preloader__shape" style="-webkit-animation-delay:0s,0s;animation-delay:0s,0s"><path class="preloader__shape1-2" data-name="shape1" d="M57.5 26.5h-1v-3a1 1 0 00-1-1h-16v-2h-10v2h-3a1 1 0 00-1 1v3h-1a2 2 0 00-2 2v31a2 2 0 002 2h33a2 2 0 002-2v-31a2 2 0 00-2-2zm-3-1.5v1h-15v-1zm-17-2.5v2h-6v-2zm-10 2.5h2v1h-2zm30 34.5h-33v-31h33z"/></g></g></svg>
</body>
</html>