SHARE
TWEET

Untitled

rochman27 Apr 25th, 2019 89 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @extends('layouts.app')
  2.  
  3.     @section('content')
  4.   <div style="background:#fafafa;width:100%;justify-content: center;">
  5.     <div class="container" style="padding-top:50px;padding-bottom:0px;">
  6.     <section id="fancyTabWidget" class="tabs t-tabs">
  7.       <ul class="nav nav-tabs fancyTabs" role="tablist">
  8.         <li class="col-md-2 col-sm-4 col-xs-4 tab fancyTab active">
  9.         <div class="arrow-up"><div class="arrow-up-inner"></div></div> 
  10.             <a id="tab0" href="#tabBody0" role="tab" aria-controls="tabBody0" aria-selected="true" data-toggle="tab" tabindex="0"><img src="{{asset('img/slider/service0.png')}}"><br><span class="hidden-xs">Software as a Service <br>(SaaS)</span></a>
  11.           <div class="whiteBlock"></div>
  12.         </li>
  13.        
  14.         <li class="col-md-2 col-sm-4 col-xs-4 tab fancyTab">
  15.         <div class="arrow-up"><div class="arrow-up-inner"></div></div>
  16.             <a id="tab1" href="#tabBody1" role="tab" aria-controls="tabBody1" aria-selected="true" data-toggle="tab" tabindex="0"><img src="{{asset('img/slider/service1.png')}}"><br><span class="hidden-xs">Platform as a Service <br>(PaaS)</span></a>
  17.             <div class="whiteBlock"></div>
  18.         </li>
  19.        
  20.         <li class="col-md-2 col-sm-4 col-xs-4 tab fancyTab">
  21.         <div class="arrow-up"><div class="arrow-up-inner"></div></div>
  22.             <a id="tab2" href="#tabBody2" role="tab" aria-controls="tabBody2" aria-selected="true" data-toggle="tab" tabindex="0"><img src="{{asset('img/slider/service2.png')}}"><br><span class="hidden-xs">Infrastructure as a Service <br>(IaaS)</span></a>
  23.             <div class="whiteBlock"></div>
  24.         </li>
  25.        
  26.         <li class="col-md-2 col-sm-4 col-xs-4 tab fancyTab">
  27.         <div class="arrow-up"><div class="arrow-up-inner"></div></div>
  28.             <a id="tab3" href="#tabBody3" role="tab" aria-controls="tabBody3" aria-selected="true" data-toggle="tab" tabindex="0"><img src="{{asset('img/slider/service3.png')}}"><br></span><span class="hidden-xs">ERP</span></a><br>
  29.             <div class="whiteBlock"></div>
  30.         </li>
  31.              
  32.         <li class="col-md-2 col-sm-4 col-xs-4 tab fancyTab">
  33.         <div class="arrow-up"><div class="arrow-up-inner"></div></div>
  34.             <a id="tab4" href="#tabBody4" role="tab" aria-controls="tabBody4" aria-selected="true" data-toggle="tab" tabindex="0"><img src="{{asset('img/slider/service4.png')}}"><br></span><span class="hidden-xs">Managed Services</span></a><br>
  35.             <div class="whiteBlock"></div>
  36.         </li>
  37.  
  38.         <li class="col-md-2 col-sm-4 col-xs-4 tab fancyTab">
  39.         <div class="arrow-up"><div class="arrow-up-inner"></div></div>
  40.             <a id="tab5" href="#tabBody5" role="tab" aria-controls="tabBody5" aria-selected="true" data-toggle="tab" tabindex="0"><img src="{{asset('img/slider/service5.png')}}"><br></span><span class="hidden-xs">Mobile & Commerce</span></a><br>
  41.             <div class="whiteBlock"></div>
  42.         </li>
  43.       </ul>
  44.     </section>
  45.   </div>
  46. </div>
  47. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  48.   <div id="myTabContent" class="tab-content fancyTabContent" aria-live="polite">
  49.   <div class="tab-pane  fade active in" id="tabBody0" role="tabpanel" aria-labelledby="tab0" aria-hidden="false" tabindex="0">
  50.       <div class="row">
  51.         <div>
  52.         <style>
  53.         .header {
  54.           background: #fafafa;
  55.           color: #f1f1f1;
  56.           width:100%;
  57.           text-align: center;
  58.           padding-top:30px;
  59.         }
  60.  
  61.         .sticky {
  62.           position: fixed;
  63.           top: 130px;
  64.           width: 100%;
  65.           text-align: center;
  66.           z-index: 999;
  67.           padding:10px;
  68.  
  69.         }
  70.  
  71.         button.selected{
  72.           color:#fff;
  73.           background:#21478f;
  74.         }  
  75.  
  76.         .content-1{
  77.           padding-top:6cm;
  78.           padding-bottom:5cm;
  79.         }
  80.         .content-1 p{
  81.           text-align:justify;
  82.         }
  83.         </style>
  84.         <div class="header" id="myHeader">
  85.           <button onclick="location.href='#sol1-1'" class="btn btn-default">Dealer Management System</button>
  86.           <button onclick="location.href='#sol1-2'" class="btn btn-default">HRIS</button>
  87.           <button onclick="location.href='#sol1-3'" class="btn btn-default">E-Procurement</button>
  88.           <button onclick="location.href='#sol1-4'" class="btn btn-default">Mobile Application</button>
  89.         </div>
  90.  
  91.  
  92.           <script>
  93.           window.onscroll = function() {myFunction()};
  94.  
  95.           var header = document.getElementById("myHeader");
  96.           var sticky = header.offsetTop;
  97.  
  98.           function myFunction() {
  99.             if (window.pageYOffset > sticky) {
  100.               header.classList.add("sticky");
  101.             } else {
  102.               header.classList.remove("sticky");
  103.             }
  104.           }
  105.  
  106.           $('button').on('click', function(){
  107.               $('button').removeClass('selected');
  108.               $(this).addClass('selected');
  109.           });
  110.           </script>
  111.  
  112.           <div class="container">
  113.             <div class="row">
  114.               <div id="sol1-1" class="content-1">
  115.                 <div class="col-md-12 col-sm-12 col-xs-12">
  116.                   <div class="col-md-5 col-sm-12 col-xs-12">
  117.                     <img src="{{asset('img/slider/service1_img.png')}}" style="width:100%">
  118.                   </div>
  119.                   <div class="col-md-7 col-sm-12 col-xs-12">
  120.                     <h2>Dealer Management System123</h2>
  121.                     <p>Dealership management system (DMS) is a bundled management information system created specifically for automotive industry dealerships or large equipment manufacturers, such as adapted for cars, bikes, RV, and power sports dealers. These systems often contain software that cater to the needs of the finance, sales, parts, inventory and administration components of running the dealership. One of their functions can be automating tax returns. Other more sophisticated features can include online marketing tools and analytics on deals. Newer DMS systems have seen utilization of mobile platforms as well.</p>
  122.                   </div>
  123.                 </div>
  124.               </div>
  125.               <hr>
  126.               <div id="sol1-2" class="content-1">
  127.                 <div class="col-md-12 col-sm-12 col-xs-12">
  128.                   <div class="col-md-7 col-sm-12 col-xs-12">
  129.                     <h2>HRIS</h2>
  130.                     <p>The Human Resource Information System (HRIS) is a software or online solution for the data entry, data tracking, and data information needs of the Human Resources, payroll, management, and accounting functions within a business. It is useful for all processes that you want to track and from which you hope to gather useful and purposeful data.
  131.                       Normally packaged as a database, hundreds of companies sell some form of HRIS and every HRIS has different capabilities. Pick your HRIS carefully based on the capabilities you need in your company. As HRIS have become increasingly sophisticated, the choice has become enough to practically paralyze an HR department.</p>
  132.                   </div>
  133.                   <div class="col-md-5 col-sm-12 col-xs-12">
  134.                     <img src="{{asset('img/slider/service1_img.png')}}" style="width:100%">
  135.                   </div>
  136.                 </div>
  137.               </div>
  138.               <hr>
  139.               <div id="sol1-3" class="content-1">
  140.                 <div class="col-md-12 col-sm-12 col-xs-12">
  141.                   <div class="col-md-5 col-sm-12 col-xs-12">
  142.                     <img src="{{asset('img/slider/service1_img.png')}}" style="width:100%">
  143.                   </div>
  144.                   <div class="col-md-7 col-sm-12 col-xs-12">
  145.                     <h2>E-Procurement</h2>
  146.                     <p>Electronic procurement (e-procurement) is electronic integration and management of all procurement activities or acquisition of goods and services, including purchase request, authorization, ordering, delivery and payment, between a purchaser and a supplier. The activities were conducted with the right price, the right time, the right quality, the right quantity, the right source. </p>
  147.                   </div>
  148.                 </div>
  149.               </div>
  150.               <hr>
  151.               <div id="sol1-4" class="content-1">
  152.                 <div class="col-md-12 col-sm-12 col-xs-12">
  153.                   <div class="col-md-7 col-sm-12 col-xs-12">
  154.                     <h2>Mobile Application</h2>
  155.                     <p>A mobile application, most commonly referred to as an app, is a type of application software designed to run on a mobile device, such as a smartphone or tablet computer for any purpose like Sales, Survey, Collection, Canvasing which will make your business more efficient and easy.</p>
  156.                   </div>
  157.                   <div class="col-md-5 col-sm-12 col-xs-12">
  158.                     <img src="{{asset('img/slider/service1_img.png')}}" style="width:100%">
  159.                   </div>
  160.                 </div>
  161.               </div>
  162.             </div>
  163.           </div>
  164.         </div>
  165.       </div>                        
  166.     </div>
  167.     <div class="tab-pane  fade" id="tabBody1" role="tabpanel" aria-labelledby="tab1" aria-hidden="true" tabindex="0">
  168.     <div class="row">  
  169.         <div>
  170.         <style>
  171.         .header2 {
  172.           background: #fafafa;
  173.           color: #f1f1f1;
  174.           width:100%;
  175.           text-align: center;
  176.           padding-top:30px;
  177.         }
  178.  
  179.         .sticky2 {
  180.           position: fixed;
  181.           top: 130px;
  182.           width: 100%;
  183.           text-align: center;
  184.           z-index: 999;
  185.           padding:10px;
  186.  
  187.         }
  188.  
  189.         button.selected{
  190.           color:#fff;
  191.           background:#21478f;
  192.         }  
  193.  
  194.         .content-2{
  195.           padding-top:6cm;
  196.           padding-bottom:5cm;
  197.         }
  198.         .content-2 p{
  199.           text-align:justify;
  200.         }
  201.         </style>
  202.         <div class="header2" id="myHeader2">
  203.           <button onclick="location.href='#sol2-1'" class="btn btn-default">Dealer Management System</button>
  204.           <button onclick="location.href='#sol2-2'" class="btn btn-default">HRIS</button>
  205.           <button onclick="location.href='#sol2-3'" class="btn btn-default">E-Procurement</button>
  206.           <button onclick="location.href='#sol2-4'" class="btn btn-default">Mobile Application</button>
  207.         </div>
  208.  
  209.  
  210.           <script>
  211.           window.onscroll = function() {myFunction2()};
  212.  
  213.           var header2 = document.getElementById("myHeader2");
  214.           var sticky2 = header2.offsetTop;
  215.  
  216.           function myFunction2() {
  217.             if (window.pageYOffset > sticky2) {
  218.               header2.classList.add("sticky2");
  219.             } else {
  220.               header2.classList.remove("sticky2");
  221.             }
  222.           }
  223.  
  224.           $('button').on('click', function(){
  225.               $('button').removeClass('selected');
  226.               $(this).addClass('selected');
  227.           });
  228.           </script>
  229.  
  230.           <div class="container">
  231.             <div class="row">
  232.               <div id="sol2-1" class="content-2">
  233.                 <div class="col-md-12 col-sm-12 col-xs-12">
  234.                   <div class="col-md-5 col-sm-12 col-xs-12">
  235.                     <img src="{{asset('img/slider/service1_img.png')}}" style="width:100%">
  236.                   </div>
  237.                   <div class="col-md-7 col-sm-12 col-xs-12">
  238.                     <h2>Dealer Management System</h2>
  239.                     <p>Dealership management system (DMS) is a bundled management information system created specifically for automotive industry dealerships or large equipment manufacturers, such as adapted for cars, bikes, RV, and power sports dealers. These systems often contain software that cater to the needs of the finance, sales, parts, inventory and administration components of running the dealership. One of their functions can be automating tax returns. Other more sophisticated features can include online marketing tools and analytics on deals. Newer DMS systems have seen utilization of mobile platforms as well.</p>
  240.                   </div>
  241.                 </div>
  242.               </div>
  243.               <hr>
  244.               <div id="sol2-2" class="content-2">
  245.                 <div class="col-md-12 col-sm-12 col-xs-12">
  246.                   <div class="col-md-7 col-sm-12 col-xs-12">
  247.                     <h2>HRIS</h2>
  248.                     <p>The Human Resource Information System (HRIS) is a software or online solution for the data entry, data tracking, and data information needs of the Human Resources, payroll, management, and accounting functions within a business. It is useful for all processes that you want to track and from which you hope to gather useful and purposeful data.
  249.                       Normally packaged as a database, hundreds of companies sell some form of HRIS and every HRIS has different capabilities. Pick your HRIS carefully based on the capabilities you need in your company. As HRIS have become increasingly sophisticated, the choice has become enough to practically paralyze an HR department.</p>
  250.                   </div>
  251.                   <div class="col-md-5 col-sm-12 col-xs-12">
  252.                     <img src="{{asset('img/slider/service1_img.png')}}" style="width:100%">
  253.                   </div>
  254.                 </div>
  255.               </div>
  256.               <hr>
  257.               <div id="sol2-3" class="content-2">
  258.                 <div class="col-md-12 col-sm-12 col-xs-12">
  259.                   <div class="col-md-5 col-sm-12 col-xs-12">
  260.                     <img src="{{asset('img/slider/service1_img.png')}}" style="width:100%">
  261.                   </div>
  262.                   <div class="col-md-7 col-sm-12 col-xs-12">
  263.                     <h2>E-Procurement</h2>
  264.                     <p>Electronic procurement (e-procurement) is electronic integration and management of all procurement activities or acquisition of goods and services, including purchase request, authorization, ordering, delivery and payment, between a purchaser and a supplier. The activities were conducted with the right price, the right time, the right quality, the right quantity, the right source. </p>
  265.                   </div>
  266.                 </div>
  267.               </div>
  268.               <hr>
  269.               <div id="sol2-4" class="content-2">
  270.                 <div class="col-md-12 col-sm-12 col-xs-12">
  271.                   <div class="col-md-7 col-sm-12 col-xs-12">
  272.                     <h2>Mobile Application</h2>
  273.                     <p>A mobile application, most commonly referred to as an app, is a type of application software designed to run on a mobile device, such as a smartphone or tablet computer for any purpose like Sales, Survey, Collection, Canvasing which will make your business more efficient and easy.</p>
  274.                   </div>
  275.                   <div class="col-md-5 col-sm-12 col-xs-12">
  276.                     <img src="{{asset('img/slider/service1_img.png')}}" style="width:100%">
  277.                   </div>
  278.                 </div>
  279.               </div>
  280.             </div>
  281.           </div>
  282.         </div>
  283.       </div>                        
  284.     </div>
  285.    
  286.  
  287.  
  288.     @endsection
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top