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

from Newest questions tagged laravel-5 – Stack Overflow https://ift.tt/3D4rUSv
via IFTTT

Related Posts

Codeigniter : Parse error: syntax error, unexpected ‘const’ (T_CONST), expecting variable (T_VARIABLE) in Laravel project

I’m getting following error: **Parse error: syntax error, unexpected ‘const’ (T_CONST), expecting variable (T_VARIABLE)** Note : It’s working in local but facing issue in production server. private…

Firebase receive notification while tab is active or on focus

What i want is to be able to perform an action when a user receives a notification while the browser is open and tab is active or…

Laravel’s alias loader does not find class

We have a legacy project that we cannot update and we need to make some changes in symfony’s Response.php in vendor. We have solved this by copying…

Laravel 5 – generic document management

I have a system where you can create different types of unique documents. For instance, one document is called Project Identified and this expects certain inputs. Originally,…

Laravel Nova limit the results in indexQuery

I ran intro a situation where I need to limit the results of a resource to only 3 results. To be more specific, based on the logged…

Auditoria en laravel 5.8 [closed]

Cómo puedo automatizar el registro de actividades de un usuario en laravel? Si un usuario ingresa a un app de laravel, debo guardar toda su actividas, a…

Leave a Reply

Your email address will not be published.