IncyBot.github.io/Birthday.html at main · IncyBot/IncyBot.github.io · GitHub

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<title>Birthday: Coming Soon</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="icon" href="loop/assets/images/favicon.png">
	<link rel="apple-touch-icon" href="apple-touch-icon.png">
	<!-- GOOGLE FONTS -->
	<link href="//fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet" type="text/css">
	<link href="//fonts.googleapis.com/css?family=Roboto:400" rel="stylesheet" type="text/css">
	<link href="//fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" type="text/css">
	<!-- Countdown Stylesheet -->
	<link rel="stylesheet" href="loop/assets/css/jquery.classycountdown.min.css">
	<!-- Animate Stylesheet
	<link rel="stylesheet" href="assets/css/animate.css">-->
	<!-- Custom Stylesheet -->
	<link rel="stylesheet" href="loop/assets/css/main.css">
	<script src="loop/assets/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>
<body>
	<!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
	<section id="wrapper" class="image">
		<div class="container-fluid animated" id="home">
			<div class="row logo-row">
				<a href="#" class="brand">
					<img src="loop/assets/images/logo.png" alt="" width = "10%">
				</a>
			</div><!-- Brand Logo -->
			<div class="middle-area">
				<div class="row">
					<p class="title">coming soon</p>
					<p class="subtitle">Sparsh's Birthday is Coming Soon</p>
				</div> <!-- Title & Subtitle -->
				<div class="container">
					<div class="countdown" data-end="May 10, 2022 00:00:00"></div>
				</div> <!-- Countdown Timer -->
				<div class="row">
					<div class="subscribe text-center">
						<p>Lets celebreate Sparsh's turning 18*</p>
						<p>10th May at 5:30 pm at The Downtown Cafe</p>
						<br>
						<br>
					</div>
				</div>
			</div>
		</div>
	</section><!-- Main Wrapper -->
	<script src="loop/assets/js/vendor/jQuery-1.12.1.min.js"></script>
	<script src="loop/assets/js/bootstrap.min.js"></script>
	<script src="loop/assets/js/jquery.classycountdown.min.js"></script>
	<script src="loop/assets/js/jquery.knob.js"></script>
	<script src="loop/assets/js/jquery.throttle.js"></script>
	<script src="loop/assets/js/jquery.backstretch.min.js"></script>
	<script src="loop/assets/js/main.js"></script>
	<script>
		$(function () {
			/* Backstretch Activation */
			$.backstretch([
				'loop/assets/images/backgrounds/01.png',
			], {duration: 3000, fade: 700});
		});
	</script>
</body>
</html>