milohuang

<ul>
<li><label for="mce-EMAILTYPE-0"><input type="radio" value="html" name="EMAILTYPE" id="mce-EMAILTYPE-0"> html</label></li>
<li><label for="mce-EMAILTYPE-1"><input type="radio" value="text" name="EMAILTYPE" id="mce-EMAILTYPE-1"> text</label></li>
<li><label for="mce-EMAILTYPE-2"><input type="radio" value="mobile" name="EMAILTYPE" id="mce-EMAILTYPE-2"> mobile</label></li>
</ul>

milohuang

<ul class="row">
<li class="four columns"><label for="mce-EMAILTYPE-0"><input type="radio" value="html" name="EMAILTYPE" id="mce-EMAILTYPE-0" style="display:none;"><span class="custom radio"></span> html</label></li>
<li class="four columns"><label for="mce-EMAILTYPE-1"><input type="radio" value="text" name="EMAILTYPE" id="mce-EMAILTYPE-1" style="display:none;"><span class="custom radio"></span> text</label></li>
<li class="four columns"><label for="mce-EMAILTYPE-2"><input type="radio" value="mobile" name="EMAILTYPE" id="mce-EMAILTYPE-2" style="display:none;"><span class="custom radio"></span> mobile</label></li>
</ul>

milohuang

<ul class="block-grid three-up">
<li><label for="mce-EMAILTYPE-0"><input type="radio" value="html" name="EMAILTYPE" id="mce-EMAILTYPE-0" style="display:none;"><span class="custom radio"></span> html</label></li>
<li><label for="mce-EMAILTYPE-1"><input type="radio" value="text" name="EMAILTYPE" id="mce-EMAILTYPE-1" style="display:none;"><span class="custom radio"></span> text</label></li>
<li><label for="mce-EMAILTYPE-2"><input type="radio" value="mobile" name="EMAILTYPE" id="mce-EMAILTYPE-2" style="display:none;"><span class="custom radio"></span> mobile</label></li>
</ul>

milohuang

<!-- Begin MailChimp Signup Form -->

<div id="mc_embed_signup">
<form action="http://theakiba.us2.list-manage2.com/subscribe/post?u=9a5e7fb171478a4f9356c6c05&amp;id=aa2b933d42" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate custom nice" target="_blank">
<fieldset>
<h5>Subscribe to our mailing list</h5>
<p>Join our mail list:</p>
<label>Email Address</label>
<input type="email" value="" name="EMAIL" class="required email input-text" id="mce-EMAIL">
<div class="mc-field-group input-group">

milohuang

<div class="entry-author">
<?php echo get_avatar( get_the_author_meta('user_email'), '48', '' ); ?>
<div class="entry-author-bio">
<h4>Written by <?php the_author_posts_link(); ?></h4>
<p><?php the_author_meta('description'); ?></p>
</div>
</div>

milohuang

<?php
global $my_connection_type;

// Find connected pages
$connected = $my_connection_type->get_connected( get_queried_object_id() );

// Display connected pages
if ( $connected->have_posts() ) :
?>
<?php while ( $connected->have_posts() ) : $connected->the_post(); ?>

milohuang

<script type="text/javascript">
   $(window).load(function() {
       $('#featured').orbit();
   });
</script>

milohuang

<script type="text/javascript">
   $(window).load(function() {
       $('#imagesilder').orbit(); // image slider
   });

   $(window).load(function() {
       $('#contentsilder').orbit({ fluid: '16x9' }); // required: set the ratio for content sliders 
   });
</script>

milohuang

$('#featured').orbit({
     animation: 'fade',                  // fade, horizontal-slide, vertical-slide, horizontal-push
     animationSpeed: 800,                // how fast animtions are
     timer: true, 			 // true or false to have the timer
     resetTimerOnClick: false,           // true resets the timer instead of pausing slideshow progress
     advanceSpeed: 4000, 		 // if timer is enabled, time between transitions 
     pauseOnHover: false, 		 // if you hover pauses the slider
     startClockOnMouseOut: false, 	 // if clock should start on MouseOut
     startClockOnMouseOutAfter: 1000, 	 // how long after MouseOut should the timer start again
     directionalNav: true, 		 // manual advancing directional navs

milohuang

<div id="featured">
  <img src="../images/orbit-demo/demo1.jpg" />
  <img src="../images/orbit-demo/demo2.jpg" />
  <img src="../images/orbit-demo/demo3.jpg" />
</div>