harbor/views/index.htm
2016-07-06 16:39:40 +08:00

60 lines
2.6 KiB
HTML

<div class="container-fluid container-fluid-custom" element-height ng-controller="IndexController as vm">
<modal-dialog modal-title="// vm.modalTitle //" modal-message='// vm.modalMessage //' content-type="// vm.contentType //" confirm-only="vm.confirmOnly" action="vm.action()"></modal-dialog>
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="row">
<div class="up-section">
<div class="col-sm-offset-1 col-sm-10">
<span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;<h4 class="title-color display-inline-block">// 'login_now' | tr //</h4>
</div>
<sign-in></sign-in>
</div>
</div>
</div>
<div class="col-md-8">
<div class="up-section">
<h4 class="page-header display-inline-block">// 'its_easy_to_get_started' | tr //</h4>
<div class="page-content">
<div style="margin-left: auto; margin-right: auto; width: 100%;">
<div class="thumbnail display-inline-block">
<img src="/static/resources/img/Step1.png" alt="Step 1">
<h5 class="step-content">// 'icon_label_1' | tr //</h5>
</div>
<div class="thumbnail display-inline-block">
<img src="/static/resources/img/Step2.png" alt="Step 2">
<h5 class="step-content">// 'icon_label_2' | tr //</h5>
</div>
<div class="thumbnail display-inline-block">
<img src="/static/resources/img/Step3.png" alt="Step 3">
<h5 class="step-content">// 'icon_label_3' | tr //</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="row">
<div class="down-section">
<h4 class="page-header underlined">// 'why_use_harbor' | tr //</h4>
<p class="page-content text-justify" style="line-height: 2em; height: 70%;">
// 'index_desc' | tr //
</p>
<div class="page-content pull-right">
<a href="javascript:void(0);" ng-click="vm.viewAll()"><span class="glyphicon glyphicon-triangle-right"></span> // 'view_all' | tr //</a>
</div>
</div>
</div>
</div>
<div class="col-md-8">
<div class="down-section">
<top-repository custom-body-height="vm.customBodyHeight"></top-repository>
</div>
</div>
</div>
</div>
</div>