mirror of
https://github.com/Hopiu/djLint.git
synced 2026-05-28 14:18:16 +00:00
257 lines
14 KiB
HTML
257 lines
14 KiB
HTML
{% extends "layouts/base.html" %}
|
|
{% block title %}Project Detail {% endblock %}
|
|
<!-- Element injected in the BODY element -->
|
|
{% block body_class %}
|
|
sidebar-mini
|
|
{% endblock body_class %}
|
|
<!-- Specific Page CSS goes HERE -->
|
|
{% block stylesheets %}
|
|
<!-- Google Font: Source Sans Pro -->
|
|
<link rel="stylesheet"
|
|
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
|
|
<!-- Font Awesome -->
|
|
<link rel="stylesheet" href="/static/assets/plugins/fontawesome-free/css/all.min.css">
|
|
<!-- Theme style -->
|
|
<link rel="stylesheet" href="/static/assets/css/adminlte.min.css">
|
|
{% endblock stylesheets %}
|
|
{% block content %}
|
|
<!-- Content Wrapper. Contains page content -->
|
|
<div class="content-wrapper">
|
|
<!-- Content Header (Page header) -->
|
|
<section class="content-header">
|
|
<div class="container-fluid">
|
|
<div class="row mb-2">
|
|
<div class="col-sm-6">
|
|
<h1>Project Detail</h1>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<ol class="breadcrumb float-sm-right">
|
|
<li class="breadcrumb-item">
|
|
<a href="#">Home</a>
|
|
</li>
|
|
<li class="breadcrumb-item active">
|
|
Project Detail
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /.container-fluid -->
|
|
</section>
|
|
<!-- Main content -->
|
|
<section class="content">
|
|
<!-- Default box -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Projects Detail</h3>
|
|
<div class="card-tools">
|
|
<button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
|
|
<i class="fas fa-minus"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-tool" data-card-widget="remove" title="Remove">
|
|
<i class="fas fa-times"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-12 col-md-12 col-lg-8 order-2 order-md-1">
|
|
<div class="row">
|
|
<div class="col-12 col-sm-4">
|
|
<div class="info-box bg-light">
|
|
<div class="info-box-content">
|
|
<span class="info-box-text text-center text-muted">
|
|
Estimated budget
|
|
</span>
|
|
<span class="info-box-number text-center text-muted mb-0">
|
|
2300
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-4">
|
|
<div class="info-box bg-light">
|
|
<div class="info-box-content">
|
|
<span class="info-box-text text-center text-muted">
|
|
Total amount spent
|
|
</span>
|
|
<span class="info-box-number text-center text-muted mb-0">
|
|
2000
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-4">
|
|
<div class="info-box bg-light">
|
|
<div class="info-box-content">
|
|
<span class="info-box-text text-center text-muted">
|
|
Estimated project duration
|
|
</span>
|
|
<span class="info-box-number text-center text-muted mb-0">
|
|
20
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h4>Recent Activity</h4>
|
|
<div class="post">
|
|
<div class="user-block">
|
|
<img class="img-circle img-bordered-sm"
|
|
src="/static/assets/img/user1-128x128.jpg"
|
|
alt="user image">
|
|
<span class="username">
|
|
<a href="#">Jonathan Burke Jr.</a>
|
|
</span>
|
|
<span class="description">Shared publicly - 7:45 PM today</span>
|
|
</div>
|
|
<!-- /.user-block -->
|
|
<p>
|
|
Lorem ipsum represents a long-held tradition for designers,
|
|
typographers and the like. Some people hate it and argue for
|
|
its demise, but others ignore.
|
|
</p>
|
|
<p>
|
|
<a href="#" class="link-black text-sm">
|
|
<i class="fas fa-link mr-1"></i>
|
|
Demo File 1 v2
|
|
</a>
|
|
</p>
|
|
</div>
|
|
<div class="post clearfix">
|
|
<div class="user-block">
|
|
<img class="img-circle img-bordered-sm"
|
|
src="/static/assets/img/user7-128x128.jpg"
|
|
alt="User Image">
|
|
<span class="username">
|
|
<a href="#">Sarah Ross</a>
|
|
</span>
|
|
<span class="description">Sent you a message - 3 days ago</span>
|
|
</div>
|
|
<!-- /.user-block -->
|
|
<p>
|
|
Lorem ipsum represents a long-held tradition for designers,
|
|
typographers and the like. Some people hate it and argue for
|
|
its demise, but others ignore.
|
|
</p>
|
|
<p>
|
|
<a href="#" class="link-black text-sm">
|
|
<i class="fas fa-link mr-1"></i>
|
|
Demo File 2
|
|
</a>
|
|
</p>
|
|
</div>
|
|
<div class="post">
|
|
<div class="user-block">
|
|
<img class="img-circle img-bordered-sm"
|
|
src="/static/assets/img/user1-128x128.jpg"
|
|
alt="user image">
|
|
<span class="username">
|
|
<a href="#">Jonathan Burke Jr.</a>
|
|
</span>
|
|
<span class="description">Shared publicly - 5 days ago</span>
|
|
</div>
|
|
<!-- /.user-block -->
|
|
<p>
|
|
Lorem ipsum represents a long-held tradition for designers,
|
|
typographers and the like. Some people hate it and argue for
|
|
its demise, but others ignore.
|
|
</p>
|
|
<p>
|
|
<a href="#" class="link-black text-sm">
|
|
<i class="fas fa-link mr-1"></i>
|
|
Demo File 1 v1
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-12 col-lg-4 order-1 order-md-2">
|
|
<h3 class="text-primary">
|
|
<i class="fas fa-paint-brush"></i>
|
|
AdminLTE v3
|
|
</h3>
|
|
<p class="text-muted">
|
|
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terr.
|
|
</p>
|
|
<br>
|
|
<div class="text-muted">
|
|
<p class="text-sm">
|
|
Client Company
|
|
<b class="d-block">
|
|
Deveint Inc
|
|
</b>
|
|
</p>
|
|
<p class="text-sm">
|
|
Project Leader
|
|
<b class="d-block">
|
|
Tony Chicken
|
|
</b>
|
|
</p>
|
|
</div>
|
|
<h5 class="mt-5 text-muted">Project files</h5>
|
|
<ul class="list-unstyled">
|
|
<li>
|
|
<a href="" class="btn-link text-secondary">
|
|
<i class="far fa-fw fa-file-word"></i>
|
|
Functional-requirements.docx
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="" class="btn-link text-secondary">
|
|
<i class="far fa-fw fa-file-pdf"></i>
|
|
UAT.pdf
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="" class="btn-link text-secondary">
|
|
<i class="far fa-fw fa-envelope"></i>
|
|
Email-from-flatbal.mln
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="" class="btn-link text-secondary">
|
|
<i class="far fa-fw fa-image "></i>
|
|
Logo.png
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="" class="btn-link text-secondary">
|
|
<i class="far fa-fw fa-file-word"></i>
|
|
Contract-10_12_2014.docx
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="text-center mt-5 mb-3">
|
|
<a href="#" class="btn btn-sm btn-primary">
|
|
Add files
|
|
</a>
|
|
<a href="#" class="btn btn-sm btn-warning">
|
|
Report contact
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /.card-body -->
|
|
</div>
|
|
<!-- /.card -->
|
|
</section>
|
|
<!-- /.content -->
|
|
</div>
|
|
<!-- /.content-wrapper -->
|
|
{% endblock content %}
|
|
<!-- Specific Page JS goes HERE -->
|
|
{% block javascripts %}
|
|
<!-- jQuery -->
|
|
<script src="/static/assets/plugins/jquery/jquery.min.js"></script>
|
|
<!-- Bootstrap 4 -->
|
|
<script src="/static/assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<!-- AdminLTE App -->
|
|
<script src="/static/assets/js/adminlte.min.js"></script>
|
|
<!-- AdminLTE for demo purposes -->
|
|
<script src="/static/assets/js/demo.js"></script>
|
|
{% endblock javascripts %}
|