Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update index.html #137

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Update index.html #137

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
165 changes: 1 addition & 164 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,170 +23,7 @@
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<link rel="stylesheet" type="text/css" href="loading.css">
<link href='http://fonts.googleapis.com/css?family=Signika' rel='stylesheet' type='text/css'>
<!-- <link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'> -->
<link rel="stylesheet/less" href="cake.less">
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.1.0/less.min.js"></script>
</head>

<body>
<div class="loading"></div>
<audio class="song" controls loop>
<source src="hbd.mp3"></source>
Your browser isn't invited for super fun audio time.
</audio>
<div class="balloons text-center" id="b1">
<h2 style="color:#F2B300;">H</h2>
</div>
<div class="balloons text-center" id="b2">
<h2 style="color:#0719D4;">B</h2>
</div>
<div class="balloons text-center" id="b3">
<h2 style="color:#D14D39;">D</h2>
</div>
<div class="balloons text-center" id="b4">
<h2 style="color:#8FAD00;">X</h2>
</div>
<div class="balloons text-center" id="b5">
<h2 style="color:#8377E4;">O</h2>
</div>
<div class="balloons text-center" id="b6">
<h2 style="color:#99C96A;">L</h2>
</div>
<div class="balloons text-center" id="b7">
<h2 style="color:#20CFB4;">A</h2>
</div>

<img src="Balloon-Border.png" width="100%" class="balloon-border">


<div class="container">

<div class="row">
<div class="col-md-2 col-xs-2 bulb-holder">
<div class="bulb" id="bulb_yellow"></div>
</div>
<div class="col-md-2 col-xs-2 bulb-holder">
<div class="bulb" id="bulb_red"></div>
</div>
<div class="col-md-2 col-xs-2 bulb-holder">
<div class="bulb" id="bulb_blue"></div>
</div>
<div class="col-md-2 col-xs-2 bulb-holder">
<div class="bulb" id="bulb_green"></div>
</div>
<div class="col-md-2 col-xs-2 bulb-holder">
<div class="bulb" id="bulb_pink"></div>
</div>
<div class="col-md-2 col-xs-2 bulb-holder">
<div class="bulb" id="bulb_orange"></div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<img src="banner.png" class="bannar">
</div>
</div>
<div class="row cake-cover">
<div class="col-md-12 texr-center">
<div class="cake">
<div class="velas">
<div class="fuego"></div>
<div class="fuego"></div>
<div class="fuego"></div>
<div class="fuego"></div>
<div class="fuego"></div>
</div>
<div class="cobertura"></div>
<div class="bizcocho"></div>
</div>
</div>
</div>
<div class="row message">
<div class="col-md-12">
<p>Today is...</p>
<p>as beautiful as other days</p>
<p>but you realize</p>
<p>another year has gone</p>
<p>in a blink of the eyes</p>
<p><strong>however</strong></p>
<p>Do you know..?</p>
<p>today is just special</p>
<p>so special to you</p>
<p>that's why</p>
<p>Let's make it...</p>
<p>the best celebration ever</p>
<p>and let me share...</p>
<p>a piece of happiness to you</p>
<p>I made all this...</p>
<p>as a birthday present to you</p>
<p>thanks for being there</p>
<p>thanks for the friendship we made</p>
<p>thanks for everything</p>
<p>I wish you all the best</p>
<p>May your life be at ease</p>
<p>May all your wishes come true</p>
<p>Remember</p>
<p>your ambitions</p>
<p>you live as a free bird...</p>
<p>flying in the blue sky</p>
<p>Now things are different...</p>
<p>real story of your life</p>
<p>is just about to begin</p>
<p>indeed..</p>
<p>but...</p>
<p>don't worry</p>
<p>because...</p>
<p>God has your back</p>
<p>and</p>
<p>this year will be better</p>
<p>and I hope</p>
<p>you'll find...</p>
<p>happiness along the way</p>
<p>keep your spirit up</p>
<p>enjoy every single moment...</p>
<p>that you experience today</p>
<p>fill it with your most beautiful smile</p>
<p>and make it the best memory..</p>
<p>lastly...</p>
<p>I'd like to wish you one more time</p>
<p>a very happy birthday Xola Mathembisa</p>
</div>
</div>
<div class="navbar navbar-fixed-bottom">
<div class="row">
<div class="col-md-6 text-center col-md-offset-3">
<button class="btn btn-primary" id="turn_on">Turn On Lights</button>
<button class="btn btn-primary" id="play">Play Music</button>
<button class="btn btn-primary" id="bannar_coming">Let's Decorate</button>
<button class="btn btn-primary" id="balloons_flying">Fly With Balloons</button>
<button class="btn btn-primary" id="cake_fadein">Most Delicious Cake Ever</button>
<button class="btn btn-primary" id="light_candle"> Light Candle</button>
<button class="btn btn-primary" id="wish_message">Happy Birthday</button>
<button class="btn btn-primary" id="story">A mesage for you</button>
<!-- <button class="btn btn-primary" id="cake_cut">Lrt's Cut the Cake</button> -->
</div>
</div>
<!-- <div class="col-md-2">
</div>
<div class="col-md-2">
</div>
<div class="col-md-2">
</div>
<div class="col-md-2">
</div>
<div class="col-md-2">
</div> -->
</div>


</div>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="effect.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
<link href='http://N){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
Expand Down