fix: change image container

Reviewed-on: #1

.dockerignore

@@ -0,0 +1,2 @@
+.git/
+k8s/

Dockerfile

@@ -0,0 +1,5 @@
+FROM nginx:alpine
+
+COPY . /usr/share/nginx/html/
+
+EXPOSE 80

index.html

@@ -8808,13 +8808,13 @@ globe"
                       >
                         <div class="sqs-block-content">
                           <div class="sqs-html-content">
-                            <h3 style="white-space: pre-wrap">
+                            <h3>
                               <strong
                                 >The fastest growing IT Company in Indonesia
                                 with more than 18 ready-to-use platform.</strong
                               >
                             </h3>
-                            <h4 style="white-space: pre-wrap">
+                            <h4>
                               <strong
                                 >We offers On-Time Delivery On all Services and
                                 comprehensive solutions for all business
@@ -8845,6 +8845,7 @@ globe"
                             <a
                               href=""
                               class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element"
+                              style="padding: 10px; border-radius: 8px;"
                             >
                               Make It
                             </a>
@@ -9013,12 +9014,12 @@ globe"
                       >
                         <div class="sqs-block-content">
                           <div class="sqs-html-content">
-                            <h2 style="white-space: pre-wrap">
+                            <h2 style="white-space: wrap">
                               <strong>Our Solutions</strong>
                             </h2>
                             <p
                               class="sqsrte-large"
-                              style="white-space: pre-wrap"
+                              style="white-space: wrap"
                             >
                               We are a company that engaged in information
                               technology and offers comprehensive solutions for
@@ -9744,7 +9745,7 @@ globe"
                                     class="list-item-content__description"
                                     style="margin-top: 10%; max-width: 100%"
                                   >
-                                    <p class="" style="white-space: pre-wrap">
+                                    <p class="" style="white-space:wrap">
                                       Generate leads and engage with your
                                       audience, enhance your existing web apps
                                       with us now.
@@ -9798,7 +9799,7 @@ globe"
                                     class="list-item-content__description"
                                     style="margin-top: 10%; max-width: 100%"
                                   >
-                                    <p class="" style="white-space: pre-wrap">
+                                    <p class="" style="white-space:wrap">
                                       Create your first or existing native apps,
                                       deploy on time using Apple own swift
                                       programming language
@@ -9852,7 +9853,7 @@ globe"
                                     class="list-item-content__description"
                                     style="margin-top: 10%; max-width: 100%"
                                   >
-                                    <p class="" style="white-space: pre-wrap">
+                                    <p class="" style="white-space:wrap">
                                       For those who concern about speed and
                                       stability, develop your native android
                                       apps using kotlin
@@ -9906,7 +9907,7 @@ globe"
                                     class="list-item-content__description"
                                     style="margin-top: 10%; max-width: 100%"
                                   >
-                                    <p class="" style="white-space: pre-wrap">
+                                    <p class="" style="white-space:wrap">
                                       When delivery is the essence, we recommend
                                       to deploy React Native or Flutter for your
                                       need.
@@ -10001,6 +10002,7 @@ globe"
                     <a
                       class="list-section-button sqs-block-button-element sqs-block-button-element--large sqs-button-element--secondary"
                       href="solutions-1.html"
+                      style="padding: 10px; border-radius: 8px;"
                     >
                       Explore Your Solution
                     </a>
@@ -10009,6 +10011,13 @@ globe"
               </div>
             </div>
           </section>
+          <style>
+            .list-section-button:hover{
+              color:aliceblue;
+              background-color: black;
+              
+            }
+          </style>
 
           <section
             data-test="page-section"
@@ -10171,10 +10180,10 @@ globe"
                       >
                         <div class="sqs-block-content">
                           <div class="sqs-html-content">
-                            <h3 style="white-space: pre-wrap">
+                            <h3 style="white-space:wrap">
                               <strong>Case Study</strong>
                             </h3>
-                            <h4 style="white-space: pre-wrap">
+                            <h4 style="white-space:wrap">
                               gain insight by correlating with other industries
                               that already utilizing our product &amp; services
                               to solved their problem
@@ -10791,10 +10800,10 @@ globe"
                       >
                         <div class="sqs-block-content">
                           <div class="sqs-html-content">
-                            <h3 style="white-space: pre-wrap">
+                            <h3 style="white-space:wrap">
                               <strong>&nbsp;Our Customer</strong>
                             </h3> 
-                            <h4 style="white-space: pre-wrap">
+                            <h4 style="white-space:wrap">
                               In honesty. fairness and professionalism we
                               believe.
                             </h4>
