SGFnewsletter1

by Koubenec

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SGF Newsletter No. 1</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://www.summerallguardfoundation.org/Newsletters/backstretch.js"></script>
    <script type="text/javascript" src="http://www.summerallguardfoundation.org/Newsletters/bigtext.js"></script>
<script type="text/javascript">
    $(function(){
    $.backstretch("http://www.summerallguardfoundation.org/Newsletters/images/Issue_1_bck.jpg");
})
</script>
    <link href="http://www.summerallguardfoundation.org/Newsletters/fonts/kingthings_stylesheet.css" rel="stylesheet" type="text/css">
</head>

    <body>
        <span class="kingthings">Testin me out</span>
        <div class="slabtext" style="width: 70%">
    <div>The Summerall Guard Foundation</div>
    <div>NEWSLETTER no.1</div>
</div>
    </body>
</html>

CSS

.kingthings {
    font-size: 72pt;
    font-family: 'KingthingsCalligraphica2Rg';
    color: #fff;
}    

/*Slab Text CSS, Do Not Modify*/
.slabtexted .slabtext
        {
        display:-moz-inline-box;
        display:inline-block
        white-space:nowrap;
        }
.slabtextinactive .slabtext
        {
        display:inline;
        white-space:normal;
        font-size:1em !important;
        letter-spacing:inherit !important;
        word-spacing:inherit !important;
        *letter-spacing:0 !important;
        *word-spacing:0 !important;
        }
.slabtextdone .slabtext
        {
        display:block
        }

JavaScript

$('.slabtext').bigtext();