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

  • Download and Extract the Zip File

    • Download the zip file from ThemeForest and extract it to a location of your choice.

  • Install Python

    • Make sure Python is installed on your machine. If not already installed, you can download and install Python from the official website.

  • Install Django
    • Make sure to have the Django installed & running in your computer. To install Django run below command
      • pip install django==5.0
  • Install Required Pack

    • Open your command prompt or terminal, navigate to the directory where you extracted the Rainfo project, and run below commands one by one

      • pip install -r requirements.txt

      And

      npm install
  • Generate CSS using SASS compiler

    • To generate CSS from SCSS, execute the command:

      • npm run build

      To run compiler in watch mode run

      npm run dev
  • Initialize Django Database

    • Run below command to initialize the database

      • python manage.py migrate
  • Running the Django Application 
      python manage.py runserver
      or 
      python manage.py runserver 8001
  • 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 /
│   ├──  rainfo/
│   │   │   ├──  __pycache__/
│   │   │   ├──  __init__.py
│   │   │   ├──  asgi.py
│   │   │   ├──  settings.py
│   │   │   ├──  urls.py
│   │   │   ├──  wsgi.py
│   ├──  rainfoApp/
│   │   │   ├──  __pycache__/
│   │   │   ├──  static/
|   │   │   │   ├──  fonts
|   │   │   │   ├──  img
|   │   │   │   ├──  js
|   │   │   │   ├──  scss
│   │   │   ├──  templates/
|   │   │   │   ├──  home/
|   │   │   │   ├──  layout/
|   │   │   │   ├──  partials/
│   │   │   ├──  __init__.py
│   │   │   ├──  homeViews.py
│   │   │   ├──  manage.py
│   │   │   ├──  urls.py
│   ├──  .env
│   ├──  db.sqlite3
│   ├──  manage.py
├──  Documentation
    └── index.html - Index file for documentation.

Django Structure

{% extends '../layout/layout.html' %}

{% block 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>
			<!-- 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">
				.......		.......		.......		.......		.......
		</footer>
		<!--// Footer -->
		
	</div>
	<!--// Wrapper -->

{% endblock content %}

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 - 19th August 2025

General

Initial Released

© 2025 Rainfo