UPDATE! fixed many things and added compability to iphone mini and fo…

…r any phones whose width: 320px,360px,400px,450px, database stored email update
Lostky01 · Sep 6, 2023 · 1ef8a63 · 1ef8a63
1 parent fe89197
commit 1ef8a63
Show file tree

Hide file tree

Showing 4 changed files with 137 additions and 7 deletions.
diff --git a/resources/views/about.blade.php b/resources/views/about.blade.php
@@ -127,12 +127,15 @@
             /* or background-size: contain; */
             background-position: center;
         }
+
         .ordinary-phone {
             display: block;
         }
+
         .iphone-mini {
             display: none;
         }
+
         .iphone-mid {
             display: none;
         }
@@ -145,22 +148,27 @@
             .iphone-mid {
                 display: block;
             }
+
             .ordinary-phone {
                 display: none;
             }
         }
+
         @media screen and (width:320px) {
             .iphone-mini {
                 display: block;
             }
+
             .ordinary-phone {
                 display: none;
             }
         }
+
         @media screen and (max-width: 360px) and (max-height: 780px) {
             .iphone-semi-mid {
                 display: block;
             }
+
             .ordinary-phone {
                 display: none;
             }
@@ -184,7 +192,7 @@
             <div class="col-lg-8 mt-5">
                 <h5 style="color: black; margin-left:15%"><strong><a href="{{ route('home') }}"
                             style="color: black;">Home</a>/</strong>About us</h5>
-                <div class="col-md-6" style="margin-left:25%">
+                <div class="col-md-6" style="margin-left:30%">
                     <h1 style="color: black"><strong>About Us</strong></h1>
                     <p style="color: black">PT Global Pristiya Group is a company that continues to grow and develop for the
                         better in Indonesia with main businesses engaged in the digital innovation sector, Digital Marketing
@@ -352,9 +360,16 @@
                         </div>
                     </div>
                 </div>
-                <div class="swiper-pagination"></div>
+                <div class="swiper-button-prev"
+                    style="position: absolute; width: 300px; height: 100px; color: rgba(255, 255, 255, 0);">
+                    <img src="{{ asset('slidekiri.png') }}" alt="Prev">
+                </div>
+                <div class="swiper-button-next"
+                    style="position: absolute; width: 300px; height: 100px; color : rgba(255, 255, 255, 0); padding-left:50px">
+                    <img src="{{ asset('slidekanan.png') }}" alt="Next">
+                </div>
             </div>
-
+            <div class="swiper-pagination"></div>
         </div>
     </section>
     <section class="mobile-show">
@@ -576,10 +591,56 @@
                             <p>Goodeva Technology CEO</p>
                         </div>
                     </div>
+                    <div class="swiper-button-prev"
+                        style="position: absolute; width: 300px; height: 100px; color: rgba(255, 255, 255, 0);">
+                        <img src="{{ asset('slidekiri.png') }}" alt="Prev">
+                    </div>
+                    <div class="swiper-button-next"
+                        style="position: absolute; width: 300px; height: 100px; color : rgba(255, 255, 255, 0); padding-left:50px">
+                        <img src="{{ asset('slidekanan.png') }}" alt="Next">
+                    </div>
                 </div>
                 <div class="swiper-pagination"></div>
             </div>
 
         </div>
     </section>
 @endsection
+
+@section('js-after')
+    <script>
+        function Contact() {
+            window.location.href = "{{ route('contact') }}"
+        }
+        $(document).ready(function() {
+            $('#collapseExample2').on('show.bs.collapse', function() {
+                $('#collapseButton').text("Read Less");
+            });
+
+            $('#collapseExample2').on('hide.bs.collapse', function() {
+                $('#collapseButton').text("Read More");
+            });
+        });
+        var swiper = new Swiper('.swiper-container.two', {
+            pagination: {
+                el: '.swiper-pagination',
+                clickable: true,
+            },
+            navigation: {
+                nextEl: '.swiper-button-next',
+                prevEl: '.swiper-button-prev',
+            },
+            effect: 'coverflow',
+            loop: true,
+            centeredSlides: true,
+            slidesPerView: 'auto',
+            coverflow: {
+                rotate: 0,
+                stretch: 100,
+                depth: 150,
+                modifier: 1.5,
+                slideShadows: false,
+            }
+        });
+    </script>
+@endsection
diff --git a/resources/views/contactus.blade.php b/resources/views/contactus.blade.php
@@ -171,8 +171,10 @@
                     <p style="color: black"><strong>Follow Us</strong></p>
                     <a href=""><i class="fa fa-youtube-play" style="font-size:36px; color:rgb(0, 0, 0)"> </i></a>
                     <a href=""><i class="fa fa-twitter" style="font-size:36px; color:rgb(0, 0, 0)"> </i></a>
-                    <a href="https://www.instagram.com/goodeva.id/?hl=id"><i class="fa fa-instagram" style="font-size:36px; color:rgb(0, 0, 0)"> </i></a>
-                    <a href="https://www.facebook.com/globalpristya"><i class="fa fa-facebook-square" style="font-size:36px; color:rgb(0, 0, 0)"> </i></a>
+                    <a href="https://www.instagram.com/goodeva.id/?hl=id"><i class="fa fa-instagram"
+                            style="font-size:36px; color:rgb(0, 0, 0)"> </i></a>
+                    <a href="https://www.facebook.com/globalpristya"><i class="fa fa-facebook-square"
+                            style="font-size:36px; color:rgb(0, 0, 0)"> </i></a>
                 </div>
                 <div class="col-lg-8">
                     <form method="post" action="{{ route('send.email') }}">
@@ -202,7 +204,7 @@
                                 style="background-color: #000000; border-radius: 0 !important;">Submit</button>
                         </div>
                         <input type="hidden" name="send_email" value="1">
-                    </form>                    
+                    </form>
                 </div>
             </div>
         </div>
@@ -271,5 +273,35 @@
         function Contact() {
             window.location.href = "{{ route('contact') }}"
         }
+        $(document).ready(function() {
+            $('#collapseExample2').on('show.bs.collapse', function() {
+                $('#collapseButton').text("Read Less");
+            });
+
+            $('#collapseExample2').on('hide.bs.collapse', function() {
+                $('#collapseButton').text("Read More");
+            });
+        });
+        var swiper = new Swiper('.swiper-container.two', {
+            pagination: {
+                el: '.swiper-pagination',
+                clickable: true,
+            },
+            navigation: {
+                nextEl: '.swiper-button-next',
+                prevEl: '.swiper-button-prev',
+            },
+            effect: 'coverflow',
+            loop: true,
+            centeredSlides: true,
+            slidesPerView: 'auto',
+            coverflow: {
+                rotate: 0,
+                stretch: 100,
+                depth: 150,
+                modifier: 1.5,
+                slideShadows: false,
+            }
+        });
     </script>
 @endsection
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
@@ -345,7 +345,7 @@
                         consumer-focused group in Indonesia: Global Pristya. We are here to design, build and enable digital
                         transformation within the ecosystem.</p>
                     <div class="collapse" id="collapseExample2">
-                        <div>
+                        <div> <p style="color: black; font-size: 20px;">
                             Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
                             Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea
                             proident.

diff --git a/resources/views/whatwedo.blade.php b/resources/views/whatwedo.blade.php
@@ -431,3 +431,40 @@ class="mx-2 mt-4">
         </div>
     </section>
 @endsection
+@section('js-after')
+    <script>
+        function Contact() {
+            window.location.href = "{{ route('contact') }}"
+        }
+        $(document).ready(function() {
+            $('#collapseExample2').on('show.bs.collapse', function() {
+                $('#collapseButton').text("Read Less");
+            });
+
+            $('#collapseExample2').on('hide.bs.collapse', function() {
+                $('#collapseButton').text("Read More");
+            });
+        });
+        var swiper = new Swiper('.swiper-container.two', {
+            pagination: {
+                el: '.swiper-pagination',
+                clickable: true,
+            },
+            navigation: {
+                nextEl: '.swiper-button-next',
+                prevEl: '.swiper-button-prev',
+            },
+            effect: 'coverflow',
+            loop: true,
+            centeredSlides: true,
+            slidesPerView: 'auto',
+            coverflow: {
+                rotate: 0,
+                stretch: 100,
+                depth: 150,
+                modifier: 1.5,
+                slideShadows: false,
+            }
+        });
+    </script>
+@endsection