{{ header }}{{ column_left }} 
<div id="content">
  <div class="page-header">
    <div class="container-fluid">
      <div class="pull-right">
        <a href="{{ cancel }}" data-toggle="tooltip" title="{{ button_cancel }}" class="btn btn-warning"><i class="fa fa-reply"></i></a>
      </div>
      <h1>{{ heading_title }}</h1>
      <ul class="breadcrumb">
        {% for breadcrumb in breadcrumbs %} 
          <li><a href="{{ breadcrumb['href'] }}">{{ breadcrumb['text'] }}</a></li>
        {% endfor %} 
      </ul>
    </div>
  </div>
  <!-- /page-header -->
  <div class="container-fluid">
    <div class="panel panel-default">
      <div class="panel-heading">
        <span class="panel-title"><i class="fa fa-info-circle"></i> {{ text_part_info }}</span>
      </div>

      <!-- Customization.Begin -->
      <!-- Loader icon -->
      <link href="view/stylesheet/load-bar.css" type="text/css"	rel="stylesheet" media="screen" />
      <!-- custom syle -->
      <style>
        ._relative {
          position: relative; /* for button loading */
        }
      </style>

      <div class="panel-body">

        <div class="module-navigation">
          <a class="btn btn-default navbar-btn" href="{{ link_part_settings }}"><i class="fa fa-cogs"></i> {{ text_part_settings }}</a>
          <a class="btn btn-default navbar-btn active" href="{{ link_part_info }}">{{ text_part_info }}</a>
        </div>
        <hr>
				
				<h2>{{ text_about_title }}</h2>
				{{ text_about }} 
				<hr>
				<h2>{{ text_about_pro_title }}</h2>
				{{ text_about_pro }} 

      </div>
      <!-- /panel-body-->
      <!-- /Customization.End -->



    </div>

  </div>
  <!-- /container-fluid-->
</div>
<!-- /content-->

{{ footer }}