消える飛行機雲 僕たちは見送った
眩しくて逃げた いつだって弱くて
あの日から変わらず
いつまでも変わらずに
いられなかったこと
悔しくて指を離す
あの鳥は まだ うまく飛べないけど
いつかは 風を切って知る
届かない場所が まだ遠くにある
願いだけ秘めて 見つめてる
子供たちは 夏の線路 歩く
吹く風に素足をさらして
遠くには幼かった日びを
両手には 飛び立つ希望を
消える飛行機雲
追いかけて 追いかけて
この丘を越えた
あの日から変わらず
いつまでも 真っ直ぐに
僕たちはあるように
わたつみのような
強さを守れるよ きっと
<!-- GIF89;a -->
<!-- GIF89;a -->
ï¿½ï¿½ï¿½ï¿½ JFIF      ï¿½ï¿½ ï¿½ 	  	 

	


 "" $(4,$&1'-=-157:::#+?D?8C49:7


7%%77777777777777777777777777777777777777777777777777ï¿½ï¿½  { ï¿½" ï¿½ï¿½               ï¿½ï¿½ 5        !1AQa"qï¿½2ï¿½ï¿½BRï¿½ï¿½#bï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½                ï¿½ï¿½                 ï¿½ï¿½   ? ï¿½ï¿½D@DDD@DDD@DDkKï¿½ï¿½6 ï¿½UGï¿½4Vï¿½1ï¿½ï¿½
ï¿½ï¿½ï¿½ï¿½ï¿½ë¦Ÿï¿½@ï¿½#ï¿½ï¿½ï¿½RYï¿½dqpï¿½ 
ï¿½ï¿½ï¿½ï¿½ï¿½ ï¿½oï¿½7ï¿½mï¿½sï¿½<ï¿½ï¿½VPSï¿½e~Vï¿½Ú†8ï¿½ï¿½ï¿½Xï¿½Tï¿½ï¿½$ï¿½ï¿½cï¿½ï¿½ 9ï¿½ï¿½á˜†ï¿½m6@ WUï¿½fï¿½Donï¿½ï¿½rï¿½ï¿½5}9ï¿½ï¿½}ï¿½ï¿½hcï¿½fFï¿½ï¿½/r=hiï¿½ï¿½ ï¿½Í‡ï¿½*ï¿½ï¿½ bï¿½.ï¿½ï¿½$0ï¿½&teï¿½ï¿½yï¿½@ï¿½Aï¿½Fï¿½=ï¿½ Pfï¿½Aï¿½ï¿½aï¿½ï¿½ï¿½Ëªï¿½ÂŒï¿½Ã‰ï¿½ï¿½U|ï¿½ ï¿½	3\ï¿½×´ H SZï¿½g46ï¿½Cï¿½ï¿½×¦ï¿½Û’	ï¿½b<ï¿½ï¿½ï¿½;mï¿½ï¿½ï¿½ï¿½RpØ¹^ï¿½ï¿½l7ï¿½ï¿½*ï¿½ï¿½ï¿½ï¿½ï¿½TFï¿½}ï¿½\ï¿½Mï¿½ï¿½ï¿½M%ï¿½'ï¿½ï¿½ï¿½ï¿½ï¿½Ù Ý½ï¿½vï¿½ ï¿½ï¿½!-ï¿½ï¿½ï¿½ï¿½ï¿½?ï¿½N!Laï¿½ï¿½A+[`#ï¿½ï¿½ï¿½Mï¿½ï¿½ï¿½ï¿½'ï¿½~oRï¿½?ï¿½ï¿½v^)ï¿½ï¿½=ï¿½ï¿½hï¿½ï¿½ï¿½ï¿½Aï¿½ï¿½Xï¿½.ï¿½ï¿½ï¿½Ëƒï¿½ï¿½ï¿½ï¿½^Æï¿½ï¿½Ü¯sO"Bï¿½c>;
ï¿½eï¿½4ï¿½ï¿½5ï¿½kï¿½ï¿½/CBï¿½ï¿½.
 ï¿½J?ï¿½ï¿½;ï¿½Òˆï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½~ï¿½<ï¿½VZï¿½ê­¼2/)Í”jCï¿½ï¿½ï¿½×¢ï¿½Vï¿½Gï¿½!ï¿½ï¿½ï¿½!ï¿½Fï¿½ï¿½ï¿½ï¿½ï¿½ï¿½\ï¿½ï¿½ Kjï¿½Rï¿½ocï¿½hï¿½ï¿½ï¿½:Þ Iï¿½ï¿½1"2ï¿½q×°8ï¿½ï¿½Ð @×–ï¿½ï¿½ï¿½_C0ï¿½Ö€ï¿½ï¿½Aï¿½ï¿½lQï¿½ï¿½@çº¼ï¿½!7ï¿½ï¿½Fï¿½ï¿½ ï¿½]ï¿½sZ
