Number of items in cart: 0
Ra is a premium, fully responsive web app UI kit. It has flat design and built with Bootstrap 3.3.7, HTML5, CSS3 and Jquery. It comes with bunch of reusable UI widgets, components, ready made pages. The clean and modular code will allow you to easily build any web application.
I have tried to follow the standards and modular structure while developing the theme. Following sections are explaining the theme File & Folder, structure, html file struture and plugins.
├── html files
│ └── All LESS files
│ └── All css files.
│ └── All the pages related scripts
│ └── All images
│ └── The plugins files - which are not available through bower
<body class="fixed-left widescreen">
<!-- Begin page -->
<!-- Top Bar Start -->
<!-- LOGO -->
<!-- Top Bar End -->
<!-- ========== Left Sidebar start ========== -->
<div class="left side-menu">
<div class="sidebar-inner slimscrollleft">
<!--- Divider -->
<!-- ========== Left Sidebar end ========== -->
<!-- ========== main content start ========== -->
<!-- content -->
<!-- content -->
<!-- footer -->
2020 © Ra.
<!-- ========== main content end ========== -->
<!-- ========== Right sidebar start ========== -->
<div class="side-bar right-bar">
<!-- ========== Right sidebar end ========== -->
<!-- scripts -->
Less is a CSS pre-processor and it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable. Less runs inside Node, in the browser and inside Rhino.
All the css files are pre-compiled using less compiler and provided inside the assets/css/ folder. In case if you are not familiar with less or don’t have any environment setup which can be used to compile the less files, then you can use these CSS files directly. But if you are familiar with less, then I’ll suggest you to use the less files.
Files are explained below:
Ra uses jQuery, Bootstrap JS framework(at its core) and some of the third-party plugins. There are may more third party plugin which you can use according to your needs. The css is already containing matching style for these plugins so you will not need to do anything around it.
This template contains various utilities including some helper classes, widgets, etc. Please see below some helper classes.
We’ve used the following resources as listed. These are some awesome creation and we are thankful to the community.