index.html

<!DOCTYPE html>
<html lang="ja">
<head>
		<!-- Global site tag (gtag.js) - Google Analytics -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-117559123-3"></script>
		<script>
		window.dataLayer = window.dataLayer || [];
		function gtag(){dataLayer.push(arguments);}
		gtag('js', new Date());

		gtag('config', 'UA-117559123-3');
		</script>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<meta property="og:title" content="シスター・クレア生誕2018" />
		<meta property="og:type" content="website" />
		<meta property="og:url" content="https://crimnut02.github.io/bday_cleaire/" />
		<meta property="og:image" content="https://crimnut02.github.io/bday_cleaire/images/top-page/ogp.png" />
		<meta property="og:site_name" content="シスター・クレア生誕2018" />
		<meta property="og:description" content="にじさんじSEEDs所属シスター・クレアのお誕生日特設サイト(2018年版)" />
		<meta name="twitter:card" content="summary_large_image"/>
		<meta name="twitter:site" content="@crimnut" />
		<link rel="shortcut icon" href="images/favicon.ico"/>
		<title>シスター・クレア生誕2018 (#クレアたん 2018)</title>
		<link rel="stylesheet" href="style.css">
		<!-- 
			クレアさんへ。
			20歳のお誕生日おめでとうございます！
			クレアさんが生まれてきたこの日に感謝しています。

			いつも楽しい時間をありがとうございます。

			声や仕草がとても好きで毎日癒やされています。
			辛くて何も頑張れないというときも、クレアさんが毎日動画を投稿したのを見ると、
			わたしも頑張ろうと思えます。
			拙いものですがこのサイトを作ることが出来たのもクレアさんのおかげです。


			いつかクレアさんが手を振って歌って踊る姿を見られるのを楽しみにしています。

			この1年がクレアさんにとって素晴らしい1年となりますように。
		-->
		<meta name="google-site-verification" content="HulhzTtzwYtUQr3_wp-3ILtCCSujW9bY8h801_Lc01o" />
</head>
<body>
<!-- load-view -->
<div class="load-view">
	<div class="load-view_bg"></div>
	<div class="load-view_inner">
		<div class="load-view_title"></div>
		<div class="load-view_triangles">
			
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
		</div>
	</div>
	<div class="load-view_end">
		<div></div>
		<div></div>
		<div></div>
		<div></div>
	</div>
</div>

<!-- motion1 -->
<div class="motion1">
	<div class="motion1_bg1"></div>
	<div class="motion1_title">
		<img src="images/motion1/motion1_title_shadow.svg" alt="">
	</div>
	<div class="motion1_transition">
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
	</div>
	<div class="motion1_bg2"></div>
	<div class="motion1_slant">
		<div></div>
		<div></div>
	</div>
	<div class="motion1_words">
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
	</div>
	<div class="motion1_end">
			<div></div>
		</div>
<div class="motion2">
	<div class="motion2_words">
		<div></div>
		<div></div>
		<div></div>
	</div>
	<div class="motion2_eyes">
		<div></div>
		<div></div>
	</div>
	<div class="motion2_end">
		<div></div>
	</div>
</div>
<!-- top-page -->
<div class="top-page">
	<div class="top-page_bg1"></div>
	<div class="top-page_frame-top"></div>
	<div class="top-page_line">
		<div></div>
		<div></div>
	</div>
	<div class="top-page_cleaire">
		<img src="images/top-page/cleaire.svg" alt="cleaire">
	</div>
	<div class="top-page_frame-bottom"></div>
	<div class="top-page_logo">
		<img src="images/top-page/top-page_logo.svg" alt="top-page_logo">
	</div>
</div>
</div>
</body>
</html>