align buttons

Author: pakat

css/style.css

@@ -1247,3 +1247,7 @@ textarea.input {
     width: 100%;
   }
 }
+
+.service-entry {
+  min-height: 180px;
+}

index.html

@@ -448,54 +448,44 @@ <h3 class="title">
         </div>    
     </div>
     <div class="section-content">
-        <div class="content">
-            <div class="row inline-columns text-center">
-                <div id="service-0" class="col-md-2">
-                </div>
-                <div id="service-1" class="col-md-3 col-sm-8">
-                    <div class="service">
-                        <div>
-                            <h3 style="color: rgb(236, 19, 19);">Platinum</h3>
-                        </div>
+        <div class="container">
+            <div class="row d-flex align-items-stretch text-center">
+                <div class="col-md-4 col-sm-8 h-100">
+                    <div class="service h-100 d-flex flex-column justify-content-between">
+                        <!-- contenido -->
+                        <h3 style="color: rgb(236, 19, 19);">Platinum</h3>
                         <div class="service-entry">
-                            "Un paquete exclusivo. Ofrece branding y logo en el sitio web, redes sociales, banners y en la presentacion de los speakers. Adem&aacute;s de un stand en el evento y contacto directo con nuestros speakers internacionales y mucho m&aacute;s."
+                            Un paquete exclusivo. Ofrece branding y logo en el sitio web, redes sociales, banners y en la presentacion de los speakers. Además de un stand en el evento y contacto directo con nuestros speakers internacionales y mucho más.
                         </div>
-                        <div>
-                        </br>
-                            <a href="mailto:jose.diaz@joedayz.pe" target="_blank" class="main-btn" > Contacto</a>
+                        <div class="mt-3">
+                            <a href="mailto:jose.diaz@joedayz.pe" target="_blank" class="main-btn">Contacto</a>
                         </div>
                     </div>
                 </div>
-                <div id="service-2" class="col-md-3 col-sm-8">
-                    <div class="service" data-service-color="#f18b6d">
-                        <div>
-                            <h3 style="color: rgb(241, 210, 4);">Gold</h3>
-                        </div>
+                <div class="col-md-4 col-sm-8 h-100">
+                    <div class="service h-100 d-flex flex-column justify-content-between">
+                        <!-- contenido -->
+                        <h3 style="color: rgb(241, 210, 4);">Gold</h3>
                         <div class="service-entry">
-                            "Ofrece branding y logo en redes sociales, banners publicitarios y mencion de agradecimiento presencial en el evento. Adem&aacute;s de un stand peque&ntilde;o en el evento y reel entre pausas."
+                            Ofrece branding y logo en redes sociales, banners publicitarios y mencion de agradecimiento presencial en el evento. Adem&aacute;s de un stand peque&ntilde;o en el evento y reel entre pausas.
                         </div>
-                        <div>
-                            </br>
-                            <a href="mailto:jose.diaz@joedayz.pe" target="_blank" class="main-btn" > Contacto</a>
+                        <div class="mt-3">
+                            <a href="mailto:jose.diaz@joedayz.pe" target="_blank" class="main-btn">Contacto</a>
                         </div>
                     </div>
                 </div>
-                <div id="service-3" class="col-md-3 col-sm-8">
-                    <div class="service" data-service-color="#f18b6d">
-                        <div class="service-title">
-                            <h3 style="color: rgb(93, 92, 86);">Silver</h3>
-                        </div>
+                <div class="col-md-4 col-sm-8 h-100">
+                    <div class="service h-100 d-flex flex-column justify-content-between">
+                        <!-- contenido -->
+                        <h3 style="color: rgb(93, 92, 86);">Silver</h3>
                         <div class="service-entry">
-                            "Ofrece branding y logo en redes sociales y banners publicitarios en el evento"
+                            Ofrece branding y logo en redes sociales y banners publicitarios en el evento
                         </div>
-                        <div>
-                            </br>
-                            <a href="mailto:jose.diaz@joedayz.pe" target="_blank" class="main-btn" > Contacto</a>
+                        <div class="mt-3">
+                            <a href="mailto:jose.diaz@joedayz.pe" target="_blank" class="main-btn">Contacto</a>
                         </div>
                     </div>
                 </div>
-                <div id="service-4" class="col-md-2">
-                </div>
             </div>
         </div>
     </div>