Skip to content
Snippets Groups Projects
Commit 81b892fe authored by Roope Lehtonen's avatar Roope Lehtonen
Browse files

Finished Föli info page and app page, and their styling.

parent 9fc16c71
No related branches found
No related tags found
No related merge requests found
@charset "utf-8"; @charset "utf-8";
body { padding: 0; margin: 0; font-size: 16px; } body { padding: 0; margin: 0; font-size: 16px; }
...@@ -253,11 +253,11 @@ body { ...@@ -253,11 +253,11 @@ body {
/* Föli info page cards */ /* Föli info page cards */
.foli-card { .foli-card {
border: 1px solid #FF9900; border: 1px solid #f7aa00;
} }
.foli-card .card-header { .foli-card .card-header {
background-color: #FF9900; background-color: #f7aa00;
} }
th .text-muted { th .text-muted {
...@@ -269,19 +269,19 @@ th .text-muted { ...@@ -269,19 +269,19 @@ th .text-muted {
/* Info page cards */ /* Info page cards */
.info-card { .info-card {
height: 600px; height: 600px;
background-color: #FF9900; background-color: #f7aa00;
border: 1px solid #FF9900; border: 1px solid #f7aa00;
margin-bottom: 30px; margin-bottom: 30px;
} }
/* Föli application page*/ /* Föli application page*/
.app-card { .app-card {
border: 1px solid #FF9900; border: 1px solid #f7aa00;
margin-top: 30px; margin-top: 30px;
} }
.app-card .card-header { .app-card .card-header {
background-color: #FF9900; background-color: #f7aa00;
} }
.app-image { .app-image {
......
{% extends 'internal/base.html' %} {% extends 'internal/base.html' %}
{% set title = 'Foli-sovellus' %} {% set title = 'Föli-sovellus' %}
{% set sticky_banners = true %} {% set sticky_banners = true %}
{% set localized = false %} {% set localized = false %}
{% set content_lang = 'fi' %} {% set content_lang = 'fi' %}
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<h1>Föli - Turun seudun joukkoliikenne</h1> <h1>Föli - Turun seudun joukkoliikenne</h1>
<h2>Mobiilisovellus</h2> <h2>Mobiilisovellus</h2>
<div class="card app-card"> <div class="card app-card box-shadow">
<div class="card-header"> <div class="card-header">
<h3 class="card-title">Bussilippu kännykällä</h3> <h3 class="card-title">Bussilippu kännykällä</h3>
</div> </div>
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
</div> </div>
</div> </div>
<div class="card app-card"> <div class="card app-card box-shadow">
<div class="card-header"> <div class="card-header">
<h3 class="card-title">Mobiililiput</h3> <h3 class="card-title">Mobiililiput</h3>
</div> </div>
...@@ -75,7 +75,7 @@ ...@@ -75,7 +75,7 @@
</div> </div>
</div> </div>
<div class="card app-card"> <div class="card app-card box-shadow">
<div class="card-header"> <div class="card-header">
<h3 class="card-title">Matkakortin lataaminen mobiilisovelluksella</h3> <h3 class="card-title">Matkakortin lataaminen mobiilisovelluksella</h3>
</div> </div>
...@@ -101,7 +101,7 @@ ...@@ -101,7 +101,7 @@
</div> </div>
</div> </div>
<div class="card app-card"> <div class="card app-card box-shadow">
<div class="card-header"> <div class="card-header">
<h3 class="card-title">Mobiilikausilippu kokeilukäytössä</h3> <h3 class="card-title">Mobiilikausilippu kokeilukäytössä</h3>
</div> </div>
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
</p> </p>
</div> </div>
</div> </div>
<div class="card app-card"> <div class="card app-card box-shadow">
<div class="card-header"> <div class="card-header">
<h3 class="card-title">Sarjaliput - 10 kertalippua 9 lipun hinnalla</h3> <h3 class="card-title">Sarjaliput - 10 kertalippua 9 lipun hinnalla</h3>
</div> </div>
......
{% extends 'internal/base.html' %} {% extends 'internal/base.html' %}
{% set title = 'Föli Info' %} {% set title = 'Föli-info' %}
{% set sticky_banners = true %} {% set sticky_banners = true %}
{% set localized = false %} {% set localized = false %}
{% set content_lang = 'fi' %} {% set content_lang = 'fi' %}
...@@ -11,7 +11,14 @@ ...@@ -11,7 +11,14 @@
<h1>Föli - Turun seudun joukkoliikenne</h1> <h1>Föli - Turun seudun joukkoliikenne</h1>
<h2>Hinnat</h2> <h2>Hinnat</h2>
<p>Bussissa voit ostaa kertalipun tai ladata matkakortin käteisellä. Samalla lipulla tai matkakortilla on vaihtoaikaa 2 tuntia.</p> <div class="card foli-card" style="margin-bottom: 20px; margin-top: 20px;">
<div class="card-body">
<p style="margin: 0;">
Bussissa voit ostaa kertalipun tai ladata matkakortin käteisellä. Samalla lipulla tai matkakortilla
on vaihtoaikaa 2 tuntia.
</p>
</div>
</div>
<div class="card-columns"> <div class="card-columns">
<!-- Single ticket prices --> <!-- Single ticket prices -->
<div class="card foli-card"> <div class="card foli-card">
...@@ -395,9 +402,14 @@ ...@@ -395,9 +402,14 @@
<div class="col">Prisma: Itäharju, Länsikeskus, Mylly, Piispanristi, Tampereentie</div> <div class="col">Prisma: Itäharju, Länsikeskus, Mylly, Piispanristi, Tampereentie</div>
</div> </div>
</div> </div>
<!-- Additional information -->
<div class="card foli-card">
<div class="card-body">
Kortin lunastusmaksu 5,00 &euro; (sis. alv 24 &#37;)<br />
Matkalippujen hinnat sis. alv 10 &#37;
</div>
</div>
</div> </div>
<p>Kortin lunastusmaksu 5,00 &euro; (sis. alv 24 &#37;)</p>
<p>Matkalippujen hinnat sis. alv 10 &#37;</p>
</div> </div>
{% endblock content %} {% endblock content %}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment