Skip to content

Commit

Permalink
Separa código HTML em partials
Browse files Browse the repository at this point in the history
  • Loading branch information
brnocesar committed Nov 7, 2020
1 parent 9a13d7a commit 193f407
Show file tree
Hide file tree
Showing 5 changed files with 151 additions and 261 deletions.
3 changes: 3 additions & 0 deletions apps/receitas/templates/base.html
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,9 @@

{% block content %} {% endblock %}


{% include 'partials/footer.html' %}


<!-- ##### All Javascript Files ##### -->
<!-- jQuery-2.2.4 js -->
Expand Down
116 changes: 1 addition & 115 deletions apps/receitas/templates/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,101 +7,7 @@
<img src="{% static 'img/core-img/pizza.png' %}" alt="">
</div>

<!-- Search Wrapper -->
<div class="search-wrapper">
<!-- Close Btn -->
<div class="close-btn"><i class="fa fa-times" aria-hidden="true"></i></div>

<div class="container">
<div class="row">
<div class="col-12">
<form action="#" method="post">
<input type="search" name="search" placeholder="O que está procurando...">
<button type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
</form>
</div>
</div>
</div>
</div>

<!-- ##### Header Area Start ##### -->
<header class="header-area">

<!-- Top Header Area -->
<div class="top-header-area">
<div class="container h-100">
<div class="row h-100 align-items-center justify-content-between">
<!-- Breaking News -->
<div class="col-12 col-sm-6">
<div class="breaking-news">
<div id="breakingNewsTicker" class="ticker">
<ul>
<li><a href="">Boas vindas!</a></li>
<li><a href="">As melhores receitas</a></li>
<li><a href="">Você encontra aqui!</a></li>
</ul>
</div>
</div>
</div>

<!-- Top Social Info -->
<div class="col-12 col-sm-6">
<div class="top-social-info text-right">
<a href="https://github.com/brnocesar" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
<a href="https://www.linkedin.com/in/brnocesar" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>

<!-- Navbar Area -->
<div class="delicious-main-menu">
<div class="classy-nav-container breakpoint-off">
<div class="container">
<!-- Menu -->
<nav class="classy-navbar justify-content-between" id="deliciousNav">

<!-- Logo -->
<a class="nav-brand" href="{% url 'index' %}"><img src="{% static 'img/core-img/logo.png' %}" alt=""></a>

<!-- Navbar Toggler -->
<div class="classy-navbar-toggler">
<span class="navbarToggler"><span></span><span></span><span></span></span>
</div>

<!-- Menu -->
<div class="classy-menu">

<!-- close btn -->
<div clasimg/bg-img/
img/bg-img/
img/bg-img/s="classycloseIcon">
<div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
</div>

<!-- Nav Start -->
<div class="classynav">
<ul>
<li><a href="{% url 'index' %}">Home</a></li>
<li><a href="{% url 'receita' %}">Receitas</a></li>
</ul>

<!-- Formulario de busca -->
<div class="search-btn">
<i class="fa fa-search" aria-hidden="true"></i>
</div>
<!-- Formulario de busca -->

</div>
<!-- Nav End -->
</div>
</nav>
</div>
</div>
</div>
</header>
<!-- ##### Header Area End ##### -->
{% include 'partials/header.html' %}

<!-- ##### Best Receipe Area Start ##### -->
<section class="best-receipe-area">
Expand Down Expand Up @@ -146,24 +52,4 @@ <h5>Nome da receita</h5>
</div>
</section>
<!-- ##### Best Receipe Area End ##### -->

<!-- ##### Footer Area Start ##### -->
<footer class="footer-area">
<div class="container h-100">
<div class="row h-100">
<div class="col-12 h-100 d-flex flex-wrap align-items-center justify-content-between">
<!-- Footer Social Info -->
<div class="footer-social-info text-right">
<a href="https://github.com/brnocesar" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
<a href="https://www.linkedin.com/in/brnocesar" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</div>
<!-- Footer Logo -->
<div class="footer-logo">
<a href="{% url 'index' %}"><img src="{% static 'img/core-img/logo.png' %}" alt=""></a>
</div>
</div>
</div>
</div>
</footer>
<!-- ##### Footer Area Start ##### -->
{% endblock %}
18 changes: 18 additions & 0 deletions apps/receitas/templates/partials/footer.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
{% load static %}
<footer class="footer-area">
<div class="container h-100">
<div class="row h-100">
<div class="col-12 h-100 d-flex flex-wrap align-items-center justify-content-between">
<!-- Footer Social Info -->
<div class="footer-social-info text-right">
<a href="https://github.com/brnocesar" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
<a href="https://www.linkedin.com/in/brnocesar" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</div>
<!-- Footer Logo -->
<div class="footer-logo">
<a href="{% url 'index' %}"><img src="{% static 'img/core-img/logo.png' %}" alt=""></a>
</div>
</div>
</div>
</div>
</footer>
91 changes: 91 additions & 0 deletions apps/receitas/templates/partials/header.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,91 @@
{% load static %}
<!-- Search Wrapper -->
<div class="search-wrapper">
<!-- Close Btn -->
<div class="close-btn"><i class="fa fa-times" aria-hidden="true"></i></div>

<div class="container">
<div class="row">
<div class="col-12">
<form action="#" method="post">
<input type="search" name="search" placeholder="O que está procurando...">
<button type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
</form>
</div>
</div>
</div>
</div>

<!-- ##### Header Area Start ##### -->
<header class="header-area">
<!-- Top Header Area -->
<div class="top-header-area">
<div class="container h-100">
<div class="row h-100 align-items-center justify-content-between">
<!-- Breaking News -->
<div class="col-12 col-sm-6">
<div class="breaking-news">
<div id="breakingNewsTicker" class="ticker">
<ul>
<li><a href="">Boas vindas!</a></li>
<li><a href="">As melhores receitas</a></li>
<li><a href="">Você encontra aqui!</a></li>
</ul>
</div>
</div>
</div>

<!-- Top Social Info -->
<div class="col-12 col-sm-6">
<div class="top-social-info text-right">
<a href="https://github.com/brnocesar" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
<a href="https://www.linkedin.com/in/brnocesar" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>

<!-- Navbar Area -->
<div class="delicious-main-menu">
<div class="classy-nav-container breakpoint-off">
<div class="container">
<!-- Menu -->
<nav class="classy-navbar justify-content-between" id="deliciousNav">

<!-- Logo -->
<a class="nav-brand" href="{% url 'index' %}"><img src="{% static 'img/core-img/logo.png' %}" alt=""></a>

<!-- Navbar Toggler -->
<div class="classy-navbar-toggler">
<span class="navbarToggler"><span></span><span></span><span></span></span>
</div>

<!-- Menu -->
<div class="classy-menu">

<!-- close btn -->
<div clasimg/bg-img/
img/bg-img/
img/bg-img/s="classycloseIcon">
<div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
</div>

<!-- Nav Start -->
<div class="classynav">
<ul>
<li><a href="{% url 'index' %}">Home</a></li>
<li><a href="{% url 'receita' %}">Receitas</a></li>
</ul>

<!-- Formulario de busca -->
<div class="search-btn">
<i class="fa fa-search" aria-hidden="true"></i>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
</header>
Loading

0 comments on commit 193f407

Please sign in to comment.