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
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.
composer i
composer install
php artisan serve
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
Initial Released