smileyj68

<label>Input with a prefix character</label>
<div class="row">
  <div class="four columns">
    <div class="row collapse">
      <div class="two mobile-one columns">
        <span class="prefix">#</span>
      </div>
      <div class="ten mobile-three columns">
        <input type="text" />
      </div>

smileyj68

<label>Input with a prefix character</label>
<div class="row">
  <div class="five columns">
    <div class="row collapse">
      <div class="eight mobile-three columns">
        <input type="text" />
      </div>
      <div class="four mobile-one columns">
        <a href="#" class="postfix button">Search</a>
      </div>

smileyj68

<form>
  <fieldset>
    <legend>Large Form Example</legend>
  
    <div class="row">
      <div class="five columns">
        
        <label>Name</label>
        <input type="text" />
        

smileyj68

<label for="radio1">
  <input name="radio1" type="radio" id="radio1" style="display:none;">
  <span class="custom radio"></span> Radio Button 1
</label>
							
<label for="radio2">
  <input name="radio1" type="radio" id="radio2" style="display:none;">
  <span class="custom radio checked"></span> Radio Button 2
</label>

smileyj68

<label for="checkbox1">
  <input type="checkbox" id="checkbox1" style="display: none;">
  <span class="custom checkbox"></span> Label for Checkbox
</label>

<label for="checkbox2">
  <input type="checkbox" id="checkbox2" style="display: none;">
  <span class="custom checkbox"></span> Label for Checkbox
</label>

smileyj68

<label for="customDropdown">Dropdown Label</label>
<select style="display:none;" id="customDropdown">
  <option SELECTED>This is a dropdown</option>
  <option>This is another option</option>
  <option>Look, a third option</option>
</select>
<div class="custom dropdown">
  <a href="#" class="current">This is a dropdown</a>
  <a href="#" class="selector"></a>
  <ul>

smileyj68

<form class="custom">
  <label for="radio1">
    <input name="radio1" type="radio" id="radio1"> Radio Button 1
  </label>
  
  <label for="radio2">
    <input name="radio1" type="radio" id="radio2" disabled> Radio Button 3
  </label>
</form>

smileyj68

<div id="myModal" class="reveal-modal">
  <h2>Awesome. I have it.</h2>
  <p class="lead">Your couch.  I it's mine.</p>
  <p>Im a cool paragraph that lives inside of an even cooler modal. Wins</p>
  <a class="close-reveal-modal">&#215;</a>
</div>

smileyj68

<script type="text/javascript">
  $(document).ready(function() {
    $('#buttonForModal').click(function() {
      $('#myModal').reveal();
    });
  });
</script>

smileyj68

<a href="#" class="button" data-reveal-id="myModal2">Click Me For A Modal</a>