jatinkumar725

import React from 'react'
import { Link } from 'react-router-dom';


const SideBar = () => {
  return (
    <div className="col-2 px-0 bg-dark border-right text-center position-fixed">
      <nav style={{ height: '100vh' }}>
        <h3 className="pt-4 pl-3 text-light">React App</h3>
        <hr className='bg-white' style={{ height: "3px" }}/>

jatinkumar725

import About from './Pages/About';
import Home from './Pages/Home';
import Contact from './Pages/Contact';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import SideBar from './Components/SideBar';


const App = () => {
  return (
    <div className="container-fluid">

jatinkumar725

import Home from './Pages/Home';
import SideBar from './Components/SideBar';


const App = () => {
  return (
    <div className="container-fluid">
      <div className="row">
        <SideBar />
        <div className="col-10 mt-4" style={{ marginLeft: "210px" }}>

jatinkumar725

import React from 'react'


const SideBar = () => {
  return (
    <div className="col-2 ps-0">
      <nav className="bg-dark border-right text-center" style={{ height: '100vh' }}>
        <h3 className="pt-4 pl-3 text-light">React App</h3>
        <hr className='bg-white' style={{ height: "3px" }}/>
        <p className="pt-3">

jatinkumar725

import React from "react";

const Contact = () => {
  return (
    <>
      <h2 className="text-center mb-4">
        Contact us
      </h2>
      <form
        id="contact-form"

jatinkumar725

import React from 'react'
import AboutImage from './../Public/img/photo.jpg';


const About = () => {
  return (
    <>
        <h2 className="text-center">
          ABOUT US
        </h2>

jatinkumar725

import React from 'react'
import HomeImage from './../Public/img/bandmember.jpg';


const Home = () => {
  return (
    <>
      <h2>THE BAND</h2>
      <p className="text-secondary">
        <i>We love music</i>

jatinkumar725

var express = require('express');
var app = express();

app.use(express.static('public', { maxAge: '1y' }));

app.listen(3000, function () {
  console.log('Example app listening on port 3000!');
});

jatinkumar725

<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType image/jpg "access plus 1 year"
  ExpiresByType image/jpeg "access plus 1 year"
  ExpiresByType image/gif "access plus 1 year"
  ExpiresByType image/png "access plus 1 year"
  ExpiresByType text/css "access plus 1 month"
  ExpiresByType application/pdf "access plus 1 month"
  ExpiresByType text/x-javascript "access plus 1 month"
  ExpiresByType application/x-shockwave-flash "access plus 1 month"

jatinkumar725

const input = document.getElementById("myInput");
let timeoutId;
input.addEventListener("input", function() {
  clearTimeout(timeoutId);
  timeoutId = setTimeout(() => {
    console.log("input changed");
  }, 500);
});