Skip to content
Snippets Groups Projects
Commit 425edbcc7cbb authored by Cédric Krier's avatar Cédric Krier :atom:
Browse files

Make card fill the all horizontal space

parent c9345b5076b7
No related branches found
No related tags found
No related merge requests found
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
{% block main %} {% block main %}
<p class="lead">Join the Tryton community and help the project.</p> <p class="lead">Join the Tryton community and help the project.</p>
<div class="card mb-5 shadow"> <div class="card mb-5 shadow w-100">
<div class="card-body d-inline-flex"> <div class="card-body d-inline-flex">
<div class="picto-container mr-3 d-none d-sm-flex"> <div class="picto-container mr-3 d-none d-sm-flex">
<div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s"> <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
</div> </div>
</div> </div>
<div class="card mb-5 shadow"> <div class="card mb-5 shadow w-100">
<div class="card-body d-inline-flex"> <div class="card-body d-inline-flex">
<div class="picto-container mr-3 d-none d-sm-flex"> <div class="picto-container mr-3 d-none d-sm-flex">
<div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s"> <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
</div> </div>
</div> </div>
<div class="card mb-5 shadow"> <div class="card mb-5 shadow w-100">
<div class="card-body d-inline-flex"> <div class="card-body d-inline-flex">
<div class="picto-container mr-3 d-none d-sm-flex"> <div class="picto-container mr-3 d-none d-sm-flex">
<div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s"> <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">
...@@ -89,7 +89,7 @@ ...@@ -89,7 +89,7 @@
</div> </div>
</div> </div>
<div class="card mb-5 shadow"> <div class="card mb-5 shadow w-100">
<div class="card-body d-inline-flex"> <div class="card-body d-inline-flex">
<div class="picto-container mr-3 d-none d-sm-flex"> <div class="picto-container mr-3 d-none d-sm-flex">
<div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s"> <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">
...@@ -107,7 +107,7 @@ ...@@ -107,7 +107,7 @@
</div> </div>
</div> </div>
<div class="card mb-5 shadow"> <div class="card mb-5 shadow w-100">
<div class="card-body d-inline-flex"> <div class="card-body d-inline-flex">
<div class="picto-container mr-3 d-none d-sm-flex"> <div class="picto-container mr-3 d-none d-sm-flex">
<div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s"> <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">
...@@ -126,7 +126,7 @@ ...@@ -126,7 +126,7 @@
</div> </div>
</div> </div>
<div class="card mb-5 shadow"> <div class="card mb-5 shadow w-100">
<div class="card-body d-inline-flex"> <div class="card-body d-inline-flex">
<div class="picto-container mr-3 d-none d-sm-flex"> <div class="picto-container mr-3 d-none d-sm-flex">
<div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s"> <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">
...@@ -148,7 +148,7 @@ ...@@ -148,7 +148,7 @@
</div> </div>
</div> </div>
<div class="card mb-5 shadow"> <div class="card mb-5 shadow w-100">
<div class="card-body d-inline-flex"> <div class="card-body d-inline-flex">
<div class="picto-container mr-3 d-none d-sm-flex"> <div class="picto-container mr-3 d-none d-sm-flex">
<div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s"> <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">
......
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
No matter whether they're big or small, all of them benefit from a powerful application that is free from vendor lock-in.<br/> No matter whether they're big or small, all of them benefit from a powerful application that is free from vendor lock-in.<br/>
If you're already using Tryton, please consider contributing to the project or supporting the Foundation so the project remains vibrant and continues to grow. If you're already using Tryton, please consider contributing to the project or supporting the Foundation so the project remains vibrant and continues to grow.
</p> </p>
<div class="card mb-5"> <div class="card mb-5 w-100">
<h2 class="h4 card-header" id="wire-transfer">Wire Transfer</h2> <h2 class="h4 card-header" id="wire-transfer">Wire Transfer</h2>
<div class="card-body"> <div class="card-body">
<p class="card-text">You can make a wire transfer to our bank account: <p class="card-text">You can make a wire transfer to our bank account:
...@@ -74,7 +74,7 @@ ...@@ -74,7 +74,7 @@
</p> </p>
</div> </div>
</div> </div>
<div class="card mb-5"> <div class="card mb-5 w-100">
<h2 class="h4 card-header" id="paypal">PayPal</h2> <h2 class="h4 card-header" id="paypal">PayPal</h2>
<div class="card-body"> <div class="card-body">
<p class="card-text">You can easily make a one-time contribution using PayPal: <p class="card-text">You can easily make a one-time contribution using PayPal:
...@@ -103,7 +103,7 @@ ...@@ -103,7 +103,7 @@
</p> </p>
</div> </div>
</div> </div>
<div class="card mb-5"> <div class="card mb-5 w-100">
<h2 class="h4 card-header" id="paypal-recurring">Recurring PayPal</h2> <h2 class="h4 card-header" id="paypal-recurring">Recurring PayPal</h2>
<div class="card-body"> <div class="card-body">
<p class="card-text">You can easily make a monthly contribution using PayPal: <p class="card-text">You can easily make a monthly contribution using PayPal:
...@@ -132,7 +132,7 @@ ...@@ -132,7 +132,7 @@
</p> </p>
</div> </div>
</div> </div>
<div class="card mb-5"> <div class="card mb-5 w-100">
<h2 class="h4 card-header" id="bitcoin">Bitcoin</h2> <h2 class="h4 card-header" id="bitcoin">Bitcoin</h2>
<div class="card-body"> <div class="card-body">
<p class="card-text">You can easily donate in bitcoin: <p class="card-text">You can easily donate in bitcoin:
...@@ -189,7 +189,7 @@ ...@@ -189,7 +189,7 @@
</p> </p>
</div> </div>
</div> </div>
<div class="card mb-5"> <div class="card mb-5 w-100">
<h2 class="h4 card-header" id="contribute">Contribute</h2> <h2 class="h4 card-header" id="contribute">Contribute</h2>
<div class="card-body"> <div class="card-body">
<p class="card-text"> <p class="card-text">
......
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
Be considerate of others, follow the <a href="https://tools.ietf.org/html/rfc1855#section-3.0">netiquette</a>. Be considerate of others, follow the <a href="https://tools.ietf.org/html/rfc1855#section-3.0">netiquette</a>.
</p> </p>
<div class="card mb-5 shadow"> <div class="card mb-5 shadow w-100">
<div class="card-body"> <div class="card-body">
<h2 class="card-title text-uppercase" id="discuss">Forum</h2> <h2 class="card-title text-uppercase" id="discuss">Forum</h2>
<p class="card-text"> <p class="card-text">
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
</div> </div>
</div> </div>
<div class="card mb-5 shadow"> <div class="card mb-5 shadow w-100">
<div class="card-body"> <div class="card-body">
<h2 class="card-title text-uppercase" id="irc">Internet Relay Chat</h2> <h2 class="card-title text-uppercase" id="irc">Internet Relay Chat</h2>
<p class="card-text"> <p class="card-text">
...@@ -74,7 +74,7 @@ ...@@ -74,7 +74,7 @@
</div> </div>
</div> </div>
<div class="card mb-5 shadow"> <div class="card mb-5 shadow w-100">
<div class="card-body"> <div class="card-body">
<h2 class="card-title text-uppercase" id="mailing-lists">Mailing Lists</h2> <h2 class="card-title text-uppercase" id="mailing-lists">Mailing Lists</h2>
<ul class="list-group list-group-flush"> <ul class="list-group list-group-flush">
......
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
{% block main %} {% block main %}
<p class="lead">You want your company to be listed as a <a href="{{ url_for('service_providers') }}"> service provider</a>? Follow these steps:</p> <p class="lead">You want your company to be listed as a <a href="{{ url_for('service_providers') }}"> service provider</a>? Follow these steps:</p>
<div class="card mb-5 shadow"> <div class="card mb-5 shadow w-100">
<div class="card-body d-inline-flex"> <div class="card-body d-inline-flex">
<div class="picto-container mr-3 d-none d-sm-flex"> <div class="picto-container mr-3 d-none d-sm-flex">
<div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s"> <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
</div> </div>
</div> </div>
<div class="card mb-5 shadow"> <div class="card mb-5 shadow w-100">
<div class="card-body d-inline-flex"> <div class="card-body d-inline-flex">
<div class="picto-container mr-3 d-none d-sm-flex"> <div class="picto-container mr-3 d-none d-sm-flex">
<div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s"> <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">
...@@ -65,7 +65,7 @@ ...@@ -65,7 +65,7 @@
</div> </div>
</div> </div>
<div class="card mb-5 shadow"> <div class="card mb-5 shadow w-100">
<div class="card-body d-inline-flex"> <div class="card-body d-inline-flex">
<div class="picto-container mr-3 d-none d-sm-flex"> <div class="picto-container mr-3 d-none d-sm-flex">
<div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s"> <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">
...@@ -82,7 +82,7 @@ ...@@ -82,7 +82,7 @@
</div> </div>
</div> </div>
<div class="card mb-5 shadow"> <div class="card mb-5 shadow w-100">
<div class="card-body d-inline-flex"> <div class="card-body d-inline-flex">
<div class="picto-container mr-3 d-none d-sm-flex"> <div class="picto-container mr-3 d-none d-sm-flex">
<div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s"> <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment