doc: add header__logo, header__search and header__nav class to Header component

This commit is contained in:
Leon Xu
2022-05-05 18:24:15 -07:00
parent 52bde0f6bf
commit 13d4685578
+27 -1
View File
@@ -2,7 +2,33 @@ import React from "react";
import "./Header.css";
function Header() {
return <header className="header"></header>;
return (
<header className="header">
<img
className="header__logo"
src="http://pngimg.com/uploads/amazon/amazon_PNG11.png"
/>
<section className="header__search">
<input className="header__searchInput" type="text" />
</section>
<nav className="header__nav">
<section className="header__option">
<span className="header__optionLineOne">Hello</span>
<span className="header__optionLineTwo">Sign In</span>
</section>
<section className="header__option">
<span className="header__optionLineOne">Returns</span>
<span className="header__optionLineTwo">& Orders</span>
</section>
<section className="header__option">
<span className="header__optionLineOne">Your</span>
<span className="header__optionLineTwo">Prime</span>
</section>
</nav>
</header>
);
}
export default Header;