This is an automated email from the ASF dual-hosted git repository.

nvazquez pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/cloudstack-www.git


The following commit(s) were added to refs/heads/main by this push:
     new 484f779c Changes on cloud builder page
484f779c is described below

commit 484f779c8ec9bb5f09f9c23d5f09821cef9e412e
Author: nvazquez <[email protected]>
AuthorDate: Tue Mar 7 11:27:22 2023 -0300

    Changes on cloud builder page
---
 content/cloud-builders.html                      |  42 +++++++++++++----------
 content/images/ACS-solution-brief.jpg            | Bin 0 -> 57842 bytes
 content/images/Apache-CloudStack-at-a-glance.jpg | Bin 0 -> 56235 bytes
 content/images/Ikoula-case-study.jpg             | Bin 0 -> 58650 bytes
 content/images/step-by-step-guide.jpg            | Bin 0 -> 36390 bytes
 content/images/your-online-case-study.jpg        | Bin 0 -> 108393 bytes
 source/cloud-builders.html.markdown              |  42 +++++++++++++----------
 source/images/ACS-solution-brief.jpg             | Bin 0 -> 57842 bytes
 source/images/Apache-CloudStack-at-a-glance.jpg  | Bin 0 -> 56235 bytes
 source/images/Ikoula-case-study.jpg              | Bin 0 -> 58650 bytes
 source/images/step-by-step-guide.jpg             | Bin 0 -> 36390 bytes
 source/images/your-online-case-study.jpg         | Bin 0 -> 108393 bytes
 12 files changed, 48 insertions(+), 36 deletions(-)

diff --git a/content/cloud-builders.html b/content/cloud-builders.html
index a54e9455..a0ae7dba 100644
--- a/content/cloud-builders.html
+++ b/content/cloud-builders.html
@@ -182,7 +182,9 @@
 
   @media screen and (max-width: 480px) {
     .jumbotron { 
-      background-position: center;
+      background-position: center bottom;
+      background-size: 100%;
+      padding-bottom: 300px;
       height: auto;
     }
 
@@ -191,6 +193,10 @@
     .img-holder-three {
       margin-bottom: 20px;
     }
+
+    .dark-box .px-5 p {
+      height: 90px;
+    }
     
   }
 </style>
@@ -232,12 +238,12 @@
   <div class="col-lg-12" style="margin-bottom: 50px;">
     <h2>Leading companies trust Apache CloudStack</h2>
   </div>
-  <div class="col-md-2 col-sm-6 col-6"><img src="images/BT_logo_2019.png" 
class="img-fluid" alt="" /></div>
-  <div class="col-md-2 col-sm-6 col-6"><img 
src="images/cloudops_horizontal-01-(1).png" class="img-fluid" alt="" /></div>
-  <div class="col-md-2 col-sm-6 col-6"><img 
src="images/IKOULA_Logo-03_reserve.png" class="img-fluid" alt="" /></div>
-  <div class="col-md-2 col-sm-6 col-6"><img src="images/m5logo-M5Hosting.png" 
class="img-fluid" alt="" /></div>
-  <div class="col-md-2 col-sm-6 col-6"><img src="images/Versio-logo.png" 
class="img-fluid" alt="" /></div>
-  <div class="col-md-2 col-sm-6 col-6"><img src="images/Yourhosting-logo.png" 
class="img-fluid" alt="" /></div>
+  <div class="col-md-2 col-xs-6"><img src="images/BT_logo_2019.png" 
class="img-fluid" alt="" /></div>
+  <div class="col-md-2 col-xs-6"><img 
src="images/cloudops_horizontal-01-(1).png" class="img-fluid" alt="" /></div>
+  <div class="col-md-2 col-xs-6"><img src="images/IKOULA_Logo-03_reserve.png" 
class="img-fluid" alt="" /></div>
+  <div class="col-md-2 col-xs-6"><img src="images/m5logo-M5Hosting.png" 
class="img-fluid" alt="" /></div>
+  <div class="col-md-2 col-xs-6"><img src="images/Versio-logo.png" 
class="img-fluid" alt="" /></div>
+  <div class="col-md-2 col-xs-6"><img src="images/Yourhosting-logo.png" 
class="img-fluid" alt="" /></div>
 </div>
 
 <div class="row">
@@ -254,12 +260,12 @@
   <div class="col-lg-12">
     <div class="dark-box">
       <div class="row">
-        <div class="col-md-2 col-sm-6 col-6 px-5"><img 
src="images/decrease-tco.png" alt="" /><p>Decrease TCO for your IaaS</p></div>
-        <div class="col-md-2 col-sm-6 col-6 px-5"><img 
src="images/open-source.png" alt="" /><p>Completely open-source</p></div>
-        <div class="col-md-2 col-sm-6 col-6 px-5"><img 
src="images/active-community.png" alt="" /><p>Powered by an active 
community</p></div>
-        <div class="col-md-2 col-sm-6 col-6 px-5"><img 
src="images/easy-to-use.png" alt="" /><p>Easy to use</p></div>
-        <div class="col-md-2 col-sm-6 col-6 px-5"><img 
src="images/quick-deploy.png" alt="" /><p>Quick to deploy</p></div>
-        <div class="col-md-2 col-sm-6 col-6 px-5"><img 
src="images/integrations.png" alt="" /><p>Strong vendor integrations</p></div>
+        <div class="col-md-2 col-xs-6 px-5"><img src="images/decrease-tco.png" 
alt="" /><p>Decrease TCO for your IaaS</p></div>
+        <div class="col-md-2 col-xs-6 px-5"><img src="images/open-source.png" 
alt="" /><p>Completely open-source</p></div>
+        <div class="col-md-2 col-xs-6 px-5"><img 
src="images/active-community.png" alt="" /><p>Powered by an active 
community</p></div>
+        <div class="col-md-2 col-xs-6 px-5"><img src="images/easy-to-use.png" 
alt="" /><p>Easy to use</p></div>
+        <div class="col-md-2 col-xs-6 px-5"><img src="images/quick-deploy.png" 
alt="" /><p>Quick to deploy</p></div>
+        <div class="col-md-2 col-xs-6 px-5"><img src="images/integrations.png" 
alt="" /><p>Strong vendor integrations</p></div>
       </div>
       <div class="row">
         <div class="col-lg-12">
@@ -280,7 +286,7 @@
   <div class="col-lg-6">
     <div class="img-holder">
       <div style="height: 20px; background-color: #2c3e50; border-radius: 10px 
10px 0 0;"></div>
-      <img src="images/cs-front-page.png" width="100%" alt="" />
+      <img src="images/Apache-CloudStack-at-a-glance.jpg" width="100%" alt="" 
/>
       <div class="text-10">
         <p class="text-two">Apache CloudStack at a Glance</p>
         <a 
href="https://cwiki.apache.org/confluence/download/attachments/240885390/ACS-Overview-Web-03-2023.pdf?api=v2";><button
 type="button" class="btn btn-success">Download</button></a>
@@ -290,7 +296,7 @@
   <div class="col-lg-6">
     <div class="img-holder">
       <div style="height: 20px; background-color: #2c3e50; border-radius: 10px 
10px 0 0;"></div>
-      <img src="images/cs-front-page.png" width="100%" alt="" />
+      <img src="images/step-by-step-guide.jpg" width="100%" alt="" />
       <div class="text-10">
         <p class="text-two">Apache CloudStack Proof of Concept Guide</p>
         <a 
href="https://cwiki.apache.org/confluence/download/attachments/240885394/Apache%20CloudStack%20PoC%20Guide%20Step-by-Step%20Guide%20Installation%20and%20Use%20Cases_Clean.pdf?api=v2";><button
 type="button" class="btn btn-success">Download</button></a>
@@ -303,7 +309,7 @@
   <div class="col-lg-4">
     <div class="img-holder-three">
       <div class="title">Solution Brief</div>
-      <img src="images/cs-front-page.png" width="100%" alt="" />
+      <img src="images/ACS-solution-brief.jpg" width="100%" alt="" />
       <div class="text-10">
         <p class="text-three">Delivering Public Cloud Services with 
CloudStack</p>
         <a 
href="https://cwiki.apache.org/confluence/download/attachments/240885399/SolutionBrief-Delivering%20Public%20Cloud%20Services%20with%20Apache%20CloudStack.pdf?api=v2";><button
 type="button" class="btn btn-sm btn-success">Download</button></a>
@@ -313,7 +319,7 @@
   <div class="col-lg-4">
     <div class="img-holder-three">
       <div class="title">Case Study</div>
-      <img src="images/cs-front-page.png" width="100%" alt="" />
+      <img src="images/Ikoula-case-study.jpg" width="100%" alt="" />
       <div class="text-10">
         <p class="text-three">Case Study Title 1</p>
         <a href="#"><button type="button" class="btn btn-sm 
btn-success">Download</button></a>
@@ -323,7 +329,7 @@
   <div class="col-lg-4">
     <div class="img-holder-three">
       <div class="title">Case Study</div>
-      <img src="images/cs-front-page.png" width="100%" alt="" />
+      <img src="images/your-online-case-study.jpg" width="100%" alt="" />
       <div class="text-10">
         <p class="text-three">Case Study Title 2</p>
         <a href="#"><button type="button" class="btn btn-sm 
btn-success">Download</button></a>
diff --git a/content/images/ACS-solution-brief.jpg 
b/content/images/ACS-solution-brief.jpg
new file mode 100644
index 00000000..83c38c37
Binary files /dev/null and b/content/images/ACS-solution-brief.jpg differ
diff --git a/content/images/Apache-CloudStack-at-a-glance.jpg 
b/content/images/Apache-CloudStack-at-a-glance.jpg
new file mode 100644
index 00000000..8ab93b95
Binary files /dev/null and b/content/images/Apache-CloudStack-at-a-glance.jpg 
differ
diff --git a/content/images/Ikoula-case-study.jpg 
b/content/images/Ikoula-case-study.jpg
new file mode 100644
index 00000000..d347b967
Binary files /dev/null and b/content/images/Ikoula-case-study.jpg differ
diff --git a/content/images/step-by-step-guide.jpg 
b/content/images/step-by-step-guide.jpg
new file mode 100644
index 00000000..285c7b54
Binary files /dev/null and b/content/images/step-by-step-guide.jpg differ
diff --git a/content/images/your-online-case-study.jpg 
b/content/images/your-online-case-study.jpg
new file mode 100644
index 00000000..d0097dcc
Binary files /dev/null and b/content/images/your-online-case-study.jpg differ
diff --git a/source/cloud-builders.html.markdown 
b/source/cloud-builders.html.markdown
index b26ed014..148d2e17 100644
--- a/source/cloud-builders.html.markdown
+++ b/source/cloud-builders.html.markdown
@@ -64,7 +64,9 @@ title: Cloud Builders
 
   @media screen and (max-width: 480px) {
     .jumbotron { 
-      background-position: center;
+      background-position: center bottom;
+      background-size: 100%;
+      padding-bottom: 300px;
       height: auto;
     }
 
@@ -73,6 +75,10 @@ title: Cloud Builders
     .img-holder-three {
       margin-bottom: 20px;
     }
+
+    .dark-box .px-5 p {
+      height: 90px;
+    }
     
   }
 </style>
@@ -114,12 +120,12 @@ title: Cloud Builders
   <div class="col-lg-12" style="margin-bottom: 50px;">
     <h2>Leading companies trust Apache CloudStack</h2>
   </div>