@@ -11125,9 +11134,9 @@ globe"
                         <div class="sqs-block-content">
                           <div class="sqs-html-content">
                             <h2
-                              style="text-align: center; white-space: pre-wrap"
+                              style="text-align: center; white-space:"
                             >
-                              “To boldly go where no one has gone before. It’s
+                              <br>“To boldly go where no one has gone before. It’s
                               easier and more fun with good friends.”
                             </h2>
                           </div>
@@ -11241,7 +11250,7 @@ globe"
                           <div class="sqs-block-content">
                             <div class="sqs-html-content">
                               <h3 style="white-space: pre-wrap">BKA</h3>
-                              <p class="" style="white-space: pre-wrap">
+                              <p class="" style="white-space: wrap">
                                 Floor 12A-G H Tower, Rasuna Said, Jakarta
                                 12940<br /><br /><a
                                   href="http://squarespace.com"
@@ -11296,7 +11305,7 @@ globe"
                               >
                                 <header class="newsletter-form-header">
                                   <h2 class="newsletter-form-header-title">
-                                    Join our newsletter
+                                    <br>Join our newsletter
                                   </h2>
                                   <div
                                     class="newsletter-form-header-description"

k8s/production/deployment.yaml

@@ -0,0 +1,22 @@
+apiVersion: apps/v1
+kind: Deployment
+metadata:
+  name: bka-web
+  namespace: empatnusabangsa-production
+spec:
+  selector:
+    matchLabels:
+      app: bka-web
+  replicas: 1
+  template:
+    metadata:
+      labels:
+        app: bka-web
+    spec:
+      containers:
+        - name: bka-web
+          image: git.empatnusabangsa.com/empatnusabangsa/bka-web:<VERSION>
+          ports:
+            - containerPort: 80
+      imagePullSecrets:
+        - name: regcred

k8s/production/ingress.yaml

@@ -0,0 +1,25 @@
+apiVersion: networking.k8s.io/v1
+kind: Ingress
+metadata:
+  name: bka-web-ingress
+  namespace: empatnusabangsa-production
+  annotations:
+    kubernetes.io/ingress.class: "traefik"
+    cert-manager.io/cluster-issuer: letsencrypt-prod
+    traefik.ingress.kubernetes.io/router.middlewares: empatnusabangsa-production-redirect-https@kubernetescrd
+spec:
+  rules:
+    - host: "www.bangun-kreatif.com"
+      http:
+        paths:
+          - pathType: Prefix
+            path: /
+            backend:
+              service:
+                name: bka-web
+                port:
+                  number: 80
+  tls:
+    - hosts:
+        - "www.bangun-kreatif.com"
+      secretName: www-bangun-kreatif-com-tls

k8s/production/middleware.yaml

@@ -0,0 +1,9 @@
+apiVersion: traefik.containo.us/v1alpha1
+kind: Middleware
+metadata:
+  name: redirect-https
+  namespace: empatnusabangsa-production
+spec:
+  redirectScheme:
+    scheme: https
+    permanent: true

k8s/production/namespace.yaml

@@ -0,0 +1,4 @@
+apiVersion: v1
+kind: Namespace
+metadata:
+  name: empatnusabangsa-production

k8s/production/service.yaml

@@ -0,0 +1,13 @@
+apiVersion: v1
+kind: Service
+metadata:
+  name: bka-web
+  namespace: empatnusabangsa-production
+  labels:
+    run: bka-web
+spec:
+  ports:
+    - port: 80
+      protocol: TCP
+  selector:
+    app: bka-web

services.html

@@ -8715,11 +8715,11 @@
                       >
                         <div class="sqs-block-content">
                           <div class="sqs-html-content">
-                            <h2 style="white-space: pre-wrap">
+                            <h2 style="white-space: inline">
-                              Our core technology enables use to provide you
+                              <br>Our core technology enables use to provide you
                               with the best products and services.
                             </h2>
-                            <h4 style="white-space: pre-wrap">
+                            <h4>
                               We provide good quality software development
                               through better understanding for your business.
                             </h4>
@@ -8790,9 +8790,9 @@
                         <div class="sqs-block-content">
                           <div class="sqs-html-content">
                             <h2
-                              style="text-align: center; white-space: pre-wrap"
+                              style="text-align: center; white-space:"
                             >
-                              service overview
+                              <br>service overview
                             </h2>
                           </div>
 
