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 PHP

    • If you're using XAMPP, WAMP, or MAMP, PHP should already be included. Make sure your server environment (Apache, Nginx, etc.) is configured to work with PHP. If PHP is not installed, you can download it from the official PHP website.

  • Download and Extract the Zip File:
    • Download the zip file containing all files integrated with Weiboo. Extract the contents of the zip file to your desired location.
  • Editing Rainfo Template
    • 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}}).

File Structure

├──  Rainfo /
│   ├──  assets/
│   │   ├──  css/
│   │   ├──  fonts/
│   │   ├──  images/
│   │   ├──  inc/
│   │   ├──  js/
│   ├──  layout/
│   │   │   ├──  layoutTop.php/
│   │   │   ├──  layoutBottom.php/
│   ├──  partials/
|   │   │   ├──  head.php
|   │   │   ├──  preloader.php
|   │   │   ├──  script.php
│   ├──  .htaccess
│   ├──  README.md
│   ├──  blog-details.php
│   ├──  contact.php
│   ├──  index.php
│   ├──  index-2.php
│   ├──  index-3.php
│   ├──  index-4.php
│   ├──  index-5.php
│   ├──  index-6.php
│   ├──  index-7.php
│   ├──  index-8.php
│   ├──  index-9.php
│   ├──  portfolio-details.php
├──  Documentation
│   ├── index.html - Index file for documentation.

PHP Structure

<?php include './layout/layout-top.php'?>

	<!-- 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>
			<!-- 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 -->

<?php include './layout/layout-bottom.php'?>

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 - 10th Oct 2025

General

Initial Released

© 2026 Rainfo