Commit b523c4b9 authored by Adrian Jagusch's avatar Adrian Jagusch

Struktur auf der Startseite geändert und Icons rausgesucht

parent 51329209
<section class="bg-primary" id="about">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h2 class="section-heading">Über uns</h2>
<hr class="light">
<p class="text-faded">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<!--<a href="{{site.baseurl}}/usability" class="btn btn-default btn-xl">Button</a>-->
</div>
</div>
</div>
</section>
<section class="bg-primary" id="about">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h2 class="section-heading">Usability</h2>
<hr class="light">
<p class="text-faded"><i>Usability</i> ist ein englischer Begriff, der sich am ehesten mit <i>Gebrauchstauglichkeit</i> übersetzen lässt. - Doch was sind überhaupt erwartungskonforme Webseiten und weshalb spielt Usability eine zunehmend wichtigere Rolle?</p>
<a href="{{site.baseurl}}/usability" class="btn btn-default btn-xl">Usability in der Praxis</a>
</div>
</div>
</div>
</section>
......@@ -11,29 +11,29 @@
<div class="row">
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box">
<i class="fa fa-4x fa-diamond wow bounceIn text-primary"></i>
<h3>Usability</h3>
<i class="fa fa-4x fa-medkit wow bounceIn text-primary"></i>
<h3>Barrierefreiheit</h3>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box">
<i class="fa fa-4x fa-paper-plane wow bounceIn text-primary" data-wow-delay=".1s"></i>
<h3>Barrierefreiheit</h3>
<i class="fa fa-4x fa-cogs wow bounceIn text-primary" data-wow-delay=".1s"></i>
<h3>Funktionalität</h3>
<p class="text-muted">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box">
<i class="fa fa-4x fa-newspaper-o wow bounceIn text-primary" data-wow-delay=".2s"></i>
<h3>Funktionalität</h3>
<i class="fa fa-4x fa-compass wow bounceIn text-primary" data-wow-delay=".2s"></i>
<h3>Konventionen</h3>
<p class="text-muted"> Ut enim ad minim veniam, quis nostrud exercitation.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box">
<i class="fa fa-4x fa-heart wow bounceIn text-primary" data-wow-delay=".3s"></i>
<h3>Konventionen</h3>
<i class="fa fa-4x fa-hand-o-up wow bounceIn text-primary" data-wow-delay=".3s"></i>
<h3>Usability</h3>
<p class="text-muted">Excepteur sint occaecat cupidatat non proident, sunt id est laborum.</p>
</div>
</div>
......
......@@ -6,10 +6,9 @@
<body id="page-top">
{% include nav.html %}
{% include header.html %}
{% include call-to-action.html %}
{% include services.html %}
{% include categories.html %}
{% include members.html %}
{% include aside.html %}
{% include about-us.html %}
{% include contact.html %}
{% include footer.html %}
{% include scripts.html %}
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment