sanghee/dynamicweb
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

images added, ungleich landing modified

Browse source
This commit is contained in:
Arvind Tiwari 2017-10-10 02:09:03 +05:30
parent 695a8687fd
commit 96a993b235
16 changed files with 251 additions and 212 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
datacenterlight/static/datacenterlight/css/glasfaser.css
View file

@ -2,18 +2,17 @@
height: 100%; height: 100%;
} }
.navbar-transparent #logoWhite {
width: 140px;
}
.navbar-default { .navbar-default {
border-bottom: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;
} }
.navbar-transparent {
border-color: transparent;
}
.navbar-default .navbar-nav>li>a { .navbar-default .navbar-nav>li>a {
text-transform: uppercase; text-transform: uppercase;
font-weight: 400; font-weight: 400;
letter-spacing: 1px; letter-spacing: 1px;
/* font-family: 'Montserrat'; */
color: #777; color: #777;
} }
.navbar-transparent .navbar-nav>li>a { .navbar-transparent .navbar-nav>li>a {
@ -26,10 +25,17 @@
color: #fed136; color: #fed136;
} }
.navbar-transparent { @media (min-width: 768px) {
.navbar-transparent {
border-color: transparent;
}
.navbar-transparent {
background: rgba(0,0,0,0.05); background: rgba(0,0,0,0.05);
box-shadow: 0 0 55px rgba(0,0,0,0.09); box-shadow: 0 0 55px rgba(0,0,0,0.09);
}
} }
.intro-header { .intro-header {
background: url(../img/header-nico-sans.jpg) no-repeat center center; background: url(../img/header-nico-sans.jpg) no-repeat center center;
background-size: cover; background-size: cover;
@ -39,7 +45,7 @@
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
padding-toP: 70px; padding-top: 70px;
} }
.intro-header:before { .intro-header:before {
@ -69,8 +75,6 @@
text-align: right; text-align: right;
margin-bottom: 25px; margin-bottom: 25px;
position: relative; position: relative;
/* background: rgba(0,0,0,0.2);
box-shadow: 0 0 150px rgba(0,0,0,0.41); */
} }
.high-speed h1 { .high-speed h1 {
@ -108,6 +112,23 @@
top: -10px; top: -10px;
} }
.team-member h4 {
font-family: 'Raleway', Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700;
margin-bottom: 20px;
}
.timeline>li .timeline-panel {
display: flex;
min-height: 100px;
align-items: center;
}
.timeline>li.timeline-inverted>.timeline-panel {
padding-bottom: 0;
}
.contact-section h2, .contact-section h2,
.contact-section h3, .contact-section h3,
.contact-section p { .contact-section p {
@ -127,7 +148,7 @@ footer {
@media(min-width: 768px) { @media(min-width: 768px) {
section { section {
padding: 100px 0; padding: 90px 0;
} }
} }

79
datacenterlight/templates/datacenterlight/glasfaser.html
View file

@ -57,53 +57,38 @@
<section id="services"> <section id="services">
<div class="container"> <div class="container">
<div class="row"> <div class="text-center wow fadeInDown">
<div class="col-lg-12 text-center wow fadeInDown">
<h2 class="section-heading">Technische Details</h2> <h2 class="section-heading">Technische Details</h2>
<h3 class="section-subheading text-muted"> <h3 class="section-subheading text-muted">Im Angebot enthalten sind</h3>
Im Angebot enthalten sind
</h3>
</div>
</div> </div>
<div class="row text-center"> <div class="row text-center">
<div class="col-sm-4"> <div class="col-sm-4">
<div class="team-member wow fadeInDown" data-wow-delay="0.5s"> <div class="team-member wow fadeInDown" data-wow-delay="0.5s">
<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=""> <img src="{% static 'ungleich_page/img/glasfaser/business.png' %}" data-replaced="{% static 'ungleich_page/img/services/hosting.png' %}" class="img-responsive img-circle img-toggle" alt="">
<div class="team-member-caption inline-block"> <div class="team-member-caption inline-block">
<h4 class="portfolio-caption">Title</h4> <h4 class="portfolio-caption">Business-Internet</h4>
<p>&nbsp;</p> <p class="text-muted">Symmetrische Internetleitung 100 Mbit/s upload und 100 Mbit/s download</p>
<p><span class="text-muted">Symmetrische Internetleitung 100 Mbit/s upload und 100 Mbit/s download</span></p> <p class="text-muted">Glasfaser-Installation bis ins Haus (keine Hausverkabelung)</p>
</div> </div>
</div> </div>
</div> </div>
<div class="col-sm-4"> <div class="col-sm-4">
<div class="team-member wow fadeInDown" data-wow-delay="1s"> <div class="team-member wow fadeInDown" data-wow-delay="1s">
<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=""> <img src="{% static 'ungleich_page/img/glasfaser/ip.png' %}" 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">Title</h4>
<p>&nbsp;</p>
<p><span class="text-muted">1 öffentliche IPv4-Adresse</span></p>
<p class="text-muted">&nbsp;</p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="team-member wow fadeInDown" data-wow-delay="1.5s">
<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">Title</h4>
<p class="text-muted">&nbsp;</p>
<div class="team-member-caption inline-block"> <div class="team-member-caption inline-block">
<h4 class="portfolio-caption">Erreichbarkeit im Internet</h4>
<p class="text-muted">1 öffentliches IPv6-Netzwerk (/64)</p> <p class="text-muted">1 öffentliches IPv6-Netzwerk (/64)</p>
<p class="text-muted">1 öffentliche IPv4-Adresse</p>
</div> </div>
</div> </div>
</div> </div>
<div class="col-sm-4"> <div class="col-sm-4">
<div class="team-member wow fadeInDown" data-wow-delay="1.5s"> <div class="team-member wow fadeInDown" data-wow-delay="1.5s">
<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=""> <img src="{% static 'ungleich_page/img/glasfaser/switch.png' %}" data-replaced="{% static 'ungleich_page/img/services/linux.png' %}" class="img-responsive img-circle img-toggle cursor-pointer" alt="">
<h4 class="portfolio-caption">Title</h4>
<p class="text-muted">&nbsp;</p>
<div class="team-member-caption inline-block"> <div class="team-member-caption inline-block">
<h4 class="portfolio-caption">Einfach zu nutzen</h4>
<p class="text-muted">2 vorkonfigurierte Endgeräte (benötigt zwei Steckdosen auf Ihrer Seite)</p> <p class="text-muted">2 vorkonfigurierte Endgeräte (benötigt zwei Steckdosen auf Ihrer Seite)</p>
<p class="text-muted">Einfach einstecken und los!</p>
</div> </div>
</div> </div>
</div> </div>
@ -114,34 +99,48 @@
<!-- About Section --> <!-- About Section -->
<section id="about"> <section id="about">
<div class="container"> <div class="container">
<div class="row"> <div class="text-center wow fadeInDown">
<div class="col-lg-12 text-center wow fadeInDown">
<h2 class="section-heading">Wie funktioniert es?</h2> <h2 class="section-heading">Wie funktioniert es?</h2>
</div> <h3 class="section-subheading text-muted">So kommen Sie in wenigen einfachen Schritten zu ihrem High-Speed-Internet</h3>
</div> </div>
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<ul class="timeline"> <ul class="timeline">
<li> <li>
<div class="timeline-image"> <div class="timeline-image">
<img class="img-circle img-responsive" src="{% static 'ungleich_page/img/about/1.jpg' %}" alt=""> <img class="img-circle img-responsive" src="{% static 'ungleich_page/img/glasfaser/a.png' %}" alt="">
</div> </div>
<div class="timeline-panel wow slideInLeft"> <div class="timeline-panel wow slideInLeft">
<div class="timeline-heading">
<h4>Title</h4>
</div>
<div class="timeline-body"> <div class="timeline-body">
<p>Senden Sie uns via E-Mail Ihren Firmennamen und Ihre Anschrift zu. Wir prüfen dann die Entfernung zum nächsten Anschlusspunkt und schicken Ihnen eine Offerte zu. Sollten Sie dem Angebot zustimmen, wird die Glasfaser zu Ihrem Standort verlegt und ein Endgerät installiert.</p> <p>Senden Sie uns via E-Mail Ihren Firmennamen und Ihre Anschrift zu.</p>
</div> </div>
</div></li> </div>
</li>
<li class="timeline-inverted"> <li class="timeline-inverted">
<div class="timeline-image"> <div class="timeline-image">
<img class="img-circle img-responsive" src="{% static 'ungleich_page/img/about/2.jpg' %}" alt=""> <img class="img-circle img-responsive" src="{% static 'ungleich_page/img/glasfaser/b.png' %}" alt="">
</div> </div>
<div class="timeline-panel wow slideInRight"> <div class="timeline-panel wow slideInRight">
<div class="timeline-heading"> <div class="timeline-body">
<h4>Title</h4> <p>Wir prüfen dann die Entfernung zum nächsten Anschlusspunkt und schicken Ihnen eine Offerte zu.</p>
</div> </div>
</div>
</li>
<li>
<div class="timeline-image">
<img class="img-circle img-responsive" src="{% static 'ungleich_page/img/glasfaser/c.png' %}" alt="">
</div>
<div class="timeline-panel wow slideInLeft">
<div class="timeline-body">
<p>Sollten Sie dem Angebot zustimmen, wird die Glasfaser zu Ihrem Standort verlegt und ein Endgerät installiert.</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<img class="img-circle img-responsive" src="{% static 'ungleich_page/img/glasfaser/d.png' %}" alt="">
</div>
<div class="timeline-panel wow slideInDown">
<div class="timeline-body"> <div class="timeline-body">
<p>Sie müssen dann nur noch Ihre Geräte anschliessen und schon surfen sie bllitzschnell im Internet!</p> <p>Sie müssen dann nur noch Ihre Geräte anschliessen und schon surfen sie bllitzschnell im Internet!</p>
</div> </div>
@ -153,7 +152,6 @@
</div> </div>
</section> </section>
<!-- / contact section --> <!-- / contact section -->
<div class="full-contact-section"> <div class="full-contact-section">
<div class="intro-header-2 contact-section" id="contact"> <div class="intro-header-2 contact-section" id="contact">
@ -185,7 +183,6 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>

1
ungleich_page/static/ungleich_page/css/agency.css
View file

@ -418,7 +418,6 @@ section h3.section-subheading {
#portfolio .portfolio-item .portfolio-caption h4 { #portfolio .portfolio-item .portfolio-caption h4 {
margin: 0; margin: 0;
font-size: bold;
text-transform: none; text-transform: none;
color: #494949; color: #494949;
} }

BIN
ungleich_page/static/ungleich_page/img/about/7.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 80 KiB

BIN
ungleich_page/static/ungleich_page/img/about/8.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 37 KiB

BIN
ungleich_page/static/ungleich_page/img/glasfaser/a.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
ungleich_page/static/ungleich_page/img/glasfaser/b.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 61 KiB

BIN
ungleich_page/static/ungleich_page/img/glasfaser/business.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
ungleich_page/static/ungleich_page/img/glasfaser/c.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 72 KiB

BIN
ungleich_page/static/ungleich_page/img/glasfaser/d.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 55 KiB

BIN
ungleich_page/static/ungleich_page/img/glasfaser/ip.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
ungleich_page/static/ungleich_page/img/glasfaser/switch.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
ungleich_page/static/ungleich_page/img/portfolio/datacenterlight.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 50 KiB

BIN
ungleich_page/static/ungleich_page/img/portfolio/glasfaser.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 114 KiB

38
ungleich_page/templates/ungleich_page/includes/_about.html
View file

@ -3,14 +3,10 @@
<section id="about"> <section id="about">
<div class="container"> <div class="container">
<div class="row"> <div class="text-center wow fadeInDown">
<div class="col-lg-12 text-center wow fadeInDown">
<h2 class="section-heading">{% trans "ABOUT" %}</h2> <h2 class="section-heading">{% trans "ABOUT" %}</h2>
<h3 class="section-subheading text-muted">{% trans "The timeline of ungleich" %}</h3> <h3 class="section-subheading text-muted">{% trans "The timeline of ungleich" %}</h3>
</div> </div>
</div>
<div class="row">
<div class="col-lg-12">
<ul class="timeline"> <ul class="timeline">
<li> <li>
<div class="timeline-image"> <div class="timeline-image">
@ -24,7 +20,8 @@
<p>{% trans "The first incarnation of ungleich" %}</p> <p>{% trans "The first incarnation of ungleich" %}</p>
<p>{% trans "in Germany" %}</p> <p>{% trans "in Germany" %}</p>
</div> </div>
</div></li> </div>
</li>
<li class="timeline-inverted"> <li class="timeline-inverted">
<div class="timeline-image"> <div class="timeline-image">
<img class="img-circle img-responsive" src="{% static 'ungleich_page/img/about/2.jpg' %}" alt=""> <img class="img-circle img-responsive" src="{% static 'ungleich_page/img/about/2.jpg' %}" alt="">
@ -69,7 +66,34 @@
</div> </div>
</div> </div>
</li> </li>
<li>
<div class="timeline-image">
<img class="img-circle img-responsive" src="{% static 'ungleich_page/img/about/7.png' %}" alt="">
</div>
<div class="timeline-panel wow slideInLeft">
<div class="timeline-heading">
<h4> 2016</h4>
</div>
<div class="timeline-body">
<p>{% blocktrans %}ungleich launches <a href="https://www.alplora.ch/de/">Alplora</a>, an animal tracking service with LoraWAN technology.{% endblocktrans %}</p>
</div>
</div>
</li>
<li class="timeline-inverted"> <li class="timeline-inverted">
<div class="timeline-image">
<img class="img-circle img-responsive" src="{% static 'ungleich_page/img/about/8.png' %}" alt="">
</div>
<div class="timeline-panel wow slideInRight">
<div class="timeline-heading">
<h4> 2017</h4>
</div>
<div class="timeline-body">
<p>{% blocktrans %}ungleich sells <a href="https://www.alplora.ch/de/">Alplora</a> to an IoT startup in canton Zürich.{% endblocktrans %}</p>
<p>{% trans "ungleich showcases the most affordable Swiss VM hosting, Data Center Light." %}</p>
</div>
</div>
</li>
<li>
<div class="timeline-image wow slideInDown"> <div class="timeline-image wow slideInDown">
<h4>{% trans "and" %}<br>{% trans "the story continues!" %}</h4> <h4>{% trans "and" %}<br>{% trans "the story continues!" %}</h4>
<p>&nbsp;</p> <p>&nbsp;</p>
@ -77,6 +101,4 @@
</li> </li>
</ul> </ul>
</div> </div>
</div>
</div>
</section> </section>

18
ungleich_page/templates/ungleich_page/includes/_portfolio.html
View file

@ -11,27 +11,27 @@
</div> </div>
<div class="row"> <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 fadeInDown" data-wow-delay="0.5s">
<img src="{% static 'ungleich_page/img/portfolio/roundicons.png' %}" class="img-responsive inline-block" alt=""> <img src="{% static 'ungleich_page/img/portfolio/datacenterlight.png' %}" class="img-responsive inline-block" alt="">
<div class="portfolio-caption inline-block"> <div class="portfolio-caption inline-block">
<h4> {% trans "HA Hosting" %} </h4> <h4>{% trans "Data Center Light" %}</h4>
<p class="text-muted">&nbsp;</p> <p>&nbsp;</p>
<p class="text-muted">{% trans "We offer high availablity hosting (HA) in Germany and in Switzerland. Our infrastructure is powered by Free and Open Source Software like OpenNebula, Qemu and GlusterFS." %} </p> <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> </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 fadeInDown" data-wow-delay="1s">
<img src="{% static 'ungleich_page/img/portfolio/startup-framework.png' %}" class="img-responsive inline-block" alt=""> <img src="{% static 'ungleich_page/img/portfolio/startup-framework.png' %}" class="img-responsive inline-block" alt="">
<div class="portfolio-caption inline-block"> <div class="portfolio-caption inline-block">
<h4>{% trans "Rails Hosting" %} </h4> <h4>{% trans "Rails Hosting" %} </h4>
<p class="text-muted">&nbsp;</p> <p>&nbsp;</p>
<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> <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> </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 fadeInDown" data-wow-delay="1.5s">
<img src="{% static 'ungleich_page/img/portfolio/treehouse.png' %}" class="img-responsive inline-block" alt=""> <img src="{% static 'ungleich_page/img/portfolio/glasfaser.png' %}" class="img-responsive inline-block" alt="">
<div class="portfolio-caption inline-block"> <div class="portfolio-caption inline-block">
<h4>{% trans " Configuration as a Service" %}</h4> <h4>{% trans "High Speed Internet" %}</h4>
<p class="text-muted">&nbsp;</p> <p>&nbsp;</p>
<p class="text-muted">{% trans "You are in need for a configuration?<br>With ungleich you have found an experienced team that configure your systems to provide service like DNS, E-Mail, Databases or Webservers." %}</p> <p class="text-muted">{% trans "We offer high speed fiber internet in Glarus Süd, Glarus and Glarus Nord. Experience 100 Mbit/s and see how speed can change everything." %}</p>
</div> </div>
</div> </div>
</div> </div>