-  <div class="col-md-2 col-sm-6 col-6"><img src="images/BT_logo_2019.png" 
class="img-fluid" alt=""></div>
-  <div class="col-md-2 col-sm-6 col-6"><img 
src="images/cloudops_horizontal-01-(1).png" class="img-fluid" alt=""></div>
-  <div class="col-md-2 col-sm-6 col-6"><img 
src="images/IKOULA_Logo-03_reserve.png" class="img-fluid" alt=""></div>
-  <div class="col-md-2 col-sm-6 col-6"><img src="images/m5logo-M5Hosting.png" 
class="img-fluid" alt=""></div>
-  <div class="col-md-2 col-sm-6 col-6"><img src="images/Versio-logo.png" 
class="img-fluid" alt=""></div>
-  <div class="col-md-2 col-sm-6 col-6"><img src="images/Yourhosting-logo.png" 
class="img-fluid" alt=""></div>
+  <div class="col-md-2 col-xs-6"><img src="images/BT_logo_2019.png" 
class="img-fluid" alt=""></div>
+  <div class="col-md-2 col-xs-6"><img 
src="images/cloudops_horizontal-01-(1).png" class="img-fluid" alt=""></div>
+  <div class="col-md-2 col-xs-6"><img src="images/IKOULA_Logo-03_reserve.png" 
class="img-fluid" alt=""></div>
+  <div class="col-md-2 col-xs-6"><img src="images/m5logo-M5Hosting.png" 
class="img-fluid" alt=""></div>
+  <div class="col-md-2 col-xs-6"><img src="images/Versio-logo.png" 
class="img-fluid" alt=""></div>
+  <div class="col-md-2 col-xs-6"><img src="images/Yourhosting-logo.png" 
class="img-fluid" alt=""></div>
 </div>
 
 <div class="row">
@@ -136,12 +142,12 @@ title: Cloud Builders
   <div class="col-lg-12">
     <div class="dark-box">
       <div class="row">
-        <div class="col-md-2 col-sm-6 col-6 px-5"><img 
src="images/decrease-tco.png" alt=""><p>Decrease TCO for your IaaS</p></div>
-        <div class="col-md-2 col-sm-6 col-6 px-5"><img 
src="images/open-source.png" alt=""><p>Completely open-source</p></div>
-        <div class="col-md-2 col-sm-6 col-6 px-5"><img 
src="images/active-community.png" alt=""><p>Powered by an active 
community</p></div>
-        <div class="col-md-2 col-sm-6 col-6 px-5"><img 
src="images/easy-to-use.png" alt=""><p>Easy to use</p></div>
-        <div class="col-md-2 col-sm-6 col-6 px-5"><img 
src="images/quick-deploy.png" alt=""><p>Quick to deploy</p></div>
-        <div class="col-md-2 col-sm-6 col-6 px-5"><img 
src="images/integrations.png" alt=""><p>Strong vendor integrations</p></div>
+        <div class="col-md-2 col-xs-6 px-5"><img src="images/decrease-tco.png" 
alt=""><p>Decrease TCO for your IaaS</p></div>
+        <div class="col-md-2 col-xs-6 px-5"><img src="images/open-source.png" 
alt=""><p>Completely open-source</p></div>
+        <div class="col-md-2 col-xs-6 px-5"><img 
src="images/active-community.png" alt=""><p>Powered by an active 
community</p></div>
+        <div class="col-md-2 col-xs-6 px-5"><img src="images/easy-to-use.png" 
alt=""><p>Easy to use</p></div>
+        <div class="col-md-2 col-xs-6 px-5"><img src="images/quick-deploy.png" 
alt=""><p>Quick to deploy</p></div>
+        <div class="col-md-2 col-xs-6 px-5"><img src="images/integrations.png" 
alt=""><p>Strong vendor integrations</p></div>
       </div>
       <div class="row">
         <div class="col-lg-12">
@@ -162,7 +168,7 @@ title: Cloud Builders
   <div class="col-lg-6">
     <div class="img-holder">
       <div style="height: 20px; background-color: #2c3e50; border-radius: 10px 
10px 0 0;"></div>
-      <img src="images/cs-front-page.png" width="100%" alt="">
+      <img src="images/Apache-CloudStack-at-a-glance.jpg" width="100%" alt="">
       <div class="text-10">
         <p class="text-two">Apache CloudStack at a Glance</p>
         <a 
