dimanche 3 octobre 2021

Having trouble creating an alternating horizontal about us page

I made an about us in html and now I want to convert in to a dynamic page using laravel. The thing is I don't know how to make the image/text alternate. I've already made one section of the about us page and I'm displaying it on the [landing page][1]. Now when the user clicks on the learn more button, I want it to take him to this page 'https://ift.tt/3l3fGTL', which you can see has the alternating horizontal look which I've made it with html. I want it to be dynamic. Here's the code that I've written for the first section.

<section id="about-us">
        @foreach($abouts as $about)
            <div class="container">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="ts-block pr-3">
                            <div class="ts-title">
                                <h2></h2>
                            </div>
                            <!--end ts-title-->
                            <p></p><p></p>
                            <a href="/about" class="btn btn-primary mr-3 my-2">
                                <i class="fa fa-arrow-right small ml-3 ts-opacity__50"></i>
                            </a>
                        </div>
                    </div>
                    <!--end col-md-6-->
                </div>
                <!--end row-->
            </div>
            <!--end container-->

            <div class="ts-background d-none d-sm-block" data-bg-color="#fafafa" data-bg-parallax1="scroll" data-bg-parallax-speed="3">
                <div class="owl-carousel w-50 ts-push-left__100 h-100 ts-parallax-element1" data-owl-loop="1" data-owl-nav-container="#carousel-external-control">
                    <div class="ts-background-image" data-bg-image="" alt="img"></div>
                </div>
                <!--end owl-carousel-->
            </div>
            <!--end ts-background-->
        </section>
    @endforeach

If anyone who has learnt and is very good at using laravel, can you kindly assist complete this page? [1]: https://i.stack.imgur.com/CCDgA.png



via Chebli Mohamed

Aucun commentaire:

Enregistrer un commentaire