Commit 4a1c1025 authored by Jiwon Yoon's avatar Jiwon Yoon
Browse files

homepage-mainLogo,SubNav

parent a2a1e0bd
......@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<link rel="icon" href="%PUBLIC_URL%/images/Logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
......@@ -24,7 +24,7 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React App</title>
<title>Butter Studio</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
......
......@@ -2,6 +2,7 @@ const Footer = () => {
return (
<div className="text-center py-3" style={{ backgroundColor: "#a0a0a0" }}>
() butter studio
COPYRIGHT © ButterStudio, Inc. All rights reserved
</div>
)
}
......
const Header = () => {
const imgName = "mainLogo"
const imgUrl = "/images/" + imgName + ".png"
return (
<div className="butter-logo text-center">
<a href="/">
<img className="img-fluid" src={imgUrl} alt={imgName} style={{maxWidth:"40%"}} />
</a>
</div >
)
}
export default Header
\ No newline at end of file
const SubNav = () => {
return (
<nav class="nav justify-content-end py-1">
<a class="nav-link text-white" href="#">로그인</a>
<a class="nav-link text-white" href="#">회원가입</a>
</nav>
)
}
export default SubNav
\ No newline at end of file
import Header from "../components/Header";
import SubNav from "../components/Navs/SubNav";
import MainNav from "../components/Navs/MainNav";
import BoxOffice from "../components/BoxOffice";
import Collection from "../components/Collection";
......@@ -5,7 +7,9 @@ import Footer from "../components/Footer";
const HomePage = () => {
return (
<div className="bg-dark">
<div className="" style={{backgroundColor:"black"}}>
<SubNav/>
<Header/>
<MainNav />
<BoxOffice />
<Collection />
......
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