orbit-basic/app/views/desktop/journal_pages/add.html.erb

<div class="toolbar hh2">
  <div class="fn_g hp">
    <button class="fn_btn hh2 thmc2 thmtxt">Save</button>
    <button class="fn_btn hh2 admbg2">Cancel</button>
  </div>
  <div class="hh2 hp sdm">
    <div class="sdm_t hh2">Entry Year</div>
    <div class="admbg sdm_o">
      <ul>
        <li><a class="hp hh2 admtxt" href="">2012</a></li>
        <li><a class="hp hh2 admtxt" href="">2011</a></li>
        <li><a class="hp hh2 admtxt" href="">2010</a></li>
        <li><a class="hp hh2 admtxt" href="">2009</a></li>
        <li><a class="hp hh2 admtxt" href="">2008</a></li>
      </ul>
    </div>
  </div>
  <div class="hh2 hp sdm">
    <div class="sdm_t hh2">Language</div>
    <div class="admbg sdm_o">
      <ul>
        <li><a class="hp hh2 admtxt" href="">English</a></li>
        <li><a class="hp hh2 admtxt" href="">Chinese</a></li>
      </ul>
    </div>
  </div>
  <div class="hh2 hp sdm">
    <div class="sdm_t hh2">Share</div>
    <div class="admbg sdm_o">
      <ul>
        <li><a class="hp hh2 admtxt" href="">Full</a></li>
        <li><a class="hp hh2 admtxt" href="">Abstract</a></li>
        <li><a class="hp hh2 admtxt" href="">Friends</a></li>
        <li><a class="hp hh2 admtxt" href="">Private</a></li>
        <li><a class="hp hh2 admtxt" href="">Group</a></li>
      </ul>
    </div>
  </div>
  <div class="hh2 hp sdm">
    <div class="sdm_t hh2"><span class="icon-question-sign"></span></div>
  </div>
</div>
<div id="paper_add" class="tinycanvas vp">
  <div class="scrollbar sb_h vp"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
  <div class="viewport">
    <div class="overview">
      <div class="s_grid_con s_form">
        <%= form_for @writing_journal, url: desktop_publications_journal_p_add_path, :html => { :class=>"s_grid_6 s_grid"} do |f| %>
        <ul>
          <li class="s_grid_row">
            <%= f.text_area :paper_title, :size => "20x2", :value => "Paper Title", :class => "s_grid_6 s_grid"%>
          </li>
          <li class="s_grid_row"><input class="s_grid_6 s_grid" type="text" value="Journal Title"><span class="icon-plus input_append"></span></li>
          <li class="s_grid_row">
          <div class="check_box_g">
            <label for="">Journal Level</label>
            <ul>

              <li><input type="checkbox"><label for="">SCI</label></li>
              <li><input type="checkbox"><label for="">SCIE</label></li>
              <li><input type="checkbox"><label for="">SSCI</label></li>
              <li><input type="checkbox"><label for="">AH & HCI</label></li>
              <li><input type="checkbox"><label for="">EI</label></li>
              <li><input type="checkbox"><label for="">CSCI</label></li>
              <li><input type="checkbox"><label for="">CSSCI</label></li>
              <li><input type="checkbox"><label for="">TSCI</label></li>
              <li><input type="checkbox"><label for="">TSSCI</label></li>
              <li><input type="checkbox"><label for="">THCI</label></li>
            </ul>
          </div>
          </li>
          <li class="s_grid_row"><label class="s_grid_2 s_grid" for="">ISSN(ISBN)</label><input type="text" class="s_grid_4 s_grid" value="829872987"></li>
          <li class="s_grid_row"><label class="s_grid_2 s_grid" for="">ISI No.</label><input type="text" class="s_grid_4 s_grid" value="829872987"></li>
          <li class="s_grid_row"><label class="s_grid_2 s_grid" for="">Volume No.</label><input type="text" class="s_grid_4 s_grid" value="829872987"></li>
          <li class="s_grid_row"><label class="s_grid_2 s_grid" for="">Issue No.</label><input type="text" class="s_grid_4 s_grid" value="829872987"></li>
          <li class="s_grid_row"><label class="s_grid_2 s_grid" for="">Pages</label></li>
          <li class="s_grid_row"><label class="s_grid_2 s_grid" for="">Reference URL</label><input class="s_grid_4 s_grid" type="text" value="www.sample.com"></li>
        </ul>
      </div>
      <div class="s_grid_con s_form">
        <ul>
          <li class="s_grid_row"><textarea class="s_grid s_grid_6" name="" id="">Author</textarea><span class="icon-plus input_append"></span></li>
          <li class="s_grid_row">
          <select name="" id="" class="s_grid s_grid_4">
            <option value="">Author Type</option>
            <option value="">First Author</option>
            <option value="">Corresponding Author</option>
            <option value="">Second Author</option>
            <option value="">Third Author</option>
            <option value="">Fourth Author</option>
          </select>
          <select name="" id="" class="s_grid s_grid_2">
            <option value="">Status</option>
            <option value="">Published</option>
            <option value="">Pending</option>
            <option value="">Writing</option>
          </select>
          </li>
          <li class="s_grid_row"><label class="s_grid s_grid_2" for="">Date of Publication</label><input class="s_grid s_grid_4" type="text" value="2012 / 05 / 01"></li>
          <li class="s_grid_row"><textarea name="" id="" rows="10" class="s_grid s_grid_6"></textarea></li>
          <li class="s_grid_row"><input class="s_grid s_grid_6" type="text" value="Associated Project"><span class="icon-plus input_append"></span></li>
          <li class="s_grid_row"><label class="s_grid s_grid_2" for="">Abstract</label><input type="file"></li>
          <li class="s_grid_row"><label class="s_grid s_grid_2" for="">Full Text</label><input type="file"></li>
        </ul>
      </div>
      <div class="s_grid_con s_form">
        <ul>
          <li class="s_grid_row"><textarea name="" id="" rows="26" class="s_grid s_grid_6">Abstract</textarea></li>
        </ul>
<%end%>
      </div>
    </div>
  </div>
</div>