Merge pull request #531 from tiwariav/task/3360/ungleich_animation_delay
task/3360 ungleich landing page animation
This commit is contained in:
commit
0fdcfcfe50
5 changed files with 31 additions and 41 deletions
|
@ -2,16 +2,16 @@
|
|||
|
||||
$(function(){
|
||||
new WOW().init();
|
||||
$('.img-toggle').one('mouseover', toggleImage);
|
||||
$('.img-toggle').one('mouseenter', toggleImage);
|
||||
});
|
||||
|
||||
function toggleImage(e) {
|
||||
var $this = $(this),
|
||||
toggle_img = $this.attr('data-replaced'),
|
||||
current_img = $this.attr('src');
|
||||
$this.fadeOut(600, function() {
|
||||
$this.fadeOut(200, function() {
|
||||
$this.attr('src', toggle_img);
|
||||
$this.attr('data-replaced', current_img);
|
||||
$this.fadeIn(900);
|
||||
$this.fadeIn(300);
|
||||
});
|
||||
};
|
||||
|
|
|
@ -1,5 +1,4 @@
|
|||
{% load static %}
|
||||
{% load i18n %}
|
||||
{% load static i18n %}
|
||||
|
||||
<section id="about">
|
||||
<div class="container">
|
||||
|
@ -32,7 +31,7 @@
|
|||
</div>
|
||||
<div class="timeline-body">
|
||||
<p>{% trans "ungleich founded" %} </p>
|
||||
<p>{% trans "in Switzerland" %} </p>
|
||||
<p>{% trans "in Switzerland" %}</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
{% for message in messages %}
|
||||
<div class="alert alert-success alert-dismissible" role="alert">
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close"
|
||||
autofocus><span aria-hidden="true">×</span></button>
|
||||
autofocus><span aria-hidden="true">×</span></button>
|
||||
<strong>{{ message }}</strong>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
@ -16,7 +16,7 @@
|
|||
<br>
|
||||
|
||||
<h3 class="intro-smallcap">{% trans "Join us at" %} <a
|
||||
href="{% url 'digitalglarus:landing' %}">{% trans "Digital Glarus" %}</a>,
|
||||
href="{% url 'digitalglarus:landing' %}">{% trans "Digital Glarus" %}</a>,
|
||||
{% trans "a great co-working space in the middle of Alps!" %}
|
||||
<p></p> {% trans "You can contact us at" %} </h3>
|
||||
<h3 class="intro-smallcap"><a href="mailto:info@ungleich.ch"><i class="fa fa-envelope">info@ungleich.ch</i></a>
|
||||
|
@ -62,12 +62,6 @@
|
|||
</div>
|
||||
</form> -->
|
||||
</div>
|
||||
<p> </p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
|
@ -10,7 +10,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-sm-6 portfolio-item wow fadeInDown" data-wow-delay="0.5s">
|
||||
<div class="col-md-4 col-sm-6 portfolio-item wow fadeInUp" data-wow-delay="0.25s">
|
||||
<a href="{% url 'datacenterlight:index' %}"><img src="{% static 'ungleich_page/img/portfolio/datacenterlight.png' %}" class="img-responsive inline-block" alt=""></a>
|
||||
<div class="portfolio-caption inline-block">
|
||||
<h4>{% trans "Data Center Light" %}</h4>
|
||||
|
@ -18,7 +18,7 @@
|
|||
<p class="text-muted">{% trans "We offer the most affordable hosting in Switzerland. Data Center Light has full FOSS stack, 100% IPv6 and 100% SSD. Choose any configuration among CentOS, Debian, Ubuntu, Devuan, and FreeBSD." %} </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 portfolio-item wow fadeInDown" data-wow-delay="1s">
|
||||
<div class="col-md-4 col-sm-6 portfolio-item wow fadeInUp" data-wow-delay="0.5s">
|
||||
<a href="{% url 'rails.hosting' %}"><img src="{% static 'ungleich_page/img/portfolio/startup-framework.png' %}" class="img-responsive inline-block" alt=""></a>
|
||||
<div class="portfolio-caption inline-block">
|
||||
<h4>{% trans "Rails Hosting" %} </h4>
|
||||
|
@ -26,7 +26,7 @@
|
|||
<p class="text-muted">{% trans "Ready to go live with your Ruby on Rails application? We offer you ready-to-deploy virtual machines or configure your existing infrastructure for Ruby on Rails." %}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 portfolio-item wow fadeInDown" data-wow-delay="1.5s">
|
||||
<div class="col-md-4 col-sm-6 portfolio-item wow fadeInUp" data-wow-delay="0.75s">
|
||||
<a href="{% url 'datacenterlight:glasfaser' %}"><img src="{% static 'ungleich_page/img/portfolio/glasfaser.png' %}" class="img-responsive inline-block" alt=""></a>
|
||||
<div class="portfolio-caption inline-block">
|
||||
<h4>{% trans "High Speed Internet" %}</h4>
|
||||
|
|
|
@ -2,48 +2,45 @@
|
|||
{% load i18n %}
|
||||
|
||||
<section id="services">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center wow fadeInDown">
|
||||
<h2 class="section-heading">{% trans "our services" %}</h2>
|
||||
<h3 class="section-subheading text-muted">
|
||||
{% trans "We support our clients in all areas of Unix infrastructure." %}<br/>
|
||||
{% trans "Our top notch configuration management is refreshingly simple and reliable." %}
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="text-center wow fadeInDown">
|
||||
<h2 class="section-heading">{% trans "our services" %}</h2>
|
||||
<h3 class="section-subheading text-muted">
|
||||
{% trans "We support our clients in all areas of Unix infrastructure." %}<br/>
|
||||
{% trans "Our top notch configuration management is refreshingly simple and reliable." %}
|
||||
</h3>
|
||||
</div>
|
||||
<div class="row text-center">
|
||||
<div class="col-sm-4">
|
||||
<div class="team-member wow fadeInDown" data-wow-delay="0.5s">
|
||||
<div class="team-member wow fadeInUp" data-wow-delay="0.25s">
|
||||
<img src="{% static 'ungleich_page/img/team/5.jpg' %}" data-replaced="{% static 'ungleich_page/img/services/hosting.png' %}" class="img-responsive img-circle img-toggle" alt="">
|
||||
<div class="team-member-caption inline-block">
|
||||
<h4 class="portfolio-caption">{% trans "Hosting" %}</h4>
|
||||
<p> </p>
|
||||
<p><span class="text-muted">{% trans "Ruby on Rails. Java hosting, Django hosting, we make it everything run smooth and safe." %}</span></p>
|
||||
<h4 class="portfolio-caption">{% trans "Hosting" %}</h4>
|
||||
<p> </p>
|
||||
<p><span class="text-muted">{% trans "Ruby on Rails. Java hosting, Django hosting, we make it everything run smooth and safe." %}</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="team-member wow fadeInDown" data-wow-delay="1s">
|
||||
<div class="team-member wow fadeInUp" data-wow-delay="0.5s">
|
||||
<img src="{% static 'ungleich_page/img/team/4.jpg' %}" data-replaced="{% static 'ungleich_page/img/services/configuration.png' %}" class="img-responsive img-circle img-toggle" alt="">
|
||||
<div class="team-member-caption inline-block">
|
||||
<h4 class="portfolio-caption">{% trans "Configuration as a Service" %}</h4>
|
||||
<p> </p>
|
||||
<p><span class="text-muted">{% trans "Ruby on Rails, Django, Java, Webserver, Mailserver, any infrastructure that needs to configured, we provide comprehensive solutions. Amazon, rackspace or bare metal servers, we configure for you." %}</span></p>
|
||||
<p class="text-muted"> </p>
|
||||
<h4 class="portfolio-caption">{% trans "Configuration as a Service" %}</h4>
|
||||
<p> </p>
|
||||
<p><span class="text-muted">{% trans "Ruby on Rails, Django, Java, Webserver, Mailserver, any infrastructure that needs to configured, we provide comprehensive solutions. Amazon, rackspace or bare metal servers, we configure for you." %}</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="team-member wow fadeInDown" data-wow-delay="1.5s">
|
||||
<div class="team-member wow fadeInUp" data-wow-delay="0.75s">
|
||||
<img src="{% static 'ungleich_page/img/team/6.jpg' %}" data-replaced="{% static 'ungleich_page/img/services/linux.png' %}" class="img-responsive img-circle img-toggle cursor-pointer" alt="">
|
||||
<h4 class="portfolio-caption">{% trans "Linux System Engineering" %}</h4>
|
||||
<p class="text-muted"> </p>
|
||||
<div class="team-member-caption inline-block">
|
||||
<p class="text-muted">{% trans "Let your developers develop! We take care of your system administration. Gentoo, Archlinux, Debian, Ubuntu, and many more." %}</p>
|
||||
<h4 class="portfolio-caption">{% trans "Linux System Engineering" %}</h4>
|
||||
<p> </p>
|
||||
<p class="text-muted">{% trans "Let your developers develop! We take care of your system administration. Gentoo, Archlinux, Debian, Ubuntu, and many more." %}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
Loading…
Reference in a new issue