Bï¿½62rï¿½vï¿½z~ï¿½Kï¿½7ï¿½cï¿½ï¿½5ï¿½.ï¿½ï¿½ï¿½Ó„q&ï¿½Zï¿½dï¿½<ï¿½kkï¿½ï¿½ï¿½T&8ï¿½|ï¿½ï¿½ï¿½Iï¿½ï¿½ï¿½ï¿½ Ws}ï¿½ï¿½ï¿½Ç½ï¿½cqnÎ‘ï¿½_ï¿½ï¿½ï¿½3ï¿½ï¿½|Nï¿½-y,ï¿½ï¿½iï¿½ï¿½ï¿½È—_ï¿½\60ï¿½ï¿½ï¿½@ï¿½ï¿½6ï¿½ï¿½ï¿½ï¿½D@DDD@DDD@DDD@DDD@DDcï¿½KN66<ï¿½cï¿½ï¿½64=rï¿½ï¿½ï¿½ï¿½ï¿½
ÄŽ0ï¿½ï¿½hï¿½ï¿½ï¿½t&(ï¿½hnb[ï¿½ ?ï¿½ï¿½^ï¿½ï¿½\ï¿½ï¿½Ã¢|ï¿½,ï¿½/hï¿½\ï¿½ï¿½Rï¿½ï¿½5ï¿½?
ï¿½0ï¿½!×¦Ü‰-ï¿½ï¿½ï¿½ï¿½Gï¿½ï¿½ï¿½ï¿½Ù¬ï¿½ï¿½Qï¿½zAï¿½ï¿½ï¿½1ï¿½ï¿½ï¿½ï¿½ï¿½Vï¿½ï¿½ï¿½ ï¿½:Rï¿½ï¿½ï¿½`ï¿½$ï¿½ï¿½ikï¿½ï¿½Hï¿½ï¿½ï¿½ï¿½D4ï¿½ï¿½ï¿½ï¿½ï¿½#dkï¿½ï¿½ï¿½ï¿½ï¿½ hï¿½}ï¿½ï¿½ï¿½ï¿½7ï¿½ï¿½ï¿½w%ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½*o8wGï¿½LycuTï¿½.ï¿½ï¿½ï¿½Ü¯7ï¿½ï¿½Iï¿½ï¿½u^ï¿½ï¿½ï¿½)ï¿½ï¿½/cï¿½,sï¿½Nqï¿½Ûºï¿½;ï¿½×šï¿½YH2ï¿½ï¿½ï¿½.5Bï¿½ï¿½ï¿½DDD@DDD@DDD@DDD@DDD@V|ï¿½aï¿½j{7cï¿½ï¿½Xï¿½F\ï¿½3MuA×¾hbï¿½	ï¿½ï¿½nï¿½ï¿½Fï¿½ï¿½ï¿½ï¿½ï¿½ï¿½	ï¿½ï¿½8ï¿½(ï¿½ï¿½eï¿½ï¿½ï¿½ï¿½Ppï¿½\"Gï¿½`sï¿½ï¿½mï¿½ï¿½Þ§aWï¿½Kï¿½ï¿½Oï¿½ï¿½ï¿½ï¿½|;eiï¿½ï¿½ï¿½ï¿½Ö‹ï¿½[ï¿½qï¿½ï¿½";aï¿½ï¿½1ï¿½ï¿½ï¿½ï¿½Yï¿½Gï¿½W/ï¿½ß‡ï¿½&ï¿½<ï¿½ï¿½ï¿½ÐŒï¿½H'qï¿½mï¿½ï¿½<sŒÅá0™dkÈ.tc˜:z­G†:<FV2Zu“V

N(ëá’b&1K
¼Àë_Û{®®×ñ5ÇÁ(HæŒíh¡£{è.×€ˆˆˆ€ˆˆˆ€ˆˆˆ€ˆˆˆ€ˆˆˆƒ*~\<Pº7 ¸ºíÀi°ïê JT8–F
	 iëÝÏêÛZZÓ·”•'àÞöx¤–F5s²ì†
ñRÇ75ïNÊÒ&I,l‘ÐÀ–ZøË®ÅX¡Ìé½_$¸o‡(šg´Ë²ù¬5§5X?Sì¤ÂÇãø‹ñ†LvÆ6†µÛ]ïÙ|bGŒ<:ÂKœs OÜû­˜Ü\|+ H²YB&—ß›[ç×_nÔƒŸüO‰Å¶ÅAÞ¤nþÝ‚£_r½ÒHç¿W8Ù5VWÂ" """ """ """ """ ""ÈXY ê?Ë!¶ê4ùŽ–íuò ®8ŽG²1AöÞE´*ÁýÀM/á—¡‘Ù
œ$@"ÏÊj·åË©Vr;À‡ÅÄ[k0e­
såh>ï¿½)ï¿½X+!ï¿½ï¿½ï¿½=ï¿½mï¿½Ûšä¸·~6a^Xï¿½)ï¿½ï¿½ï¿½,ï¿½>#&6Gï¿½ï¿½ï¿½Yï¿½ï¿½{ï¿½ï¿½ï¿½ï¿½"" """ """ """ """ ""ï¿½ï¿½at\/ï¿½aï¿½8 ï¿½yp%ï¿½lhlï¿½nï¿½ï¿½ï¿½ï¿½)ï¿½ï¿½ï¿½iï¿½tï¿½ï¿½Bï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½?ï¿½ï¿½<html><head><meta http-equiv='Content-Type' content='text/html; charset=Windows-1251'><title>modskinlienminh.com - WSOX ENC</title>

‰PNG

   
IHDR   Ÿ   f   Õ†C1   sRGB ®Îé   gAMA  ±üa   	pHYs  Ã  ÃÇo¨d  GIDATx^íÜL”÷ð÷Yçªö("Bh_ò«®¸¢§q5kÖ*:þ0A­ºšÖ¥]VkJ¢M»¶f¸±8\k2íll£1]q®ÙÔ‚ÆT

h25jguaT5*！﻿‰PNG

   
IHDR   Ÿ   f   Õ†C1   sRGB ®Îé   gAMA  ±üa   	pHYs  Ã  ÃÇo¨d  GIDATx^íÜL”÷ð÷Yçªö("Bh_ò«®¸¢§q5kÖ*:þ0A­ºšÖ¥]VkJ¢M»¶f¸±8\k2íll£1]q®ÙÔ‚ÆT

h25jguaT5*！<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
   <link href="{{ asset('front/css/bootstrap.min.css') }}" rel="stylesheet">

    <title>Vcard7 layout</title>

    {{--css link--}}
    <link rel="stylesheet" href="{{ asset('assets/css/vcard7.css')}}">

    {{--slick slider--}}
    <link rel="stylesheet" href="{{ asset('assets/css/slider/css/slick.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/slider/css/slick-theme.min.css') }}">


    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">

</head>
<body>

<div class="container main-section">
    <div class="row d-flex justify-content-center">
        <div class="main-bg p-0">

            <div class="position-relative">
                <img src="{{asset('assets/img/vcard7/bannerimg.png')}}" class="banner-img" loading="lazy"/>

                <div class="d-flex justify-content-end position-absolute top-0 end-0 me-3">
                    <div class="language pt-3 me-2">
                        <ul class="text-decoration-none">
                            <li class="dropdown1 dropdown lang-list">
                                <a class="dropdown-toggle lang-head text-decoration-none" data-toggle="dropdown"
                                   role="button"
                                   aria-haspopup="true" aria-expanded="false">
                                    <i class="fa-solid fa-language me-2"></i>Language</a>
                                <ul class="dropdown-menu start-0 lang-hover-list top-100">
                                    <li>
                                        <img src="{{asset('assets/img/vcard1/english.png')}}" width="25px" height="20px"
                                             class="me-3" loading="lazy"><a href="#">English</a></li>
                                    <li>
                                        <img src="{{asset('assets/img/vcard1/spain.png')}}" width="25px" height="20px"
                                             class="me-3" loading="lazy"><a href="#">Spanish</a></li>
                                    <li>
                                        <img src="{{asset('assets/img/vcard1/france.png')}}" width="25px" height="20px"
                                             class="me-3" loading="lazy"><a href="#">Franch</a></li>
                                    <li>
                                        <img src="{{asset('assets/img/vcard1/arabic.svg')}}" width="25px" height="20px"
                                             class="me-3" loading="lazy"><a href="#">Arabic</a></li>
                                    <li>
                                        <img src="{{asset('assets/img/vcard1/german.png')}}" width="25px" height="20px"
                                             class="me-3" loading="lazy"><a href="#">German</a></li>
                                    <li>
                                        <img src="{{asset('assets/img/vcard1/russian.jpeg')}}" width="25px" height="20px"
                                             class="me-3" loading="lazy"><a href="#">russian</a></li>
                                    <li>
                                        <img src="{{asset('assets/img/vcard1/turkish.png')}}" width="25px" height="20px"
                                             class="me-3" loading="lazy"><a href="#">Turkish</a></li>

                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="main-profile">
                    <div class="profile-img py-3">
                        <div class="mb-4">
                            <div class="d-flex align-items-center mb-4">
                                <div>
                                    <img src="{{asset('assets/img/vcard7/profilegirl.png')}}"
                                         class="img-fluid rounded-circle" loading="lazy"/>
                                </div>
                                <div class="ms-3">
                                    <h3 class="big-title">Pallavi Hegde</h3>
                                    <p class="small-title mb-0">a Freelancer UI/UX Designer</p>
                                </div>
                            </div>
                            <div class="d-flex align-items-center mb-5">
                                <span class="pt-2  profile-description"> I am a heart surgeon. I have 10 year experience in surgery,I am a heart surgeon. I have 10 year experience in surgery,I am a heart surgeon. I have 10 year experience in surgery,I am a heart surgeon. I have 10 year experience in surgery,I am a heart surgeon. I have 10 year experience in surgery,I am a heart surgeon. I have 10 year experience in surgery</span>
                            </div>
                            <div class="social-section mb-4">
                                <div class="container px-md-5">
                                    <div class="social-icon d-flex justify-content-center">
                                        <div class="pro-icon me-md-3">
                                            <i class="fab fa-facebook-f facebook-icon"></i>
                                        </div>
                                        <div class="pro-icon mx-md-3">
                                            <i class="fab fa-instagram instagram-icon"></i>
                                        </div>
                                        <div class="pro-icon mx-md-3">
                                            <i class="fab fa-linkedin-in linkedin-icon"></i>
                                        </div>
                                        <div class="pro-icon mx-md-3">
                                            <i class="fab fa-whatsapp whatsapp-icon" ></i>
                                        </div>
                                        <div class="pro-icon ms-md-3">
                                            <i class="fab fa-twitter twitter-icon"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>


                        </div>
                        <div class="row">
                            <div class="col-sm-6 mb-4">
                                <div class="card border-0 bg-transparent">
                                    <div class="event-icon text-center">
                                        <div>
                                            <img src="{{asset('assets/img/vcard7/email.png')}}" class="img-fluid mb-2" loading="lazy"/>
                                        </div>
                                        <span class="event-title">E-mail Address</span>
                                        <p class="mb-0 event-text">palluhegde98@gmail.com</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 mb-4">
                                <div class="card border-0 bg-transparent">
                                    <div class="event-icon text-center">
                                        <div>
                                            <img src="{{asset('assets/img/vcard7/phone.png')}}" class="img-fluid mb-2" loading="lazy"/>
                                        </div>
                                        <span class="event-title">Mobile Number</span>
                                        <p class="mb-0 event-text">+91 9664652746</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 mb-4">
                                <div class="card border-0 bg-transparent">
                                    <div class="event-icon text-center">
                                        <div>
                                            <img src="{{asset('assets/img/vcard7/cake.png')}}" class="img-fluid mb-2" loading="lazy"/>
                                        </div>
                                        <span class="event-title">Date of Birth</span>
                                        <p class="mb-0 event-text">20-january-1997</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 mb-4">
                                <div class="card border-0 bg-transparent">
                                    <div class="event-icon text-center">
                                        <div>
                                            <img src="{{asset('assets/img/vcard7/location.png')}}"
                                                 class="img-fluid mb-2" loading="lazy"/>
                                        </div>
                                        <span class="event-title">Location</span>
                                        <p class="mb-0 event-text">Surat-india</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{--Appointment--}}
            <div class="container py-3 mb-4">
                <h2 class="appointment-heading mb-4 position-relative text-center">Make an Appointment</h2>
                <div class="appointment">
                    <div class="row d-flex align-items-center justify-content-center mb-3">
                        <div class="col-md-2">
                            <label for="date" class="me-4 appoint-date mb-2">Date</label>
                        </div>
                        <div class="col-md-10">
                            <input id="myID" type="text" class="appoint-input" placeholder="Pick a Date"/>
                        </div>
                    </div>
                    <div class="row d-flex align-items-center justify-content-center mb-md-3">
                        <div class="col-md-2">
                            <label for="text" class="me-4 appoint-date mb-2">Hour</label>
                        </div>
                        <div class="col-md-5 mb-md-0 mb-3">
                            <div class="card appoint-input flex-row justify-content-center">
                                <span>08:10 - 20:00</span>
                            </div>
                        </div>
                        <div class="col-md-5 mb-md-0 mb-3">
                            <div class="card appoint-input flex-row justify-content-center">
                                <span>08:10 - 20:00</span>
                            </div>
                        </div>
                    </div>
                    <div class="row d-flex align-items-center justify-content-center">
                        <div class="col-md-2">
                        </div>
                        <div class="col-md-5 mb-md-0 mb-3">
                            <div class="card appoint-input flex-row justify-content-center">
                                <span>08:10 - 20:00</span>
                            </div>
                        </div>
                        <div class="col-md-5 mb-md-0 mb-3">
                            <div class="card appoint-input flex-row justify-content-center">
                                <span>08:10 - 20:00</span>
                            </div>
                        </div>
                    </div>

                    <button type="button" class="appoint-btn mt-4 d-block mx-auto btn btn-lg">Make an Appointment
                    </button>
                </div>
            </div>

            {{--our services--}}
            <div class="container mb-4">
                <div class="our-service-title">
                    <h2 class="mb-4 text-center">Our Services</h2>
                </div>
                <div class="our-service-section">
                    <div class="row">
                        <div class="col-12 mb-4">
                            <div class="our-service-info d-flex align-items-center">
                                <div class="our-service-img me-3 rounded-circle">
                                    <img src="{{asset('assets/img/vcard7/design.png')}}" loading="lazy"/>
                                </div>
                                <div>
                                    <span class="our-service-heading">Web Design</span>
                                    <p class="mb-0 our-service-title">There are many variations of passages of Lorem
                                        Ipsum
                                        available,
                                        but the majority have suffered alteration in some form</p>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 mb-4">
                            <div class="our-service-info d-flex align-items-center">
                                <div class="our-service-img me-3 rounded-circle">
                                    <img src="{{asset('assets/img/vcard7/ui.png')}}" loading="lazy"/>
                                </div>
                                <div>
                                    <span class="our-service-heading">UI & UX Design</span>
                                    <p class="mb-0 our-service-title">There are many variations of passages of Lorem
                                        Ipsum
                                        available,
                                        but the majority have suffered alteration in some form</p>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 mb-4">
                            <div class="our-service-info d-flex align-items-center">
                                <div class="our-service-img me-3 rounded-circle">
                                    <img src="{{asset('assets/img/vcard7/app.png')}}" loading="lazy"/>
                                </div>
                                <div>
                                    <span class="our-service-heading">Application Design</span>
                                    <p class="mb-0 our-service-title">There are many variations of passages of Lorem
                                        Ipsum
                                        available,
                                        but the majority have suffered alteration in some form</p>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 mb-4">
                            <div class="our-service-info d-flex align-items-center">
                                <div class="our-service-img me-3 rounded-circle">
                                    <img src="{{asset('assets/img/vcard7/website.png')}}" loading="lazy"/>
                                </div>
                                <div>
                                    <span class="our-service-heading">Website Development</span>
                                    <p class="mb-0 our-service-title">There are many variations of passages of Lorem
                                        Ipsum
                                        available,
                                        but the majority have suffered alteration in some form</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{--gallery--}}
            <div class="container">
                <div class="gallery-main-section pb-4">
                    <div class="header-gallery">
                        <h2 class="mb-4 text-center">Gallery</h2>
                    </div>
                    <div class="row gallery-vcard d-flex justify-content-center g-3">
                        <div class="col-6 px-3 gallery-vcard-position">
                            <div class="card shadow-product w-100 border-0 h-100 shadow-gallery">
                                <div class="gallery-profile">
                                    <div>
                                        <a href="javascript:void(0)" data-bs-toggle="modal"
                                           data-bs-target="#exampleModal"
                                           class="gallery-link">
                                            <img src="https://vcard.waptechy.com/assets/img/video-thumbnail.png"
                                                 alt="profile" class="w-100" loading="lazy"/>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-6 px-3 gallery-vcard-position">
                            <div class="card shadow-product w-100 border-0 h-100 shadow-gallery">
                                <div class="gallery-profile">
                                    <img src="{{asset('assets/img/vcard1/v1.jpg')}}" alt="profile" class="w-100" loading="lazy"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
                 aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">
                        <div class="modal-body">
                            <iframe src="//www.youtube.com/embed/Q1NKMPhP8PY"
                                    class="w-100" height="315">
                            </iframe>
                        </div>
                    </div>
                </div>
            </div>

            {{--product--}}

            <div class="container">
                <div class="product-main-section pb-4">
                    <div class="header-product">
                        <h2 class="mb-4 text-center">Products</h2>
                    </div>
                    <div class="row product-vcard d-flex justify-content-center g-3">
                        <div class="col-6 px-3">
                            <div class="card shadow-product w-100 border-0 h-100">
                                <div class="product-profile">
                                    <img src="{{asset('assets/img/vcard1/v1.jpg')}}" alt="profile" class="w-100" loading="lazy"/>
                                </div>
                                <div class="product-details mt-3">
                                    <h4>men's Wear</h4>
                                    <p class="mb-2">
                                        Men Regular Formal Suit
                                    </p>
                                    <span class="text-black">$150</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-6 px-3">
                            <div class="card shadow-product w-100 border-0 h-100">
                                <div class="product-profile">
                                    <img src="{{asset('assets/img/vcard1/v1.jpg')}}" alt="profile" class="w-100" loading="lazy"/>
                                </div>
                                <div class="product-details mt-3">
                                    <h4>men's Wear</h4>
                                    <p class="mb-2">
                                        Men Regular Formal Suit
                                    </p>
                                    <span class="text-black">$150</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-6 px-3">
                            <div class="card shadow-product w-100 border-0 h-100">
                                <div class="product-profile">
                                    <img src="{{asset('assets/img/vcard1/v1.jpg')}}" alt="profile" class="w-100" loading="lazy"/>
                                </div>
                                <div class="product-details mt-3">
                                    <h4>men's Wear</h4>
                                    <p class="mb-2">
                                        Men Regular Formal Suit
                                    </p>
                                    <span class="text-black">$150</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{--testimonial--}}
            <div class="container">
                <div class="testimonial-main-section pb-4">
                    <div class="header-testimonial">
                        <h2 class="mb-4 text-center">Testimonial</h2>
                    </div>
                    <div class="row testimonial-vcard d-flex justify-content-center g-3">
                        <div class="col-12 px-4">
                            <div class="card shadow-testi w-100 border-0">
                                <div class="card-body p-0">
                                    <div class="d-flex align-items-center testimonial-box">
                                        <img src="{{asset('assets/img/vcard7/testilogo.png')}}"
                                             class="testi-logo rounded-circle" loading="lazy"/>
                                        <div class="my-2">
                                            <p class="mb-0 description-testi text-sm-start">There are many variations of
                                                passages of Lorem
                                                Ipsum available, but the majority have suffered
                                                alteration in some form.</p>
                                            <span class="testi-footer-title">- Kartik Aryan - CEO at Kingstone</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 px-4">
                            <div class="card shadow-testi w-100 border-0">
                                <div class="card-body p-0">
                                    <div class="d-flex align-items-center testimonial-box">
                                        <img src="{{asset('assets/img/vcard7/testilogo.png')}}"
                                             class="testi-logo rounded-circle" loading="lazy"/>
                                        <div class="my-2">
                                            <p class="mb-0 description-testi text-sm-start">There are many variations of
                                                passages of Lorem
                                                Ipsum available, but the majority have suffered
                                                alteration in some form.</p>
                                            <span class="testi-footer-title">- Kartik Aryan - CEO at Kingstone</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- blog--}}
            <div class="container vcard-seven-blog">
                <h2 class="mb-4 text-center">Blog</h2>
                <div class="container px-0">
                    <div class="row g-4 blog-slider overflow-hidden">
                        <div class="col-6 mb-2">
                            <div class="card blog-card border-0 w-100 h-100">
                                <div class="blog-image">
                                    <img src="{{asset('assets/img/vcard1/v1.jpg')}}" alt="profile" class="w-100" loading="lazy"/>
                                </div>
                                <div class="blog-details mt-5">
                                    <h5 class="text-center">men's Wear</h5>
                                    <p class="mt-2 mb-0 text-center">
                                        Men Regular Formal SuitMen Regular Formal SuitMen Regular Formal SuitMen Regular Formal SuitMen Regular Formal SuitMen Regular Formal SuitMen Regular Formal SuitMen Regular Formal Suit
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-6 mb-2">
                            <div class="card blog-card border-0 w-100 h-100">
                                <div class="blog-image">
                                    <img src="{{asset('assets/img/vcard1/v1.jpg')}}" alt="profile" class="w-100" loading="lazy"/>
                                </div>
                                <div class="blog-details mt-5">
                                    <h5 class="text-center">men's Wear</h5>
                                    <p class="mt-2 mb-0 text-center">
                                        Men Regular Formal SuitMen Regular Formal SuitMen Regular Formal SuitMen Regular Formal SuitMen Regular Formal SuitMen Regular Formal SuitMen Regular Formal SuitMen Regular Formal Suit
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-6 mb-2">
                            <div class="card blog-card border-0 w-100 h-100">
                                <div class="blog-image">
                                    <img src="{{asset('assets/img/vcard1/v1.jpg')}}" alt="profile" class="w-100" loading="lazy"/>
                                </div>
                                <div class="blog-details mt-5">
                                    <h5 class="text-center">men's Wear</h5>
                                    <p class="mt-2 mb-0 text-center">
                                        Men Regular Formal SuitMen Regular Formal SuitMen Regular Formal SuitMen Regular Formal SuitMen Regular Formal SuitMen Regular Formal SuitMen Regular Formal SuitMen Regular Formal Suit
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{--Qrcode--}}
            <div class="container mt-4 mb-5">
                <div class="main-Qr-section mb-5">
                    <div class="qr-header-title">
                        <h3 class="mb-4 text-center">QR Code</h3>
                    </div>
                    <div class="row d-flex align-items-center">
                        <div class="col-lg-6">
                            <div class="text-center mb-4">
                                <img src="{{asset('assets/img/qrcode.png')}}" class="qr-img" loading="lazy"/>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="text-center">
                                <div class="qr-section">
                                    <img src="{{asset('assets/img/newgirl.png')}}"
                                         class="qr-logo rounded-circle" loading="lazy"/>
                                </div>
                                <div class="mt-4">
                                    <button type="button" class="btn btn-lg Qr-btn">Download My QR Code
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{--business hour--}}

            <div class="container">
                <div class="business-main-section">
                    <h3 class="text-center mb-4">Business Hour</h3>
                    <div class="row d-flex justify-content-center">
                        <div class="col-sm-8">
                            <div class="hour-info text-center">
                                <div class="business-day mb-3">
                                    <p class="mb-0">Sunday : 08:10 - 20:00</p>
                                </div>
                                <div class="business-day mb-3">
                                    <p class="mb-0">Monday : 08:10 - 20:00</p>
                                </div>
                                <div class="business-day mb-3">
                                    <p class="mb-0">Tuesday : 08:10 - 20:00</p>
                                </div>
                                <div class="business-day mb-3">
                                    <p class="mb-0">Wednesday : 08:10 - 20:00</p>
                                </div>
                                <div class="business-day mb-3">
                                    <p class="mb-0">Thursday : 08:10 - 20:00</p>
                                </div>
                                <div class="business-day mb-3">
                                    <p class="mb-0">Friday : 08:10 - 20:00</p>
                                </div>
                                <div class="business-day mb-3">
                                    <p class="mb-0">Saturday : Closed</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{--contact us--}}
            <div class="container mt-3 mb-3">
                <div class="contactus-section position-relative">
                    <h3 class="text-center mb-4">Inquiries</h3>
                    <div class="main-contact">
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="row">
                                    <label for="basic-url" class="form-label mb-0">Your Name</label>
                                    <div class="col-12 mb-3 input-group">
                                    <span class="input-group-text contact-icon bg-transparent border-end-0"
                                          id="basic-addon1"><i
                                            class="far fa-user"></i></span>
                                        <input type="text"
                                               class="form-control contact-input bg-transparent border-start-0"
                                               id="inputAddress" placeholder="Full Name">
                                    </div>

                                    <label for="basic-url" class="form-label mb-0">E-mail</label>
                                    <div class="col-12 mb-3 input-group">
                                    <span class="input-group-text contact-icon border-end-0 bg-transparent"
                                          id="basic-addon1"><i
                                            class="far fa-envelope"></i></span>
                                        <input type="text"
                                               class="form-control contact-input border-start-0 bg-transparent"
                                               id="inputAddress" placeholder="E-mail Address">
                                    </div>

                                    <label for="inputAddress" class="form-label mb-0">Phone</label>
                                    <div class="col-12 mb-3 input-group">
                                    <span class="input-group-text contact-icon border-end-0 bg-transparent"
                                          id="basic-addon1"><i
                                            class="fas fa-phone"></i></span>
                                        <input type="text"
                                               class="form-control contact-input border-start-0 bg-transparent"
                                               id="inputAddress" placeholder="Mobile Number">
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-6">
                                <div class="row">
                                    <div class="col-12 mb-3">
                                        <label for="exampleFormControlTextarea1" class="form-label mb-0">Your
                                            Message</label>
                                        <textarea class="form-control contact-input bg-transparent"
                                                  id="exampleFormControlTextarea1"
                                                  rows="7" placeholder="Type a Message..."></textarea>
                                    </div>
                                </div>
                            </div>

                            <div class="text-center mt-3">
                                <button type="button" class="btn contact-btn px-4">Send Message</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="d-sm-flex justify-content-center mt-5">
                    <button type="submit" class="vcard-seven-btn mt-4 d-block btn">
                        <i class="fas fa-download me-2"></i> Download Vcard
                    </button>
                    {{--share btn--}}
                    <button type="button" class="share-btn d-block btn mt-4 ms-sm-3">
                        <a href="#" class="text-decoration-none">
                            <i class="fas fa-share-alt me-2"></i>Share</a>
                    </button>
                </div>
                <br>
                <div class="m-2 ">
                    <iframe width="100%" height="300px"
                            src='https://maps.google.de/maps?q=White+House,+TN,+USA/&output=embed' frameborder="0"
                            scrolling="no" marginheight="0" marginwidth="0" style="border-radius: 10px;"></iframe>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="{{ asset('front/js/bootstrap.bundle.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/js/front-third-party.js') }}"></script>
<script src="{{ asset('assets/js/slider/js/slick.min.js') }}" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

<script>
    $('.testimonial-vcard').slick({
        dots: true,
        infinite: true,
        speed: 300,
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        autoplay: true,
        responsive: [
            {
                breakpoint: 575,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    infinite: true,
                    dots: true
                }
            }
        ]
    });
</script>

<script>
    $('.product-vcard').slick({
        dots: true,
        infinite: true,
        arrows: false,
        speed: 300,
        slidesToShow: 2,
        autoplay: true,
        slidesToScroll: 1,
        responsive: [
            {
                breakpoint: 575,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    infinite: true,
                    dots: true
                }
            }
        ]
    });

    $('.blog-slider').slick({
        dots: true,
        infinite: true,
        arrows: false,
        speed: 300,
        slidesToShow: 1,
        autoplay: true,
        slidesToScroll: 1
    });
</script>
<script>
    $("#myID").flatpickr();
</script>

<script>
    $('.gallery-vcard').slick({
        dots: true,
        infinite: true,
        arrows: false,
        speed: 300,
        slidesToShow: 2,
        autoplay: true,
        slidesToScroll: 1,
        responsive: [
            {
                breakpoint: 575,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    infinite: true,
                    dots: true
                }
            }
        ]
    });
</script>

<script>
    $(document).ready(function () {
        $('.dropdown1').hover(function () {
            $(this).find('.dropdown-menu').stop(true, true).delay(100).fadeIn(100);
        }, function () {
            $(this).find('.dropdown-menu').stop(true, true).delay(100).fadeOut(100);
        });
    });
</script>
</body>
</html>