@extends('layouts.site')
@section('title', ' Discover our latest blog Website Development, SEO, Digital Marketing Company in Rajkot, India.')
@section('meta')
<link rel="stylesheet" href="{{ route('site.blog') }}">
<meta property="keywords" content="latest news of company| Website Development Company| Web Design Company | Digital Marketing | Web Development Company in Rajkot| e-commerce Development|Digital Marketing Company Rajkot Gujarat India |Logo Designing | Live project Training | Social Media Marketing agency | Application Development| PPC | Graphics Design agency Rajkot | Website Design | On Page SEO | Website Development | Best Website Design and Website Development Company | Graphics Design Companies | SEO Company Rajkot India">
<meta property="Description" content="Discover our latest news on Website Development, Digital Marketing, SEO, Digital Marketing,Application Development company in Rajkot, India.">
<meta property="itemprop" content="Devweb Technology provide best Website Development, SEO, Application Development, Social Media Development,Digital Marketing Companies in Rajkot, Gujarat, India.">
<meta itemprop="image" content="https://devwebtechnology.com/storage/uploads/media/it-blog-website-company-in-rajkot.png">
<meta property="og:title" content="Discover our latest news on Website Development,PPC Digital Marketing, SEO, Digital Marketing,Application Development company in Rajkot, India">
<meta property="og:type" content="website">
<meta property="og:description" content="Devweb Technology Provide Best IT Services Of Digital Marketing, Search engine Optimization, Digital Marketing Services, Application Development Company in Rajkot, India.">
<meta property="og:url" content="{{ route('site.blog') }}">
<meta property="og:site_name" content="Devweb Technology IT Company ">
<meta property="og:image" content="https://devwebtechnology.com/storage/uploads/media/Shippers-Guide.jpg">
<meta name="twitter:title" content="Devweb Technology Provide Best Website Development, SEO, Digital Marketing services, Application Development Companies, Wordpress development, Social media marketing Services Companies in Rajkot, India.">
<meta name="twitter:description" content="Devweb Technology is an IT Services Company with focus on Website Development, Digital Marketing, SEO, Ecommerce Development in Rajkot Gujarat India.">
@endsection
@section('site')
<div role="main" class="main">
    <section
        class="page-header-modern custom-page-header bg-color-primary"data-bg-src="{{ asset('assets/img/demos/business-consulting-3/backgrounds/background-5.jpg.jpg') }}"
        style="background-size: cover; background-position: center;">
        <div class="container container-xl-custom py-2">
            <div class="row">
                <div class="col-md-8 order-2 order-md-1 align-self-center p-static">
                    <h1 class="font-weight-extra-bold text-12 appear-animation"
                        data-appear-animation="fadeInRightShorter" data-appear-animation-delay="200"
                        style="color:white;">Blog News</h1>
                </div>
                <div class="col-md-4 order-1 order-md-2 align-self-center">
                    <ul class="breadcrumb d-block text-md-end breadcrumb-light appear-animation"
                        data-appear-animation="fadeInRightShorter" data-appear-animation-delay="400">
                        <li><a href="{{ route('home') }}">Home</a></li>
                        <li class="active">Blog News</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <div class="container pt-4 pb-5 my-5">
        <div class="row">
            <div class="col-lg-8 mb-5 mb-lg-0 appear-animation" data-appear-animation="fadeInUpShorter"
                data-appear-animation-delay="1600">
                @foreach ($blogs as $blog)
                    <article class="mb-5">
                        <div class="card border-0 border-radius-0 custom-box-shadow-1">
                            <div class="card-img-top">
                                <a href="{{ route('site.blog-details', $blog->url) }}">
                                    <img class="card-img-top border-radius-0 hover-effect-2"
                                        src="{{ asset('storage/uploads/blog') . '/' . $blog->image }}">
                                </a>
                            </div>
                            <div class="card-body bg-light p-4 z-index-1">
                                <div class="card-body p-0">
                                    <h4 class="card-title alternative-font-4 font-weight-semibold text-5 mb-3">
                                        <a class="text-color-dark text-color-hover-primary text-decoration-none font-weight-bold text-3"
                                            href="{{ route('site.blog-details', $blog->url) }}">{{ $blog->blog_name }}</a>
                                    </h4>
                                    <p class="card-text mb-2">{!!\Str::limit($blog->blog_description,160,"..")!!}</p>
                                    <a href="{{ route('site.blog-details', $blog->url) }}"
                                        class="custom-read-more-link d-inline-flex align-items-center font-weight-semibold text-3 text-decoration-none svg-fill-color-primary svg-stroke-color-primary ps-0">
                                        READ MORE
                                        {{-- <svg class="ms-2" version="1.1" viewBox="0 0 15.698 8.706" width="17"
                                            xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
                                            xmlns:xlink="http://www.w3.org/1999/xlink">
                                            <polygon stroke="#777" stroke-width="0.1" fill="#777"
                                                points="11.354,0 10.646,0.706 13.786,3.853 0,3.853 0,4.853 13.786,4.853 10.646,8 11.354,8.706 15.698,4.353 " />
                                        </svg> --}}
                                    </a>
                                </div>
                            </div>
                        </div>
                    </article>
                @endforeach

            </div>
            <div class="blog-sidebar col-lg-4 pt-4 pt-lg-0 appear-animation" data-appear-animation="fadeInUpShorter"
                data-appear-animation-delay="1800">
                <aside class="sidebar">
                    <div class="card bg-primary border-0 border-radius-0 custom-box-shadow-1 mb-5">
                        <div class="card-body text-center py-5">
                            <h3 class="alternative-font-4 text-color-light font-weight-semibold text-4 mb-1">ARE YOU
                                LOOKING FOR</h3>
                            <h2
                                class="text-transform-none text-color-light font-weight-bold text-10 negative-ls-1 mb-2">
                                Devweb Technology Contact?</h2>
                            <p class="text-color-light text-3-5 opacity-8 mb-5">ARE YOU
                                LOOKING FOR RIGHT NOW</p>
                            <ul class="list list-unstyled mb-5">
                                <li class="mb-lg-2 mb-xl-3">
                                    <i class="icons icon-phone text-color-primary text-5-5 position-relative top-2 me-2"
                                        style="background-color:white;"></i>
                                    <a href="tel:+91 7016892290"
                                        class="text-color-light font-weight-bold text-decoration-none text-5">(+91)
                                        7016892290</a>
                                </li>
                                <li class="mb-3">
                                    <i class="icons icon-envelope text-color-primary text-6 position-relative top-6 me-2"
                                        style="background-color:white;"></i>
                                    <a href="mailto:info@devwebtechnology.com"
                                        class="text-color-light text-decoration-none text-4 text-lg-3 text-xl-4"><span
                                            class="__cf_email__"
                                            data-cfemail="2c5c435e58436c5c435e58435844494149024f4341">info@devwebtechnology.com</span></a>
                                </li>
                                <li class="text-color-light text-4 text-lg-3 text-xl-4 mb-0">
                                    <i
                                        class="icons icon-calendar text-color-primary text-5 position-relative top-3 me-2"style="background-color:white;"></i>
                                    Mon - Sat 9am - 6pm
                                </li>
                            </ul>
                            <a href="{{ route('site.contact-us') }}" data-hash data-hash-offset="0"
                                data-hash-offset-lg="100"
                                class="btn btn-primary font-weight-bold text-2 text-lg-1 text-xl-2 btn-px-5 btn-py-3"
                                style="background-color:black;">GET STARTED</a>
                        </div>
                    </div>
                    <div class="card bg-primary border-0 border-radius-0 custom-box-shadow-1 mb-5">
                        <div class="card-body p-4 my-3">
                            <h3 class="text-transform-none text-color-light font-weight-bold mb-5">Send Us a Message
                            </h3>
                            <form class="contact-form custom-form-style-1 form-errors-light"
                                action="{{ route('contact.store') }}" method="POST">
                                @csrf
                                <div class="row">
                                    <div class="form-group col mb-3">
                                        <input type="text" value=""
                                            data-msg-required="Please enter your name." maxlength="100"
                                            class="form-control" name="contact_name" required placeholder="Name *">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="form-group col mb-3">
                                        <input type="email" value=""
                                            data-msg-required="Please enter your email address."
                                            data-msg-email="Please enter a valid email address." maxlength="100"
                                            class="form-control" name="contact_email" required
                                            placeholder="E-mail *">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="form-group col mb-3">
                                        <input type="text" value=""
                                            data-msg-required="Please enter your Subject." maxlength="100"
                                            class="form-control" name="contact_subject" required
                                            placeholder="Subject *">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="form-group col mb-4">
                                        <textarea maxlength="5000" data-msg-required="Please enter your message." rows="9" class="form-control"
                                            name="contact_message" required placeholder="Message *"></textarea>
                                    </div>
                                </div>                                       <div class="form-group ">
                                            <div class="g-recaptcha" data-sitekey="6LdyM1IpAAAAAHopvArp6XKKvWZ_mncErlobSins" data-size="normal" id="g-recaptcha-element">
                                    </div>
                                  </div>    
                                <div class="row">
                                    <div class="form-group col text-lg-end mb-0">
                                        <button type="submit"
                                            class="btn btn-primary custom-btn-style-1 font-weight-semibold btn-px-4 btn-py-2 text-3-5"
                                            data-loading-text="Loading..." data-cursor-effect-hover="plus"
                                            data-cursor-effect-hover-color="light" style="background-color:black;">
                                            <span>Send Message</span>
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    </form>
            </div>
        </div>
        </aside>
    </div>
</div>
</div>
@endsection