master

分支 (1)

管理

管理

master

birthday
/
page2.html

<!DOCTYPE HTML>
<!--
	Dimension by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html lang="en">
	<head>
		<title>Dimension by HTML5 UP</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
		<link rel="stylesheet" href="assets/css/out.css" />
	</head>
	<body class="is-preload">
		<div class="loading">
			<svg viewbox='0 0 50 50'>
				<circle r='25' cx='25' cy='25'></circle>
			</svg>
			<img src="images/birthday.gif" style="width: 30%;  align-items: center;" alt="" />
			<p>LOADING</p>
		</div>
		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Header -->
					<header id="header">
						<div class="logo">
							<span class="icon fa-gem"></span>
						</div>
						<div class="content">
							<div class="inner">
								<h1>(-: 生日快乐! :-)</h1>
								<p><span id="Birthday_Date">01/15</span> 望世间美好与你环环相扣，每天都有新收获，每日都有好心情，好运常相伴</p>
								<label for="userName">请在此处输入昵称：</label><input
										              id="userName"
										              name="userName"
										              type="text"
										              placeholder="昵称"
										              value="寿星"
										              onfocus="clearTextInput()"
										            />
							</div>
						</div>
						<nav>
							<ul>
								<li><a href="#intro" id="login-button">继续</a></li>
								<!--<li><a href="#elements">Elements</a></li>-->
							</ul>
						</nav>
					</header>

				<!-- Main -->
					<div id="main">
						<audio autoplay="autoplay" src="music/music.mp3" loop="loop" id="bgMusic"  ></audio>
						<!-- Intro -->
							<article id="intro">
								<h2 class="major">Happy Birthday, <span class="uName">寿星</span> !</h2>
								<span class="image main"><img src="images/pic01.jpg" alt="" /></span><strong>
								<p>祝你生日快乐，<span class="uName">寿星</span></p>
								<p>今天是一个特殊的日子，太阳又转到了第一次照到你的地方，你与所有美好的存在又多了一年的故事。</p>

								<p>生而自由，日日欢愉，快意人生，乐得自在。</p>

								<p>在这个值得纪念的日子中，愿你及心之所向往，结志同道合之良友，行阳光之大道，日夜心悦，喜事连连，妙笔生花，学业顺利，身体健康，尽展才华，无限爆发，斩获佳绩</p></strong>
							</article>
						<article id="welcome">
							<h2 >Happy Birthday!</h2>
								<div id="video_div">
									<iframe id="my_frame" src="//www.bilibili.com/blackboard/html5mobileplayer.html?aid=622743381&bvid=BV1Ub4y137rg&cid=1379341071&p=1&danmaku=0&muted=0&autoplay=1&fjw=0"  scrolling="no" border="0" frameborder="no" allowfullscreen="allowfullscreen" > </iframe>
								</div>

						</article>

						</div>

				<!-- Footer -->
					<footer id="footer">
						<p class="copyright">&copy; Untitled. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
					</footer>

			</div>

		<!-- BG -->
			<div id="bg"></div>

		<!-- Scripts -->
			<script src="assets/js/out.js"></script>
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>