hover animation,broken url
This commit is contained in:
Natacha Quintero
parent
addf3de67e
commit
b8d576f6ce
3 changed files with 214 additions and 16 deletions
|
|
@ -34,6 +34,100 @@
|
|||
</form> -->
|
||||
|
||||
</div>
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
.caption-style-1{
|
||||
list-style-type: none;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
|
||||
}
|
||||
|
||||
.caption-style-1 li{
|
||||
float: left;
|
||||
padding: 0px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.caption-style-1 li:hover .caption{
|
||||
opacity: 1;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.caption-style-1 img{
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
float: left;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
|
||||
.caption-style-1 .caption{
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
-webkit-transition:all 0.45s ease-in-out;
|
||||
-moz-transition:all 0.45s ease-in-out;
|
||||
-o-transition:all 0.45s ease-in-out;
|
||||
-ms-transition:all 0.45s ease-in-out;
|
||||
transition:all 0.45s ease-in-out;
|
||||
|
||||
}
|
||||
.caption-style-1 .blur{
|
||||
background-color: rgba(0,0,0,0.65);
|
||||
height: 800px;
|
||||
width: 800px;
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.caption-style-1 .caption-text h1{
|
||||
text-transform: uppercase;
|
||||
font-size: 24px;
|
||||
}
|
||||
.caption-style-1 .caption-text{
|
||||
z-index: 0;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
width: 400px;
|
||||
height: 200px;
|
||||
text-align: center;
|
||||
top:30px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
/** content **/
|
||||
.content{
|
||||
margin-top: 100px;
|
||||
margin-left: 100px;
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
.content p{
|
||||
color: #ecf0f1;
|
||||
font-family: "Lato";
|
||||
line-height: 28px;
|
||||
font-size: 15px;
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
p.credit{
|
||||
padding-top: 20px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
p a{
|
||||
color: #ecf0f1;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</header>
|
||||
<!-- form section ends-->
|
||||
<!-- Services Section -->
|
||||
|
|
@ -145,9 +239,10 @@
|
|||
<!-- end:recommendationSlider -->
|
||||
</div></section>
|
||||
|
||||
|
||||
<!-- Portfolio Grid Section -->
|
||||
<section id="portfolio" class="no-padding">
|
||||
<div class="container-fluid">
|
||||
<div class="container-fluid">
|
||||
<!--<div class="row">
|
||||
<div class="col-lg-12 text-center wow fadeInDown">
|
||||
<h2 class="section-heading">here you can</h2>
|
||||
|
|
@ -156,31 +251,96 @@
|
|||
</div>
|
||||
<div class="row no-gutter popup-gallery">
|
||||
<div class="col-lg-4 col-md-4 col-sm-6 portfolio-item wow fadeInDown text-center" data-wow-delay="0.5s">
|
||||
<img src="{% static 'digitalglarus/img/portfolio/excursion.png' %}" class="img-responsive inline-block" alt="">
|
||||
<div class="caption portfolio-caption-white">excursions</div>
|
||||
</div><div class="col-lg-4 col-md-4 col-sm-6 portfolio-item wow fadeInDown text-center" data-wow-delay="0.8s">
|
||||
<img src="{% static 'digitalglarus/img/portfolio/ski.png' %}" class="img-responsive inline-block" alt="">
|
||||
<div class="caption portfolio-caption-white">enjoy the great outdoors</div>
|
||||
<ul class="caption-style-1">
|
||||
<li>
|
||||
<img src="{% static 'digitalglarus/img/portfolio/excursion.png' %}" class="img-responsive inline-block" alt="">
|
||||
<div class="caption">
|
||||
<div class="blur"></div>
|
||||
<div class="caption-text">
|
||||
<div class="caption portfolio-caption-white">excursions</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-6 portfolio-item wow fadeInDown text-center" data-wow-delay="0.8s">
|
||||
<ul class="caption-style-1">
|
||||
<li>
|
||||
<img src="{% static 'digitalglarus/img/portfolio/ski.png' %}" class="img-responsive inline-block" alt="">
|
||||
<div class="caption">
|
||||
<div class="blur"></div>
|
||||
<div class="caption-text">
|
||||
<div class="caption portfolio-caption-white">enjoy the great outdoors</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-6 portfolio-item wow fadeInDown text-center" data-wow-delay="1.1s">
|
||||
<img src="{% static 'digitalglarus/img/portfolio/concert.png' %}" class="img-responsive inline-block" alt="">
|
||||
<div class="caption portfolio-caption-white">cultural events</div>
|
||||
<ul class="caption-style-1">
|
||||
<li>
|
||||
<img src="{% static 'digitalglarus/img/portfolio/concert.png' %}" class="img-responsive inline-block" alt="">
|
||||
<div class="caption">
|
||||
<div class="blur"></div>
|
||||
<div class="caption-text">
|
||||
<div class="caption portfolio-caption-white">cultural events</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-6 portfolio-item wow fadeInDown text-center" data-wow-delay="1.2s">
|
||||
<img src="{% static 'digitalglarus/img/portfolio/inspire.png' %}" class="img-responsive inline-block" alt="">
|
||||
<div class="caption portfolio-caption-white">be inspired</div>
|
||||
<ul class="caption-style-1">
|
||||
<li>
|
||||
<img src="{% static 'digitalglarus/img/portfolio/inspire.png' %}" class="img-responsive inline-block" alt="">
|
||||
<div class="caption">
|
||||
<div class="blur"></div>
|
||||
<div class="caption-text">
|
||||
<div class="caption portfolio-caption-white">be inspired</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-6 portfolio-item wow fadeInDown text-center" data-wow-delay="1.3s">
|
||||
<img src="{% static 'digitalglarus/img/portfolio/workshop.png' %}" class="img-responsive inline-block" alt="">
|
||||
<div class="caption portfolio-caption-white">workshops</div>
|
||||
<ul class="caption-style-1">
|
||||
<li>
|
||||
<img src="{% static 'digitalglarus/img/portfolio/workshop.png' %}" class="img-responsive inline-block" alt="">
|
||||
<div class="caption">
|
||||
<div class="blur"></div>
|
||||
<div class="caption-text">
|
||||
<div class="caption portfolio-caption-white">workshops</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-6 portfolio-item wow fadeInDown text-center" data-wow-delay="1.4s">
|
||||
<img src="{% static 'digitalglarus/img/portfolio/recharge.png' %}" class="img-responsive inline-block" alt="">
|
||||
<div class="caption portfolio-caption-white">recharge</div>
|
||||
<ul class="caption-style-1">
|
||||
<li>
|
||||
<img src="{% static 'digitalglarus/img/portfolio/recharge.png' %}" class="img-responsive inline-block" alt="">
|
||||
<div class="caption">
|
||||
<div class="blur"></div>
|
||||
<div class="caption-text">
|
||||
<div class="caption portfolio-caption-white">recharge</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
<!--aside-->
|
||||
<aside class="bg-dark">
|
||||
<div class="container text-center">
|
||||
|
|
@ -271,6 +431,10 @@
|
|||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
<div class="row">
|
||||
<div class="box">
|
||||
|
|
|
|||
|
|
@ -7,10 +7,12 @@ from .views import ContactView, IndexView, AboutView, HistoryView, LoginView, Si
|
|||
MembershipPricingView, BookingSelectDatesView, BookingPaymentView, OrdersBookingDetailView,\
|
||||
BookingOrdersListView, MembershipOrdersListView, OrdersMembershipDetailView, \
|
||||
MembershipDeactivateView, MembershipDeactivateSuccessView, UserBillingAddressView, \
|
||||
MembershipReactivateView,TermsAndConditions
|
||||
MembershipReactivateView,TermsAndConditions,ValidateUser
|
||||
# from membership.views import LoginRegistrationView
|
||||
|
||||
urlpatterns = [
|
||||
|
||||
url(_(r'login/validate/(?P<pk>\!\w+)/?$'), ValidateUser.as_view(), name='validate-login'),
|
||||
url(_(r'^$'), IndexView.as_view(), name='landing'),
|
||||
url(_(r'terms_conditions/?$'), TermsAndConditions.as_view(), name='TermsAndConditions'),
|
||||
url(_(r'contact/?$'), ContactView.as_view(), name='contact'),
|
||||
|
|
|
|||
|
|
@ -41,6 +41,38 @@ from .models import MembershipType, Membership, MembershipOrder, Booking, Bookin
|
|||
|
||||
from .mixins import MembershipRequiredMixin, IsNotMemberMixin
|
||||
|
||||
class ValidateUser(TemplateView):
|
||||
#print ("ENTRE AQUI AL MENOS Y",pk)
|
||||
template_name = "digitalglarus/signup.html"
|
||||
#form_class = SignupForm
|
||||
success_url = reverse_lazy('digitalglarus:login')
|
||||
#if request.method == 'POST':
|
||||
#u = U.objects.get(pk = pk)
|
||||
#u.is_active = True
|
||||
#u.save()
|
||||
#messages.info(request, 'Usuario Activado')
|
||||
#Log('activar','usuario',request)
|
||||
#resp = dict()
|
||||
#resp['msg'] = 0 #0 para exito
|
||||
#return HttpResponse(json.dumps(resp), content_type ='application/json')
|
||||
|
||||
class ValidateView(SignupViewMixin):
|
||||
template_name = "digitalglarus/signup.html"
|
||||
form_class = SignupForm
|
||||
success_url = reverse_lazy('digitalglarus:login')
|
||||
|
||||
|
||||
#def activarUsuario(request, pk):
|
||||
#if request.method == 'POST':
|
||||
# u = U.objects.get(pk = pk)
|
||||
# u.is_active = True
|
||||
# u.save()
|
||||
# messages.info(request, 'Usuario Activado')
|
||||
# Log('activar','usuario',request)
|
||||
#resp = dict()
|
||||
#resp['msg'] = 0 #0 para exito
|
||||
#return HttpResponse(json.dumps(resp), content_type ='application/json')
|
||||
|
||||
class TermsAndConditions(TemplateView):
|
||||
template_name ="digitalglarus/terms.html"
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue