<!DOCTYPE html> <html lang="en"> <head> {{-- {{dd($data)}} --}} @if(!empty($data)) <title> {{$data->name}} </title> <meta name="keywords" content="{{$data->meta_keyword}}"> <meta name="description" content="{{$data->meta_desc}}"> @else <title> @yield('title') </title> @endif <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Caladea|Oswald&display=swap" rel="stylesheet"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.bundle.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="{{ url('assets/css/style.css?w=5555')}}" rel="stylesheet" /> <link rel="stylesheet" href="{{ url('css/navbarstyle.css')}}"> <link rel="stylesheet" href="{{ asset('css/responsive.css') }}"> {{-- <link rel="stylesheet" href="{{ asset('assets/css/navstyle.css?q=') }}"> --}} <link rel="icon" type="image/png" href="{{ url('/images/crop_logo.png') }}"> <style> .back-to-top { position: fixed; bottom: 25px; right: 25px; display: none; background: #1154ae; } .back-to-top i:hover { color: #1154ae !important; /* background: #1154ae; */ } </style> </head> <body> {{-- <nav class="sticky-top" id="navBar"> <div class="container"> <input id="responsive-menu" type="checkbox"> <label for="responsive-menu"> <a class="navbar-brand" href="{{url('/')}}"> <img src="{{ asset('images/logo3.png') }}" alt="tag" id="logo"> </a> <span id="menu-icon"></span></label> <div id="overlay"></div> <ul> @foreach($cat as $c) @if($c->status == 1 && $c->dropdown == 'y') <li class="dropdown" style="display:inline-flex; margin:10px;"> <a class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> {{ strtoupper($c->name) }} </a> <div class="dropdown-menu" style="height: auto; overflow:auto" aria-labelledby="navbarDropdown"> @foreach($pages as $page) @if($page->category == $c->slug && $page->status == '1') <a class="dropdown-item text-dark" href="{{url('/'. $page->slug)}}"> {{ strtoupper($page->name)}} </a> @endif @endforeach </div> </li> @endif @endforeach @foreach($cat as $c) @if($c->status == 1 && $c->dropdown == 'n') <li class="nav-item mx-2"> <a class="nav-link" href="{{url('p/'. $c->slug)}}"> {{ strtoupper($c->name) }} </a> </li> @endif @endforeach @foreach($pages as $page) @if($page->category == 'nav' && $page->status == '1') <li class="nav-item mx-2"> <a class="nav-link " href="{{url('/'. $page->slug)}}" >{{ strtoupper($page->name)}}</a> </li> @endif @endforeach </ul> <ul id="social-media"> <li> <a href="https://www.facebook.com/01Synergy/" target="_blank"> <i class="fab fa-facebook"></i> <span class="screen-reader-text">Facebook</span> </a> </li> <li> <a href="https://twitter.com/01SynergyIndia" target="_blank"> <i class="fab fa-twitter"></i> <span class="screen-reader-text">Twitter</span> </a> </li> <li> <a href="https://pinterest.com/01SynergyIndia/" target="_blank"> <i class="fab fa-pinterest"></i> <span class="screen-reader-text">Pinterest</span> </a> </li> <li> <a href="https://www.linkedin.com/company/01-synergy/" target="_blank"> <i class="fab fa-linkedin"></i> <span class="screen-reader-text">LinkedIn</span> </a> </li> <li> <a href="https://www.instagram.com/01synergy/" target="_blank"> <i class="fab fa-instagram"></i> <span class="screen-reader-text">Instagram</span> </a> </li> </ul> </div> </nav> --}} {{-- <nav class="shadow"> <div class="container-fluid"> <div class="row"> <div class="col-sm-6"> <div class="logo"> <a href="{{url('/')}}"><img src="{{ url('/images/white-log.png') }}" class="logo_img"></a> </div> </div> <div class="col-sm-6"> <div class="navigation"> </div> </div> </div> <input id="responsive-menu" type="checkbox"> <label for="responsive-menu"> <span id="menu-icon"></span></label> <div id="overlay"></div> <ul id="social-media"> @foreach($cat as $c) @if($c->status == 1 && $c->dropdown == 'y') <li> <div class="dropdown"> <button class="dropbtn">{{ strtoupper($c->name) }} <i class="fa fa-caret-down"></i> </button> <div class="dropdown-content"> @foreach($pages as $page) @if($page->category == $c->slug && $page->status == '1') <a href="{{url('/'. $page->slug)}}">{{ $page->name }}</a> @endif @endforeach </div> </div> </li> @endif @endforeach </ul> --}} {{-- Categories without dropdown start --}} {{-- <ul> @foreach($cat as $c) @if($c->status == 1 && $c->dropdown == 'n') <li> <a href="{{url('p/'. $c->slug)}}">{{ strtoupper($c->name) }}</a> </li> @endif @endforeach @foreach($pages as $page) @if($page->category == 'nav' && $page->status == '1') <li> <a href="{{url('/'. $page->slug)}}">{{ strtoupper($page->name)}}</a> </li> @endif @endforeach --}} {{-- </ul> --}} {{-- Categories without dropdown end --}} {{-- <ul id="social-media"> <li> <a href="https://www.facebook.com/01Synergy/"><img src="{{ url('/images/facebook.png') }}" class="social_media"></a> </li> <li> <a href="https://www.instagram.com/01synergy/"><img src="{{ url('/images/instagram.png') }}" class="social_media"></a> </li> <li> <a href="https://www.linkedin.com/company/01-synergy/"><img src="{{ url('/images/linkedin.png') }}" class="social_media"></a> </li> <li> <a href="https://pinterest.com/01SynergyIndia/"><img src="{{ url('/images/pinterest.png') }}" class="social_media"></a> </li> <li> <a href="https://twitter.com/01SynergyIndia"><img src="{{ url('/images/twitter.png') }}" class="social_media"></a> </li> </ul> </div> </nav> --}} <!-- ********************************************************* --> <header class="header-main"> <div class="landing-page"> <div class="row"> <div class="col-sm-6" style="z-index: 5;"> <div class="logo"> <a href="{{url('/')}}"><img src="{{ url('/images/white-log.png') }}" class="logo_img"></a> </div> </div> <div class="col-sm-6"> <div class="menu-btn"></div> <div class="overlay"></div> <div class="menu-container"> <div class="row"> <div class="menu-bar col-sm-12" style="text-align: center;"> <nav class="menu"> <ul class=" menu-wrapper top-links" style=""> <li class="menu-item"> <a href="#0">ABOUT </a> <ul class="sub-menu"> <li class="menu-item"><a href="#0">Mission</a></li> <li class="menu-item"><a href="#0">Values</a></li> <li class="menu-item"><a href="#0">Vision</a></li> </ul> </li> <li class="menu-item"> <a href="#0">TECHNOLOGY</a> <ul class="sub-menu"> <li class="menu-item"><a href="#0">MEAN Stack Development</a></li> <li class="menu-item"><a href="#0">PHP MySQL</a></li> <li class="menu-item"><a href="#0">Microsoft .Net</a></li> <li class="menu-item"><a href="#0">IOS Development</a></li> <li class="menu-item"><a href="#0">Android</a></li> </ul> </li> <li class="menu-item"> <a href="#0">SERVICES</a> <ul class="sub-menu"> <li class="menu-item"><a href="#0">Mobile App Development</a></li> <li class="menu-item"><a href="#0">E-Comm Development</a></li> <li class="menu-item"><a href="#0">Offshore IT Staffing</a></li> <li class="menu-item"><a href="#0">QA and Testing</a></li> <li class="menu-item"><a href="#0">Digital Marketing</a></li> <li class="menu-item"><a href="#0">Website Development</a></li> </ul> </li> </ul> </nav> <ul class="menu-wrapper"> <li><a href="">BLOG</a></li> <li><a href="">CAREERS</a></li> <li><a href="">PORTFOLIO</a></li> <li><a href="">CONTACT</a></li> </ul> </div> <div class="social-link col-sm-12"> <ul id="social-media"> <li> <a href="https://www.facebook.com/01Synergy/"><img src="{{ url('/images/facebook.png') }}" class="social_media"></a> </li> <li> <a href="https://www.instagram.com/01synergy/"><img src="{{ url('/images/instagram.png') }}" class="social_media"></a> </li> <li> <a href="https://www.linkedin.com/company/01-synergy/"><img src="{{ url('/images/linkedin.png') }}" class="social_media"></a> </li> <li> <a href="https://pinterest.com/01SynergyIndia/"><img src="{{ url('/images/pinterest.png') }}" class="social_media"></a> </li> <li> <a href="https://twitter.com/01SynergyIndia"><img src="{{ url('/images/twitter.png') }}" class="social_media"></a> </li> </ul> </div> </div> <div class="menu-underlay"></div> </div> </div> </div> </div> </header> <div class="container-fluid" style="padding:0; margin:0;"> <div class="bread-head" > {{-- {{dd($data[0]->form_status)}} --}} @if (request()->is('/')) <div class="container-fluid"> <div class="row" id="hero"> <div class="col-xs-12 col-md-7 col-lg-7 home-text"> <h3 id="front_text">Setting the Standard in Web Development and Mobile Development.</h3> <p id="second_text" class="pt-5">Partner with us for affordable development supported by advanced frameworks, processes, automation, and expertise.</p> <div class="col-lg-12 pt-4"> <a href="{{url('front/services')}}" class="btn btn-outline-secondary col-lg-4">Explore Sevices</a> <a href="{{url('front/explore')}}" class="btn btn-outline-secondary col-lg-4">Success Stories</a> </div> </div> <div class="col-xs-12 col-md-5 col-lg-5" id="right-div" style="box-shadow: 1px -1px 11px 0px ; background-color:#1154ae"> @if(session('success')) <div class="alert alert-warning"> {{ session('success')}} </div> @endif <h3 style="color:cornsilk;font-size:40px">Need Assistance? </h3> <form autocomplete="off" style="height: 100%;" action="{{url('/front/contactForm')}}" method="POST"> @csrf <div class="form-group" > <input type="name" class="form-control" name="name" id="name" placeholder="Name*" value="{{ old('name')}}"> {!! $errors->first('name', '<p class="help-block" style="color: red;">:message</p>') !!} </div> <div class="form-group"> <input type="email" class="form-control" id="email" placeholder="Email*" name="email" value="{{ old('email')}}"> {!! $errors->first('email', '<p class="help-block" style="color: red;">:message</p>') !!} </div> <div class="form-group"> <input type="phone" class="form-control" id="phone" placeholder="Phone*" name="phone" value="{{ old('phone')}}"> {!! $errors->first('phone', '<p class="help-block" style="color: red;">:message</p>') !!} </div> <div class="form-group"> <textarea class="form-control" id="msg" rows="3" style="resize: none;" name="msg" placeholder="Description*">{{ old('msg')}}</textarea> {!! $errors->first('msg', '<p class="help-block" style="color: red;">:message</p>') !!} </div> <button type="submit" class="btn btn1 form-control">Contact Us</button> </form> </div> </div> </div> @endif @if (!empty($data) && $data->form_status == 1) <div class="container-fluid"> <div class="row" id="hero"> <div class="col-lg-8"> <p id="front_text">Setting the Standard in Web Development and Mobile Development.</p> <p id="second_text">Partner with us for affordable development supported by advanced frameworks, processes, automation, and expertise.</p> <div class="row"> <a href="{{url('/services')}}" class="col-lg-2">Explore Sevices</a> <a href="{{url('/explore')}}" class="col-lg-2">Success Stories</a> </div> </div> <div class="col-lg-4" id="right-div" style="box-shadow: 1px -1px 11px 0px ; background-color:#1154ae"> @if(session('success')) <div class="alert alert-warning"> {{ session('success')}} </div> @endif <h3 style="color:cornsilk;font-size:40px">Need Assistance? </h3> <form autocomplete="off" style="height: 100%;" action="{{url('/front/contactForm')}}" method="POST"> @csrf <div class="form-group" > <input type="name" class="form-control" name="name" id="name" placeholder="Name*"> </div> <div class="form-group"> <input type="email" class="form-control" id="email" placeholder="Email*" name="email"> </div> <div class="form-group"> <input type="phone" class="form-control" id="phone" placeholder="Phone*" name="phone"> </div> <div class="form-group"> <textarea class="form-control" id="msg" rows="3" style="resize: none;" name="msg" placeholder="Description*"></textarea> </div> <button type="submit" class="btn btn1 form-control">Contact Us</button> </form> </div> </div> </div> @endif @yield('content') {{-- @php $url = Request::url('/pppppp'); echo $url; @endphp --}} {{-- {{dd($slug)}} --}} @if(route('index', $slug ?? '') == Request::url()) <div id="online" class="container-fluid" style=""> <h1>Online Presence</h1> <div class="row my-5"> <div class=" col-xs-2 col-md-4 col-lg-2 text-center justify-content-center mt-4"> <a href="https://www.yelp.com/biz/01synergy-san-jose" target="_blank"> <img src='{{ URL::asset("images/yelp.png") }}' style="width: 150px; height:150px; border-radius:5px; box-shadow: 1px 1px 5px 3px black;" /> </a> </div> <div class=" col-xs-2 col-md-4 col-lg-2 text-center justify-content-center mt-4"> <a href="https://www.ambitionbox.com/reviews/01-synergy-reviews" target="_blank"> <img src='{{ URL::asset("images/ambition-logo-black-.png") }}' style="width: 150px; height:150px; border-radius:5px; box-shadow: 1px 1px 5px 3px black;" /> </a> </div> <div class=" col-xs-2 col-md-4 col-lg-2 text-center justify-content-center mt-4"> <a href="https://www.glassdoor.co.in/Reviews/01-Synergy-Reviews-E671467.htm?filter.iso3Language=eng" target="_blank"> <img src='{{ URL::asset("images/g1-150x150.png") }}' style="width: 150px; height:150px; border-radius:5px; box-shadow: 1px 1px 5px 3px black;" /> </a> </div> <div class=" col-xs-2 col-md-4 col-lg-2 text-center justify-content-center mt-4"> <a href="https://clutch.co/profile/01synergy" target="_blank"> <img src='{{ URL::asset("images/c-150x150.png") }}' style="width: 150px; height:150px; border-radius:5px; box-shadow: 1px 1px 5px 3px black;" /> </a> </div> <div class=" col-xs-2 col-md-4 col-lg-2 text-center justify-content-center mt-4"> <a href="https://www.bark.com/en/us/company/01synergy/bbdyZ/" target="_blank"> <img src='{{ URL::asset("images/bark300-150x150.png") }}' style="width: 150px; height:150px; border-radius:5px; box-shadow: 1px 1px 5px 3px black;" /> </a> </div> <div class=" col-xs-2 col-md-4 col-lg-2 text-center justify-content-center mt-4"> <a href="https://www.trustpilot.com/review/01synergy.com" target="_blank"> <img src='{{ URL::asset("images/trustpilot-150x150.png") }}' style="width: 150px; height:150px; border-radius:5px; box-shadow: 1px 1px 5px 3px black;" /> </a> </div> </div> </div> @endif </div> </div> <div class="container-fluid" style="padding: 0;"> <div id="footer" style="margin-bottom: 0; padding-top: 0; margin-top: 87px;" class="container-fluid"> <div class="row" style="padding: 29px 29px 0px 34px;"> <div class="col-md-3"> <h2>Services</h2> <ul style="list-style-type: none;"> @foreach($pages as $page) {{-- {{dd($pages)}} --}} @if($page->category == 'services' && $page->status == '1') <li> <a href="{{url('/'. $page->slug)}}"> {{$page->name}} </a> </li> @endif @endforeach </ul> </div> <div class="col-md-3"> <h2>Technologies</h2> <ul style="list-style-type: none;"> @foreach($pages as $page) @if($page->category == 'technology' && $page->status == '1') <li> <a href="{{url('/'. $page->slug)}}"> {{$page->name}} </a> </li> @endif @endforeach </ul> </div> <div class="col-md-3"> <h2>Support</h2> <ul style=" list-style-type: none;"> {{-- {{dd(count($cat))}} --}} @foreach($cat as $c) @if($c->status == 1 && $c->dropdown == 'n') <li> <a href="{{url('p/'. $c->slug)}}"> {{$c->name}} </a> </li> @endif @endforeach {{-- {{dd($check)}} --}} @foreach($pages as $page) @if($page->category == 'nav' && $page->status == '1') <li> <a href="{{url('/'. $page->slug)}}" >{{$page->name}}</a> </li> @endif @endforeach </ul> </div> <div class="col-md-3 ads"> <h2>Get in touch</h2> <ul id="social-media" class="justify-content-center align-items-center text-center"> <li> <a href="https://www.facebook.com/01Synergy/" target="_blank"> <i class="fab fa-facebook"></i> <span class="screen-reader-text">Dribbble</span> </a> </li> <li> <a href="https://twitter.com/01SynergyIndia" target="_blank"> <i class="fab fa-twitter"></i> <span class="screen-reader-text">Twitter</span> </a> </li> <li> <a href="https://pinterest.com/01SynergyIndia/" target="_blank"> <i class="fab fa-pinterest"></i> <span class="screen-reader-text">CodePen</span> </a> </li> <li> <a href="https://www.linkedin.com/company/01-synergy/" target="_blank"> <i class="fab fa-linkedin"></i> <span class="screen-reader-text">LinkedIn</span> </a> </li> <li> <a href="https://www.instagram.com/01synergy/" target="_blank"> <i class="fab fa-instagram"></i> <span class="screen-reader-text">Instagram</span> </a> </li> </ul> </div> </div> <a id="back-to-top" href="#" class="btn btn-light btn-lg back-to-top" style="display: none; z-index: 999;" role="button"><i class="fas fa-chevron-up"></i></a> </div> </div> <script> window.onscroll = function() {scrollFunction()}; function scrollFunction() { if (document.body.scrollTop > 70 || document.documentElement.scrollTop > 70) { document.getElementById("navBar").style.boxShadow = "-4px -3px 20px 5px rgba(0,0,0,0.35)"; } else { document.getElementById("navBar").style.boxShadow = "0 0 0 0"; } } </script> <script> function showNav(){ document.getElementsByClassName("navigation")[0].classList.toggle("active"); } </script> <script>// sticky_header $(window).scroll(function() { if ($(this).scrollTop() > 211){ $('.navbar-area').addClass("is-sticky"); } else{ $('.navbar-area').removeClass("is-sticky"); } });</script> <script> $(document).ready(function(){ $(window).scroll(function () { if ($(this).scrollTop() > 50) { $('#back-to-top').fadeIn(); } else { $('#back-to-top').fadeOut(); } }); // scroll body to 0px on click $('#back-to-top').click(function () { $('body,html').animate({ scrollTop: 0 }, 400); return false; }); }); </script> <script type="text/javascript"> $(".menu-btn").click(function () { $(".menu-btn").toggleClass("active"); $(".overlay").toggleClass("active"); $(".menu-container").toggleClass("active"); }); const cursor = curDot(); cursor.over(".line-1", { borderColor: "rgba(255,255,255,.38)", broderWidth: 2 }); </script> @yield('script') </body> </html>