관리-도구
편집 파일: index.blade.php
@extends('layouts.header') @section('content') <style> .default-btn { display: inline-block; padding: 12px 35px; background-color: #ea512e; color: #ffffff; border-radius: 10px; font-size: 16px; font-weight: 500; -webkit-transition: 0.5s; transition: 0.5s; position: relative; z-index: 1; margin-top: 12px; overflow: hidden; } .others-options.d-flex.align-items-center { padding-left: 20px; } </style> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <style> @media (min-width: 768px) .navbar-collapse.collapse { display: flex!important; height: auto!important; padding-bottom: 0; overflow: visible!important; } </style> <div id="yourElementID" style="display:none;"> <div class="container"> <!-- Trigger the modal with a button --> <!--<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>--> <!-- Modal --> <div class="modal fade in" id="myModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title"></h4> </div> <div class="modal-body"> <img src="{{ asset('/storage/uploads/Popup/' . $popups->image) }}" alt="image"> </div> <div class="modal-footer"> <!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>--> <button type="button" class="btn btn-default close" style="padding: 6px 25px 6px 25px; background: #1c6cbf; color: white; opacity: 1;">Close</button> </div> </div> </div> </div> </div> </div> <script> $('.close').click(function() { document.getElementById('yourElementID').style.display = "none"; }); window.onload = function() { document.getElementById('yourElementID').style.display = "block"; document.getElementById('myModal').style.display = "block"; }; </script> <div id="yourElementID" style="display:none;"> <img src="img.jpg"><p>text</p> </div> <!-- Start Main Banner Area --> <div class="main-banner"> <div class="main-banner-item banner-item-three" style="background-image: url({{asset('/storage/img/main-banner/main-banner-bg-2.jpg')}});"> <div class="d-table"> <div class="d-table-cell"> <div class="container"> <div class="main-banner-content"> <h1> ONLY CHILDREN BELIEVE THEY ARE CAPABLE OF EVERYTHING </h1> <p style="text-align: center;">- Paulo Coelho</p> <div class="banner-btn"> <a href="{{ route('about') }}" class="default-btn"> Learn More </a> </div> </div> </div> </div> </div> </div> <div class="main-banner-shape"> <div class="banner-bg-shape"> <img src="{{asset('/storage/img/main-banner/banner-bg-shape-1.png')}}" class="white-image" alt="image"> <img src="{{asset('/storage/img/main-banner/banner-bg-shape-1-dark.png')}}" class="black-image" alt="image"> </div> <div class="banner-bg-shape-2"> <img src="{{asset('/storage/img/main-banner/banner-bg-shape-2.png')}}" class="white-image" alt="image"> <img src="{{asset('/storage/img/main-banner/banner-bg-shape-2-dark.png')}}" class="black-image" alt="image"> </div> <div class="banner-child"> <div class="child-1"> <img src="{{asset('/storage/img/happykiddo_feature_02-removebg-preview.png')}}" alt="image"> </div> <div class="child-2"> <img src="{{asset('/storage/img/happykiddo_section-info2.png')}}" alt="image"> </div> </div> </div> </div> <!-- End Main Banner Area --> <!-- Start Who We Are Area --> <section class="who-we-are ptb-100" style="padding-bottom:40px;"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-6"> <div class="who-we-are-content"> <span>Who We Are</span> <h3>Dolphinz The Stepping Stone</h3> <p>"Every child has a unique and has their own set of strengths and weaknesses, it is important that we are able to identify their strengths and nuture them to help them grow to be a strong individual who can make a difference to the society with his / her own unique strength – a differentiator. I know many of us smile reading this as we all realize how true this is. Yet the questions that remains is "How can we identify the potential of each child amongst all our children? How can we help them by guiding them to nuture their strengths and overcome their weaknesses?" </p> <!-- <p>These are questions difficult to answer and yet, we can't avoid them. Simple answer to these questions are to hand-hold these children realize their potential. And that is possible if we can travel along with each child according to his/her needs, holding his or her hand only when necessary, but with the assurance that support is available. Each child has the right to carve his or her own destiny. At Dolphinz, we ensure each child creates a positive attitude about life, exuberating that positive energy around them to make this world a happier place to live together." --> </p><br> <p>Says Founder & Director (Academics), Ms Malini Arun Menon</p> <ul class="who-we-are-list"> <li> <span>1</span> Well Air Conditioner Class Rooms </li> <li> <span>2</span> International Standard Fun-play & Montessori Method Teaching </li> <li> <span>3</span> Digital Resources </li> <li> <span>4</span> Fun-filed & Secured Extended Home </li> <li> <span>5</span> Transportation(If Required) </li> <li> <span>6</span> After School(12:30 PM to 06:30 PM) </li> <li> <span>7</span> Salient Features </li> <li> <span>8</span> Hourly Day Care(09:30 AM to 06:30 PM) </li> </ul> <div class="who-we-are-btn"> <a href="{{ route('about') }}" class="default-btn">Read More</a> </div> </div> </div> <div class="col-lg-6"> <div class="who-we-are-image-wrap"> <img src="{{asset('/storage/img/happykiddo1.png')}}" style=" width: 453px; height: 484px;" alt="image"> </div> </div> </div> </div> </section> <!-- End Who We Are Area --> <!--Start inspirational qualities--> <section class="who-we-are ptb-100"> <div class="container"> <h1 class="text-center mb-5">Inspirational Qualities</h1> <div class="row align-items-center"> <!-- IMAGE --> <div class="col-lg-6 col-md-12 col-sm-12 mb-4"> <div class="who-we-are-image-wrap text-center"> <img src="{{ asset('/storage/img/happykiddo3.png') }}" class="img-fluid" alt="image"> </div> </div> <!-- TEXT COLUMN 1 --> <div class="col-lg-3 col-md-6 col-sm-12 inspirational-list"> <p><i class="fa fa-arrow-right"></i> Extremely Intelligent</p> <p><i class="fa fa-arrow-right"></i> Skilled and Quick Learners</p> <p><i class="fa fa-arrow-right"></i> Adaptive or Co-Exist</p> <p><i class="fa fa-arrow-right"></i> Survivors</p> <p><i class="fa fa-arrow-right"></i> Always Smiling and Cheerful</p> <p><i class="fa fa-arrow-right"></i> Enterprising and Explore the unknown</p> <p><i class="fa fa-arrow-right"></i> + Ve Attitude</p> <p><i class="fa fa-arrow-right"></i> Being Yourself.. Identity of its own</p> </div> <!-- TEXT COLUMN 2 --> <div class="col-lg-3 col-md-6 col-sm-12 inspirational-list"> <p><i class="fa fa-arrow-right"></i> Survival Instinct</p> <p><i class="fa fa-arrow-right"></i> Extremely Helpful or Selfless</p> <p><i class="fa fa-arrow-right"></i> Stay Connected</p> <p><i class="fa fa-arrow-right"></i> Highly Professional</p> <p><i class="fa fa-arrow-right"></i> Likes to WIN</p> <p><i class="fa fa-arrow-right"></i> Trustworthy</p> <p><i class="fa fa-arrow-right"></i> Open-minded</p> <p><i class="fa fa-arrow-right"></i> Most Friendly Creatures</p> </div> </div> </div> </section> <style> .inspirational-list p { font-size: 18px; /* Increase text size */ font-weight: 500; margin-bottom: 12px; } .inspirational-list i { color: #ff6b6b; /* Arrow color - change to any color */ margin-right: 8px; font-size: 16px; } </style> <!--End inspirational qualities--> <!-- Start Fun Facts Area --> <section class="fun-facts-area pt-100 pb-70" style="background-image: url({{asset('/storage/img/school.png')}});"> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-6 col-sm-6"> <div class="single-fun-fact"> <h3> <span class="odometer" data-count="1000">00</span> </h3> <p class="text-center">Students</p> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6"> <div class="single-fun-fact bg-1"> <h3> <span class="odometer" data-count="175">00</span>+ </h3> <p class="text-center">Man Years of Teaching Experience</p> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6"> <div class="single-fun-fact bg-3"> <h3> <span class="odometer" data-count="10">00</span>+ </h3> <p class="text-center">Academic Experience</p> </div> </div> </div> </div> </section> <!-- End Fun Facts Area --> <!-- Start Class Area --> <section class="class-area bg-fdf6ed pt-100 pb-70"> <div class="container"> <div class="section-title"> <span>Why Choose Us</span> </div> <div class="row"> <div class="col-lg-3 col-md-6"> <div class="single-class"> <div class="class-image"> <a > <img src="{{asset('/storage/img/learn3.png')}}" alt="image" style="width: 100%; height: 200px;"> </a> </div> <div class="class-content"> <h3 class="mb-0 mp-0"> <a >"Unique" Experience</a> </h3> <p> An Extended Home to our children. An Open and Friendly Atmosphere. Place where they are free to carve their "Own Identity" without any fear in mind. Fearless Environment </p><br> </div> </div> </div> <div class="col-lg-3 col-md-6"> <div class="single-class"> <div class="class-image"> <a > <img src="{{asset('/storage/img/learn2.png')}}" alt="image" style="width:100%;height:200px;"> </a> </div> <div class="class-content"> <h3> <a >Play-Learn-Have Fun</a> </h3> <p> Challenges Compulsive Conventional Education. Strongly believes in "Play-Learn-Have Fun" Methodology. Inclusive Pedagogy by combining Montessori Principles. "Childs Right to Play" </p> </div> </div> </div> <div class="col-lg-3 col-md-6"> <div class="single-class"> <div class="class-image"> <a > <img src=" {{asset('/storage/img/learn5.png')}}" alt="image" style="width:100%;height:200px;"> </a> </div> <div class="class-content"> <h3> <a >Hope and Self-Belief</a> </h3> <p> Instill Good Human Values and Social Values. Encourage Children to believe in themselves and be "Independent". Allows them to re-create their thoughts. Boost Self-Confidence </p> </div> </div> </div> <div class="col-lg-3 col-md-6"> <div class="single-class"> <div class="class-image"> <a > <img src="{{asset('/storage/img/learn4.png')}}" alt="image" style="width:100%;height:200px;"> </a> </div> <div class="class-content"> <h3> <a >Realizing Their Potential</a> </h3> <p> Encourage children to Challenge Status-co. Allows them to have their own "Eureka" Moments… "Play", "Learn", Have "Fun" in the process. Channelizing them to "Realize their Potential" </p><br> </div> </div> </div> <div class="col-lg-3 col-md-6"> <div class="single-class"> <div class="class-image"> <a > <img src="{{asset('/storage/img/learn8.png')}}" alt="image" style=" width: 300px; height: 200px"> </a> </div> <div class="class-content"> <h3> <a >Self-Paced Learning</a> </h3> <p> Freedom to choose what they want Helps them to Orchestrate their own Activities Develops Self Discipline and Self-Respect Against Compulsive Tasks or Activities. </p><br> </div> </div> </div> <div class="col-lg-3 col-md-6"> <div class="single-class"> <div class="class-image"> <a > <img src="{{asset('/storage/img/learn6.png')}}" alt="image" style="width:100%;height:200px;"> </a> </div> <div class="class-content"> <h3> <a >Preserving Originality</a> </h3> <p> Freedom to Learn at their own pace. Only interventions to guide and channelize them. Every child has its own way of doing and learning things.. Encourage to create their own identity. </p> </div> </div> </div> <div class="col-lg-3 col-md-6"> <div class="single-class"> <div class="class-image"> <a > <img src="{{asset('/storage/img/a1.png')}}" alt="image" style="width:100%;height:200px;"> </a> </div> <div class="class-content"> <h3> <a >Explore New Ideas</a> </h3> <p> Free their minds from "Fear of Failure". Inspires them to take the path less travelled. Backs them to explore New-Ideas. Helping them gain "Confidence and Pride". </p><br><br> </div> </div> </div> <div class="col-lg-3 col-md-6"> <div class="single-class"> <div class="class-image"> <a > <img src="{{asset('/storage/img/learning.png')}}" alt="image" style="width:100%;height:200px;"> </a> </div> <div class="class-content"> <h3> <a >Learning from Failures</a> </h3> <p> Helps Children to learn that "Failures are Stepping Stones for Success". Experiencing Something Wrong helps us to know the "Right Path". Help them in taking "Fearless Decisions". </p><br> </div> </div> </div> <div class="col-lg-3 col-md-6"> <div class="single-class"> <div class="class-image"> <a > <img src="{{asset('/storage/img/learn9.png')}}" alt="image" style="width:100%;height:200px;"> </a> </div> <div class="class-content"> <h3> <a >Interests and Passions</a> </h3> <p> Helps Children to ASPIRE and chase them. Guides them by sharing the "Obstacles" in the way. Preparing and Equipping them to explore it. Makes them feel "Valued".. Btw, How many of you are? </p> </div> </div> </div> <div class="col-lg-3 col-md-6"> <div class="single-class"> <div class="class-image"> <a > <img src="{{asset('/storage/img/learn10.png')}}" alt="image" style="width:100%;height:200px;"> </a> </div> <div class="class-content"> <h3> <a >Exploratory Environment</a> </h3> <p> Provides a Friendly Environment with all resources required. Encourage them to follow their intuitions. Help get the "Best out of them" by nurturing their ideas. No Magic Wand.. </p> </div> </div> </div> <div class="col-lg-3 col-md-6"> <div class="single-class"> <div class="class-image"> <a > <img src="{{asset('/storage/img/learn11.png')}} " alt="image" style="width:100%;height:200px;"> </a> </div> <div class="class-content"> <h3> <a >Inclusive Pedagogy</a> </h3> <p> Every Child is "Unique" and have a "Special Skill". Believes in Including everyone and encouraging all. Helps in getting their "Creative Best". Allows everyone to "Take the Lead". </p><br> </div> </div> </div> <div class="col-lg-3 col-md-6"> <div class="single-class"> <div class="class-image"> <a > <img src="{{asset('/storage/img/learn12.png')}} " alt="image" style="width:100%;height:200px;"> </a> </div> <div class="class-content"> <h3> <a >Trained & Passionate Staff</a> </h3> <p> Success of Every Child is in Hands of a "Teaching and Helping Staff". Experienced in encouraging, identifying and fostering the children. Helps Children to "Live their Potential". </p><br> </div> </div> </div> </div> </div> <div class="class-shape"> <div class="shape-1"> <img src="{{asset('/storage/img/class/class-shape-1.png')}}" alt="image"> </div> <div class="shape-2"> <img src="{{asset('/storage/img/class/class-shape-2.png')}}" alt="image"> </div> </div> </section> <!-- End Class Area --> <!-- Start Preschool Entertainments --> <section class="choose-area pt-100 pb-70"> <div class="container"> <div class="section-title"> <span>Why Choose Us</span> <h2>Dolphinz Pre-School Entertaiments</h2> </div> <div class="row align-items-center"> <div class="col-lg-5"> <div class="choose-image"> <img src="{{asset('/storage/img/happykiddo_section-info2.png')}}" alt="image"> <div class="choose-image-shape"> <div class="shape-1"> <img src="{{asset('/storage/img/choose/choose-shape-1.png')}}" alt="image"> </div> <div class="shape-2"> <img src="{{asset('/storage/img/choose/choose-shape-2.png')}}" alt="image"> </div> <div class="shape-3"> <img src="{{asset('/storage/img/choose/choose-shape-3.png')}}" alt="image"> </div> </div> </div> </div> <div class="col-lg-7"> <div class="row"> <div class="col-lg-6 col-md-6" > <div class="single-choose"> <div class="icon"> <i class='bx bx-bulb'></i> </div> <div class="content"> <h3>Dolphinz Indoor Play & Gym Room</h3> </div> </div> </div> <div class="col-lg-6 col-md-6" > <div class="single-choose"> <div class="icon"> <i class="fa fa-video-camera" style="font-size:36px"></i> </div> <div class="content"> <h3>Music & Video Facilties</h3> </div> </div> </div> <div class="col-lg-6 col-md-6" > <div class="single-choose"> <div class="icon"> <i class='bx bx-football'></i> </div> <div class="content"> <h3>Funnel Ball Game Unit</h3> </div> </div> </div> <div class="col-lg-6 col-md-6" > <div class="single-choose"> <div class="icon"> <i class='bx bx-book'></i> </div> <div class="content"> <h3>Library with coloruful and captivating books</h3> </div> </div> </div> <div class="col-lg-6 col-md-6" > <div class="single-choose"> <div class="icon"> <i class='bx bx-bulb'></i> </div> <div class="content"> <h3>Playground equipment and fun rides</h3> </div> </div> </div> <div class="col-lg-6 col-md-6" > <div class="single-choose"> <div class="icon"> <i class='bx bx-happy'></i> </div> <div class="content"> <h3>Sand-pit</h3> </div> </div> </div> </div> </div> </div> </div> </section> <!-- End Preschool Entertainment --> <!-- Start Gallery Area --> <div class="gallery-area pt-100 pb-70" style="background-color: #fdf6ed;display:none"> <div class="container"> <div class="section-title"> <span>Gallery</span> <h2>Our Activities Gallery</h2> </div> <div class="row"> <div class="col-lg-4 col-md-6"> <div class="single-gallery-box"> <img src="{{asset('/storage/img/gallery/gallery-2.jpg')}}" alt="image"> <a href="{{asset('/storage/img/gallery/gallery-2.jpg')}}" class="gallery-btn" data-imagelightbox="popup-btn"> <i class='bx bx-search-alt'></i> </a> </div> </div> <div class="col-lg-4 col-md-6"> <div class="single-gallery-box"> <img src="{{asset('/storage/img/gallery/gallery-3.jpg')}}" alt="image"> <a href="{{asset('/storage/img/gallery/gallery-3.jpg')}}" class="gallery-btn" data-imagelightbox="popup-btn"> <i class='bx bx-search-alt'></i> </a> </div> </div> </div> </div> </div> <!-- End Gallery Area --> <!-- Start Quote Area --> <section class="quote-area pb-100"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="quote-image" style="background-image: url({{asset('/storage/img/school.png')}});"></div> </div> <div class="col-lg-6"> <div class="quote-item"> <div class="content"> <span>Get a Admission</span> <h3>For Admission Enquiry</h3> </div> <form method="post" id="contactForm1" method="POST" action="{{ route('contactsend') }}"> @csrf <div class="row"> <div class="col-lg-12 col-md-6"> <div class="form-group"> <input type="text" name="name" class="form-control" required data-error="Please enter your name" placeholder="Your name"> @error('name')<span class="text-danger">{{ $message }}</span>@enderror </div> </div> <div class="col-lg-12 col-md-6"> <div class="form-group"> <input type="email" name="email" class="form-control" required data-error="Please enter your email" placeholder="Your email address"> @error('email')<span class="text-danger">{{ $message }}</span>@enderror </div> </div> <div class="col-lg-12 col-md-12"> <div class="form-group"> <input type="text" name="phone" class="form-control" required data-error="Please enter your phone number" placeholder="Your phone number"> @error('phone')<span class="text-danger">{{ $message }}</span>@enderror </div> </div> <!-- <div class="col-lg-12 col-md-12">--> <!-- <div class="form-group">--> <!-- <input type="text" name="subjects" id="subjects" class="form-control" required data-error="Please enter your subjects" placeholder="Subjects">--> <!-- @error('subject')<span class="text-danger">{{ $message }}</span>@enderror--> <!-- </div>--> <!--</div>--> <div class="col-lg-12 col-md-12"> <div class="form-group"> <textarea name="message" cols="30" rows="5" required data-error="Please enter your message" class="form-control" placeholder="Write your message..."></textarea> @error('message')<span class="text-danger">{{ $message }}</span>@enderror </div> </div> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mb-3"> <center> <script src='https://www.google.com/recaptcha/api.js'></script> <div class="g-recaptcha" data-sitekey="{{ config('services.recaptcha.sitekey') }}" ></div> @error('g-recaptcha-response') <div class="col-12 text-danger text-center">Captcha verification required </div> @enderror </center> </div> <div class="col-lg-12 col-md-12"> <center> <button type="submit" class="default-btn">Send Message</button> </center> </div> </div> </form> <!--<form>--> <!-- <div class="form-group">--> <!-- <input type="text" class="form-control" placeholder="Your Name">--> <!-- </div>--> <!-- <div class="form-group">--> <!-- <input type="text" class="form-control" placeholder="Email Address">--> <!-- </div>--> <!-- <div class="form-group">--> <!-- <input type="text" class="form-control" placeholder="Studying Class">--> <!-- </div>--> <!-- <div class="form-group">--> <!-- <input type="text" class="form-control" placeholder="Type Your Requirements">--> <!-- </div>--> <!-- <button type="submit" class="default-btn">--> <!-- Book Your Admission--> <!-- </button>--> <!--</form>--> </div> </div> </div> </div> </section> <!-- Start Newsletter Area --> <div class="newsletter-area ptb-100"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-6"> <div class="newsletter-content"> <h2>Come over and become acquainted with us better!</h2> </div> </div> <div class="col-lg-4"> <form class="newsletter-form"> <button style="width:200px;"><a href="{{ route('contact') }}" style="color: #fff;">Contact Now</button></a> </form> </div> </div> </div> <div class="newsletter-shape"> <div class="shape-1"> <img src="{{asset('/storage/img/newsletter/newsletter-shape-1.png')}}" alt="image"> </div> <div class="shape-2"> <img src="{{asset('/storage/img/newsletter/newsletter-shape-2.png')}}" alt="image"> </div> </div> </div> <!-- End Newsletter Area --> <!-- Start Testimonials Area --> <section class="testimonials-area bg-color ptb-100" style="background-color: #fff;"> <div class="container"> <div class="section-title"> <span>Testimonials</span> <h2>Testimonials of Happy Parents</h2> </div> <div class="feedback-slides owl-carousel owl-theme"> @if (!empty($testimonials)) @foreach ($testimonials as $testimonial) <div class="feedback-item"> <div class="row align-items-center"> <div class="col-lg-4"> <div class="feedback-image"> <img src="{{ asset('/storage/uploads/testimonial/' . $testimonial->image) }}" alt="image"> </div> </div> <div class="col-lg-8"> <div class="feedback-content"> <p>{{$testimonial->quote}}.</p> <div class="feedback-info"> <h3>{{ $testimonial->name }}</h3> <span>{{ $testimonial->designation }}</span> </div> </div> </div> </div> </div> @endforeach @endif </div> </div> </section> @endsection