href="https://cwiki.apache.org/confluence/download/attachments/240885390/ACS-Overview-Web-03-2023.pdf?api=v2";><button
 type="button" class="btn btn-success">Download</button></a>
@@ -172,7 +178,7 @@ title: Cloud Builders
   <div class="col-lg-6">
     <div class="img-holder">
       <div style="height: 20px; background-color: #2c3e50; border-radius: 10px 
10px 0 0;"></div>
-      <img src="images/cs-front-page.png" width="100%" alt="">
+      <img src="images/step-by-step-guide.jpg" width="100%" alt="">
       <div class="text-10">
         <p class="text-two">Apache CloudStack Proof of Concept Guide</p>
         <a 
href="https://cwiki.apache.org/confluence/download/attachments/240885394/Apache%20CloudStack%20PoC%20Guide%20Step-by-Step%20Guide%20Installation%20and%20Use%20Cases_Clean.pdf?api=v2";><button
 type="button" class="btn btn-success">Download</button></a>
@@ -185,7 +191,7 @@ title: Cloud Builders
   <div class="col-lg-4">
     <div class="img-holder-three">
       <div class="title">Solution Brief</div>
-      <img src="images/cs-front-page.png" width="100%" alt="">
+      <img src="images/ACS-solution-brief.jpg" width="100%" alt="">
       <div class="text-10">
         <p class="text-three">Delivering Public Cloud Services with 
CloudStack</p>
         <a 
href="https://cwiki.apache.org/confluence/download/attachments/240885399/SolutionBrief-Delivering%20Public%20Cloud%20Services%20with%20Apache%20CloudStack.pdf?api=v2";><button
 type="button" class="btn btn-sm btn-success">Download</button></a>
@@ -195,7 +201,7 @@ title: Cloud Builders
   <div class="col-lg-4">
     <div class="img-holder-three">
       <div class="title">Case Study</div>
-      <img src="images/cs-front-page.png" width="100%" alt="">
+      <img src="images/Ikoula-case-study.jpg" width="100%" alt="">
       <div class="text-10">
         <p class="text-three">Case Study Title 1</p>
         <a href="#"><button type="button" class="btn btn-sm 
btn-success">Download</button></a>
@@ -205,7 +211,7 @@ title: Cloud Builders
   <div class="col-lg-4">
     <div class="img-holder-three">
       <div class="title">Case Study</div>
-      <img src="images/cs-front-page.png" width="100%" alt="">
+      <img src="images/your-online-case-study.jpg" width="100%" alt="">
       <div class="text-10">
         <p class="text-three">Case Study Title 2</p>
         <a href="#"><button type="button" class="btn btn-sm 
btn-success">Download</button></a>
diff --git a/source/images/ACS-solution-brief.jpg 
b/source/images/ACS-solution-brief.jpg
new file mode 100644
index 00000000..83c38c37
Binary files /dev/null and b/source/images/ACS-solution-brief.jpg differ
diff --git a/source/images/Apache-CloudStack-at-a-glance.jpg 
b/source/images/Apache-CloudStack-at-a-glance.jpg
new file mode 100644
index 00000000..8ab93b95
Binary files /dev/null and b/source/images/Apache-CloudStack-at-a-glance.jpg 
differ
diff --git a/source/images/Ikoula-case-study.jpg 
b/source/images/Ikoula-case-study.jpg
new file mode 100644
index 00000000..d347b967
Binary files /dev/null and b/source/images/Ikoula-case-study.jpg differ
diff --git a/source/images/step-by-step-guide.jpg 
b/source/images/step-by-step-guide.jpg
new file mode 100644
index 00000000..285c7b54
Binary files /dev/null and b/source/images/step-by-step-guide.jpg differ
diff --git a/source/images/your-online-case-study.jpg 
b/source/images/your-online-case-study.jpg
new file mode 100644
index 00000000..d0097dcc
Binary files /dev/null and b/source/images/your-online-case-study.jpg differ

Reply via email to