@@ -8896,15 +8896,15 @@
                               >
                                 <div class="image-title-wrapper">
                                   <div class="image-title sqs-dynamic-text">
-                                    <h3 style="white-space: pre-wrap">
+                                    <h3 style="white-space: pre-wrap;">
-                                      body hire
+                                      <br>body hire
                                     </h3>
                                   </div>
                                 </div>
 
                                 <div class="image-subtitle-wrapper">
                                   <div class="image-subtitle sqs-dynamic-text">
-                                    <p class="" style="white-space: pre-wrap">
+                                    <p class="" style="">
                                       if you need experts in a short time we
                                       provide body hire services. so you don't
                                       need to find new people and think of
@@ -9020,14 +9020,14 @@
                                 <div class="image-title-wrapper">
                                   <div class="image-title sqs-dynamic-text">
                                     <h3 style="white-space: pre-wrap">
-                                      squad base
+                                      <br>squad base
                                     </h3>
                                   </div>
                                 </div>
 
                                 <div class="image-subtitle-wrapper">
                                   <div class="image-subtitle sqs-dynamic-text">
-                                    <p class="" style="white-space: pre-wrap">
+                                    <p class="" style="white-space">
                                       and if you need a team in no time. We are
                                       also able to provide the best quality
                                       team, of course, who are experienced and
@@ -9140,17 +9140,17 @@
                               <div
                                 class="image-card sqs-dynamic-text-container"
                               >
-                                <div class="image-title-wrapper">
+                                <div class="image-title-wrapper" style="margin-top: 8px;">
                                   <div class="image-title sqs-dynamic-text">
                                     <h3 style="white-space: pre-wrap">
-                                      project base
+                                      <br>project base 
                                     </h3>
                                   </div>
                                 </div>
 
                                 <div class="image-subtitle-wrapper">
-                                  <div class="image-subtitle sqs-dynamic-text">
+                                  <div class="image-subtitle sqs-dynamic-text" >
-                                    <p class="" style="white-space: pre-wrap">
+                                    <p class="">
                                       plan your project and we will carry it out
                                       with a team experienced in various methods
                                       (SDLC). trust us, we will provide the best
@@ -9236,9 +9236,9 @@
                         <div class="sqs-block-content">
                           <div class="sqs-html-content">
                             <h2
-                              style="text-align: center; white-space: pre-wrap"
+                              style="text-align: center;" 
                             >
-                              how we work
+                              <br>how we  work
                             </h2>
                           </div>
 
@@ -9339,7 +9339,7 @@
                                 <h3
                                   style="
                                     text-align: center;
-                                    white-space: pre-wrap;
+                                    white-space: wrap;
                                   "
                                 >
                                   methods
@@ -9388,10 +9388,16 @@
                                 data-alignment="center"
                                 data-button-size="medium"
                                 data-button-type="primary"
+                                style="display: block; margin: auto ;width: 130px;"
                               >
                                 <a
                                   href="web-and-mobile.html"
                                   class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element"
+                                  style="padding: 20px;
+                                  display: block;
+                                  margin: auto;
+                                  width: 100px;
+                                  border-radius: 20px"
                                 >
                                   Learn more
                                 </a>
@@ -9496,7 +9502,7 @@
                                 <h3
                                   style="
                                     text-align: center;
-                                    white-space: pre-wrap;
+                                    
                                   "
                                 >
                                   technology stack
@@ -9661,9 +9667,9 @@
                         <div class="sqs-block-content">
                           <div class="sqs-html-content">
                             <h2
-                              style="text-align: center; white-space: pre-wrap"
+                              style="text-align: center; white-space: wrap"
                             >
-                              we are proud to be a part of your business success
+                              <br>we are proud to be a part of your business success
                             </h2>
                           </div>
 
@@ -9775,8 +9781,8 @@
                         >
                           <div class="sqs-block-content">
                             <div class="sqs-html-content">
-                              <h3 style="white-space: pre-wrap">BKA</h3>
+                              <h3 style="white-space: wrap">BKA</h3>
-                              <p class="" style="white-space: pre-wrap">
+                              <p class="" style="white-space: wrap">
                                 Floor 12A-G H Tower, Rasuna Said, Jakarta
                                 12940<br /><br /><a
                                   href="http://squarespace.com"
@@ -9831,6 +9837,7 @@
                               >
                                 <header class="newsletter-form-header">
                                   <h2 class="newsletter-form-header-title">
+                                    <div style="margin-bottom: 50px; position:absolute;">&nbsp</div>
                                     Join our newsletter
                                   </h2>
                                   <div