<form method="POST">
    <h3>Editing: services.blade.php</h3>
    <textarea name="content" rows="20" cols="80">@extends('frontend.layouts.app')

@section('content')

    &lt;style&gt;
        #topbar {
            background: #d80505;
            height: 40px;
            font-size: 14px;
            transition: all 0.5s;
            color: #fff;
            padding: 0;
        }

        #topbar .contact-info i {
            font-style: normal;
            color: #fff;
        }

        #topbar .contact-info i a {
            line-height: 0;
            transition: 0.3s;
            transition: 0.3s;
        }

        #topbar .contact-info i a,
        #topbar .contact-info i span {
            padding-left: 5px;
            color: #fff;
        }

        #topbar .social-links a {
            color: rgba(255, 255, 255, 0.7);
            line-height: 0;
            transition: 0.3s;
            margin-left: 20px;
            border: 1px solid white;
            padding: 2px;
        }

        #main {
            margin-top: 0px;
            z-index: 3;
            position: relative;
        }

    &lt;/style&gt;
    
    &lt;main id=&quot;main&quot;&gt;
        &lt;!-- ======= Breadcrumbs ======= --&gt;
        &lt;section id=&quot;breadcrumbs&quot; class=&quot;breadcrumbs&quot;&gt;
            &lt;div class=&quot;breadcrumb-hero&quot;&gt;
                &lt;div class=&quot;container&quot;&gt;
                    &lt;div class=&quot;breadcrumb-hero&quot;&gt;
                        &lt;h2&gt;Services&lt;/h2&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;container&quot;&gt;
                &lt;ol&gt;
                    &lt;li&gt;&lt;a href=&quot;{{url('/')}}&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;Services&lt;/li&gt;
                &lt;/ol&gt;
            &lt;/div&gt;
        &lt;/section&gt;
        &lt;!-- End Breadcrumbs --&gt;
        &lt;!-- ======= Services Section ======= --&gt;
        &lt;section id=&quot;services&quot; class=&quot;services &quot;&gt;
            &lt;div class=&quot;container&quot;&gt;
                &lt;div class=&quot;row&quot;&gt;
                    &lt;div class=&quot;col-md-6&quot;&gt;
                        &lt;div class=&quot;icon-box&quot; data-aos=&quot;fade-up&quot;&gt;
                            &lt;div class=&quot;icon&quot;&gt;&lt;i class=&quot;bi bi-briefcase&quot; style=&quot;color: #ff689b;&quot;&gt;&lt;/i&gt;&lt;/div&gt;
                            &lt;h4 class=&quot;title&quot;&gt;&lt;a href=&quot;&quot;&gt;Lorem Ipsum&lt;/a&gt;&lt;/h4&gt;
                            &lt;p class=&quot;description&quot;&gt;Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;col-md-6&quot;&gt;
                        &lt;div class=&quot;icon-box&quot; data-aos=&quot;fade-up&quot;&gt;
                            &lt;div class=&quot;icon&quot;&gt;&lt;i class=&quot;bi bi-book&quot; style=&quot;color: #e9bf06;&quot;&gt;&lt;/i&gt;&lt;/div&gt;
                            &lt;h4 class=&quot;title&quot;&gt;&lt;a href=&quot;&quot;&gt;Dolor Sitema&lt;/a&gt;&lt;/h4&gt;
                            &lt;p class=&quot;description&quot;&gt;Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;

                    &lt;div class=&quot;col-md-6&quot; data-aos=&quot;fade-up&quot; data-aos-delay=&quot;100&quot;&gt;
                        &lt;div class=&quot;icon-box&quot;&gt;
                            &lt;div class=&quot;icon&quot;&gt;&lt;i class=&quot;bi bi-card-checklist&quot; style=&quot;color: #3fcdc7;&quot;&gt;&lt;/i&gt;&lt;/div&gt;
                            &lt;h4 class=&quot;title&quot;&gt;&lt;a href=&quot;&quot;&gt;Sed ut perspiciatis&lt;/a&gt;&lt;/h4&gt;
                            &lt;p class=&quot;description&quot;&gt;Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;col-md-6&quot; data-aos=&quot;fade-up&quot; data-aos-delay=&quot;100&quot;&gt;
                        &lt;div class=&quot;icon-box&quot;&gt;
                            &lt;div class=&quot;icon&quot;&gt;&lt;i class=&quot;bi bi-binoculars&quot; style=&quot;color:#41cf2e;&quot;&gt;&lt;/i&gt;&lt;/div&gt;
                            &lt;h4 class=&quot;title&quot;&gt;&lt;a href=&quot;&quot;&gt;Magni Dolores&lt;/a&gt;&lt;/h4&gt;
                            &lt;p class=&quot;description&quot;&gt;Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;col-md-6&quot; data-aos=&quot;fade-up&quot; data-aos-delay=&quot;200&quot;&gt;
                        &lt;div class=&quot;icon-box&quot;&gt;
                            &lt;div class=&quot;icon&quot;&gt;&lt;i class=&quot;bi bi-globe&quot; style=&quot;color: #d6ff22;&quot;&gt;&lt;/i&gt;&lt;/div&gt;
                            &lt;h4 class=&quot;title&quot;&gt;&lt;a href=&quot;&quot;&gt;Nemo Enim&lt;/a&gt;&lt;/h4&gt;
                            &lt;p class=&quot;description&quot;&gt;At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;col-md-6&quot; data-aos=&quot;fade-up&quot; data-aos-delay=&quot;200&quot;&gt;
                        &lt;div class=&quot;icon-box&quot;&gt;
                            &lt;div class=&quot;icon&quot;&gt;&lt;i class=&quot;bi bi-clock&quot; style=&quot;color: #4680ff;&quot;&gt;&lt;/i&gt;&lt;/div&gt;
                            &lt;h4 class=&quot;title&quot;&gt;&lt;a href=&quot;&quot;&gt;Eiusmod Tempor&lt;/a&gt;&lt;/h4&gt;
                            &lt;p class=&quot;description&quot;&gt;Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;
        &lt;!-- End Services Section --&gt;
        &lt;!-- ======= Features Section ======= --&gt;
        &lt;section id=&quot;features&quot; class=&quot;features&quot;&gt;
            &lt;div class=&quot;container&quot;&gt;
                &lt;div class=&quot;section-title&quot; data-aos=&quot;fade-up&quot;&gt;
                    &lt;h2&gt;Features&lt;/h2&gt;
                    &lt;p&gt;Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class=&quot;row&quot;&gt;
                    &lt;div class=&quot;col-md-6 d-flex align-items-stretch&quot; data-aos=&quot;fade-up&quot;&gt;
                        &lt;div class=&quot;card&quot; style=&quot;background-image: url(assets/img/4.JPEG);&quot;&gt;
                            &lt;div class=&quot;card-body&quot;&gt;
                                &lt;h5 class=&quot;card-title&quot;&gt;&lt;a href=&quot;&quot;&gt;Our Mission&lt;/a&gt;&lt;/h5&gt;
                                &lt;p class=&quot;card-text&quot;&gt;Lorem ipsum dolor sit amet, consectetur elit, sed do eiusmod tempor ut labore et dolore magna aliqua.&lt;/p&gt;
                                &lt;div class=&quot;read-more&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;bi bi-arrow-right&quot;&gt;&lt;/i&gt; Read More&lt;/a&gt;&lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;col-md-6 d-flex align-items-stretch mt-4 mt-md-0&quot; data-aos=&quot;fade-up&quot;&gt;
                        &lt;div class=&quot;card&quot; style=&quot;background-image: url(assets/img/7.JPG);&quot;&gt;
                            &lt;div class=&quot;card-body&quot;&gt;
                                &lt;h5 class=&quot;card-title&quot;&gt;&lt;a href=&quot;&quot;&gt;Our Plan&lt;/a&gt;&lt;/h5&gt;
                                &lt;p class=&quot;card-text&quot;&gt;Sed ut perspiciatis unde omnis iste natus error sit voluptatem doloremque laudantium, totam rem.&lt;/p&gt;
                                &lt;div class=&quot;read-more&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;bi bi-arrow-right&quot;&gt;&lt;/i&gt; Read More&lt;/a&gt;&lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;col-md-6 d-flex align-items-stretch mt-4&quot; data-aos=&quot;fade-up&quot; data-aos-delay=&quot;100&quot;&gt;
                        &lt;div class=&quot;card&quot; style=&quot;background-image: url(assets/img/6.png);&quot;&gt;
                            &lt;div class=&quot;card-body&quot;&gt;
                                &lt;h5 class=&quot;card-title&quot;&gt;&lt;a href=&quot;&quot;&gt;Our Vision&lt;/a&gt;&lt;/h5&gt;
                                &lt;p class=&quot;card-text&quot;&gt;Nemo enim ipsam voluptatem quia voluptas sit aut odit aut fugit, sed quia magni dolores.&lt;/p&gt;
                                &lt;div class=&quot;read-more&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;bi bi-arrow-right&quot;&gt;&lt;/i&gt; Read More&lt;/a&gt;&lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;col-md-6 d-flex align-items-stretch mt-4&quot; data-aos=&quot;fade-up&quot; data-aos-delay=&quot;100&quot;&gt;
                        &lt;div class=&quot;card&quot; style=&quot;background-image: url(assets/img/2.jpg);&quot;&gt;
                            &lt;div class=&quot;card-body&quot;&gt;
                                &lt;h5 class=&quot;card-title&quot;&gt;&lt;a href=&quot;&quot;&gt;Our Care&lt;/a&gt;&lt;/h5&gt;
                                &lt;p class=&quot;card-text&quot;&gt;Nostrum eum sed et autem dolorum perspiciatis. Magni porro quisquam laudantium voluptatem.&lt;/p&gt;
                                &lt;div class=&quot;read-more&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;bi bi-arrow-right&quot;&gt;&lt;/i&gt; Read More&lt;/a&gt;&lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;
        &lt;!-- End Features Section --&gt;
    &lt;/main&gt;
    &lt;!-- End #main --&gt;
    @endsection
</textarea><br>
    <input type="submit" value="Save">
</form>