This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from "react"; | |
function Home() { | |
return ( | |
<div className="home"> | |
<div class="container"> | |
<div class="row align-items-center my-5"> | |
<div class="col-lg-7"> | |
<img | |
class="img-fluid rounded mb-4 mb-lg-0" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from "react"; | |
function About() { | |
return ( | |
<div className="about"> | |
<div class="container"> | |
<div class="row align-items-center my-5"> | |
<div class="col-lg-7"> | |
<img | |
class="img-fluid rounded mb-4 mb-lg-0" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from "react"; | |
function Contact() { | |
return ( | |
<div className="contact"> | |
<div class="container"> | |
<div class="row align-items-center my-5"> | |
<div class="col-lg-7"> | |
<img | |
class="img-fluid rounded mb-4 mb-lg-0" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8" /> | |
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1" /> | |
<meta name="theme-color" content="#000000" /> | |
<meta | |
name="description" | |
content="Web site created using create-react-app" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
export { default as Navigation } from "./Navigation"; | |
export { default as Footer } from "./Footer"; | |
export { default as Home } from "./Home"; | |
export { default as About } from "./About"; | |
export { default as Contact } from "./Contact"; | |
export { default as Blog } from "./blog/Blog"; | |
export { default as Posts } from "./blog/Posts"; | |
export { default as Post } from "./blog/Post"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from "react"; | |
import ReactDOM from "react-dom"; | |
import "./index.css"; | |
import * as serviceWorker from "./serviceWorker"; | |
import { BrowserRouter as Router, Route, Routes } from "react-router-dom"; | |
import { | |
Navigation, | |
Footer, | |
Home, | |
About, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React, { useState } from 'react'; | |
function Example() { | |
// Declare a new state variable, which we'll call "count" | |
const [count, setCount] = useState(0); | |
return ( | |
<div> | |
<p>You clicked {count} times</p> | |
<button onClick={() => setCount(count + 1)}> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from "react"; | |
function Header(props) { | |
let content = { | |
English: { | |
title: "Lorem", | |
description: | |
"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book." | |
}, | |
Malayalam: { |
OlderNewer