<!DOCTYPE html>
<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
<html>
<head>
<!-- load jQuery -->
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script>
<!-- add in foundation to the mix... just for some clean display //-->
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/foundation/5.3.1/css/foundation.min.css" >
<script src='http://cdnjs.cloudflare.com/ajax/libs/foundation/5.3.1/js/foundation.min.js' ></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/foundation/5.3.1/js/foundation/foundation.equalizer.js' ></script>
<!-- load local css -->
<link href="class.css-generator.global.css" rel="stylesheet" type="text/css">
<!-- load local js -->
<script type="text/javascript" src="class.css-generator.global.js"></script>
<meta name="viewport" content="width=device-width; initial-scale=1.0">
</head>
<body>
<div class='super-container'>
<div class='super-display'><div class='text'>Hello World!</div></div>
</div>
<div class='toolpanel containers '>
<div class='row'>
<div class='container font small-12 medium-2 columns'>
<?php include_once('class.font.htm'); ?>
</div>
<div class='container font-effect small-12 medium-2 columns' >
<?php include_once('class.font.effect.htm'); ?>
</div>
<div class='container border small-12 medium-2 columns'>
<?php include_once('class.border.htm'); ?>
</div>
<div class='container shadows small-12 medium-2 columns'>
<?php include_once('class.shadows.htm'); ?>
</div>
<div class='container background small-12 medium-4 columns'>
<?php include_once('class.background.htm'); ?>
</div>
</div>
</div>
</body>
<style>
.toolpanel.containers {
margin-top:190px;
}
.toolpanel.containers .container {
padding:4px;
}
.toolpanel.containers .label {
font-size:7px;
}
</style>
<script type="text/javascript" src="class.css-generator.global.js"></script>
<script type="text/javascript" src="class.css-generator.global.init.js"></script>
</html>
|
Download
