-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #14 from nhattpn/nhat
Nhat
- Loading branch information
Showing
14 changed files
with
230 additions
and
117 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
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
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
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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,29 @@ | ||
import React, { useState, useEffect } from 'react'; | ||
import axios from 'axios'; | ||
import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom'; | ||
import Container from 'react-bootstrap/Container'; | ||
import Nav from 'react-bootstrap/Nav'; | ||
import Navbar from 'react-bootstrap/Navbar'; | ||
import NavDropdown from 'react-bootstrap/NavDropdown'; | ||
import { Button } from 'react-bootstrap'; | ||
|
||
import Header from './../header_footer/Header'; | ||
import Footer from './../header_footer/Footer'; | ||
|
||
function Course() { | ||
const course_bg = 'http://i.ibb.co/GVRnWJC/course-bg.jpg'; | ||
|
||
return ( | ||
<> | ||
<Header /> | ||
<div style={{ height: '80vh', backgroundImage: `url(${course_bg})`, backgroundSize: 'cover', backgroundPositionX: 'center', backgroundRepeat: 'noRepeat', border: '1px solid' }}> | ||
<div style={{ marginTop: '0%', marginRight: 'auto', marginBottom: '0%', marginLeft: '15%', width: '50%', paddingTop: '2%', border: 'none' }}> | ||
<h1>CHĂM CHỈ DỄ DÀNG THÀNH CÔNG</h1> | ||
</div> | ||
</div> | ||
<Footer /> | ||
</> | ||
); | ||
} | ||
|
||
export default Course; |
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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,47 @@ | ||
import React, { useState, useEffect } from 'react'; | ||
import axios from 'axios'; | ||
import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom'; | ||
import Container from 'react-bootstrap/Container'; | ||
import Nav from 'react-bootstrap/Nav'; | ||
import Navbar from 'react-bootstrap/Navbar'; | ||
import NavDropdown from 'react-bootstrap/NavDropdown'; | ||
import { Button } from 'react-bootstrap'; | ||
import Card from 'react-bootstrap/Card'; | ||
import Col from 'react-bootstrap/Col'; | ||
import Row from 'react-bootstrap/Row'; | ||
|
||
import Header from './../header_footer/Header'; | ||
import Footer from './../header_footer/Footer'; | ||
|
||
function Course1() { | ||
return ( | ||
<> | ||
<Header /> | ||
<div style={{ margin: '5% 10%' }}> | ||
<div style={{ marginBottom: '2%' }}> | ||
<h2 style={{ color: '#eba234' }}>Khóa học của tôi</h2> | ||
</div> | ||
<Row xs={1} md={3} className="g-4"> | ||
{Array.from({ length: 7 }).map((_, idx) => ( | ||
<Col key={idx}> | ||
<Card> | ||
<Card.Img variant="top" src="holder.js/100px160" /> | ||
<Card.Body> | ||
<Card.Title>Card title</Card.Title> | ||
<Card.Text> | ||
This is a longer card with supporting text below as a natural | ||
lead-in to additional content. This content is a little bit | ||
longer. | ||
</Card.Text> | ||
</Card.Body> | ||
</Card> | ||
</Col> | ||
))} | ||
</Row> | ||
</div> | ||
<Footer /> | ||
</> | ||
); | ||
} | ||
|
||
export default Course1; |
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
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
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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,20 @@ | ||
import React, { useState, useEffect } from 'react'; | ||
import axios from 'axios'; | ||
import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom'; | ||
|
||
function Footer() { | ||
return ( | ||
<> | ||
<div className="text-center foot"> | ||
<p style={{ paddingTop: '2vh', margin: 0 }}> | ||
Copyright © 2024 | All rights reserved | ||
</p> | ||
<p style={{ padding: '1vh', margin: 0 }}> | ||
Mọi thắc mắc vui lòng liên hệ email: [email protected] | ||
</p> | ||
</div> | ||
</> | ||
); | ||
} | ||
|
||
export default Footer; |
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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,37 @@ | ||
import React, { useState, useEffect } from 'react'; | ||
import axios from 'axios'; | ||
import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom'; | ||
import { Navbar, Nav, Form, Button, Row, Col } from "react-bootstrap"; | ||
import NavDropdown from 'react-bootstrap/NavDropdown'; | ||
|
||
function Header() { | ||
return ( | ||
<> | ||
<Navbar expand="lg"> | ||
<img style={{ width: '15%' }} src={'https://i.ibb.co/CMwkBmw/lSgDz8N.png'} alt="logo" /> | ||
{/*<Navbar.Toggle aria-controls="basic-navbar-nav" />*/} | ||
<Navbar.Collapse id="basic-navbar-nav" style={{ marginLeft: '5%' }}> | ||
<Nav className="me-auto"> | ||
<NavDropdown title="Các khóa học" id="basic-nav-dropdown" style={{ fontSize: '1.5em' }}> | ||
<NavDropdown.Item href="/course1">Khóa học của tôi</NavDropdown.Item> | ||
</NavDropdown> | ||
<Nav.Link href="/course3" style={{ fontSize: '1.5em' }}>Đăng ký môn học</Nav.Link> | ||
</Nav> | ||
</Navbar.Collapse> | ||
<div> | ||
<h4 style={{ marginTop: '0.5rem' }}>NGUYEN VAN A - MSSV</h4> | ||
</div> | ||
<Button style={{ marginLeft: '3%', color: 'black', backgroundColor: 'white', border: 'none' }}> | ||
<div style={{ marginLeft: '30%', marginRight: '30%', backgroundColor: 'blue', borderRadius: '50%' }}> | ||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
<path d="M14 5L12.59 6.41L14.17 8H6V10H14.17L12.59 11.58L14 13L18 9L14 5ZM2 2H9V0H2C0.9 0 0 0.9 0 2V16C0 17.1 0.9 18 2 18H9V16H2V2Z" fill="white" /> | ||
</svg> | ||
</div> | ||
<h6>Đăng xuất</h6> | ||
</Button> | ||
</Navbar> | ||
</> | ||
); | ||
} | ||
|
||
export default Header; |
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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,33 @@ | ||
import React, { useState, useEffect } from 'react'; | ||
import '../../node_modules/bootstrap/dist/css/bootstrap.min.css'; | ||
import '../../node_modules/@fortawesome/fontawesome-free/css/all.css'; | ||
import axios from 'axios'; | ||
import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom'; | ||
import FirstHeader from './../components/header_footer/FirstHeader'; | ||
import FirstFooter from './../components/header_footer/FirstFooter'; | ||
//import './FirstPage.css'; | ||
|
||
const slide1 = 'https://i.ibb.co/RbNBFv1/8ktXyJ-n.jpg'; | ||
|
||
function FirstPage() { | ||
return ( | ||
<> | ||
<FirstHeader /> | ||
<div style={{ height: '75vh', backgroundImage: `url(${slide1})`, backgroundSize: 'cover', backgroundPositionX: 'center', backgroundRepeat: 'noRepeat' }}> | ||
<div style={{ marginTop: '0%', marginRight: '50%', marginBottom: '0%', marginLeft: '22%', width: '28%', padding: '0%', border: 'none', }}> | ||
<h2 style={{ color: '#fff', fontSize: '1.5em' }}> | ||
CHƯƠNG TRÌNH CHẤT LƯỢNG VỚI ĐA DẠNG NGÀNH | ||
</h2> | ||
<div style={{ marginTop: '1%', marginRight: '35%', marginBottom: '1%', marginLeft: '10%', width: '55%', padding: '0%', borderColor: '#ebff00', borderStyle: 'solid', borderWidth: '1px', borderRadius: '20px' }}> | ||
<h3 style={{ color: '#ebff00', textAlign: 'center', marginBlockStart: '3px', marginBlockEnd: '3px', fontSize: '1.17em' }}> | ||
Training Program | ||
</h3> | ||
</div> | ||
</div> | ||
</div> | ||
<FirstFooter/> | ||
</> | ||
); | ||
} | ||
|
||
export default FirstPage; |
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
Oops, something went wrong.