消える飛行機雲 僕たちは見送った
眩しくて逃げた いつだって弱くて
あの日から変わらず
いつまでも変わらずに
いられなかったこと
悔しくて指を離す
あの鳥は まだ うまく飛べないけど
いつかは 風を切って知る
届かない場所が まだ遠くにある
願いだけ秘めて 見つめてる
子供たちは 夏の線路 歩く
吹く風に素足をさらして
遠くには幼かった日びを
両手には 飛び立つ希望を
消える飛行機雲
追いかけて 追いかけて
この丘を越えた
あの日から変わらず
いつまでも 真っ直ぐに
僕たちはあるように
わたつみのような
強さを守れるよ きっと
<!-- 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>Vcard-6</title>


    {{--css link--}}
    <link rel="stylesheet" href="{{ asset('assets/css/vcard6.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="head-img position-relative">
                <img src="{{asset('assets/img/vcard6/bgvcard.png')}}" height="400px" class="img-fluid" 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 image-icon 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="position-relative">
                <img src="{{asset('assets/img/vcard6/Triangle.png')}}"
                     class="img-fluid position-absolute triangle-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/circle.png')}}" class="img-fluid position-absolute circle-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/triangledown.png')}}"
                     class="img-fluid position-absolute triangle-down-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/Oval.png')}}" class="img-fluid position-absolute oval-img" loading="lazy"/>

                <div class="container">
                    <div class="main-profile position-relative">
                        <div class="profile-img">
                            <div class="row d-flex align-items-center mb-4 justify-content-center">
                                <div class="col-md-4">
                                    <img src="{{asset('assets/img/vcard6/profile.jpg')}}"
                                         class="pro-img img-fluid position-relative" loading="lazy"/>
                                </div>
                                <div class="col-md-8">
                                    <div>
                                        <h3 class="big-title text-light">Luccy Morries</h3>
                                        <p class="small-title text-light">a full stack developer</p>
                                    </div>

                                    <div class="social-section">
                                        <div class="social-icon d-flex">
                                            <div class="pro-icon me-2">
                                                <i class="fab fa-facebook-f"></i>
                                            </div>
                                            <div class="pro-icon mx-2">
                                                <i class="fab fa-whatsapp"></i>
                                            </div>
                                            <div class="pro-icon mx-2">
                                                <i class="fab fa-linkedin-in"></i>
                                            </div>
                                            <div class="pro-icon ms-2">
                                                <i class="fab fa-instagram"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="d-flex align-items-center">
                                    <span class="pt-2 px-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>
                            <div class="row">
                                <div class="col-sm-6 mb-4">
                                    <div class="card border-0 bg-transparent">
                                        <div class="event-icon text-white">
                                            <img src="{{asset('assets/img/vcard6/email.png')}}" class="img-fluid me-3" loading="lazy"/>
                                            <span>mluccy@gmail.com</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 mb-4">
                                    <div class="card border-0 bg-transparent">
                                        <div class="event-icon text-white">
                                            <img src="{{asset('assets/img/vcard6/call.png')}}" class="img-fluid me-3" loading="lazy"/>
                                            <span>+91 9664652746</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 mb-4">
                                    <div class="card border-0 bg-transparent">
                                        <div class="event-icon text-white">
                                            <img src="{{asset('assets/img/vcard6/cake.png')}}" class="img-fluid me-3" loading="lazy"/>
                                            <span>20-january-1997</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 mb-4">
                                    <div class="card border-0 bg-transparent">
                                        <div class="event-icon text-white">
                                            <img src="{{asset('assets/img/vcard6/location.png')}}"
                                                 class="img-fluid me-3" loading="lazy"/>
                                            <span>Surat-india</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{--appointment--}}
            <div class="container pt-5">
                <div class="appointment">
                    <h3 class="appointment-heading mb-4 position-relative text-center text-white">Make an
                        Appointment</h3>
                    <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">
                                <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">
                                <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">
                                <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">
                                <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-section--}}

            <div class="main-service-our position-relative">
                <img src="{{asset('assets/img/vcard6/smalltriangle.png')}}"
                     class="img-fluid position-absolute smalltriangle-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/pinkoval.png')}}"
                     class="img-fluid position-absolute pinkoval-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/redoval.png')}}" class="img-fluid position-absolute redoval-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/blueoval.png')}}"
                     class="img-fluid position-absolute blueoval-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/box.png')}}" class="img-fluid position-absolute box-img" loading="lazy"/>

                <div class="container py-5">
                    <div class="main-our-section position-relative">
                        <h3 class="text-center mb-4 text-light">Our Services</h3>
                        <div class="row">
                            <div class="col-md-6 text-light">
                                <div class="our-img mb-3">
                                    <img src="{{asset('assets/img/vcard6/design.png')}}" class="img-fluid me-3" loading="lazy"/>
                                </div>
                                <div>
                                    <h5 class="our-heading mb-0">Web Design</h5>
                                    <p class="our-title">There are many variations of passages
                                        of Lorem Ipsum available, but the
                                        majority have suffered.</p>
                                </div>
                            </div>

                            <div class="col-md-6 text-light">
                                <div class="our-img mb-3">
                                    <img src="{{asset('assets/img/vcard6/uidesign.png')}}" class="img-fluid me-3" loading="lazy"/>
                                </div>
                                <div>
                                    <h5 class="our-heading mb-0">UI Design</h5>
                                    <p class="our-title">There are many variations of passages
                                        of Lorem Ipsum available, but the
                                        majority have suffered.</p>
                                </div>
                            </div>

                            <div class="col-md-6 text-light">
                                <div class="our-img mb-3">
                                    <img src="{{asset('assets/img/vcard6/design.png')}}" class="img-fluid me-3" loading="lazy"/>
                                </div>
                                <div>
                                    <h5 class="our-heading mb-0">Web Design</h5>
                                    <p class="our-title">There are many variations of passages
                                        of Lorem Ipsum available, but the
                                        majority have suffered.</p>
                                </div>
                            </div>

                            <div class="col-md-6 text-light">
                                <div class="our-img mb-3">
                                    <img src="{{asset('assets/img/vcard6/uidesign.png')}}" class="img-fluid me-3" loading="lazy"/>
                                </div>
                                <div>
                                    <h5 class="our-heading mb-0">UI Design</h5>
                                    <p class="our-title">There are many variations of passages
                                        of Lorem Ipsum available, but the
                                        majority have suffered.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{--gallery--}}
            <div class="main-gallery position-relative">
                <img src="{{asset('assets/img/vcard6/testioval.png')}}"
                     class="img-fluid position-absolute testioval-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/testiright.png')}}"
                     class="img-fluid position-absolute testiright-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/bluetesti.png')}}"
                     class="img-fluid position-absolute bluetesti-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/circle.png')}}"
                     class="img-fluid position-absolute circletesti-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/circle.png')}}" class="img-fluid position-absolute circle2-img" loading="lazy"/>

                <div class="container mt-3 mb-5">
                    <h3 class="text-center mb-4 text-light">Gallery</h3>
                    <div class="gallery-section position-relative">
                        <div class="row g-3 gallery-card">
                            <div class="col-6">
                                <div class="card w-100 h-100 bg-transparent border-0 text-light">
                                    <div class="gallery-profile">
                                        <div>
                                            <a href="javascript:void(0)" data-bs-toggle="modal"
                                               data-bs-target="#exampleModal" class="gallery-link">
                                                <div class="gallery-item"
                                                     style="background-image: url(&quot;https://vcard.waptechy.com/assets/img/video-thumbnail.png&quot;)">
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="card w-100 h-100 bg-transparent border-0 text-light">
                                    <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>
            <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="main-product position-relative">
                <img src="{{asset('assets/img/vcard6/testioval.png')}}"
                     class="img-fluid position-absolute testioval-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/testiright.png')}}"
                     class="img-fluid position-absolute testiright-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/bluetesti.png')}}"
                     class="img-fluid position-absolute bluetesti-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/circle.png')}}"
                     class="img-fluid position-absolute circletesti-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/circle.png')}}" class="img-fluid position-absolute circle2-img" loading="lazy"/>

                <div class="container mt-3 mb-5">
                    <h3 class="text-center mb-4 text-light">Products</h3>
                    <div class="product-section position-relative">
                        <div class="row g-3 product-card">
                            <div class="col-6">
                                <div class="card  w-100 h-100 bg-transparent border-0 text-light">
                                    <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">
                                <div class="card w-100 h-100 bg-transparent border-0 text-light">
                                    <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">
                                <div class="card w-100 h-100 bg-transparent border-0 text-light">
                                    <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>
            </div>

            {{--testimonial--}}
            <div class="main-testimonial position-relative">
                <img src="{{asset('assets/img/vcard6/testioval.png')}}"
                     class="img-fluid position-absolute testioval-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/testiright.png')}}"
                     class="img-fluid position-absolute testiright-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/bluetesti.png')}}"
                     class="img-fluid position-absolute bluetesti-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/circle.png')}}"
                     class="img-fluid position-absolute circletesti-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/circle.png')}}" class="img-fluid position-absolute circle2-img" loading="lazy"/>

                <div class="container mt-3 mb-5">
                    <h3 class="text-center mb-4 text-light">Testimonial</h3>
                    <div class="testimonial-section position-relative">
                        <div class="row g-3 testimonial-card">
                            <div class="col-6">
                                <div class="card  w-100 h-100 bg-transparent border-0 text-light">
                                    <img src="{{asset('assets/img/vcard6/testigirl.png')}}"
                                         class="testimonial-image d-block mx-auto" loading="lazy"/>
                                    <div>
                                        <p class="mb-0 text-center pt-3 testi-details">
                                            “Inside Casey’s head is a seemingly
                                            inexhaustible font of ideas which he uses to reliably surprise and delight
                                            me with every creative design challenge.”
                                        </p>
                                    </div>
                                    <div
                                        class="testimonial-user d-flex justify-content-center flex-column align-center mt-3">
                                        <h5 class="user-name text-center position-relative mt-2 mb-0">Richard Moor</h5>
                                        <span class="user-designation text-center">CEO Founder at coinbase.com</span>
                                    </div>
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="card w-100 h-100 bg-transparent border-0 text-light">
                                    <img src="{{asset('assets/img/vcard6/testigirl-2.png')}}"
                                         class="testimonial-image d-block mx-auto" loading="lazy"/>
                                    <div>
                                        <p class="mb-0 text-center pt-3 testi-details">
                                            “By far the easiest graphic designer I’ve had the pleasure of working with.
                                            He was very insightful from the beginning”
                                        </p>
                                    </div>
                                    <div
                                        class="testimonial-user d-flex justify-content-center flex-column align-center mt-3">
                                        <h5 class="user-name text-center position-relative mt-2 mb-0">Donald
                                            Bridges</h5>
                                        <span class="user-designation text-center">CEO Founder at switchcoin Tech</span>
                                    </div>
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="card w-100 h-100 bg-transparent border-0 text-light">
                                    <img src="{{asset('assets/img/vcard6/testigirl-2.png')}}"
                                         class="testimonial-image d-block mx-auto" loading="lazy"/>
                                    <div>
                                        <p class="mb-0 text-center pt-3 testi-details">
                                            “By far the easiest graphic designer I’ve had the pleasure of working with.
                                            He was very insightful from the beginning”
                                        </p>
                                    </div>
                                    <div
                                        class="testimonial-user d-flex justify-content-center flex-column align-center mt-3">
                                        <h5 class="user-name text-center position-relative mt-2 mb-0">Donald
                                            Bridges</h5>
                                        <span class="user-designation text-center">CEO Founder at switchcoin Tech</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- blog--}}
            <div class="vcard-six-blog py-3 position-relative">
                <img src="{{asset('assets/img/vcard6/bluetesti.png')}}"
                     class="img-fluid position-absolute bluetesti-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/circle.png')}}"
                     class="img-fluid position-absolute circletesti-img" loading="lazy"/>
                <h3 class="text-center mb-4 text-light">Blog</h3>
                <div class="container">
                    <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>

            {{--Qr code--}}
            <div class="main-qrcode position-relative pt-4">
                <img src="{{asset('assets/img/vcard6/orengcircle.png')}}"
                     class="img-fluid position-absolute orengcircle-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/uptriangle.png')}}"
                     class="img-fluid position-absolute uptriangle-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/halfcircle.png')}}"
                     class="img-fluid position-absolute halfcircle-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/orengtriangle.png')}}"
                     class="img-fluid position-absolute orengtriangle-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/halfblue.png')}}" class="img-fluid position-absolute circle2-img" loading="lazy"/>

                <div class="container mt-3 mb-5">
                    <div class="main-Qr-section mb-5">
                        <div class="qr-header-title">
                            <h3 class="mb-4 text-center text-light">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/vcard6/qrcode.png')}}" class="qr-img" loading="lazy"/>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="text-center">
                                    <img src="{{asset('assets/img/newgirl.png')}}"
                                         class="qr-logo rounded-circle" loading="lazy"/>
                                    <div class="mt-4">
                                        <button type="button" class="btn btn-lg Qr-btn">Download My QR Code
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{--business hour --}}
            <div class="main-businesshour position-relative pt-4">
                <img src="{{asset('assets/img/vcard6/yellowcircle.png')}}"
                     class="img-fluid position-absolute yellowoval-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/bigbox.png')}}"
                     class="img-fluid position-absolute orangecircle-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/leftblue.png')}}"
                     class="img-fluid position-absolute leftblue-img" loading="lazy"/>

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


            {{--contact us--}}

            <div class="main-contactus position-relative pt-sm-5">
                <img src="{{asset('assets/img/vcard6/lightyellow.png')}}"
                     class="img-fluid position-absolute lightyellow-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/smallpink.png')}}"
                     class="img-fluid position-absolute smallpink-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/lighttraingle.png')}}"
                     class="img-fluid position-absolute light-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/smallblue.png')}}"
                     class="img-fluid position-absolute smallblue-img" loading="lazy"/>
                <img src="{{asset('assets/img/vcard6/halfbox.png')}}" class="img-fluid position-absolute halfbox-img" loading="lazy"/>

                <div class="container mt-3 mb-3">
                    <div class="contactus-section position-relative">
                        <h3 class="text-center text-light 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 bg-transparent contact-icon border-end-0"
                                          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 bg-transparent contact-icon border-end-0"
                                          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>

                <div class="d-sm-flex justify-content-center mt-5">
                    <button type="submit" class="vcard-six-btn mt-4 mb-3 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 mb-3 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-card').slick({
        dots: true,
        infinite: true,
        speed: 300,
        slidesToShow: 2,
        slidesToScroll: 1,
        arrows: false,
        autoplay: true,
        responsive: [
            {
                breakpoint: 575,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    infinite: true,
                    dots: true
                }
            }
        ]
    });
</script>

<script>
    $('.product-card').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>
    $('.gallery-card').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>
    $(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>