backup.html

<!-- Project One Row -->
<div class="row justify-content-center no-gutters mb-5 mb-lg-0">
	<div class="col-lg-6">
		<a href="img/projects/basic_tasks_app.JPG" class="progressive replace">
			<img
				src="img/projects/basic_tasks_app_preview.JPG"
				class="img-fluid mb-3 mb-lg-0 preview"
				alt="project2"
			/>
		</a>
		<!-- <img loading="lazy" class="img-fluid" src="img/projects/basic_tasks_app.JPG" alt=""> -->
	</div>
	<div class="col-lg-6">
		<div class="bg-black text-center h-100 project">
			<div class="d-flex h-100">
				<div
					class="project-text w-100 my-auto text-center text-lg-left"
				>
					<h4 class="text-white">To-do List Website</h4>
					<p class="mb-0 text-white-50">
						A basic to-do app, built from scratch using Laravel &
						Bootstrap with authentications where the registered
						users can add and delete tasks.
					</p>
					<hr class="d-none d-lg-block mb-0 ml-0" />
				</div>
			</div>
		</div>
	</div>
</div>

<!-- Project Two Row -->
<div class="row justify-content-center no-gutters">
	<div class="col-lg-6">
		<img class="img-fluid" src="img/demo-image-02.jpg" alt="" />
	</div>
	<div class="col-lg-6 order-lg-first">
		<div class="bg-black text-center h-100 project">
			<div class="d-flex h-100">
				<div
					class="project-text w-100 my-auto text-center text-lg-right"
				>
					<h4 class="text-white">Mountains</h4>
					<p class="mb-0 text-white-50">
						Another example of a project with its respective
						description. These sections work well responsively as
						well, try this theme on a small screen!
					</p>
					<hr class="d-none d-lg-block mb-0 mr-0" />
				</div>
			</div>
		</div>
	</div>
</div>