diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 00000000..956250fc Binary files /dev/null and b/.DS_Store differ diff --git a/README.md b/README.md index 598dc30f..37b69ddf 100644 --- a/README.md +++ b/README.md @@ -1,45 +1,9 @@ -# ๐Ÿ‘€ ์ž์‹ ์ด ์›ํ•˜๋Š” ์‚ฌ์ดํŠธ ๋ ˆ์ด์•„์›ƒ ํด๋ก  +# ์ƒ์„ธ์„ค๋ช… -์›ํ•˜๋Š” ์‚ฌ์ดํŠธ(ํŽ˜์ด์ง€)๋ฅผ ์ž์œ ๋กญ๊ฒŒ ์„ ํƒํ•˜๊ณ  ๋ ˆ์ด์•„์›ƒ์„ ํด๋ก  ์ฝ”๋”ฉํ•˜์„ธ์š”. -ํ‰์†Œ์— ๋„์ „ํ•ด ๋ณด๊ณ  ์‹ถ์—ˆ๊ฑฐ๋‚˜ ํ˜น์€ ์ž์‹ ์˜ ์ˆ˜์ค€์— ๋งž๋Š” ์‚ฌ์ดํŠธ(ํŽ˜์ด์ง€)๋ฅผ ์„ ํƒํ•˜์„ธ์š”. -๊ณผ์ œ ์ˆ˜ํ–‰ ๋ฐ ๋ฆฌ๋ทฐ ๊ธฐ๊ฐ„์€ ๋ณ„๋„ ๊ณต์ง€๋ฅผ ์ฐธ๊ณ ํ•˜์„ธ์š”! +- ๋ฉ‹์ง„ ์‚ฌ์ง„์ด ๊ฐ€๋“ํ•œ ์žก์ง€์‚ฌ ์‚ฌ์ดํŠธ๋ฅผ ํด๋ก ์ฝ”๋”ฉ ํ–ˆ์Šต๋‹ˆ๋‹ค. +- HTML, CSS๋กœ๋งŒ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค. -## ๊ณผ์ œ ์ˆ˜ํ–‰ ๋ฐ ์ œ์ถœ ๋ฐฉ๋ฒ• +## ์•„์‰ฌ์šด์  -1. ํ˜„์žฌ ์ €์žฅ์†Œ๋ฅผ ๋กœ์ปฌ์— ํด๋ก (Clone)ํ•ฉ๋‹ˆ๋‹ค. -1. ์ž์‹ ์˜ ๋ณธ๋ช…์œผ๋กœ ๋ธŒ๋žœ์น˜๋ฅผ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค.(๊ตฌ๋ถ„ ๊ฐ€๋Šฅํ•˜๋„๋ก ๋ณธ๋ช…์„ ๊ผญ ํŒŒ์Šค์นผ์ผ€์ด์Šค๋กœ ํ‘œ์‹œํ•˜์„ธ์š”, `git branch KDT0_ParkYoungWoong`) -1. ์ž์‹ ์˜ ๋ณธ๋ช… ๋ธŒ๋žœ์น˜์—์„œ ๊ณผ์ œ๋ฅผ ์ˆ˜ํ–‰ํ•ฉ๋‹ˆ๋‹ค. -1. ๊ณผ์ œ ์ˆ˜ํ–‰์ด ์™„๋ฃŒ๋˜๋ฉด, ์ž์‹ ์˜ ๋ณธ๋ช… ๋ธŒ๋žœ์น˜๋ฅผ ์›๊ฒฉ ์ €์žฅ์†Œ์— ํ‘ธ์‹œ(Push)ํ•ฉ๋‹ˆ๋‹ค.(`main` ๋ธŒ๋žœ์น˜์— ํ‘ธ์‹œํ•˜์ง€ ์•Š๋„๋ก ๊ผญ ์ฃผ์˜ํ•˜์„ธ์š”, `git push origin KDT0_ParkYoungWoong`) -1. ์ €์žฅ์†Œ์—์„œ `main` ๋ธŒ๋žœ์น˜๋ฅผ ๋Œ€์ƒ์œผ๋กœ Pull Request ์ƒ์„ฑํ•˜๋ฉด, ๊ณผ์ œ ์ œ์ถœ์ด ์™„๋ฃŒ๋ฉ๋‹ˆ๋‹ค!(E.g, `main` <== `KDT0_ParkYoungWoong`) - -- `main` ํ˜น์€ ๋‹ค๋ฅธ ์‚ฌ๋žŒ์˜ ๋ธŒ๋žœ์น˜๋กœ ์ ˆ๋Œ€ ๋ณ‘ํ•ฉํ•˜์ง€ ์•Š๋„๋ก ์ฃผ์˜ํ•˜์„ธ์š”! -- Pull Request์—์„œ ๋ณด์ด๋Š” ์„ค๋ช…์„ ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์ด ์ดํ•ดํ•˜๊ธฐ ์‰ฝ๋„๋ก ๊ผผ๊ผผํ•˜๊ฒŒ ์ž‘์„ฑํ•˜์„ธ์š”! -- Pull Request์—์„œ ๊ณผ์ œ ์ œ์ถœ ํ›„ ์ ˆ๋Œ€ ๋ณ‘ํ•ฉ(Merge)ํ•˜์ง€ ์•Š๋„๋ก ์ฃผ์˜ํ•˜์„ธ์š”! -- ๊ณผ์ œ ์ˆ˜ํ–‰ ๋ฐ ์ œ์ถœ ๊ณผ์ •์—์„œ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•œ ๊ฒฝ์šฐ, ๋ฐ”๋กœ ๋‹ด๋‹น ๋ฉ˜ํ† ๋‚˜ ๊ฐ•์‚ฌ์—์„œ ์–˜๊ธฐํ•˜์„ธ์š”! - -## ํ•„์ˆ˜ ์š”๊ตฌ์‚ฌํ•ญ - -- [ ] ๊ณผ์ œ์— ๋Œ€ํ•œ ์„ค๋ช…์„ ํฌํ•จํ•œ `README.md` ํŒŒ์ผ์„ ์ œ๊ณตํ•˜์„ธ์š”! -- [ ] ๊ณผ์ œ ๊ฒฐ๊ณผ์™€ ๋น„๊ตํ•  ์ˆ˜ ์žˆ๋Š” ์‹ค์ œ ์‚ฌ์ดํŠธ(ํŽ˜์ด์ง€)์˜ ์ฃผ์†Œ๋ฅผ ๋ช…์‹œํ•˜์„ธ์š”! -- [ ] ๊ณผ์ •์—์„œ ์‚ฌ์šฉํ•œ ํ”„๋กœ์ ํŠธ ํด๋”/ํŒŒ์ผ์ด ๋ชจ๋‘ ํฌํ•จ๋ผ์•ผ ํ•ฉ๋‹ˆ๋‹ค, ์ผ๋ถ€ ํŒŒ์ผ๋งŒ ์ œ์ถœํ•˜์ง€ ๋งˆ์„ธ์š”! -- [ ] ์‹ค์ œ ์„œ๋น„์Šค๋กœ ๋ฐฐํฌํ•˜๊ณ  ์ ‘๊ทผ ๊ฐ€๋Šฅํ•œ ๋งํฌ๋ฅผ ์ถ”๊ฐ€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. - -## ์„ ํƒ ์š”๊ตฌ์‚ฌํ•ญ - -- [ ] `
`, `
` ๋“ฑ ์‹œ๋ฉ˜ํ‹ฑ ํƒœ๊ทธ๋ฅผ ์ตœ๋Œ€ํ•œ ํ™œ์šฉํ•ด๋ณด์„ธ์š”. -- [ ] ์‹ค์ œ ์‚ฌ์ดํŠธ์˜ ๋ ˆ๊ฑฐ์‹œ ์ฝ”๋“œ ํ™œ์šฉ๋ณด๋‹จ ์ตœ์‹ ์˜ CSS Flex ํ˜น์€ Grid ๋“ฑ์„ ํ™œ์šฉํ•ด๋ณด์„ธ์š”. -- [ ] ๋ถ€๋ถ„์ ์œผ๋กœ BEM ๋ฐฉ๋ฒ•๋ก ์„ ๋„์ž…ํ•ด๋ณด์„ธ์š”. -- [ ] JS๊ฐ€ ํ•„์š”ํ•œ ๋ถ€๋ถ„์€ ๋˜๋„๋ก ์ƒ๋žตํ•˜๋˜ ์ด์œ ๋ฅผ ๋ช…์‹œํ•ด๋ณด์„ธ์š”.(CSS๋กœ ๋Œ€์ฒด ๊ฐ€๋Šฅํ•œ์ง€ ํ”ผ๋“œ๋ฐฑ์ด ์žˆ์„ ์ˆ˜ ์žˆ๊ฒ ์ฃ ?!) -- [ ] JS๊ฐ€ ํ•„์š”ํ•œ ๋ถ€๋ถ„ ์ค‘ ๊ตฌํ˜„ํ•  ๋ถ€๋ถ„์ด ์žˆ๋‹ค๋ฉด ์ž์œ ๋กญ๊ฒŒ ๊ตฌํ˜„ํ•ด๋ณด์„ธ์š”.(JS ๊ณผ์ œ๊ฐ€ ์•„๋‹ˆ๋‹ˆ๊นŒ ๊ฐ€๋ณ๊ฒŒ ๊ตฌํ˜„ํ•˜์‹œ๊ธธ ์ถ”์ฒœํ•ด์š”) -- [ ] SCSS ๋“ฑ์˜ CSS ์ „์ฒ˜๋ฆฌ๋„๊ตฌ๋ฅผ ๋„์ž…ํ•ด๋ณด์„ธ์š”. -- [ ] SCSS ์ปดํŒŒ์ผ์— Webpack์ด๋‚˜ Parcel ๊ฐ™์€ ๋ฒˆ๋“ค๋Ÿฌ๋ฅผ ํ™œ์šฉํ•ด๋ณด์„ธ์š”. - -## ์†์‰ฌ์šด ์ด๋ฏธ์ง€ ์ถ”์ถœ ๋ฐฉ๋ฒ• - -์‚ฌ์ดํŠธ ํด๋ก ์— ํ•„์š”ํ•œ ์ด๋ฏธ์ง€๋ฅผ ์ข€ ๋” ์‰ฝ๊ฒŒ ์ถ”์ถœํ•˜๊ธฐ ์œ„ํ•ด์„œ Chrome ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ์ธ [Image Downloader](https://chrome.google.com/webstore/detail/image-downloader/cnpniohnfphhjihaiiggeabnkjhpaldj?hl=ko)๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”. - -1. ์›ํ•˜๋Š” ์‚ฌ์ดํŠธ ์ ‘์† -1. Image Downloader ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ ์‹คํ–‰ -1. ๋‹ค์šด๋กœ๋“œ ์›ํ•˜๋Š” ์ด๋ฏธ์ง€ ์„ ํƒ -1. ์„œ๋ธŒ ํด๋” ์ด๋ฆ„(Save to subfolder) ๋ช…์‹œ -1. ๋‹ค์šด๋กœ๋“œ! +- [ ] ์›๋ณธ ์‚ฌ์ดํŠธ์—์„œ๋Š” ์šฐ์ธก ์ƒ๋‹จ ๋ฉ”๋‰ด ์นดํ…Œ๊ณ ๋ฆฌ์— hover๋ฅผ ํ•˜๋ฉด ์‚ฌ์ง„์ด ๋ฐ”๋€Œ๋Š”๋ฐ, ๊ตฌํ˜„ํ•˜์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค. +- [ ] ์‚ฌ์ง„์„ ์ญ‰ ๋‚˜์—ดํ• ๋•Œ gridํ˜•์‹์œผ๋กœ ์ฝ”๋“œ๋ฅผ ์กฐ๊ธˆ ๋” ๊ฐ„๊ฒฐํ•˜๊ณ  ๊น”๋”ํ•˜๊ฒŒ ํ•ด๋ณด๊ณ  ์‹ถ์–ด์š”!(์š”๋ฒˆ ๊ณผ์ œ๋Š” div๋กœ ๊ตฌ์—ญ์„ ๋‚˜๋ˆ ์„œ ์งฐ์Šต๋‹ˆ๋‹ค.) diff --git a/css/main.css b/css/main.css new file mode 100644 index 00000000..786d6dc9 --- /dev/null +++ b/css/main.css @@ -0,0 +1,365 @@ +/* COMMON */ +.inner { + width: 1200px; + /* border: 1px solid blue; */ + margin: 0 auto; + position: relative; +} +a { + text-decoration: none; +} +img { + display: block; +} + +/* HEADER */ +header { + width: 100%; + position: fixed; + top: 0; + background-color: #f4f4f4; + z-index: 1; +} +header > .inner { + height: 72px; +} +header .logo { + width: 120px; + height: 27px; + position: absolute; + top: 0; + bottom: 0; + left: 0; + margin: auto; +} +header .logo img { + width: 100%; +} +header .sub-menu { + height: 25px; + display: flex; + position: absolute; + top: 0; + bottom: 0; + right: 0; + margin: auto; +} +header .sub-menu li { + width: 45px; + position: relative; +} +header .sub-menu li a { + width: 13px; + height: 13px; + position: absolute; + color: #333; + top: 0; + bottom: 0; + right: 0; + margin: auto; + display: flex; +} + +header .sub-menu li a img { + width: 100%; +} + +/* CONTENT */ +.content { + margin-top: 72px; + background-color: #f4f4f4; +} +.content .homesplash { + width: 100%; + height: 520px; + display: flex; + margin-bottom: 30px; +} +.content .homesplash .main-image img { + width: 70%; +} +.content .homesplash .main-menu { + width: 40%; + text-align: right; + padding: 10px 0; +} +.content .homesplash .main-menu div { + width: 100%; + margin: 15px 0; +} +.content .homesplash .main-menu h5 { + margin: 7px; + font-size: 10px; +} +.content .homesplash .main-menu ul li a { + font-size: 25px; + line-height: 1.7; + letter-spacing: 7px; + color: #2B2B2B; +} + +/* LATEST POSTS */ +.content .latestPosts { + width: 1200px; + position: relative; +} +.content .latestPosts .latestpost { + display: flex; + width: 100%; + justify-content: space-between; +} + +.content .latestPosts .latestpost .post { + position: relative; + margin: 17px 0 40px; + justify-content: space-between; +} + +.content .latestPosts .latestpost .post__img { + box-sizing: border-box; +} +.content .latestPosts .latestpost .post__img img { + height: 373px; +} +.content .latestPosts .post-category ul { + display: flex; + font-size: 8px; +} +.content .latestPosts .post-category li { + padding: 0 8px; + margin: 10px 0; + border-right: 1px solid #999; +} +.content .latestPosts .post-category li a { + color: #999; +} +.content .latestPosts .post-category li a:hover { + color: grey; + transition: .3s; +} + +.content .latestPosts .post-category li:last-child { + border: none; +} +.content .latestPosts .post-category li:first-child { + padding-left: 0; +} +.content .latestPosts .post-title { + margin-bottom: 10px; + +} +.content .latestPosts .post-title a { + font-size: 14px; + color: grey +} +.content .latestPosts .post-title a:hover { + color: #333 +} + +.content .latestPosts .post-detail { + position: absolute; + width: 100%; +} +.content .latestPosts .post-detail p { + font-size: 8px; + color: #999 +} +.content .latestPosts .post-detail p:hover { + color: #333 +} + +/* PRODUCTS */ +.lower { + background-color: #bdbebf; + padding: 75px 0 97px; +} +.lower .products-main { + display: flex; + width: 100%; + margin-bottom: 90px; +} +.lower .products-main .products-main-img{ + width: 64.5%; +} +.lower .products-main .products-main-img img { + width: 100%; +} +.lower .products-main .products-main-text { + width: 35.5%; + position: relative; + text-align: center; + justify-content: center; + display: flex; + +} +.lower .products-main .products-main-text h3 { + position: absolute; + width: 380px; + top: 85px; + font-size: 40px; + letter-spacing: 2px; + color: #404040; +} +.lower .products-main .products-main-text h5 { + position: absolute; + width: 300px; + height: 40px; + top: 220px; + font-size: 15px; + letter-spacing: 2px; + line-height: 20px; + color: #525252; +} +.lower .products-main .products-main-text .button { + position: absolute; + width: 80px; + height: 35px; + top: 280px; + line-height: 40px; + border: 1px solid #404040; + text-align: center; + color: #515151; + font-size: 12px; + letter-spacing: 2px; +} +.lower .products-main .products-main-text .button:hover { + background-color: #404040; + color: #fff; + transition: .6s; +} +.lower .products-featured_products { + display: flex; + justify-content: space-between; +} +.lower .products-featured_products .product { + width: 365px; +} +.lower .products-featured_products .product img { + width: 100%; +} +.lower .products-featured_products .product-title { + margin: 15px 2px; +} +.lower .products-featured_products .product-title span { + font-size: 16px; + color: #fff; +} +.lower .products-featured_products .product-detail span { + font-size: 12px; + color: #8c8d8d; +} +.lower .products-featured_products .product-detail span:nth-child(2) { + font-size: 10px; +} +.lower .products-featured_products .sale-status { + margin: 6px 0; +} +.lower .products-featured_products .sale-status span { + font-size: 14px; + color: #8d8d8d; +} + + +/* FOOTER */ +footer { + height: 328px; + background-color: #4d4d4d; + color: #757575; + position: relative; +} +footer .inner { + position: absolute; + display: flex; + justify-content: space-between; + height: 150px; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; +} +footer .about { + width: 400px; +} +footer .about p { + line-height: 20px; + font-size: 14px; + /* margin: 40px 0; */ +} +footer .about span { + margin-top: 35px; + display: flex; + letter-spacing: 4px; +} +footer .about span:hover { + color: #fff; +} + + +footer .footer-menu { + width: 400px; +} +footer .footer-menu .menu { + display: flex; + justify-content: space-around; +} +footer .footer-menu .menu h5 { + font-size: 14px; +} +footer .footer-menu .menu ul { + margin-top: 15px; +} +footer .footer-menu .menu ul a { + line-height: 25px; + font-size: 13px; + color: #fff; +} +footer .footer-menu .menu ul li a:hover { + color: #757575; + transition: .7s; +} + +footer .sns { + position: relative; + width: 380px; + align-items: stretch; +} +footer .sns h5 { + position: absolute; + font-size: 14px; + right: 0; +} +footer .sns .email { + position: absolute; + height: 33px; + + right: 0; + display: flex; + margin: 30px 0; +} +footer .sns .email input { + background-color: #4d4d4d; + border: 1px solid #757575; + outline: none; + color: #757575; +} +footer .sns .email input:focus { + border-color: #fff; + transition: .6s; + color: #fff; +} +footer .sns .email .send-icon { + padding: 5px 7px; + border: 1px solid #757575; +} +footer .sns .sns-icons { + position: absolute; + right: 0; + top: 80px; + width: 100px; + display: flex; + justify-content: space-between; +} +footer .sns .sns-icons svg { + fill: #757575; +} \ No newline at end of file diff --git a/favicon.png b/favicon.png new file mode 100644 index 00000000..a37c4d08 Binary files /dev/null and b/favicon.png differ diff --git a/img/account.svg b/img/account.svg new file mode 100644 index 00000000..5931e5f1 --- /dev/null +++ b/img/account.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/img/arrowRight.svg b/img/arrowRight.svg new file mode 100644 index 00000000..b867f40e --- /dev/null +++ b/img/arrowRight.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/img/facebook.svg b/img/facebook.svg new file mode 100644 index 00000000..0cc08b08 --- /dev/null +++ b/img/facebook.svg @@ -0,0 +1,3 @@ + + + diff --git a/img/home1.jpg b/img/home1.jpg new file mode 100644 index 00000000..c08882cf Binary files /dev/null and b/img/home1.jpg differ diff --git a/img/home2.jpeg b/img/home2.jpeg new file mode 100644 index 00000000..67564139 Binary files /dev/null and b/img/home2.jpeg differ diff --git a/img/home3.jpeg b/img/home3.jpeg new file mode 100644 index 00000000..0faab707 Binary files /dev/null and b/img/home3.jpeg differ diff --git a/img/home4.jpeg b/img/home4.jpeg new file mode 100644 index 00000000..984313ff Binary files /dev/null and b/img/home4.jpeg differ diff --git a/img/home5.jpeg b/img/home5.jpeg new file mode 100644 index 00000000..bc7e7501 Binary files /dev/null and b/img/home5.jpeg differ diff --git a/img/home6.jpeg b/img/home6.jpeg new file mode 100644 index 00000000..e7e5a498 Binary files /dev/null and b/img/home6.jpeg differ diff --git a/img/home7.jpeg b/img/home7.jpeg new file mode 100644 index 00000000..acea83a2 Binary files /dev/null and b/img/home7.jpeg differ diff --git a/img/home8.jpeg b/img/home8.jpeg new file mode 100644 index 00000000..57b5d33e Binary files /dev/null and b/img/home8.jpeg differ diff --git a/img/instagram.svg b/img/instagram.svg new file mode 100644 index 00000000..503abaed --- /dev/null +++ b/img/instagram.svg @@ -0,0 +1,3 @@ + + + diff --git a/img/latestPost1.jpg b/img/latestPost1.jpg new file mode 100644 index 00000000..f542da8d Binary files /dev/null and b/img/latestPost1.jpg differ diff --git a/img/latestPost10.jpg b/img/latestPost10.jpg new file mode 100644 index 00000000..3b087e1e Binary files /dev/null and b/img/latestPost10.jpg differ diff --git a/img/latestPost11.jpg b/img/latestPost11.jpg new file mode 100644 index 00000000..9ab967b9 Binary files /dev/null and b/img/latestPost11.jpg differ diff --git a/img/latestPost12.jpg b/img/latestPost12.jpg new file mode 100644 index 00000000..5a7f7e36 Binary files /dev/null and b/img/latestPost12.jpg differ diff --git a/img/latestPost2.jpg b/img/latestPost2.jpg new file mode 100644 index 00000000..ea396a39 Binary files /dev/null and b/img/latestPost2.jpg differ diff --git a/img/latestPost3.jpg b/img/latestPost3.jpg new file mode 100644 index 00000000..8d07d080 Binary files /dev/null and b/img/latestPost3.jpg differ diff --git a/img/latestPost4.jpg b/img/latestPost4.jpg new file mode 100644 index 00000000..611fee3f Binary files /dev/null and b/img/latestPost4.jpg differ diff --git a/img/latestPost5.jpg b/img/latestPost5.jpg new file mode 100644 index 00000000..5693996a Binary files /dev/null and b/img/latestPost5.jpg differ diff --git a/img/latestPost6.jpg b/img/latestPost6.jpg new file mode 100644 index 00000000..c34e2e54 Binary files /dev/null and b/img/latestPost6.jpg differ diff --git a/img/latestPost7.jpg b/img/latestPost7.jpg new file mode 100644 index 00000000..5937f62f Binary files /dev/null and b/img/latestPost7.jpg differ diff --git a/img/latestPost8.jpg b/img/latestPost8.jpg new file mode 100644 index 00000000..419abb7b Binary files /dev/null and b/img/latestPost8.jpg differ diff --git a/img/latestPost9.jpg b/img/latestPost9.jpg new file mode 100644 index 00000000..6ae13d8e Binary files /dev/null and b/img/latestPost9.jpg differ diff --git a/img/logo2.svg b/img/logo2.svg new file mode 100644 index 00000000..984900a9 --- /dev/null +++ b/img/logo2.svg @@ -0,0 +1,3 @@ + + + diff --git a/img/logoWhite.svg b/img/logoWhite.svg new file mode 100644 index 00000000..4e7df33d --- /dev/null +++ b/img/logoWhite.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/img/mMenu.svg b/img/mMenu.svg new file mode 100644 index 00000000..1556361a --- /dev/null +++ b/img/mMenu.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/img/pinterest.svg b/img/pinterest.svg new file mode 100644 index 00000000..a90ef221 --- /dev/null +++ b/img/pinterest.svg @@ -0,0 +1,3 @@ + + + diff --git a/img/product1.jpg b/img/product1.jpg new file mode 100644 index 00000000..1157c940 Binary files /dev/null and b/img/product1.jpg differ diff --git a/img/product2.jpg b/img/product2.jpg new file mode 100644 index 00000000..418abf06 Binary files /dev/null and b/img/product2.jpg differ diff --git a/img/product3.jpg b/img/product3.jpg new file mode 100644 index 00000000..14998eb3 Binary files /dev/null and b/img/product3.jpg differ diff --git a/img/searchIcon.svg b/img/searchIcon.svg new file mode 100644 index 00000000..453a3add --- /dev/null +++ b/img/searchIcon.svg @@ -0,0 +1,3 @@ + + + diff --git a/img/shop.jpg b/img/shop.jpg new file mode 100644 index 00000000..aea9431b Binary files /dev/null and b/img/shop.jpg differ diff --git a/img/twitter.svg b/img/twitter.svg new file mode 100644 index 00000000..13b7afa4 --- /dev/null +++ b/img/twitter.svg @@ -0,0 +1,3 @@ + + + diff --git a/index.html b/index.html new file mode 100644 index 00000000..eadf8684 --- /dev/null +++ b/index.html @@ -0,0 +1,497 @@ + + + + + + + CEREAL - Travel & Style Magazine + + + + + + + + +
+
+ + +
+
+
+
+
+
+
+ HOME1 +
+
+
+
SUBJECT
+ +
+
+
MEDIA
+ +
+
+ +
+
+
+
+
+ + + +
+
+
+
+ +
+
+ +
+
+ The Art of Elsewhere +
+
+

A visit to the home and studio of Alex Tieghi-Walker, founder of TIWA selects.

+
+
+
+
+ +
+
+ +
+
+ Monumental Scale +
+
+

Henry Mooreโ€™s life and work in the 1960โ€™s

+
+
+ +
+
+ +
+
+ +
+
+ Pollination +
+
+

Natural dyeing with Bee Pollen โ€“ a collaboration between Older Brother and Eliโ€™s bees.

+
+
+ +
+
+
+
+ +
+
+ +
+
+ Embracing Singularity +
+
+

A glimpse into the practice of Garcรฉ & Dimofski, which focusses on creative collaboration.

+
+
+
+
+ +
+
+ +
+
+ Matter of Discovery +
+
+

A conversation with writer and curator Su Wu, at her home in Mexico City.

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ Hollyhock House +
+
+

The iconic centrepiece of Barnsdall Art Park in Los Angeles, this former home designed by Frank Lloyd Wright is now a UNESCO world heritage site.

+
+
+
+
+ +
+
+ +
+
+ Great Dixter +
+
+

Great Dixter in Rye, East Sussex, is a garden of broken rules and well-turned compost.

+
+
+
+
+
+ +
+
+
+
+
+ Volumes from the archive +
+
+

Volumes from the archive

+
ON THE SUBJECT OF TRAVEL, ART, DESIGN AND STYLE
+ + SHOP + +
+
+
+
+
+ Los Angeles Guidebook +
+
+ Los Angeles Guidebook +
+
+ CEREAL CITY GUIDE +
+
+
+
+ Copenhagen Guidebook +
+
+ Copenhagen Guidebook +
+
+ CEREAL CITY GUIDE +
+
+
+
+ Cereal Volume 21 +
+
+ Cereal Volume 21 +
+
+ SPRING SUMMER + 2021 +
+
+ SOLD OUT +
+
+
+
+ +
+
+ + + \ No newline at end of file diff --git a/js/main.js b/js/main.js new file mode 100644 index 00000000..e69de29b