Example #1
0
<?php

echo Import::exJs("project/svg/I_DO_0414_svg.js");
echo Import::exCss("project/css/I_DO_728x90_0414.css");
echo Import::css("Cta_1.css", true, "client/werm/macys/");
?>
<link href='https://fonts.googleapis.com/css?family=Nunito:300,400' rel='stylesheet' type='text/css'>
<script id = "I_DO_728x90_0414" type="text/x-jQuery-tmpl">
	<div class = "collapse content">
	   <div class="item_0">
	      <img src = "project/images/collapse/img_0_728x90.jpg">
	   </div>
	   <div class="item_1">
	      <img src = "project/images/collapse/img_1_728x90.jpg">
	   </div>
	   <div class="item_2">
	      <img src = "project/images/collapse/img_2_728x90.jpg">
	   </div>
	   <!-- Text -->
	   <div class = "right">
	      <div class="txt_sm">begin your journey together with expert advice, dreamy offers & more!</div>
	      <div class = "cta">
	         <div class = "cta_shell">
	            <div class = "cta_txt">REGISTER NOW <span class = "arrow">►</span></div>
	         </div>
	         <div class ="disclaimer">FREE SHIPPING WITH $99 PURCHASE</div>
	      </div>
	      <div id="lockup"></div>
	   </div>
	   <div id="macysLogo" class="black"></div>
	</div>
Example #2
0
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<?php 
Import::exJs(Import::uber_src_path(true) . "client/jquery/sliderPagination/jquery.pagination.js");
Import::exCss(Import::uber_src_path(true) . "client/jquery/sliderPagination/css/style.css");
?>
<!--===============================================================-->
<style>
	.sliderPagination {
		@include center();
		height:50px;
	}
</style>
<script id="SliderPagination" type="text/x-jQuery-tmpl">
	<div class="sliderPagination">
		<div id = "shell" class="sp-slider-wrapper">
			<nav>
				<a href="#" class="sp-prev">Previous</a>
				<a href="#" class="sp-next">Next</a>
			</nav>
		</div>
	</div>
</script>
<!--===================================================================-->
<script type="text/javascript">
var SliderPagination = Base.extend({
	///////////////////////////////////////////////////////////////////////////////
	///////////////////////////////////////////////////////////////////////////////
	//init var
	///////////////////////////////////////////////////////////////////////////////
	///////////////////////////////////////////////////////////////////////////////
	//---------------------------------------------------------
Example #3
0
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.17.0/plugins/CSSPlugin.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.17.0/easing/EasePack.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.17.0/TweenLite.min.js"></script>
<script src="http://s0.2mdn.net/ads/studio/Enabler.js" type="text/javascript"></script>	
<?php 
Import::js("client/jquery/jquery-1.8.2.min.js");
Import::js("client/jquery/jquery.tmpl.js");
Import::css("index.css", false);
Import::css("Reset.css");
/*Import::js("client/greensock/minified/plugins/CSSPlugin.min.js"); 
	Import::js("client/greensock/minified/easing/EasePack.min.js"); 
	Import::js("client/greensock/minified/TweenLite.min.js");*/
Import::js("client/ejohn/Class.js");
Import::cUtils("Trace.php");
Import::cUtils("ThrowError.php");
Import::cUtils("Visibility.php");
Import::modules("base/Base.php");
Import::uber("client/werm/macys/Project_Collapse.php");
Import::uber("client/werm/macys/Project_Expand.php");
Import::uber("client/werm/macys/Project_Expand_Shell.php");
Import::uber("global/js/Global.php");
Import::uber("client/werm/macys/Macys_svg.php");
Import::exJs("project/js/data.js");
<?php

echo Import::exJs("project/svg/RTW_DDPurple0815_svg.js");
?>
<link href='https://fonts.googleapis.com/css?family=BenchNine:700|Lato:700' rel='stylesheet' type='text/css'>
<style>
.collapse {
	width:728px;
	height:90px;
}

.txt_sm{
	left:243px;
	top: 59px;
	font-family: 'BenchNine', sans-serif;
	font-size:12pt;
	font-weight:700;
	text-transform: uppercase;
}
.txt_sm span{
	color:#902f72;
}
.collapse .cta_shell{
	width:130px;
	height:25px;
	border-radius:0px;
	color:#ffffff;
	top: 50px;
	left:588px;
	background:red;
	}