<!DOCTYPE html>
<html>
<head>
<title>loading animation</title>
<style>
文書内スタイル定義を書く
</style>
<script src="https://cdn.jsdelivr.net/npm/pace-js@latest/pace.min.js"></script>
<link rel="stylesheet" href="animation6.css">
<script
src="https://code.jquery.com/jquery-3.6.0.js"
integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="
crossorigin="anonymous"></script>
</head>
<body>
<div id="splash">
<div id="splash_logo"><img src="cafe5.png" alt="" class="fadeUp"></div>
<!--/splash--></div>
<div id="container">
<p>ローディング後、この画面が見えます。</p>
<!--/container--></div>
<div class="slide">
<img src="cafe4.jpg" alt="">
<img src="cafe2.jpg" alt="">
<img src="cafe3.jpg" alt="">
</div>
<div class="typing">
<div class="typed_wrap">
<h1><span class="typed"></span></h1>
</div>
</div>
<script src="test3.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/1.1.1/typed.min.js"></script>
</body>
</html>
TAKEDA Naoyuki