Skip to content

A
Aqbits Trace Code
Commit 50d0909d authored by Vinh's avatar Vinh
Browse files
Options

add main slide

parent 5d97e618
Hide whitespace changes
Inline Side-by-side
Showing with 103 additions and 50 deletions
src/components/Generals/MainBanner.js 0 → 100644
View file @ 50d0909d
/*!
=========================================================
* Argon Design System React - v1.1.0
=========================================================
* Product Page: https://www.creative-tim.com/product/argon-design-system-react
* Copyright 2020 Creative Tim (https://www.creative-tim.com)
* Licensed under MIT (https://github.com/creativetimofficial/argon-design-system-react/blob/master/LICENSE.md)
* Coded by Creative Tim
=========================================================
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
*/
import React from "react";
import { Link } from "react-router-dom";
// JavaScript plugin that hides or shows a component based on your scroll
import Headroom from "headroom.js";
// reactstrap components
import {
Button,
UncontrolledCollapse,
DropdownMenu,
DropdownItem,
DropdownToggle,
UncontrolledDropdown,
Media,
NavbarBrand,
Navbar,
NavItem,
NavLink,
Nav,
Container,
Row,
Col,
UncontrolledTooltip
} from "reactstrap";
class MainBanner extends React.Component {
render() {
return (
<>
<div className="position-relative">
{/* shape Hero */}
<section className="section section-lg section-shaped pb-100">
<div className="shape shape-style-1 shape-default">
<span />
<span />
<span />
<span />
<span />
<span />
<span />
<span />
<span />
</div>
<Container className="py-lg-md d-flex">
<div className="col px-0">
<Row>
<Col lg="6">
<h1 className="display-3 text-white">
Mạng xã hội sản phẩm và tiêu dùng
</h1>
<p className="lead text-white">
Chúng tôi là công ty công nghệ cung cấp các giải pháp số hóa sản phẩm, dịch vụ cho doanh nghiệp dựa trên mã Barcode và QR code<br/> Được tin dùng bởi 20.000 doanh nghiệp
</p>
</Col>
</Row>
</div>
</Container>
{/* SVG separator */}
<div className="separator separator-bottom separator-skew">
<svg
xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="none"
version="1.1"
viewBox="0 0 2560 100"
x="0"
y="0"
>
<polygon
className="fill-white"
points="2560 0 2560 100 0 100"
/>
</svg>
</div>
</section>
{/* 1st Hero Variation */}
</div>
</>
);
}
}
export default MainBanner;
src/components/Navbars/DemoNavbar.js
View file @ 50d0909d
...@@ -75,7 +75,7 @@ class DemoNavbar extends React.Component { ...@@ -75,7 +75,7 @@ class DemoNavbar extends React.Component {
<NavbarBrand className="mr-lg-5" to="/" tag={Link}> <NavbarBrand className="mr-lg-5" to="/" tag={Link}>
<img <img
alt="..." alt="..."
src={require("assets/img/brand/argon-react-white.png")} src={require("assets/img/brand/full_Logo.png")}
/> />
</NavbarBrand> </NavbarBrand>
<button className="navbar-toggler" id="navbar_global"> <button className="navbar-toggler" id="navbar_global">
...@@ -110,7 +110,7 @@ class DemoNavbar extends React.Component { ...@@ -110,7 +110,7 @@ class DemoNavbar extends React.Component {
<UncontrolledDropdown nav> <UncontrolledDropdown nav>
<DropdownToggle nav> <DropdownToggle nav>
<i className="ni ni-ui-04 d-lg-none mr-1" /> <i className="ni ni-ui-04 d-lg-none mr-1" />
<span className="nav-link-inner--text">Components</span> <span className="nav-link-inner--text">Trang chủ</span>
</DropdownToggle> </DropdownToggle>
<DropdownMenu className="dropdown-menu-xl"> <DropdownMenu className="dropdown-menu-xl">
<div className="dropdown-menu-inner"> <div className="dropdown-menu-inner">
...@@ -174,7 +174,7 @@ class DemoNavbar extends React.Component { ...@@ -174,7 +174,7 @@ class DemoNavbar extends React.Component {
<UncontrolledDropdown nav> <UncontrolledDropdown nav>
<DropdownToggle nav> <DropdownToggle nav>
<i className="ni ni-collection d-lg-none mr-1" /> <i className="ni ni-collection d-lg-none mr-1" />
<span className="nav-link-inner--text">Examples</span> <span className="nav-link-inner--text">Dịch vụ</span>
</DropdownToggle> </DropdownToggle>
<DropdownMenu> <DropdownMenu>
<DropdownItem to="/landing-page" tag={Link}> <DropdownItem to="/landing-page" tag={Link}>
......
src/views/examples/Landing.js
View file @ 50d0909d
...@@ -43,6 +43,7 @@ import { ...@@ -43,6 +43,7 @@ import {
// core components // core components
import MainBanner from "components/Generals/MainBanner.js";
import DemoNavbar from "components/Navbars/DemoNavbar.js"; import DemoNavbar from "components/Navbars/DemoNavbar.js";
import SimpleFooter from "components/Footers/SimpleFooter.js"; import SimpleFooter from "components/Footers/SimpleFooter.js";
...@@ -167,53 +168,7 @@ class Landing extends React.Component { ...@@ -167,53 +168,7 @@ class Landing extends React.Component {
<> <>
<DemoNavbar /> <DemoNavbar />
<main ref="main"> <main ref="main">
<div className="position-relative"> <MainBanner/>
{/* shape Hero */}
<section className="section section-lg section-shaped pb-100">
<div className="shape shape-style-1 shape-default">
<span />
<span />
<span />
<span />
<span />
<span />
<span />
<span />
<span />
</div>
<Container className="py-lg-md d-flex">
<div className="col px-0">
<Row>
<Col lg="6">
<h1 className="display-3 text-white">
Mạng xã hội sản phẩm và tiêu dùng
</h1>
<p className="lead text-white">
Chúng tôi là công ty công nghệ cung cấp các giải pháp số hóa sản phẩm, dịch vụ cho doanh nghiệp dựa trên mã Barcode và QR code<br/> Được tin dùng bởi 20.000 doanh nghiệp
</p>
</Col>
</Row>
</div>
</Container>
{/* SVG separator */}
<div className="separator separator-bottom separator-skew">
<svg
xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="none"
version="1.1"
viewBox="0 0 2560 100"
x="0"
y="0"
>
<polygon
className="fill-white"
points="2560 0 2560 100 0 100"
/>
</svg>
</div>
</section>
{/* 1st Hero Variation */}
</div>
<section className="section bg-secondary"> <section className="section bg-secondary">
<Container> <Container>
<Row className="row-grid align-items-center"> <Row className="row-grid align-items-center">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment