import React, { Component } from "react"; import { Container, Row, Col } from "reactstrap"; import "./banner.css"; import { Link } from "react-scroll"; class Banner extends Component { render() { return ( <div id="banner"> <Container fluid> <Row className="jumbotronn" id="banner"> <Col> <h2>Halo,</h2> <h1>wong kito!</h1> <p> Palembang Digital (Patal) <span className="bold"> {" "} adalah grup berbagi informasi seputar IT Development & Digital di daerah Sumatera Selatan. </span> </p> </Col> <Col sm="6" className="logo"> <img src={"/logo.png"} width="180px" alt="logo" /> </Col> </Row> <div className="scroll-down"> <Link to="join" smooth={true} duration={1000}> <img src={"/icons/down.png"} alt="scroll" width="17px"></img> </Link> </div> </Container> </div> ); } } export default Banner;