Skip to content

Commit

Permalink
Adiciona novos arquivos HTML
Browse files Browse the repository at this point in the history
  • Loading branch information
brnocesar committed Nov 7, 2020
1 parent d856a11 commit 81492ec
Show file tree
Hide file tree
Showing 2 changed files with 460 additions and 26 deletions.
261 changes: 235 additions & 26 deletions apps/receitas/templates/index.html
100644 → 100755
Original file line number Diff line number Diff line change
@@ -1,27 +1,236 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Django Receitas</title>
</head>

<body>
<h1>Receitas</h1>

<table>
<thead>
<tr>
<td>Receita</td>
<td>Ingredientes</td>
<td>Preparo</td>
</tr>
</thead>
<tbody>
<td>Vitamina de Banana</td>
<td>Bananas, bolacha de maizena, achocolatado e leite</td>
<td>Bater no liquidificador</td>
</tbody>
</table>
</body>
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="description" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->

<!-- Título -->
<title>Alura Receitas</title>

<!-- Favicon -->
<link rel="icon" href="img/core-img/favicon.ico">

<!-- Stylesheet -->
<link rel="stylesheet" href="site.css">

</head>

<body>
<!-- Preloader -->
<div id="preloader">
<i class="circle-preloader"></i>
<img src="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=""><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href=""><i class="fa fa-twitter" 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="index.html"><img src="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 class="classycloseIcon">
<div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
</div>

<!-- Nav Start -->
<div class="classynav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="receita.html">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 ##### -->

<!-- ##### Best Receipe Area Start ##### -->
<section class="best-receipe-area">
<div class="container">
<div class="row">
<!-- Single Best Receipe Area -->
<div class="col-12 col-sm-6 col-lg-4">
<div class="single-best-receipe-area mb-30">
<img src="img/bg-img/foto_receita.png" alt="">
<div class="receipe-content">
<a href="receita.html">
<h5>Nome da receita</h5>
</a>
</div>
</div>
</div>

<!-- Single Best Receipe Area -->
<div class="col-12 col-sm-6 col-lg-4">
<div class="single-best-receipe-area mb-30">
<img src="img/bg-img/foto_receita.png" alt="">
<div class="receipe-content">
<a href="receita.html">
<h5>Nome da receita</h5>
</a>
</div>
</div>
</div>

<!-- Single Best Receipe Area -->
<div class="col-12 col-sm-6 col-lg-4">
<div class="single-best-receipe-area mb-30">
<img src="img/bg-img/foto_receita.png" alt="">
<div class="receipe-content">
<a href="receita.html">
<h5>Nome da receita</h5>
</a>
</div>
</div>
</div>

<!-- Single Best Receipe Area -->
<div class="col-12 col-sm-6 col-lg-4">
<div class="single-best-receipe-area mb-30">
<img src="img/bg-img/foto_receita.png" alt="">
<div class="receipe-content">
<a href="receita.html">
<h5>Nome da receita</h5>
</a>
</div>
</div>
</div>

<!-- Single Best Receipe Area -->
<div class="col-12 col-sm-6 col-lg-4">
<div class="single-best-receipe-area mb-30">
<img src="img/bg-img/foto_receita.png" alt="">
<div class="receipe-content">
<a href="receita.html">
<h5>Nome da receita</h5>
</a>
</div>
</div>
</div>

<!-- Single Best Receipe Area -->
<div class="col-12 col-sm-6 col-lg-4">
<div class="single-best-receipe-area mb-30">
<img src="img/bg-img/foto_receita.png" alt="">
<div class="receipe-content">
<a href="receita.html">
<h5>Nome da receita</h5>
</a>
</div>
</div>
</div>
</div>
</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="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
</div>
<!-- Footer Logo -->
<div class="footer-logo">
<a href="index.html"><img src="img/core-img/logo.png" alt=""></a>
</div>
</div>
</div>
</div>
</footer>
<!-- ##### Footer Area Start ##### -->

<!-- ##### All Javascript Files ##### -->
<!-- jQuery-2.2.4 js -->
<script src="js/jquery/jquery-2.2.4.min.js"></script>
<!-- Popper js -->
<script src="js/bootstrap/popper.min.js"></script>
<!-- Bootstrap js -->
<script src="js/bootstrap/bootstrap.min.js"></script>
<!-- All Plugins js -->
<script src="js/plugins/plugins.js"></script>
<!-- Active js -->
<script src="js/active.js"></script>
</body>

</html>
Loading

0 comments on commit 81492ec

Please sign in to comment.