diff --git a/components/breadcrumbs/breadcrumbs.jsx b/components/breadcrumbs/breadcrumbs.jsx index db04fab..8a14ea2 100644 --- a/components/breadcrumbs/breadcrumbs.jsx +++ b/components/breadcrumbs/breadcrumbs.jsx @@ -2,10 +2,10 @@ import styles from '/components/breadcrumbs/breadcrumbs.module.css' -export function Breadcrumbs() { +export function Breadcrumbs(props) { return (
- パンくずリスト + {props.page}
) } diff --git a/components/breadcrumbs/breadcrumbs.module.css b/components/breadcrumbs/breadcrumbs.module.css index b381bb6..7bcac6f 100644 --- a/components/breadcrumbs/breadcrumbs.module.css +++ b/components/breadcrumbs/breadcrumbs.module.css @@ -1,8 +1,8 @@ .breadcrumbs { position: absolute; - top:65px; + top: 65px; /* background-color: aqua; */ - color: #000 ; + color: #7e7e7e; width: 100vw; font-size: 12px; padding-left: 20px; @@ -12,8 +12,8 @@ @media screen and (max-width: 767px) { .breadcrumbs { - top:70px; + top: 78px; padding-left: 15px; } - -} + +} \ No newline at end of file diff --git a/components/footer/footer.jsx b/components/footer/footer.jsx index ae5085b..69297fc 100644 --- a/components/footer/footer.jsx +++ b/components/footer/footer.jsx @@ -17,13 +17,13 @@ export function Footer() { Home
  • - About + About
  • - Service + Service
  • - News + News

    • diff --git a/components/header/header.jsx b/components/header/header.jsx index f6c8fac..4b78a02 100644 --- a/components/header/header.jsx +++ b/components/header/header.jsx @@ -19,13 +19,13 @@ export function Header() { Home

  • - About + About
  • - Service + Service
  • - News + News
    • diff --git a/src/pages/about.js b/src/pages/about.js new file mode 100644 index 0000000..336745b --- /dev/null +++ b/src/pages/about.js @@ -0,0 +1,24 @@ +import Head from 'next/head' +import { Header } from '/components/header/header' +import Contents from '/components/contents/contents' +import { Footer } from '/components/footer/footer' +import { Breadcrumbs } from '/components/breadcrumbs/breadcrumbs' + +export default function Home() { + return ( + <> + + Site Design + + + + + + < Header /> + < Breadcrumbs page="About >"/> + + < Footer /> + + + ) +} \ No newline at end of file diff --git a/src/pages/index.js b/src/pages/index.js index 8ae6cf2..9031fd2 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -15,7 +15,7 @@ export default function Home() { < Header /> - < Breadcrumbs /> + < Breadcrumbs page="Home >" /> < Footer /> diff --git a/src/pages/news.js b/src/pages/news.js new file mode 100644 index 0000000..706f27f --- /dev/null +++ b/src/pages/news.js @@ -0,0 +1,24 @@ +import Head from 'next/head' +import { Header } from '/components/header/header' +import Contents from '/components/contents/contents' +import { Footer } from '/components/footer/footer' +import { Breadcrumbs } from '/components/breadcrumbs/breadcrumbs' + +export default function Home() { + return ( + <> + + Site Design + + + + + + < Header /> + < Breadcrumbs page="News >"/> + + < Footer /> + + + ) +} diff --git a/src/pages/service.js b/src/pages/service.js new file mode 100644 index 0000000..fd61300 --- /dev/null +++ b/src/pages/service.js @@ -0,0 +1,24 @@ +import Head from 'next/head' +import { Header } from '/components/header/header' +import Contents from '/components/contents/contents' +import { Footer } from '/components/footer/footer' +import { Breadcrumbs } from '/components/breadcrumbs/breadcrumbs' + +export default function Home() { + return ( + <> + + Site Design + + + + + + < Header /> + < Breadcrumbs page="Service >"/> + + < Footer /> + + + ) +}