startpage story different resolutions for different devices

This commit is contained in:
Ulf Gebhardt 2017-11-21 07:15:40 +01:00
parent d6f9bf8bf6
commit b14ea3d028
4 changed files with 92 additions and 142 deletions

View File

Before

Width:  |  Height:  |  Size: 690 KiB

After

Width:  |  Height:  |  Size: 690 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 199 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 KiB

View File

@ -1,85 +1,52 @@
<div class="clearfix"></div> <div class="clearfix"></div>
<!-- services -->
<div class="services" id="services"> <div class="services" id="services">
<div class="container"> <div class="container">
<div class="wthree-heading"><h3>Stell dir vor...</h3></div>
<div class="wthree-heading"> <br><br>
<h3>Stell dir vor...</h3>
</div>
<br>
<br>
<br> <br>
<div id="appinfobox" class="col-md-12"> <div id="appinfobox" class="col-md-12">
<img src="./files/images/story_gesamt_2.small.png" srcset="./files/images/story_gesamt_2.medium.png 1000w, ./files/images/story_gesamt_2.large.png 2000w" style="width:100%" alt="DEMOCRACY App Story">
<img src="./files/images/story_gesamt_2.png" style="width:100%" alt="DEMOCRACY App Story">
</div> </div>
</div> </div>
<br> <br>
<div>
<div class=" ">
<div class="container"> <div class="container">
<div class="col-md-12 welcome-left w3-agileits"> <div class="col-md-12 welcome-left w3-agileits">
<div class="wthree-heading"> <div class="wthree-heading">
<h3 id="sec_vision">Vision</h3> <h3 id="sec_vision">Vision</h3>
<br> <br><br>
<br>
<br> <br>
</div> </div>
<div class="col-md-7 welcome-left"> <div class="col-md-7 welcome-left">
<div> <div>
<b>DEMOCRACY ist eine Initiative für mehr politische Mitsprache in Deutschland.</b>
<b>DEMOCRACY ist eine Initiative für mehr politische Mitsprache in <br><br>
Deutschland.</b>
<br>
<br>
<br> <br>
Indem wir per App die digitalen Medien nutzen, um dauerhaft bundesweite Indem wir per App die digitalen Medien nutzen, um dauerhaft bundesweite
politische Mitsprache zu organisieren, überwindet eben diese die klassischen politische Mitsprache zu organisieren, überwindet eben diese die klassischen
Grenzen von Ort und Zeit. Grenzen von Ort und Zeit.
<br> <br><br>
<br>
Informier Dich, was in Berlin abgeht. Tausch Dich mit anderen aus. Informier Dich, was in Berlin abgeht. Tausch Dich mit anderen aus.
<br> <br>
Triff Deine eigene Entscheidung und stimme ab. Triff Deine eigene Entscheidung und stimme ab.
<br> <br><br>
<br>
Anschließend kannst Du Deine und alle anderen Abstimmungsergebnisse einsehen Anschließend kannst Du Deine und alle anderen Abstimmungsergebnisse einsehen
und mit den offiziellen Resultaten des Bundestages vergleichen. und mit den offiziellen Resultaten des Bundestages vergleichen.
<br> <br><br>
<br>
Mit dem DEMOCRACY Desk wird darüber hinaus ein Raum für eigene Mit dem DEMOCRACY Desk wird darüber hinaus ein Raum für eigene
Abstimmungsinitiativen der Nutzer*Innen geschaffen. Abstimmungsinitiativen der Nutzer*Innen geschaffen.
<br> <br><br>
<br>
Kurz gesagt, mit DEMOCRACY können wir die wahre Bedeutung von Demokratie Kurz gesagt, mit DEMOCRACY können wir die wahre Bedeutung von Demokratie
nicht nur in der Theorie bekräftigen, sondern täglich leben. nicht nur in der Theorie bekräftigen, sondern täglich leben.
<br> <br><br>
<br>
Sei Teil der Veränderung und nutze Deine Stimme. Sei Teil der Veränderung und nutze Deine Stimme.
<br> <br>
Nur so können aus einer Millionen werden. Nur so können aus einer Millionen werden.
</p>
</div> </div>
</div> </div>
<div class="col-md-5 welcome-right "> <div class="col-md-5 welcome-right ">
<h4 style="font-size: 22px;color: #4494D3">Unsere Funktionen</h4> <h4 style="font-size: 22px;color: #4494D3">Unsere Funktionen</h4>
<ul style="list-style-type:decimal;list-style-position:outside;"> <ul style="list-style-type:decimal;list-style-position:outside;">
<table> <table>
<tr> <tr>
<td><li style="margin-top: 2px"><i class="fa fa-angle-right"></i></li></td> <td><li style="margin-top: 2px"><i class="fa fa-angle-right"></i></li></td>
@ -113,31 +80,14 @@
<td><li style="margin-top: -5px"><i class="fa fa-angle-right" style="padding-right: 1em;"></i></li></td> <td><li style="margin-top: -5px"><i class="fa fa-angle-right" style="padding-right: 1em;"></i></li></td>
<td><li>& alle Funktionen auch für Nutzer*Inneninitiativen<li></td> <td><li>& alle Funktionen auch für Nutzer*Inneninitiativen<li></td>
</tr> </tr>
</table> </table>
</ul> </ul>
</div> </div>
<div class="clearfix"> </div> <div class="clearfix"> </div>
<br> <br><br>
<br>
<br> <br>
</div> </div>
<div class="clearfix"> </div> <div class="clearfix"> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
<!-- //services -->