Rainfo - Portfolio and Agency Template

Thank you very much for your purchase!

If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via our Support mail : Support

Introduction

Rainfo is specially made for creatives, portfolios, designer, freelancers, agencies, one page, and full-page scrolling sites. Rainfo comes 9 Unique Homepages. This modern and professional template offers various portfolio styles like the personal portfolio, minimal portfolio, black and white portfolio, etc

Installation

To setup the theme, follow below-mentioned steps

  • Install Server (Recommended PHP version: >8.2)
    • Make sure to have the Xampp/WampServer/Lampp installed & running in your computer. If you already have installed server on your computer, you can skip this step if your existing Laravel 12 version is greater than >8.2.

  • Install Composer (Recommended version: >= 2.2)
    • Make sure to have the composer installed & running in your computer. If you already have installed server on your computer, you can skip this step.
  • This would install all the required packages in the vendor folder.
    • Start your PHP server. If you're using XAMPP, WAMP, or MAMP, start Apache. Navigate to localhost in your web browser and specify the port number if necessary (e.g.,http://localhost:{{PORT}}).
    • composer i
      or
      composer install
  • The development server is accessible at http://localhost:8000. To run on other port just run command : php artisan serve --port=8001
    php artisan serve
  • Editing Rainfo Template

    Before all that you have to edit your template and place your own contents by replacing old demo contents, in this case, you will need a code editor such as – VScode, Sublime Text etc.

File Structure

├──  Rainfo /
│   ├──  app/
│   │   ├──  Controllers/
│   │   │   ├──  HomeController.php
│   ├──  bootstrap/
│   ├──  config/
│   ├──  database/
│   ├──  public/
│   │   ├──  assets/
│   ├──  resources/
│   │   ├──  views/
│   │   │   ├──  elements/
│   │   │   ├──  home/
│   │   │   ├──  layout/
│   ├──  routes
│   ├──  storage
│   ├──  tests
│   ├──  .editorconfig
│   ├──  .env
│   ├──  .env.example
│   ├──  .gitattributes
│   ├──  .gitignore
│   ├──  artisan
│   ├──  composer.json
│   ├──  composer.lock
│   ├──  package.json
│   ├──  phpunit.xml
│   ├──  vite.config.js
├──  Documentation
    └── index.html - Index file for documentation.

PHP Structure

@extends('layout.layout')

@section('content')

	<!-- Wrapper -->
	<div id="wrapper" class="wrapper">

		<!-- Header -->
		<header class="header rn-header header-transparent poss_relative">
			.....	.....	.....	.....	.....
		</header>
		<!--// Header -->

		<!-- Page Conttent -->
		<main class="page-content">
			<div class="rv-slider-wrapper" id="home">
				.....	.....	.....	.....	.....
			</div>

			<!-- Start Story Area -->
			<div class="rn-story-area d-flex bg_color--3 section-padding-lg" id="about">
				.....	.....	.....	.....	.....
			</div>
			<!-- End Story Area -->

			<!-- Start Skill Area -->
			<div class="rn-skill-area home-one-skill d-flex bg_color--3" id="skill">
				<div class="rn-skill-right w-50 d-flex align-items-center">
					.....	.....	.....	.....	.....
				</div>
				<div class="rn-skill-left w-50 rn-skill-bg-wrapper" style="background-image: url(assets/img/portfolio/my-skill.jpg);"></div>
			</div>
			<!-- End Skill Area -->

			<!-- Start Service Area -->
			<div class="rn-service-area d-flex bg_color--3" id="service">
				.....	.....	.....	.....	.....
			</div>
			<!-- End Service Area -->

			<!-- Start Portfolio Area -->
			<div class="rn-portfolio-area section-ptb-xl" id="portfolio">
				.....	.....	.....	.....	.....
			</div>
			<!-- End Portfolio Area -->

			<!-- Start Awards Area -->
			<div class="rn-award-area d-flex bg_color--3" id="award">
				.....	.....	.....	.....	.....
			</div>
			<!-- End Awards Area -->

			<!-- Start Blog Area -->
			<div class="rn-blog-area home-one-blog  d-flex  bg_color--3" id="blog">
				.....	.....	.....	.....	.....
			</div>
			<!-- End Blog Area -->
		</main>
		<!--// Page Conttent -->
		
		<!-- Footer -->
		<footer class="-rn-footer bg_color--4" id="contact">
			<div class="rn-footer-wrapper footer bg_color--4">
				.....	.....	.....	.....	.....
			</div>

			<div class="copyright">
				.....	.....	.....	.....	.....
			</div>
		</footer>
		<!--// Footer -->
		
	</div>
	<!--// Wrapper -->

@endsection
                            

CSS

Rainfo Built with latest version of CSS3.

File Name Details
css/animate.css animate CSS
css/bootstrap.css bootstrap CSS
css/custom.css custom CSS
css/cfullpage.css cfullpage CSS
css/meanmenu.css meanmenu CSS
css/plugins.css plugins
css/slick.min.css slick Css
css/split-slider.css split-slider
css/style.css Style Css
css/style.css.map Style.map Css
css/swiper.css swiper Css
css/themify-icons.css themify-icons Css

Javascript

Rainfo Built with Javascript

File Name Details
js/bootstrap.min.js bootstrap js
js/google-map-init.js google-map-init Js
js/main.js main js
js/multiscroll-init.js multiscroll-init js
js/plugins.js plugins js
js/popper.min.js popper.min js
js/swiper-init.js swiper-init js

Credit & Resources

We have used the following plugins.

Support

Thank you for become a part of us. If you have any query, suggestion and complain. Contact us anytime. If you have any questions that are beyond the scope of this documentation, please feel free to email us via our Support mail : Support

Changelog

1.0.0 - 13th Sep 2025

General

Initial Released

© 2026 Rainfo