en en es gom en en ja en en es en en en en en en pt en en es es en en en en en en en en en en en ceb en hu ceb en de en en en en en en en en en en en en en en en it en en en en en en en en en en en en en en en en en en en id en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en fr en en la en en en en en en en en en en fr en en la en en en en en en en en en en nl en en la en en en en en en en en en en en en en en en en en en en en en en en ceb en en en en en en en en la en en fr tr en en en en en la la la en en en en en en en en en en en en en en en la la en en en en en en en en en en en en en en en en en en en en es en en en en en en en en en en en en en en es la en fr en en en en en en en en en en en en en la en en en en en en en en en en en en en en en en la en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en hu en en en en en en en en en en en en en es kn en en ceb en hu ceb en de en en en en en en en en en en en en en en en it en en en en en en en en en en en en en en en en en en en id en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en fr en en la en en en en en en en en en en fr en en la en en en en en en en en en en nl en en la en en en en en en en en en en en en en en en en en en en en en en en ceb en en en en en en en en la en en fr tr en en en en en la la la en en en en en en en en en en en en en en en la la en en en en en en en en en en en en en en en en en en en en es en en en en en en en en en en en en en en es la en fr en en en en en en en en en en en en en la en en en en en en en en en en en en en en en en la en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en hu en en en en en en en en en en en en en es kn kn en en en en en en en en lt en en fr en en hu en en en en en en en en en hu en en en en en en en en en en en en hu en en en en en en en en en en en en en en en en en en en en en pt en en en en en en en en en en es es en en es gl en ko en zh en ja pt es en en fr es es ja fr en zh en en en en en en es en cs en en en en en en en en en en en en en en en en en en en en en af en en en es en en en en de en en pt es en en fr en en en en en zh en en en en en en en en en en en en en en en en en en pl en en en en en en en en en en en da en
How to integrate HTML Template into React JS
Java, .NET, PHP, PYTHON, ANGULAR, ML, Data Science, Testing, CI Tutorials in Easy Languages.
"Best Software Training, Internship, Project Development center of Indore India, Helpline 780506-3968"
SHIVA CONCEPT SOLUTION April 07, 2021 0 Comments
React JS Provide Separate Component for Header, Middle and Footer part that can be easily called into the application
React-JS especially created to design single-page applications but now we can implement multiple web page-based applications using React JS.
1)  Integrate Single Page Template in React-JS:-
1.1)  Create an HTML page or download a free CSS template for a one-page template.
1.2)  put all site content (img,js,css, assets) into public folder
1.3)  create a component and integrate all Html content into under body tag  under render()
1.4)  Html head section CSS and js file or footer section js file should be liked on index.html page of react-js
export class Home extends React.Component
<div class="left-text col-lg-6 col-md-12 col-sm-12 col-xs-12"
Simple App that we  CREATE
Lava  HTML landing page  template is provided by  TemplateMo .
You can modify and use it for your commercial websites for free of charge. This template is last updated on 29 Oct 2019.
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12"
Curabitur pulvinar vel odio sed sagittis. Nam maximus ex diam, nec consectetur diam.
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12"
data-scroll-reveal="enter right move 30px over 0.6s after 0.4s">
Curabitur pulvinar vel odio sed sagittis. Nam maximus ex diam, nec consectetur diam.
<div class="left-image col-lg-5 col-md-12 col-sm-12 mobile-bottom-fix-big"
data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
Please do not redistribute this template ZIP file for a download purpose. You may <a
rel="nofollow" href="https://templatemo.com/contact" target="_parent">contact  us for
additional licensing of our template or to get a PSD file.
Sed blandit quam in velit
You can <a rel="nofollow"
Template  from our website. Duis viverra, ipsum et scelerisque placerat, orci
Phasellus in imperdiet felis, eget vestibulum nulla. Aliquam nec dui nec augue
maximus porta. Curabitur tristique lacus.
What They Think  About Us
Suspendisse vitae laoreet mauris. Fusce a nisi dapibus, euismod purus non, convallis odio.
Donec vitae magna ornare, pellentesque ex vitae, aliquet urna.
<div class="col-lg-10 col-md-12 col-sm-12 mobile-bottom-fix-big"
data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
“Nullam hendrerit, elit a semper pharetra, ipsum nibh tristique tortor, in tempus
urna elit in mauris.”
“Morbi non mi luctus felis molestie scelerisque. In ac libero viverra, placerat est
“Fusce rutrum in dolor sit amet lobortis. Ut at vehicula justo. Donec quam dolor,
congue a fringilla sed, maximus et urna.”
"Fusce rutrum in dolor sit amet lobortis. Ut at vehicula justo. Donec quam dolor,
congue a fringilla sed, maximus et urna."
}import React from "react";
export class Home extends React.Component
<div class="left-text col-lg-6 col-md-12 col-sm-12 col-xs-12"
data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
Simple App that we  CREATE
Lava  HTML landing page  template is provided by  TemplateMo .
You can modify and use it for your commercial websites for free of charge. This template is last updated on 29 Oct 2019.
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12"
data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
Curabitur pulvinar vel odio sed sagittis. Nam maximus ex diam, nec consectetur diam.
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12"
data-scroll-reveal="enter bottom move 30px over 0.6s after 0.4s">
Curabitur pulvinar vel odio sed sagittis. Nam maximus ex diam, nec consectetur diam.
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12"
data-scroll-reveal="enter right move 30px over 0.6s after 0.4s">
Curabitur pulvinar vel odio sed sagittis. Nam maximus ex diam, nec consectetur diam.
<div class="left-image col-lg-5 col-md-12 col-sm-12 mobile-bottom-fix-big"
data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
Please do not redistribute this template ZIP file for a download purpose. You may <a
rel="nofollow" href="https://templatemo.com/contact" target="_parent">contact  us for
additional licensing of our template or to get a PSD file.
Sed blandit quam in velit
You can <a rel="nofollow"
Template  from our website. Duis viverra, ipsum et scelerisque placerat, orci
Phasellus in imperdiet felis, eget vestibulum nulla. Aliquam nec dui nec augue
maximus porta. Curabitur tristique lacus.
What They Think  About Us
Suspendisse vitae laoreet mauris. Fusce a nisi dapibus, euismod purus non, convallis odio.
Donec vitae magna ornare, pellentesque ex vitae, aliquet urna.
<div class="col-lg-10 col-md-12 col-sm-12 mobile-bottom-fix-big"
data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
“Nullam hendrerit, elit a semper pharetra, ipsum nibh tristique tortor, in tempus
urna elit in mauris.”
“Morbi non mi luctus felis molestie scelerisque. In ac libero viverra, placerat est
“Fusce rutrum in dolor sit amet lobortis. Ut at vehicula justo. Donec quam dolor,
congue a fringilla sed, maximus et urna.”
"Fusce rutrum in dolor sit amet lobortis. Ut at vehicula justo. Donec quam dolor,
congue a fringilla sed, maximus et urna."
content="Web site created using create-react-app"
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
You need to enable JavaScript to run this app.
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the   tag.
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
SHIVA CONCEPT SOLUTION is a No.1 Software Training Institute in Indore providing Quality Training Services with Affordable fee structure under the guidance of MR SHIVA GAUTAM, Our Center, Located Strategically at Palasia, Vijaynagar and Indrapuri Bhawarkua.
POST Answer of Questions and ASK to Doubt
POST Answer of Questions and ASK to Doubt
Previous Post Next Post
Selenium Lecture by Shiva Sir(40)
Data Science Lecture By Shiva Sir(17)
Database Lecture by Shiva Sir(6)
TestNG Selenium Session by Shiva Sir(5)
WPF Lecture By Shiva Sir(5)
Check Your String Logic(1)
Check you swift Program Logic(1)
Create Lift based program using Python?(1)
JSON Parsing in Android?(1)
Django Introduction & Installation in Python
Simple Calculator Program in JSP To Servlet,Create Calculator using JSP and Servlet
How to add loader/spinner on a Django based website.
{getWidget} $results={3} $label={comments} $type={list}
Selenium Lecture by Shiva Sir
Data Science Lecture By Shiva Sir
Database Lecture by Shiva Sir
TestNG Selenium Session by Shiva Sir
WPF Lecture By Shiva Sir
Check Your String Logic
Check you swift Program Logic
Create Lift based program using Python?
JSON Parsing in Android?
This portal is specially to provide technical tutorial to learners in various programming languages and to solve doubt of learners online. We want to provide information of latest technologies with practical example of Java, Python, PHP, C# , Software testing , IOT, AWS, DEVOPS, etc.
Copyright 2020-21 SHIVA CONCEPT SOLUTION All Rights Reserved