herencia
This commit is contained in:
parent
4cf81528a2
commit
c90bd61bd1
105
ProyectoWeb/ProyectoWebApp/templates/ProyectoWebApp/base.html
Normal file
105
ProyectoWeb/ProyectoWebApp/templates/ProyectoWebApp/base.html
Normal file
@ -0,0 +1,105 @@
|
|||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
{% load static %}
|
||||||
|
|
||||||
|
<!-- Bootstrap -->
|
||||||
|
<link href="{% static 'ProyectoWebApp/vendor/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Fonts -->
|
||||||
|
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap" rel="stylesheet">
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i" rel="stylesheet">
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Styles -->
|
||||||
|
<link href="{% static 'ProyectoWebApp/css/gestion.css' %}" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<h1 class="site-heading text-center text-white d-none d-lg-block">
|
||||||
|
|
||||||
|
<span class="site-heading-lower">Esclavo del Juego</span>
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-dark py-lg-4" id="mainNav">
|
||||||
|
<div class="container">
|
||||||
|
<a class="navbar-brand text-uppercase text-expanded font-weight-bold d-lg-none" href="{% url 'Inicio' %}">Gestión de Pedidos</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||||
|
<ul class="navbar-nav mx-auto">
|
||||||
|
<li class="nav-item active px-lg-4">
|
||||||
|
<a class="nav-link text-uppercase text-expanded" href="{% url 'Inicio' %}">Inicio</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item px-lg-4">
|
||||||
|
<a class="nav-link text-uppercase text-expanded" href="{% url 'Servicios' %}">Servicios</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item px-lg-4">
|
||||||
|
<a class="nav-link text-uppercase text-expanded" href="{% url 'Tienda' %}">Tienda</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item px-lg-4">
|
||||||
|
<a class="nav-link text-uppercase text-expanded" href="{% url 'Contacto' %}">Contacto</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item px-lg-4">
|
||||||
|
<a class="nav-link text-uppercase text-expanded" href="{% url 'Blog' %}">Blog</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Dynamic Content -->
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="footer text-faded text-center py-5">
|
||||||
|
<div class="container">
|
||||||
|
<p class="m-0">
|
||||||
|
<a href="#" class="link">
|
||||||
|
<span class="fa-stack fa-lg">
|
||||||
|
<i class="fa fa-circle fa-stack-2x"></i>
|
||||||
|
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="link">
|
||||||
|
<span class="fa-stack fa-lg">
|
||||||
|
<i class="fa fa-circle fa-stack-2x"></i>
|
||||||
|
<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="link">
|
||||||
|
<span class="fa-stack fa-lg">
|
||||||
|
<i class="fa fa-circle fa-stack-2x"></i>
|
||||||
|
<i class="fa fa-instagram fa-stack-1x fa-inverse"></i>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<p class="m-0 mbt">
|
||||||
|
<a href="{% url 'Sample' %}" class="link">Corrupción de privacidad</a> ·
|
||||||
|
<a href="{% url 'Sample' %}" class="link">Aviso ilegal</a> ·
|
||||||
|
<a href="{% url 'Sample' %}" class="link">Galletas</a>
|
||||||
|
</p>
|
||||||
|
<p class="m-0 mbt1">© Esclavo del Juego 2020</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Bootstrap -->
|
||||||
|
<script src="{% static 'ProyectoWebApp/vendor/jquery/jquery.min.js' %}"></script>
|
||||||
|
<script src="{% static 'ProyectoWebApp/vendor/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -1,60 +1,8 @@
|
|||||||
<html>
|
{% extends 'ProyectoWebApp/base.html' %}
|
||||||
|
|
||||||
<head>
|
{% load static %}
|
||||||
|
|
||||||
{% load static %}
|
|
||||||
|
|
||||||
<!-- Bootstrap -->
|
|
||||||
<link href="{% static 'ProyectoWebApp/vendor/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- Fonts -->
|
|
||||||
|
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap" rel="stylesheet">
|
|
||||||
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i" rel="stylesheet">
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Styles -->
|
|
||||||
<link href="{% static 'ProyectoWebApp/css/gestion.css' %}" rel="stylesheet">
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<h1 class="site-heading text-center text-white d-none d-lg-block">
|
|
||||||
|
|
||||||
<span class="site-heading-lower">Gestión de Pedidos</span>
|
|
||||||
</h1>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Navbar -->
|
|
||||||
<nav class="navbar navbar-expand-lg navbar-dark py-lg-4" id="mainNav">
|
|
||||||
<div class="container">
|
|
||||||
<a class="navbar-brand text-uppercase text-expanded font-weight-bold d-lg-none" href="home.html">Gestión de Pedidos</a>
|
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
|
||||||
<span class="navbar-toggler-icon"></span>
|
|
||||||
</button>
|
|
||||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
||||||
<ul class="navbar-nav mx-auto">
|
|
||||||
<li class="nav-item active px-lg-4">
|
|
||||||
<a class="nav-link text-uppercase text-expanded" href="home.html">Inicio</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item px-lg-4">
|
|
||||||
<a class="nav-link text-uppercase text-expanded" href="servicios.html">Servicios</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item px-lg-4">
|
|
||||||
<a class="nav-link text-uppercase text-expanded" href="tienda.html">Tienda</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item px-lg-4">
|
|
||||||
<a class="nav-link text-uppercase text-expanded" href="contacto.html">Contacto</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item px-lg-4">
|
|
||||||
<a class="nav-link text-uppercase text-expanded" href="blog.html">Blog</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
<!-- Heading -->
|
<!-- Heading -->
|
||||||
<section class="page-section clearfix">
|
<section class="page-section clearfix">
|
||||||
@ -63,8 +11,8 @@
|
|||||||
<img class="intro-img img-fluid mb-3 mb-lg-0 rounded" src="{% static 'ProyectoWebApp/img/principal.jpg' %}" alt="">
|
<img class="intro-img img-fluid mb-3 mb-lg-0 rounded" src="{% static 'ProyectoWebApp/img/principal.jpg' %}" alt="">
|
||||||
<div class="intro-text left-0 text-center bg-faded p-5 rounded">
|
<div class="intro-text left-0 text-center bg-faded p-5 rounded">
|
||||||
<h2 class="section-heading mb-4" >
|
<h2 class="section-heading mb-4" >
|
||||||
<span class="section-heading-upper">Puntualidad</span>
|
<span class="section-heading-upper">Genialidad</span>
|
||||||
<span class="section-heading-lower">El mejor stock</span>
|
<span class="section-heading-lower">El mejor Jugador</span>
|
||||||
</h2>
|
</h2>
|
||||||
<p class="mb-3">En la puertra de tu casa en menos de 48 h con el envío normal. En menos de 24 h con el envío express.
|
<p class="mb-3">En la puertra de tu casa en menos de 48 h con el envío normal. En menos de 24 h con el envío express.
|
||||||
</p>
|
</p>
|
||||||
@ -75,7 +23,6 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Message -->
|
<!-- Message -->
|
||||||
<section class="page-section cta">
|
<section class="page-section cta">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
@ -92,45 +39,4 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
<!-- Footer -->
|
|
||||||
<footer class="footer text-faded text-center py-5">
|
|
||||||
<div class="container">
|
|
||||||
<p class="m-0">
|
|
||||||
<a href="#" class="link">
|
|
||||||
<span class="fa-stack fa-lg">
|
|
||||||
<i class="fa fa-circle fa-stack-2x"></i>
|
|
||||||
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
<a href="#" class="link">
|
|
||||||
<span class="fa-stack fa-lg">
|
|
||||||
<i class="fa fa-circle fa-stack-2x"></i>
|
|
||||||
<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
<a href="#" class="link">
|
|
||||||
<span class="fa-stack fa-lg">
|
|
||||||
<i class="fa fa-circle fa-stack-2x"></i>
|
|
||||||
<i class="fa fa-instagram fa-stack-1x fa-inverse"></i>
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
<p class="m-0 mbt">
|
|
||||||
<a href="sample.html" class="link">Política de privacidad</a> ·
|
|
||||||
<a href="sample.html" class="link">Aviso legal</a> ·
|
|
||||||
<a href="sample.html" class="link">Cookies</a>
|
|
||||||
</p>
|
|
||||||
<p class="m-0 mbt1">© Gestión de Pedidos 2020</p>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<!-- Bootstrap -->
|
|
||||||
<script src="{% static 'ProyectoWebApp/vendor/jquery/jquery.min.js' %}"></script>
|
|
||||||
<script src="{% static 'ProyectoWebApp/vendor/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|||||||
@ -0,0 +1,11 @@
|
|||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Sample</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Sample</h1>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
@ -7,4 +7,5 @@ urlpatterns = [
|
|||||||
path('tienda/', views.tienda, name ='Tienda'),
|
path('tienda/', views.tienda, name ='Tienda'),
|
||||||
path('blog/', views.blog, name ='Blog'),
|
path('blog/', views.blog, name ='Blog'),
|
||||||
path('contacto/', views.contacto, name='Contacto'),
|
path('contacto/', views.contacto, name='Contacto'),
|
||||||
|
path('sample/', views.sample, name ='Sample'),
|
||||||
]
|
]
|
||||||
|
|||||||
@ -15,4 +15,7 @@ def blog(request):
|
|||||||
def contacto(request):
|
def contacto(request):
|
||||||
return render(request, "ProyectoWebApp/contacto.html")
|
return render(request, "ProyectoWebApp/contacto.html")
|
||||||
|
|
||||||
|
def sample(request):
|
||||||
|
return render(request, "ProyectoWebApp/sample.html")
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user