<?php
    if(isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on')   
         $url = "https://";   
    else  
         $url = "http://";   
    // Append the host(domain name, ip) to the URL.   
    $url.= $_SERVER['HTTP_HOST'];   
    
    // Append the requested resource location to the URL   
    $url.= $_SERVER['REQUEST_URI'];    
      
    $url_components = parse_url($url);// Use parse_str() function to parse the
    // string passed via URL
    parse_str($url_components['query'], $params);
     
    // Display result
    $actual_link = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
   $brurl=explode("/",$actual_link);
   session_start();
   if(!empty($_GET['status']) AND $_GET['status'] == 'fb')
   {
        $_SESSION["referal"] = $_GET['status'];
   }
   else
   {
       if(!empty($brurl[3]) AND $brurl[3]=='fb'){
     
        $_SESSION["referal"] = $brurl[3];
    }
   }
?>

<!DOCTYPE html>
<html>

<head>
    <title> Vista Website Studio delivers Shopify web development services by a team of expert Shopify web designers. </title>
    <meta charset="UTF-8">
    <meta name="description" content="Vista Website Studio delivers Shopify web development services by a team of expert Shopify web designers.">
    <meta name="keywords" content="shopify website designers, shopify web designer, shopify web development, shopify web developer, shopify web agency, shopify website development cost, web designer for shopify, custom shopify website design, shopify website design pricing, shopify web store, shopify website builder">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="css/bootstrap.css.map" rel="stylesheet" type="text/css">
    <link href="css/bootstrap.min.css.map" rel="stylesheet" type="text/css">
    <link href="css/animate.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
    
    <link rel="icon" type="image/png" href="images/fav.png"/>
    <link href="https://api.chipware.co.za/css/flipclock.css" rel="stylesheet" type="text/css">
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="css/t-scroll.min.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <link rel="stylesheet" type="text/css" href="css/slick.css" />
    <link rel="stylesheet" type="text/css" href="css/slick-theme.css" />
    <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"/>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css" />
    <link href="https://site-assets.fontawesome.com/releases/v6.0.0/css/all.css" rel="stylesheet">
    <link href="css/calendar.css" rel="stylesheet" type="text/css">
    <link href="css/custom.css" rel="stylesheet" type="text/css">
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-697899671"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-697899671');
</script>

<script>
    (function(w,d,t,r,u)
    {
        var f,n,i;
        w[u]=w[u]||[],f=function()
        {
            var o={ti:"355008693", enableAutoSpaTracking: true};
            o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")
        },
        n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function()
        {
            var s=this.readyState;
            s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)
        },
        i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)
    })
    (window,document,"script","//bat.bing.com/bat.js","uetq");
</script>
</head>
<body>

<header class="main-header">
    <div class="container">
        <div class="row justify-content-center align-items-center">
            <div class="col-12 col-sm-12 col-md-11 col-lg-11 col-xl-11 col-xxl-11 px-lg-4">
                <div class="main-nav">
                    <div class="logo" style="
    width: 50%;
">
                        <img src="images/12Vista-02.png" class="img-fluid" alt="">
                    </div>
                    <div class="h-btns">
                        <a href="tel:+510-474-0516"><i class="fa-solid fa-phone-volume"></i> 510-474-0516</a>
                        <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#myModal" class="button-pulse"><i class="fa-solid fa-chevrons-right"></i> get custom quote</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>

