@extends('layout.main')

@push('title')

    <title>Website Designing - SSP SoftPro India</title>
    
    <meta name="description" content="SSP Softpro India is a reputed IT & Website Designing Company in Tilak Nagar, New Delhi. Check out the Range of services we offer."/>
    <meta name="author" content="SSP SoftPro India Pvt Ltd">
	<meta name="robots" content="index, follow" />
	<meta name="distribution" content="global" />
    <meta name="coverage" content="india" />
    <meta name="object" content="document"/>
    <meta name="audience" content="All" />
    <meta name="revisit-after" content="1 day"/>
    <meta name="language" content="en"/>
    <meta name="rating" content="general"/>
    <meta name="copyright" content="© 2024 All Rights Reserved by SSP SoftPro India Pvt Ltd."/>
	
	<!--canonical tag-->
	<link rel="canonical" href="https://www.sspsoftproindia.com/web-designing"/>
    
     <!--Additional OG:Meta-->
    <meta property="og:type" content="Website"/>
    <meta property="og:title" content="Website Designing - SSP SoftPro India"/>
    <meta property="og:description" content="SSP Softpro India is a reputed IT & Website Designing Company in Tilak Nagar, New Delhi. Check out the Range of services we offer."/>
    <meta property="og:site_name" content="SSP SoftPro India Pvt Ltd"/>
    <meta property="og:url" content="https://www.sspsoftproindia.com/web-designing"/>
    <meta property="og:image" content="https://www.sspsoftproindia.com/public/images/white-logo.png"/>
    
<script type='application/ld+json'>
{
	"@context": "http://schema.org",
	"@type": "BreadcrumbList",
	"itemListElement": [
		{
		"@type": "ListItem",
		"position": "1",
		"name": "Home",
		"item": "https://www.sspsoftproindia.com"
	},
		{
		"@type": "ListItem",
		"position": "2",
		"name": "Service",
		"item": "https://www.sspsoftproindia.com/service"
	},
		{
		"@type": "ListItem",
		"position": "3",
		"name": "Website Designing",
		"item": "https://www.sspsoftproindia.com/web-designing"
	}
	]
}
</script>   
    
@endpush

@push('nav-bg')
    <header style="background:white;" class="header-pr nav-bg-w main-header navfix fixed-top menu-white">
@endpush
@push('modal')
    $(window).on('load', function () {
        var delayMs = 4000; // delay in milliseconds
        setTimeout(function() {
            $('#leadModal').modal('show');
        }, delayMs);
    });
    //Owl-Carousel - client logo
    var owl = $('.niwax-client-slider');
    owl.owlCarousel({
        loop: true,
        center: false,
        autoplay: true,
        margin: 20,
        nav: true,
        dots: false,
        autoplayTimeout: 3500,
        autoplayHoverPause: true,
        smartSpeed: 2000,
        navText: [
            '<i class="fa fa-arrow-left"></i>',
            '<i class="fa fa-arrow-right"></i>',
        ],
        responsive: {
            0: {
                items: 3,
                nav: false,
            },
            520: {
                items: 3,
            },
            768: {
                items: 4
            },
            1200: {
                items: 4
            },
            1400: {
                items: 5
            },
            1600: {
                items: 6
            },
        }
    });
@endpush

@section('main-section')
	<section class="breadcrumb-area banner-1" data-background="{{asset('assets/images/banner/services-hero-section.png')}}">
        <div class="text-block">
        <div class="container">
            <div class="row">
            <div class="col-lg-12 v-center">
                <div class="bread-inner">
                <div class="bread-menu">
                    <ul>
                    <li><a href="{{ url('/')}}" class="text-light">Home</a></li>
                    <li><a href="{{ url('/web-designing')}}" class="text-light">Website Designing</a></li>
                    </ul>
                </div>
                <div class="bread-title">
                    <h1 class="text-light">Website Designing</h1>
                </div>
                </div>
            </div>
            </div>
        </div>
        </div>
    </section>
    
    <section class="about-agency pad-tb" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    
                    <div class="common-heading text-l">
                          <h2>Serving All Your Website Designing Needs</h2>
                        <p>We offer professional website design and development services perfect fit for SMEs and large enterprises. Based in Delhi, our expertise spans PHP development, static and dynamic websites, and comprehensive e-commerce solutions. Whether you need a simple static website or a dynamic, feature-rich platform, we deliver user-friendly and visually appealing designs optimized for all devices. From admin panel integration to seamless API connections, we provide end-to-end solutions to streamline your online operations.</p>
                        
                        <p>We have a team of experienced web designers and web developers, we ensure that our flexible technology, always align with the business objectives. Our team focuses on affordability and quality of the services, we not only aim to develop sites for the business, but also to make sure that business website could handle large data and traffic with smooth operations and admin panels functionality which allow our customers to make self-level changes using their own mobile and desktop devices. Choose SSP SoftPro India to transform your ideas into a powerful online presence with Dynamic Website powered with Hosting, Domain, SSL Certificates.</p>
                        <a href="contact" class="btn-main bg-btn lnk mt30">Contact Us <i class="fas fa-chevron-right fa-icon"></i><span class="circle"></span></a>
                    </div>
                </div>
                <div class="col-lg-6 v-center">
                    <div class="image-block">
                        <img src="{{ asset('assets/img/pop.png') }}" alt="about" class="img-fluid no-shadow" />
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="container-fluid">
            <div class="row justify-content-center mt100">
                <div class="col-lg-6">
                    <div class="common-heading">
                        <h2 class="mb30">Our Service Locations</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                {{-- <div class="col-lg-5 col-sm-4 mt40 wow fadeIn" data-wow-delay="0.2s">
                    <div class="isotope_item up-hor">
                        <div class="item-image">
                            <a href="/web-designing/delhi"><img src="{{ asset('assets/img/delhi.webp') }}" alt="image" class="img-fluid" /> </a>
                        </div>
                        <div class="item-info-div shdo">
                            <h4><a href="web-designing/delhi">Delhi</a></h4>
                        </div>
                    </div>
                </div> --}}
                @foreach($data2 as $datas)
                <div class="col-lg-4 col-sm-4 mt40 wow fadeIn" data-wow-delay="0.2s">
                    <div class="isotope_item up-hor">
                        <div class="item-image">
                            <a href="/web-designing/{{ $datas->state}}">
                                <img src="/storage/{{ $datas->state_image }}" alt="image" class="img-fluid" /> 
                            </a>
                        </div>
                        <div class="item-info-div shdo">
                            <h4><a href="/web-designing/{{ $datas->state}}">{{$datas->state}}</a></h4>
                        </div>
                    </div>
                </div>

@endforeach


            </div>
    </div>
    
@endsection