Aggiunto Abbellimento Homepage
parent
9d73d299da
commit
a2b277789d
|
@ -14,11 +14,11 @@
|
|||
<title>{% block title %} {% endblock title %}</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="topnav">
|
||||
<a class="active" href="{% url 'Homepage' %}">Home</a>
|
||||
<div class="topnav text-center">
|
||||
<a class="active" href="{% url 'Homepage' %}"><i class="fas fa-home mr-2"></i>Home</a>
|
||||
<a href="#about">Strumenti</a>
|
||||
<a href="#about">Bicchieri</a>
|
||||
<a href="{% url 'random_cocktail' %}">Random Cocktail</a>
|
||||
<a href="{% url 'random_cocktail' %}"><i class="fas fa-glass-cheers mr-2" style="color: black;"></i>Random Cocktail</a>
|
||||
<div class="search-container">
|
||||
<form action="{% url 'cerca' %}">
|
||||
<input type="text" placeholder="Cerca..." name="q">
|
||||
|
|
Binary file not shown.
|
@ -8,10 +8,11 @@
|
|||
{% endblock css %}
|
||||
|
||||
{% block content %}
|
||||
<h1 class="text-center">In totale nel nostro Salone Bar abbiamo {{ lista_cocktail.count }} <i class="fas fa-cocktail"></i> </h1>
|
||||
<div class="contained-img-bar mt-2">
|
||||
<div class="text-contained-img-bar">In totale nel nostro Salone Bar abbiamo {{ lista_cocktail.count }} cocktails</div>
|
||||
</div>
|
||||
<!-- <h1 class="text-center">In totale nel nostro Salone Bar abbiamo {{ lista_cocktail.count }} <i class="fas fa-cocktail"></i> </h1> -->
|
||||
{% for cocktail in lista_cocktail %}
|
||||
<!-- {{ cocktail.ingredienti.all }}
|
||||
{{ cocktail.nome_cocktail }} -->
|
||||
{% if forloop.first %} <div class="row"> {% endif %}
|
||||
<div class="col-lg-4 my-3">
|
||||
<a href="{{ cocktail.get_absolute_url }}">
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
from django.shortcuts import render,get_object_or_404,redirect
|
||||
from .models import Cocktail,Ingredienti
|
||||
import random
|
||||
|
||||
import time
|
||||
# Create your views here.
|
||||
|
||||
|
||||
|
|
|
@ -20,3 +20,24 @@ a
|
|||
a:hover{
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.contained-img-bar{
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid grey;
|
||||
background-image: url("https://img.freepik.com/foto-gratuito/selezione-di-vari-cocktail-sul-tavolo_140725-2909.jpg?size=626&ext=jpg");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
position: relative;
|
||||
}
|
||||
.text-contained-img-bar{
|
||||
color: white;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
font-size: 1.5em;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
Loading…
Reference in New Issue