Torres - React Multipurpose Landing Page Template

24/7 Support: Send Us a message from our Support Page

Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to open a new ticket at our support forum

IMPORTANT: It's built with React and It's not a regular HTML Template.

Installation
  • Node.js and NPM : You can download Node.js from https://nodejs.org. NPM comes bundled with Node.js.
Install Npm Packages
  • NPM : You must have to npm install packages. You can do this by running npm install from the root of your project to install all the necessary dependencies.
Development server
  • Run npm start for a dev server. Navigate to http://localhost:3000/ . The app will automatically reload if you change any of the source files.
Build
  • Run npm run build to build the project. The build artifacts will be stored in the build/ directory. Use the npm run build --prod flag for a production build.
Torres/                            // root folder
+
|——template
|  |——config/
|  |——public/
|  |  |——assets/                   
|  |  |    |——css/                  --css files
|  |  |    |——fonts/                --fonts files
|  |  |    |——images/               --images files
|  |  |    |——js/                   --js files
|  |  |    |——scss/                 --scss files
|  |  |——favicon.ico
|  |  |——index.html
|  |——src/
|  |  |——blog/                      --blogs with different variations
|  |  |——components/                --Component Files Folder
|  |  |——page-demo/                    
|  |  |——HomeHorizontal.js          -- Home Two
|  |  |——HomeOlive.js               -- Home One        
|  |  |——index.js        
|  |  |——index.scss        
|  |  |——serviceWorker.js         
|  |——package.json                  -- npm config: dependencies list
|  |——package-lock.json               
+
+
├─build/                            -- folder with builded (ready to use) files
│  ├─ assets/                       -- assets folder
│  ├─ Static/                       -- static folder
│  │  ├─ css                        -- styles folder
│  │  ├─ js                         -- scripts
│  │  └─ media                      -- images Folder
│  └─ index.html                    -- index html file
+

Help: Forther details can be found here official documentation https://reactjs.org/docs/getting-started.html.
Header Structure
Footer Structure
How to change Logo ?
How to change Copyright ?
How to change HomePage Content and Images ?
  • You can change object data easily (Dynamic Sections : Demos, Blogs, Features) Path : Torres/src/page-demo/Demo.js
Component Structure
  • Easy to Understand props object Loop Path : castro/src/demo_page/component/Pages.js

Once again thank you for purchasing one of our Templates

Best Regards

Hastech