Skip to content

Commit

Permalink
Layout example
Browse files Browse the repository at this point in the history
  • Loading branch information
@rdurica
rdurica committed Aug 17, 2023
1 parent 73acc9f commit 3695c89
Showing 1 changed file with 42 additions and 48 deletions.
90 changes: 42 additions & 48 deletions src/app/Presenter/templates/Home/default.latte
View file
Original file line number Diff line number Diff line change
@@ -1,61 +1,55 @@
{block navbar}{include './../navbar.latte'}{/block}
{block content}
<div class="row">
<div class="col-md-5 offset-md-2">
Actual Challenges
<div class="col-md-6 offset-md-1">
<h3>Úkoly</h3>
<div class="card text-center mt-2">
<div class="card-header">Featured</div>
<div class="card-header">Dostupný úkol</div>
<div class="card-body">
<h5 class="card-title">Special title treatment</h5>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<a href="#" class="btn btn-primary ">Go somewhere</a>
<a href="#" class="btn btn-primary ">Začít</a>
</div>
<div class="card-footer text-muted">2 days ago</div>
</div>

<div class="card text-center mt-2">
<div class="card-header">Featured</div>
<div class="card-body">
<h5 class="card-title">Special title treatment</h5>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
<div class="card-footer text-muted">2 days ago</div>
</div>

<div class="card text-center mt-2">
<div class="card-header">Featured</div>
<div class="card-body">
<h5 class="card-title">Special title treatment</h5>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
<div class="card-footer text-muted">2 days ago</div>
<div class="card-footer text-muted">Končí 22.12.2023</div>
</div>
</div>
<div class="col-md-3 offset-md-2">
Completed
<div class="card border border-success shadow-0 mt-2" style="max-width: 18rem;">
<div class="card-body text-success">
<h5 class="card-title">Success card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
</div>
</div>

<div class="card border border-success shadow-0 mt-2" style="max-width: 18rem;">
<div class="card-body text-success">
<h5 class="card-title">Success card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
</div>
</div>

<div class="card border border-success shadow-0 mt-2" style="max-width: 18rem;">
<div class="card-body text-success">
<h5 class="card-title">Success card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
<div class="col-md-3 offset-md-1 overflow-auto">
<h3>Historie (13/11)</h3>
<div class="card shadow-3 mt-2">
<div class="card-body overflow-auto" style="max-height: 80vh;">
<span class="badge badge-primary"><i class="fa-regular fa-clock"></i> Čeká na schválení</span>
<p>Lorem ipsum dolor sit amet. Aut praesentium enim est tempore neque ad illum</p>
<hr>
<span class="badge badge-success"><i class="fa-regular fa-circle-check"></i> 13.3.2023</span>
<p>Lorem ipsum dolor sit amet. Aut praesentium enim est tempore neque ad illum</p>
<hr>
<span class="badge badge-danger"><i class="fa-regular fa-circle-xmark"></i> 13.3.2023</span>
<p>Lorem ipsum dolor sit amet. Aut praesentium enim est tempore neque ad illum</p>
<hr>
<span class="badge badge-success"><i class="fa-regular fa-circle-check"></i> 13.3.2023</span>
<p>Lorem ipsum dolor sit amet. Aut praesentium enim est tempore neque ad illum</p>
<hr>
<span class="badge badge-success"><i class="fa-regular fa-circle-check"></i> 13.3.2023</span>
<p>Lorem ipsum dolor sit amet. Aut praesentium enim est tempore neque ad illum</p>
<hr>
<span class="badge badge-success"><i class="fa-regular fa-circle-check"></i> 13.3.2023</span>
<p>Lorem ipsum dolor sit amet. Aut praesentium enim est tempore neque ad illum</p>
<hr>
<span class="badge badge-success"><i class="fa-regular fa-circle-check"></i> 13.3.2023</span>
<p>Lorem ipsum dolor sit amet. Aut praesentium enim est tempore neque ad illum</p>
<hr>
<span class="badge badge-success"><i class="fa-regular fa-circle-check"></i> 13.3.2023</span>
<p>Lorem ipsum dolor sit amet. Aut praesentium enim est tempore neque ad illum</p>
<hr>
<span class="badge badge-danger"><i class="fa-regular fa-circle-xmark"></i> 13.3.2023</span>
<p>Lorem ipsum dolor sit amet. Aut praesentium enim est tempore neque ad illum</p>
<hr>
<span class="badge badge-success"><i class="fa-regular fa-circle-check"></i> 13.3.2023</span>
<p>Lorem ipsum dolor sit amet. Aut praesentium enim est tempore neque ad illum</p>
<hr>
<span class="badge badge-success"><i class="fa-regular fa-circle-check"></i> 13.3.2023</span>
<p>Lorem ipsum dolor sit amet. Aut praesentium enim est tempore neque ad illum</p>
<hr>
</div>
</div>
</div>
Expand Down

0 comments on commit 3695c89

Please sign in to comment.