diff --git a/digitalglarus/templates/digitalglarus/index.html b/digitalglarus/templates/digitalglarus/index.html
index 152dd48e..86bcfeba 100644
--- a/digitalglarus/templates/digitalglarus/index.html
+++ b/digitalglarus/templates/digitalglarus/index.html
@@ -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">
diff --git a/digitalglarus/urls.py b/digitalglarus/urls.py
index 1d13e8f2..1a9850e0 100644
--- a/digitalglarus/urls.py
+++ b/digitalglarus/urls.py
@@ -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'),
diff --git a/digitalglarus/views.py b/digitalglarus/views.py
index 4b18333a..e48661fa 100644
--- a/digitalglarus/views.py
+++ b/digitalglarus/views.py
@@ -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"