Aggiunto Abbellimento Homepage
parent
9d73d299da
commit
a2b277789d
|
@ -14,11 +14,11 @@
|
||||||
<title>{% block title %} {% endblock title %}</title>
|
<title>{% block title %} {% endblock title %}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="topnav">
|
<div class="topnav text-center">
|
||||||
<a class="active" href="{% url 'Homepage' %}">Home</a>
|
<a class="active" href="{% url 'Homepage' %}"><i class="fas fa-home mr-2"></i>Home</a>
|
||||||
<a href="#about">Strumenti</a>
|
<a href="#about">Strumenti</a>
|
||||||
<a href="#about">Bicchieri</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">
|
<div class="search-container">
|
||||||
<form action="{% url 'cerca' %}">
|
<form action="{% url 'cerca' %}">
|
||||||
<input type="text" placeholder="Cerca..." name="q">
|
<input type="text" placeholder="Cerca..." name="q">
|
||||||
|
|
Binary file not shown.
|
@ -8,10 +8,11 @@
|
||||||
{% endblock css %}
|
{% endblock css %}
|
||||||
|
|
||||||
{% block content %}
|
{% 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 %}
|
{% for cocktail in lista_cocktail %}
|
||||||
<!-- {{ cocktail.ingredienti.all }}
|
|
||||||
{{ cocktail.nome_cocktail }} -->
|
|
||||||
{% if forloop.first %} <div class="row"> {% endif %}
|
{% if forloop.first %} <div class="row"> {% endif %}
|
||||||
<div class="col-lg-4 my-3">
|
<div class="col-lg-4 my-3">
|
||||||
<a href="{{ cocktail.get_absolute_url }}">
|
<a href="{{ cocktail.get_absolute_url }}">
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
from django.shortcuts import render,get_object_or_404,redirect
|
from django.shortcuts import render,get_object_or_404,redirect
|
||||||
from .models import Cocktail,Ingredienti
|
from .models import Cocktail,Ingredienti
|
||||||
import random
|
import random
|
||||||
|
import time
|
||||||
# Create your views here.
|
# Create your views here.
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -19,4 +19,25 @@ a
|
||||||
}
|
}
|
||||||
a:hover{
|
a:hover{
|
||||||
color: inherit;
|
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