Skip to content

Instantly share code, notes, and snippets.

@coryschires

coryschires/index.html

Created May 16, 2011 17:33
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save coryschires/974922 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save coryschires/974922 to your computer and use it in GitHub Desktop.
Download ZIP
splatter example for BNC
Raw
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<head>
<style>
.contenta {margin-top: 25px;}
.contenta h1 {color: #333; font-weight: normal; border-bottom: 1px solid #bbb; margin: 25px 0px; padding-bottom: 7px;}
.contenta h2 {color: #777; font-weight: normal; margin: 20px 0px 0px 2px;}
</style>
<script src= "http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src= "http://www.bnccoaching.com/resources/css/jquery.splatter.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#word_splatter').splatter({
height: 750,
width: 600,
min_font_size: 20,
max_font_size: 50,
splats: ["Love", "Integrity", "Honesty", "Forgiveness", "Joy", "Happiness", "Peace", "Kindness", "Inspire", "Motivate", "Comfort", "Understanding", "Authenticity", "Energy", "Leadership", "Fun", "Exciting", "Enjoyment", "Family", "Friends", "Relationships", "Trust", "Confidence", "Self-Esteem"]
});
});
</script>
</head>
<body>
<link href="resources/css/services.css" type="text/css" rel="stylesheet" />
<div class="tWidth" id="putHeight" style="min-height: 808px;"><!-- divT -->
<div id = "smain"><!-- smain -->
<div class = "example">
<div id= "word_splatter"></div><!-- end of splatter -->
</div>
<br />
<br />
<link href = "http://www.bnccoaching.com/resources/css/cssbox.css" type="text/css" rel="stylesheet" />
<br />
<br />
<br />
<div class = "float"><!--div 4 -->
<div class = "contenta"><!--div 5 -->
<div class = "webbox01"><!--div 6 -->
<div class = "box"><!--div 7 -->
Book a complimentary session to find out more about how a Life Coach can partner with you for success!
</div>
<!--div 7e -->
<div class = "ribbon_top"><!--div 8 -->
<div class = "left_bg"></div>
<div class = "right_bg"></div>
<div class = "left"></div>
<div class = "right"></div>
<div class = "main"><!--div 9 -->
<div class = "gloss_top"></div>
Complimentary Session
<div class = "gloss_bottom"></div>
</div>
<!--div 9e -->
</div>
<!--div 8e -->
<div class = "ribbon_bottom"><!--div 10 -->
<div class = "left_bg"></div>
<div class = "right_bg"></div>
<div class = "left"></div>
<div class = "right"></div>
<div class = "main"><!--div 11 -->
<a href = "#">READ MORE</a>
</div>
<!--div 11e -->
</div>
<!--div 10e -->
</div>
<!--div 6e -->
</div>
<!--div 5e -->
</div>
<!--div 4e -->
<div class = "floatr"><!--div 4 -->
<div class = "contenta"><!--div 5 -->
<div class = "webbox02"><!--div 6 -->
<div class = "box"><!--div 7 -->
This can inspire and motivate you and others to remember what it's like to believe that dreams do come true.
</div>
<!--div 7e -->
<div class = "ribbon_top"><!--div 8 -->
<div class = "left_bg"></div>
<div class = "right_bg"></div>
<div class = "left"></div>
<div class = "right"></div>
<div class = "main"><!--div 9 -->
<div class = "gloss_top"></div>
Individual/Group Coaching
<div class = "gloss_bottom"></div>
</div>
<!--div 9e -->
</div>
<!--div 8e -->
<div class = "ribbon_bottom"><!--div 10 -->
<div class = "left_bg"></div>
<div class = "right_bg"></div>
<div class = "left"></div>
<div class = "right"></div>
<div class = "main"><!--div 11 -->
<a href = "#">READ MORE</a>
</div>
<!--div 11e -->
</div>
<!--div 10e -->
</div>
<!--div 6e -->
</div>
<!--div 5e -->
</div>
<!--div 4e -->
<br />
<br />
<br />
<br />
<br />
<br />
<div class = "floatm">
<div class = "contenta"><!--div 5 -->
<div class = "webbox03"><!--div 6 -->
<div class = "box"><!--div 7 -->
Get a running head start on the life journey that you know you want to be on!
</div>
<!--div 7e -->
<div class = "ribbon_top"><!--div 8 -->
<div class = "left_bg"></div>
<div class = "right_bg"></div>
<div class = "left"></div>
<div class = "right"></div>
<div class = "main"><!--div 9 -->
<div class = "gloss_top"></div>
Energy Leadership Assessment
<div class = "gloss_bottom"></div>
</div>
<!--div 9e -->
</div>
<!--div 8e -->
<div class = "ribbon_bottom"><!--div 10 -->
<div class = "left_bg"></div>
<div class = "right_bg"></div>
<div class = "left"></div>
<div class = "right"></div>
<div class = "main"><!--div 11 -->
<a href = "#">READ MORE</a>
</div>
<!--div 11e -->
</div>
<!--div 10e -->
</div>
<!--div 6e -->
</div>
<!--div 5e -->
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<div class = "float"><!--div 4 -->
<div class = "contenta"><!--div 5 -->
<div class = "webbox04"><!--div 6 -->
<div class = "box"><!--div 7 -->
Attend a webinar/workshop/webinar to experience being both the teacher and the student of not only your life but others.
</div>
<!--div 7e -->
<div class = "ribbon_top"><!--div 8 -->
<div class = "left_bg"></div>
<div class = "right_bg"></div>
<div class = "left"></div>
<div class = "right"></div>
<div class = "main"><!--div 9 -->
<div class = "gloss_top"></div>
Workshop / Webinars / Meetups
<div class = "gloss_bottom"></div>
</div>
<!--div 9e -->
</div>
<!--div 8e -->
<div class = "ribbon_bottom"><!--div 10 -->
<div class = "left_bg"></div>
<div class = "right_bg"></div>
<div class = "left"></div>
<div class = "right"></div>
<div class = "main"><!--div 11 -->
<a href = "#">READ MORE</a>
</div>
<!--div 11e -->
</div>
<!--div 10e -->
</div>
<!--div 6e -->
</div>
<!--div 5e -->
</div>
<!--div 4e -->
<div class = "floatr"><!--div 4 -->
<div class = "contenta"><!--div 5 -->
<div class = "webbox05"><!--div 6 -->
<div class = "box"><!--div 7 -->
Take your personal growth to the next level with the Law of Being Program. Being is not Doing!
</div>
<!--div 7e -->
<div class = "ribbon_top"><!--div 8 -->
<div class = "left_bg"></div>
<div class = "right_bg"></div>
<div class = "left"></div>
<div class = "right"></div>
<div class = "main"><!--div 9 -->
<div class = "gloss_top"></div>
Law of Being
<div class = "gloss_bottom"></div>
</div>
<!--div 9e -->
</div>
<!--div 8e -->
<div class = "ribbon_bottom"><!--div 10 -->
<div class = "left_bg"></div>
<div class = "right_bg"></div>
<div class = "left"></div>
<div class = "right"></div>
<div class = "main"><!--div 11 -->
<a href = "#">READ MORE</a>
</div>
<!--div 11e -->
</div>
<!--div 10e -->
</div>
<!--div 6e -->
</div>
<!--div 5e -->
</div>
<!--div 4e -->
</div>
<!-- smain end -->
<br />
<br />
<br />
<br />
<br />
<br />
</div>
</div>
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment