• 리엑트 블로그 만들기 15 - Post Card List 만들기 2
• 리엑트 블로그 만들기 14 - Post Card List 만들기
• 리엑트 블로그 만들기 13 - 라우트
• 리엑트 블로그 만들기 12 - Loading 만들기
• 리엑트 블로그 만들기 11 - 회원가입 리덕스 작업
• 리엑트 블로그 만들기 10 - 회원가입 2
• 리엑트 블로그 만들기 9 - 회원가입
• 리엑트 블로그 만들기 8 - 로그인 & 로그아웃
• 리엑트 블로그 만들기 7 - Login Modal 만들기 2
• 리엑트 블로그 만들기 6 - Login Modal 만들기 1
• 리엑트 블로그 만들기 5 - 리덕스 세팅하기
• 리엑트 블로그 만들기 4 - Navbar 작성하기
• 리엑트 블로그 만들기 3 - Header 작성하기
• 리엑트 블로그 만들기 2 - Footer 작성하기
• 리엑트 블로그 만들기 1 - 초기 setting 하기

리엑트 블로그 만들기 3 - Header 작성하기

import React from "react";
import { Row, Col } from "reactstrap";

const Header = () => {
  return (
    <div id="page-header">
      <Row>
        <Col md="6" sm="auto" className="text-center m-auto">
          <h1>Read Our Blog</h1>
          <p>Victor의 사이드 블로그 입니다.</p>
        </Col>
      </Row>
    </div>
  );
};

export default Header;

#main-footer{
    background: #343a40;
    color:#fff;
}

#page-header{
    height:200px;
    background: url(./img/free-image.jpeg);
    background-position: 54% 94%;
    background-attachment: fixed;
    color: #fff;
    border-bottom: 1px #eee solid;
    padding-top: 60px;
}