diff --git "a/BO1\345\237\271\350\256\255\344\275\234\344\270\232/\351\255\217\346\236\227\346\231\272/index.html" "b/BO1\345\237\271\350\256\255\344\275\234\344\270\232/\351\255\217\346\236\227\346\231\272/index.html" index 1ffebbe72106a64f2f13387895eb6a0bb3cc05f6..66dc1722113686a74af6d630b2ffe34af2ad7e95 100644 --- "a/BO1\345\237\271\350\256\255\344\275\234\344\270\232/\351\255\217\346\236\227\346\231\272/index.html" +++ "b/BO1\345\237\271\350\256\255\344\275\234\344\270\232/\351\255\217\346\236\227\346\231\272/index.html" @@ -61,7 +61,7 @@ text-align: center; margin-top: 150px; margin-bottom: 75px; - background-image: url(image/background.png); + background-image: url(images/background.png); background-repeat: no-repeat; background-position: center; background-size: 550px 170px; @@ -155,7 +155,7 @@
- Main Dishes + Main Dishes

MAIN DISHES

@@ -178,7 +178,7 @@
- Soups + Soups

SOUPS

@@ -187,7 +187,7 @@
- Hamburgers + Hamburgers

HAMBURGERS

@@ -196,7 +196,7 @@
- Desserts + Desserts

DESSERTS

@@ -205,7 +205,7 @@
- Barbecue + Barbecue

BARBECUE

@@ -214,7 +214,7 @@
- Salads + Salads

SALADS

@@ -224,16 +224,16 @@
diff --git "a/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\344\275\225\346\230\237\350\276\260/\347\254\254\344\272\214\345\221\250\344\275\234\344\270\232\357\274\214\346\224\276\345\244\247\350\207\263125%\346\225\210\346\236\234\346\234\200\344\275\263.html" "b/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\344\275\225\346\230\237\350\276\260/\347\254\254\344\272\214\345\221\250\344\275\234\344\270\232\357\274\214\346\224\276\345\244\247\350\207\263125%\346\225\210\346\236\234\346\234\200\344\275\263.html" new file mode 100644 index 0000000000000000000000000000000000000000..a9f849a59d4e17c67eec45b0282f223143b91d98 --- /dev/null +++ "b/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\344\275\225\346\230\237\350\276\260/\347\254\254\344\272\214\345\221\250\344\275\234\344\270\232\357\274\214\346\224\276\345\244\247\350\207\263125%\346\225\210\346\236\234\346\234\200\344\275\263.html" @@ -0,0 +1,582 @@ + + + + + + + 爆肝出来的作业 + + + +
+
+
+
+

新品9折

+ detail view +
+
+

新品9折

+ detail view +
+
+
+

Our Product

+
+ 新品 + 人气 + 精选 +
+ +
+
+
+ detail view +

这是一个标题

+

¥599

+
+

detail view

+
+
+
+ detail view +

这是一个标题

+

¥599

+
+

detail view

+
+
+
+ detail view +

这是一个标题

+

¥599

+
+

detail view

+
+
+
+ detail view +

这是一个标题

+

¥599

+
+

detail view

+
+
+
+ detail view +

这是一个标题

+

¥599

+
90%
+
+

detail view

+
+
+ +
+ detail view +

这是一个标题

+

¥599

+
+

detail view

+
+
+
+ detail view +

这是一个标题

+

¥599

+
+

detail view

+
+
+
+ detail view +

这是一个标题

+

¥599

+
+

detail view

+
+
+
+
+
+

会员专享

+

加入会员享8折购

+ detail view +
+
+
+

Our Story

+

最新潮流

+
+
+
+ kitchen + detail view +

哥斯达，产品

+

包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。

+
+
+ kitchen + detail view +

哥斯达，产品

+

包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。

+
+
+ kitchen + detail view +

哥斯达，产品

+

包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。

+
+
+
+

Our Product

+

人气产品

+
+
+
+ 产品 + 喜欢吗？ + 这是一个标题 +

¥599

+
+
+ 产品 + 喜欢吗？ + 这是一个标题 +

¥599

+
+
+ 产品 + 喜欢吗？ + 这是一个标题 +

¥599

+
+
+ 产品 + 喜欢吗？ + 这是一个标题 +

¥599

+
+
+ 产品 + 喜欢吗？ + 这是一个标题 +

¥599

+
+
+
+
+

椅子专区

+ 跳转 +
+
+

椅子专区

+ 跳转 +
+
+

椅子专区

+ 跳转 +
+
+
+
+
+ 关于图片 +

图片因光线和产品批次等问题，可能会有差异，请以收到实际货品为准。

+
+
+ 7天无理由退换货 +

本店支持7天无理由退换货，买家主观原因的退换货，买家承担邮费，商品质量问题等卖家原因的退换，卖家承担所有邮费。

+
+
+ 100%正品保证 +

本店承诺，所售产品均为正品，购买产品请认准授权，谨防假冒劣质。 +

+
+
+ 关于发货 +

每日下午16:00前的订单当日可以发货。本店默认汇通，EMS快递。

+
+
+
+
+ + + +
+ + +
+
+
+
+ diff --git "a/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/furniture.css" "b/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/furniture.css" new file mode 100644 index 0000000000000000000000000000000000000000..d4a3449b00b4fc2b48be9e7be6fa82b117ecbc1b --- /dev/null +++ "b/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/furniture.css" @@ -0,0 +1,439 @@ +.content { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.header { + display: flex; + justify-content: space-around; +} + +.newpro { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin: 20px 10px 0 0; + width: 100%; + height: 100%; + padding-top: 20px; +} + +.newpro-text { + margin-bottom: 5px; + color: white; + font-weight: bold; + font-size: 1.5em; + transform: translateY(-145px); +} + +.newpro-button { + margin: 8px; + border: white solid 1px; + padding: 7px 10px; + color: white; + border-radius: 16px; + background-color: rgba(236, 236, 236, 0.096); + transform: translateY(-145px); +} + +.ourproduct-up { + display: flex; + align-items: center; + width: 81%; + height: 40px; + border-bottom: solid 1px #E8E8E8; +} + +.ourproduct-up-title { + font-weight: bold; + font-size: 1.1em; + padding-left: 8px; +} + +.product-right { + display: flex; + justify-content: flex-end; + width: 30%; + margin-left: 680px; +} + +ul { + display: flex; + list-style-type: none; + overflow: hidden; +} + +li { + display: inline; +} + +li a { + display: block; + padding: 14px 16px; + color: rgba(160, 160, 160, 0.815); + font-size: small; + font-weight: bold; + text-align: center; + text-decoration: none; +} + +li a:hover { + color: tomato; +} + +.gallery { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + padding-top: 30px; + width: 81%; + background-repeat: no-repeat; +} + +.gallery-box { + display: flex; + flex-direction: column; + align-items: center; + margin-bottom: 20px; +} + +.gallery-box-desc { + padding-top: 10px; +} + +.money { + font-weight: bold; +} + +.special1 { + display: none; +} + +.special2 { + display: none; +} + +.gallery-box:hover .special1 { + display: flex; + align-items: center; + justify-content: center; + width: 286px; + height: 40px; + background-color: rgba(255, 83, 52, 0.89); + color: white; + transform: translateY(-94px); +} + +.gallery-box:hover .special2 { + display: flex; + align-items: center; + justify-content: center; + width: 286px; + height: 40px; + background-color: rgba(255, 83, 52, 0.89); + color: white; + transform: translateY(-100px); + -webkit-transform: translateY(-122.5px); + -moz-transform: translateY(-100px); + -ms-transform: translateY(-100px); + -o-transform: translateY(-100px); +} + +.special2-button { + display: flex; + justify-content: center; + width: 50px; + padding: 5px; + margin-left: 190px; + color: white; + border-radius: 16px; + font-size: 0.85em; + background-color: rgba(122, 7, 7, 0.918); + transform: translateY(-415px); +} + +div.img { + border: 1px solid #D8D8D8; +} + +div.img:hover { + border: 1px solid #777; +} + +div.img img { + width: 100%; + height: auto; +} + +div.desc { + padding: 35px; + text-align: center; +} + +* { + box-sizing: border-box; +} + +.responsive { + padding: 10px 20px; + float: left; + width: 24.99999%; +} + +@media only screen and (max-width: 700px) { + .responsive { + width: 49.99999%; + margin: 6px 0; + } +} + +@media only screen and (max-width: 500px) { + .responsive { + width: 100%; + } +} + +.clearfix:after { + content: ""; + display: table; + clear: both; +} + +.member { + display: flex; + flex-direction: column; + width: 1223px; + height: 451px; + margin-top: 60px; + background-image: url(../image/sofa1.png); +} + +.member-title { + padding-top: 40px; + padding-left: 50px; + font-size: 3em; + color: rgb(71, 18, 18); + font-weight: bolder; +} + +.member-desc { + padding-left: 50px; + margin-bottom: 8px; + color: rgb(102, 58, 26); + font-size: 1.5em; +} + +.member-button { + display: flex; + justify-content: center; + border: rgb(29, 27, 27) 2px solid; + padding: 8px; + margin-left: 53px; + width: 120px; + border-radius: 20px; +} + +.ourstory { + display: flex; + flex-direction: column; + justify-content: center; + width: 1238px; + border-bottom: solid 1px #E8E8E8; + padding-bottom: 45px; +} + +.content-title { + display: flex; + justify-content: center; + padding-top: 50px; + font-weight: bold; + font-size: 1.1em; +} + +.ourstory-desc { + display: flex; + justify-content: center; + padding-top: 5px; + padding-bottom: 20px; + font-weight: bold; +} + +.ourstory-gallery { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 40px; +} + +.ourstory-gallery-box { + display: flex; + flex-direction: column; + padding: 5px; + align-items: center; +} + +.ourstory-gallery-content { + display: flex; + flex-direction: column; + align-items: center; + width: 388px; + transform: translateY(-10px); + -webkit-transform: translateY(-10px); + -moz-transform: translateY(-10px); + -ms-transform: translateY(-10px); + -o-transform: translateY(-10px); +} + +.ourstory-gallery-box-button { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + border-radius: 16px; + width: 140px; + padding: 7px 0; + font-size: 0.8em; + color: white; + font-weight: 700; + background-color: rgb(133, 132, 132); +} + +.ourstory-gallery-box-button:hover { + background-color: rgba(255, 83, 52, 0.89); +} + +.ourstory-gallery-box-title { + padding: 10px 0 15px 0; + font-weight: bold; +} + +.ourstory-gallery-box-content { + font-size: 0.9em; + color: rgba(0, 0, 0, 0.767); +} + +.ourproduct { + display: flex; + flex-direction: column; + align-items: center; + padding-bottom: 45px; +} + +.ourproduct-desc { + padding-top: 5px; + padding-bottom: 20px; + font-weight: bold; +} + +.ourproduct-gallery { + display: flex; + justify-content: space-around; + padding-top: 40px; + width: 80%; +} + +.ourproduct-gallery-box { + display: flex; + flex-direction: column; + align-items: center; +} + +.ourproduct-gallery-box-desc { + display: flex; + align-items: center; +} + +.title { + padding-left: 5px; +} + +.chair { + display: flex; + justify-content: space-around; + padding-left: 180px; + width: 1360px; + align-items: center; +} + +.chair-box { + width: 380px; + height: 204px; + padding-top: 40px; + padding-left: 30px; + background-image: url(../image/sofa2.png); +} + +.chair-box-title { + padding-bottom: 15px; + font-size: 1.2em; + font-weight: bold; +} + +.chair-box-icon { + padding-left: 8px; +} + +.footer { + display: flex; + flex-direction: column; + align-items: center; + margin-top: 40px; + padding: 80px 200px 30px 200px; + background-color: rgba(0, 0, 0, 0.897); +} + +.footer-text { + display: flex; + justify-content: space-around; + width: 83%; +} + +.footer-box { + display: flex; + flex-direction: column; + width: 20%; +} + +.footer-box-title1 { + border-bottom: rgba(255, 255, 255, 0.856) solid 1px; + margin-bottom: 8px; + width: 44%; + font-weight: bold; + font-size: 1.2em; + color: rgba(255, 255, 255, 0.856); +} + +.footer-box-title2 { + border-bottom: rgba(255, 255, 255, 0.856) solid 1px; + margin-bottom: 8px; + width: 74%; + font-weight: bold; + font-size: 1.2em; + color: rgba(255, 255, 255, 0.856); +} + +.footer-box-content { + display: flex; + flex-direction: column; + justify-content: space-evenly; + height: 80px; + margin-bottom: 25px; + font-size: 0.75em; + color: rgba(255, 255, 255, 0.856); +} + +input[type=text] { + padding: 8px 0 8px 20px; + margin: 10px; + margin-bottom: 30px; + width: 30%; + border: 2px solid; + border-radius: 18px; + box-sizing: border-box; + background-color: rgba(233, 232, 232, 0.555); + background-position: 290px 8px; + background-repeat: no-repeat; +} \ No newline at end of file diff --git "a/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/\345\256\266\345\205\267.html" "b/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/\345\256\266\345\205\267.html" new file mode 100644 index 0000000000000000000000000000000000000000..fdda7564e8bdaa8de05d7f358846f5beee3a8bb0 --- /dev/null +++ "b/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/\345\256\266\345\205\267.html" @@ -0,0 +1,316 @@ + + + + + + furniture test + + + + + top2 +
+
+
+ sofa +
+ 新品9折 +
+
+ detail view +
+
+
+ sofa +
+ 新品9折 +
+
+ detail view +
+
+
+
+
+ Our Product +
+
+ +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+ 90% +
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+
+
+ 会员专享 +
+
+ 加入会员享8折购 +
+
+ detail view +
+
+
+
+ Our Story +
+
+ 最新潮流 +
+
+
+ kitchen +
+
+ detail view +
+
+ 歇斯达，产品 +
+
+ 包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。 +
+
+
+
+ kitchen +
+
+ detail view +
+
+ 歇斯达，产品 +
+
+ 包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。 +
+
+
+
+ kitchen +
+
+ detail view +
+
+ 歇斯达，产品 +
+
+ 包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。 +
+
+
+
+
+
+
+
+ Our Product +
+
+ 人气产品 +
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+
+
+
+
+ 椅子专区 +
+
+ arrow +
+
+
+
+ 椅子专区 +
+
+ arrow +
+
+
+
+ 椅子专区 +
+
+ arrow +
+
+
+
+
+
+
+ 关于图片 +
+
+
图片因光线和产品批次等问
+
题，可能会有差异，请以收
到实际货物为准。 +
+
+
+
+ 7天无理由退货 +
+
+
本店支持7天无理由退换货，卖
+
家主观原因的退换货，买家承担
+
邮费，产品质量问题等卖家原因
的退换货卖家承担所有邮费。 +
+
+
+
+ 100%正品保证 +
+
+
本店承诺，所售产品均为正
+
品，购买商品请认准授权，
谨防假冒劣质。 +
+
+
+
+ 关于发货 +
+
+
每日下午16：00前的订单当
+
日可以发货。本店默认汇通
,EMS快递。 +
+
+
+ +
+ + + \ No newline at end of file diff --git "a/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/\345\256\266\345\205\267html.txt" "b/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/\345\256\266\345\205\267html.txt" new file mode 100644 index 0000000000000000000000000000000000000000..fdda7564e8bdaa8de05d7f358846f5beee3a8bb0 --- /dev/null +++ "b/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/\345\256\266\345\205\267html.txt" @@ -0,0 +1,316 @@ + + + + + + furniture test + + + + + top2 +
+
+
+ sofa +
+ 新品9折 +
+
+ detail view +
+
+
+ sofa +
+ 新品9折 +
+
+ detail view +
+
+
+
+
+ Our Product +
+
+ +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+ 90% +
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+
+
+ 会员专享 +
+
+ 加入会员享8折购 +
+
+ detail view +
+
+
+
+ Our Story +
+
+ 最新潮流 +
+
+
+ kitchen +
+
+ detail view +
+
+ 歇斯达，产品 +
+
+ 包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。 +
+
+
+
+ kitchen +
+
+ detail view +
+
+ 歇斯达，产品 +
+
+ 包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。 +
+
+
+
+ kitchen +
+
+ detail view +
+
+ 歇斯达，产品 +
+
+ 包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。 +
+
+
+
+
+
+
+
+ Our Product +
+
+ 人气产品 +
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+
+
+
+
+ 椅子专区 +
+
+ arrow +
+
+
+
+ 椅子专区 +
+
+ arrow +
+
+
+
+ 椅子专区 +
+
+ arrow +
+
+
+
+
+
+
+ 关于图片 +
+
+
图片因光线和产品批次等问
+
题，可能会有差异，请以收
到实际货物为准。 +
+
+
+
+ 7天无理由退货 +
+
+
本店支持7天无理由退换货，卖
+
家主观原因的退换货，买家承担
+
邮费，产品质量问题等卖家原因
的退换货卖家承担所有邮费。 +
+
+
+
+ 100%正品保证 +
+
+
本店承诺，所售产品均为正
+
品，购买商品请认准授权，
谨防假冒劣质。 +
+
+
+
+ 关于发货 +
+
+
每日下午16：00前的订单当
+
日可以发货。本店默认汇通
,EMS快递。 +
+
+
+ +
+ + + \ No newline at end of file diff --git "a/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\345\224\220\345\201\245\346\201\222/furniture.css" "b/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\345\224\220\345\201\245\346\201\222/furniture.css" new file mode 100644 index 0000000000000000000000000000000000000000..2951d0e640b41d161d0a8214eff2fa9e1920b15f --- /dev/null +++ "b/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\345\224\220\345\201\245\346\201\222/furniture.css" @@ -0,0 +1,425 @@ +.wrap {/* 页头轮播图片 */ + position: relative; + width: 200vw; + overflow: hidden; + animation:mymove 8s infinite ; + -webkit-animation:mymove 8s infinite; +} + +.wrap img {/* 页头轮播图片 */ + display: inline-block; + width: 50%; + height: auto; + float: left; +} + +@keyframes mymove {/* 页头轮播图片 */ + 0% { + left: 0vw; + } + 25% { + left: 0vw; + } + 50% { + left: -100vw; + } + 75% { + left: -100vw; + } + 100%{ + left: 0vw; + } +} + +@-webkit-keyframes mymove {/* 页头轮播图片 */ + 0% { + left: 0vw; + } + 25% { + left: 0vw; + } + 50% { + left: -100vw; + } + 75% { + left: -100vw; + } + 100%{ + left: 0vw; + } +} + +.header { + display: flex; + flex-direction: row; + justify-content: space-between; + width: 100%; +} + +.container{ + width: 80%; + margin: auto; + display: flex; + flex-direction: column; +} + +.top { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + width: 48%; + margin-top: 50px; +} + +.top-text { + margin-bottom: 5px; + color:rgb(255, 255, 255); + font-weight: bold; + font-size: 30px; + transform: translateY(-153px); +} + +.top-button { + margin: 8px; + border: rgb(255, 255, 255) solid 1px; + padding: 7px 23px; + color: rgb(255, 255, 255); + font-size: 13px; + border-radius: 20px; + background-color: rgba(236, 236, 236, 0.096); + transform: translateY(-151px); +} + +.product-up { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + height: 40px; + border-bottom: solid 1px #E8E8E8; + padding-bottom: 20px; + margin-bottom: 20px; +} + +.product-up-title { + font-weight: bolder; + font-size: 25px; + padding-left: 8px; +} + +.navigation-right{ + margin-right: 75px; +} + +.navigation { + + padding: 15px 7px; + color: rgba(160, 160, 160, 0.815); + font-size: 18px; + font-weight: 550;; + text-align: center; + text-decoration: none; +} + +.navigation:hover { + color: tomato; +} + +.gallery { + display: flex; + flex-direction: row; + justify-content: space-between; + padding-top: 30px; +} + +.gallery-box { + display: flex; + flex-direction: column; + align-items: center; + width: 23%; + margin-bottom: 20px; +} + +.gallery-description { + padding-top: 10px; +} + +.money { + font-weight: bold; +} + +.detail { + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 40px; + background-color: rgba(211, 79, 56, 0.85); + color: white; + transform: translateY(-94px); + opacity: 0 +} + +.gallery-box:hover .detail { + opacity: 1 +} + +.detail-button { + display: flex; + justify-content: center; + width: 50px; + padding: 5px; + margin-left: 17%; + color: white; + border-radius: 16px; + font-size: 0.85em; + background-color: rgba(138, 75, 64, 0.9); + transform: translateY(-450px); +} + +.member { + display: flex; + flex-direction: column; + height: 420px; + margin-top: 60px; + background-image: url(../image/sofa1.png); + background-repeat: no-repeat; + background-size: 100%; +} + +.member-title { + padding-top: 40px; + padding-left: 50px; + font-size: 3em; + color: rgb(71, 18, 18); + font-weight: bolder; +} + +.member-description { + padding-left: 50px; + margin-bottom: 8px; + color: rgb(106, 86, 77); + font-size: 1.5em; +} + +.member-button { + display: flex; + justify-content: center; + border: rgb(29, 27, 27) 2px solid; + padding: 8px; + margin-left: 53px; + width: 120px; + border-radius: 20px; +} + +.story { + display: flex; + flex-direction: column; + justify-content: center; + border-bottom: solid 1px #E8E8E8; + margin-bottom: 60px; +} + +.story-title { + display: flex; + justify-content: center; + margin-top: 60px; + font-weight: bold; + font-size: 25px; + +} + +.story-description { + display: flex; + justify-content: center; + margin-top: 9px; + margin-bottom: 30px; + font-weight: bold; + font-size: 25px; +} + +.story-gallery { + display: flex; + flex-direction: row; + justify-content: space-between; + + margin-bottom: 40px; +} + +.story-gallery-box { + display: flex; + flex-direction: column; + margin: 5px; + align-items: center; + width: 30%; +} + +.story-gallery-box img{ + width: 100%; +} + +.story-gallery-content { + display: flex; + flex-direction: column; + align-items: center; + width: 100%; + transform: translateY(-10px); + -webkit-transform: translateY(-10px); + -moz-transform: translateY(-10px); + -ms-transform: translateY(-10px); + -o-transform: translateY(-10px); +} + +.story-gallery-box-button { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + border-radius: 16px; + width: 140px; + padding: 7px 0; + font-size: 0.8em; + color: white; + font-weight: 700; + background-color: rgb(133, 132, 132); +} + +.story-gallery-box-button:hover { + background-color: rgba(211, 79, 56, 0.89); +} + +.story-gallery-box-title { + padding: 10px 0 15px 0; + font-weight: bold; +} + +.story-gallery-box-content { + font-size: 0.9em; + color: rgba(0, 0, 0, 0.767); +} + +.product { + display: flex; + flex-direction: column; + align-items: center; + padding-bottom: 45px; +} + +.product-title{ + font-size: 25px; + font-weight: bolder; +} +.product-description { + padding-top: 5px; + padding-bottom: 20px; + font-weight: bold; + font-size: 25px; +} + +.product-gallery { + display: flex; + justify-content: space-around; + margin-top: 60px; + width: 100%; + margin-bottom: 30px; +} + +.product-gallery-box { + display: flex; + flex-direction: column; + align-items: center; +} + +.product-gallery-box-description { + display: flex; + align-items: center; +} + +.chair { + display: flex; + justify-content: space-around; + align-items: center; + margin-bottom: 20px; +} + +.chair-box { + width: 28%; + height: 204px; + padding-top: 40px; + padding-left: 30px; + background-image: url(../image/sofa2.png); + background-repeat: no-repeat; + background-size: 100%; +} + +.chair-box-title { + padding-bottom: 15px; + font-size: 1.2em; + font-weight: bold; +} + +.chair-box-icon { + padding-left: 8px; +} + +.footer { + display: flex; + flex-direction: column; + align-items: center; + margin-top: 40px; + padding: 80px 200px 30px 200px; + background-color: rgba(0, 0, 0, 0.897); +} + +.footer-text { + display: flex; + justify-content: space-around; +} + +.footer-box { + display: flex; + flex-direction: column; + width: 20%; +} + +.footer-box-title { + border-bottom: rgba(186, 183, 183, 0.9) solid 1px; + margin-bottom: 8px; + padding-bottom: 10px; + font-weight: bold; + font-size: 1.2em; + color: rgb(186, 183, 183); +} + +.footer-box-title2 { + border-bottom: rgb(186, 183, 183) solid 1px; + margin-bottom: 8px; + width: 74%; + font-weight: bold; + font-size: 1.2em; + color: rgb(186, 183, 183); +} + +.footer-box-content { + display: flex; + flex-direction: column; + justify-content: space-evenly; + height: 80px; + margin-bottom: 25px; + font-size: 0.75em; + color: rgb(186, 183, 183); +} + +input[type=text] { + padding: 8px 0 8px 20px; + margin: 10px; + margin-bottom: 30px; + width: 30%; + border: 2px solid; + border-radius: 18px; + box-sizing: border-box; + background-color: rgb(165, 165, 165); + background-position: 290px 8px; + background-repeat: no-repeat; +} \ No newline at end of file diff --git "a/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\345\224\220\345\201\245\346\201\222/\345\217\246\344\270\200\347\247\215\350\275\256\346\222\255\346\225\210\346\236\234.css" "b/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\345\224\220\345\201\245\346\201\222/\345\217\246\344\270\200\347\247\215\350\275\256\346\222\255\346\225\210\346\236\234.css" new file mode 100644 index 0000000000000000000000000000000000000000..fbe5c4db493cad19f60ba66a1dd07850e5778da5 --- /dev/null +++ "b/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\345\224\220\345\201\245\346\201\222/\345\217\246\344\270\200\347\247\215\350\275\256\346\222\255\346\225\210\346\236\234.css" @@ -0,0 +1,393 @@ +/* 淡出动画 */ +.fade { + -webkit-animation-name: fade; + -webkit-animation-duration: 1.5s; + animation-name: fade; + animation-duration: 1.5s; +} + +@-webkit-keyframes fade { + from {opacity: .4} + to {opacity: 1} +} + +@keyframes fade { + from {opacity: .4} + to {opacity: 1} +} +.header { + display: flex; + flex-direction: row; + justify-content: space-between; + width: 100%; +} + +.container{ + width: 80%; + margin: auto; + display: flex; + flex-direction: column; +} + +.top { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + width: 48%; + margin-top: 50px; +} + +.top-text { + margin-bottom: 5px; + color:rgb(255, 255, 255); + font-weight: bold; + font-size: 30px; + transform: translateY(-153px); +} + +.top-button { + margin: 8px; + border: rgb(255, 255, 255) solid 1px; + padding: 7px 23px; + color: rgb(255, 255, 255); + font-size: 13px; + border-radius: 20px; + background-color: rgba(236, 236, 236, 0.096); + transform: translateY(-151px); +} + +.product-up { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + height: 40px; + border-bottom: solid 1px #E8E8E8; + padding-bottom: 20px; + margin-bottom: 20px; +} + +.product-up-title { + font-weight: bolder; + font-size: 25px; + padding-left: 8px; +} + +.navigation-right{ + margin-right: 75px; +} + +.navigation { + + padding: 15px 7px; + color: rgba(160, 160, 160, 0.815); + font-size: 18px; + font-weight: 550;; + text-align: center; + text-decoration: none; +} + +.navigation:hover { + color: tomato; +} + +.gallery { + display: flex; + flex-direction: row; + justify-content: space-between; + padding-top: 30px; +} + +.gallery-box { + display: flex; + flex-direction: column; + align-items: center; + width: 23%; + margin-bottom: 20px; +} + +.gallery-description { + padding-top: 10px; +} + +.money { + font-weight: bold; +} + +.detail { + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 40px; + background-color: rgba(211, 79, 56, 0.85); + color: white; + transform: translateY(-94px); + opacity: 0 +} + +.gallery-box:hover .detail { + opacity: 1 +} + +.detail-button { + display: flex; + justify-content: center; + width: 50px; + padding: 5px; + margin-left: 17%; + color: white; + border-radius: 16px; + font-size: 0.85em; + background-color: rgba(138, 75, 64, 0.9); + transform: translateY(-450px); +} + +.member { + display: flex; + flex-direction: column; + height: 420px; + margin-top: 60px; + background-image: url(../image/sofa1.png); + background-repeat: no-repeat; + background-size: 100%; +} + +.member-title { + padding-top: 40px; + padding-left: 50px; + font-size: 3em; + color: rgb(71, 18, 18); + font-weight: bolder; +} + +.member-description { + padding-left: 50px; + margin-bottom: 8px; + color: rgb(106, 86, 77); + font-size: 1.5em; +} + +.member-button { + display: flex; + justify-content: center; + border: rgb(29, 27, 27) 2px solid; + padding: 8px; + margin-left: 53px; + width: 120px; + border-radius: 20px; +} + +.story { + display: flex; + flex-direction: column; + justify-content: center; + border-bottom: solid 1px #E8E8E8; + margin-bottom: 60px; +} + +.story-title { + display: flex; + justify-content: center; + margin-top: 60px; + font-weight: bold; + font-size: 25px; + +} + +.story-description { + display: flex; + justify-content: center; + margin-top: 9px; + margin-bottom: 30px; + font-weight: bold; + font-size: 25px; +} + +.story-gallery { + display: flex; + flex-direction: row; + justify-content: space-between; + + margin-bottom: 40px; +} + +.story-gallery-box { + display: flex; + flex-direction: column; + margin: 5px; + align-items: center; + width: 30%; +} + +.story-gallery-box img{ + width: 100%; +} + +.story-gallery-content { + display: flex; + flex-direction: column; + align-items: center; + width: 100%; + transform: translateY(-10px); + -webkit-transform: translateY(-10px); + -moz-transform: translateY(-10px); + -ms-transform: translateY(-10px); + -o-transform: translateY(-10px); +} + +.story-gallery-box-button { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + border-radius: 16px; + width: 140px; + padding: 7px 0; + font-size: 0.8em; + color: white; + font-weight: 700; + background-color: rgb(133, 132, 132); +} + +.story-gallery-box-button:hover { + background-color: rgba(211, 79, 56, 0.89); +} + +.story-gallery-box-title { + padding: 10px 0 15px 0; + font-weight: bold; +} + +.story-gallery-box-content { + font-size: 0.9em; + color: rgba(0, 0, 0, 0.767); +} + +.product { + display: flex; + flex-direction: column; + align-items: center; + padding-bottom: 45px; +} + +.product-title{ + font-size: 25px; + font-weight: bolder; +} +.product-description { + padding-top: 5px; + padding-bottom: 20px; + font-weight: bold; + font-size: 25px; +} + +.product-gallery { + display: flex; + justify-content: space-around; + margin-top: 60px; + width: 100%; + margin-bottom: 30px; +} + +.product-gallery-box { + display: flex; + flex-direction: column; + align-items: center; +} + +.product-gallery-box-description { + display: flex; + align-items: center; +} + +.chair { + display: flex; + justify-content: space-around; + align-items: center; + margin-bottom: 20px; +} + +.chair-box { + width: 28%; + height: 204px; + padding-top: 40px; + padding-left: 30px; + background-image: url(../image/sofa2.png); + background-repeat: no-repeat; + background-size: 100%; +} + +.chair-box-title { + padding-bottom: 15px; + font-size: 1.2em; + font-weight: bold; +} + +.chair-box-icon { + padding-left: 8px; +} + +.footer { + display: flex; + flex-direction: column; + align-items: center; + margin-top: 40px; + padding: 80px 200px 30px 200px; + background-color: rgba(0, 0, 0, 0.897); +} + +.footer-text { + display: flex; + justify-content: space-around; +} + +.footer-box { + display: flex; + flex-direction: column; + width: 20%; +} + +.footer-box-title { + border-bottom: rgba(186, 183, 183, 0.9) solid 1px; + margin-bottom: 8px; + padding-bottom: 10px; + font-weight: bold; + font-size: 1.2em; + color: rgb(186, 183, 183); +} + +.footer-box-title2 { + border-bottom: rgb(186, 183, 183) solid 1px; + margin-bottom: 8px; + width: 74%; + font-weight: bold; + font-size: 1.2em; + color: rgb(186, 183, 183); +} + +.footer-box-content { + display: flex; + flex-direction: column; + justify-content: space-evenly; + height: 80px; + margin-bottom: 25px; + font-size: 0.75em; + color: rgb(186, 183, 183); +} + +input[type=text] { + padding: 8px 0 8px 20px; + margin: 10px; + margin-bottom: 30px; + width: 30%; + border: 2px solid; + border-radius: 18px; + box-sizing: border-box; + background-color: rgb(165, 165, 165); + background-position: 290px 8px; + background-repeat: no-repeat; +} + + diff --git "a/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\345\224\220\345\201\245\346\201\222/\345\217\246\344\270\200\347\247\215\350\275\256\346\222\255\346\225\210\346\236\234.html" "b/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\345\224\220\345\201\245\346\201\222/\345\217\246\344\270\200\347\247\215\350\275\256\346\222\255\346\225\210\346\236\234.html" new file mode 100644 index 0000000000000000000000000000000000000000..f454dc91c9c7c50fe19160c6d0861d704fafdc10 --- /dev/null +++ "b/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\345\224\220\345\201\245\346\201\222/\345\217\246\344\270\200\347\247\215\350\275\256\346\222\255\346\225\210\346\236\234.html" @@ -0,0 +1,332 @@ + + + + + + + 假装我已学会了轮播图（狗头） + + + +
+
+ +
+
+ +
+
+
+
+ + +
+
+ +
+
+ sofa +
+ 新品9折 +
+
+ detail view +
+
+
+ sofa +
+ 新品9折 +
+
+ detail view +
+
+
+ +
+
+ Our Product +
+
+ 新品 + 人气 + 精选 +
+
+ +
+
+ vase +
这是一个标题
+
￥599
+
+ detail view +
+
+
+ vase +
这是一个标题
+
￥599
+
+ detail view +
+
+
+ vase +
这是一个标题
+
￥599
+
+ detail view +
+
+
+ vase +
这是一个标题
+
￥599
+
+ detail view +
+
+
+
+
+ vase +
这是一个标题
+
￥599
+
+ detail view +
+
+
+ vase +
这是一个标题
+
￥599
+
+ detail view +
+
+
+ vase +
这是一个标题
+
￥599
+
+ detail view +
+
+
+ vase +
这是一个标题
+
￥599
+
+ detail view +
+
+
+
+ 90% +
+ +
+
+ 会员专享 +
+
+ 加入会员享8折购 +
+
+ detail view +
+
+ +
+
+ Our Story +
+
+ 最新潮流 +
+
+
+ kitchen +
+
+ detail view +
+
+ 歇斯达，产品 +
+
+ 包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。 +
+
+
+
+ kitchen +
+
+ detail view +
+
+ 歇斯达，产品 +
+
+ 包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。 +
+
+
+
+ kitchen +
+
+ detail view +
+
+ 歇斯达，产品 +
+
+ 包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。 +
+
+
+
+
+ + +
+
+ Our Product +
+
+ 人气产品 +
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+
+ + +
+
+
+ 椅子专区 +
+
+ arrow +
+
+
+
+ 椅子专区 +
+
+ arrow +
+
+
+
+ 椅子专区 +
+
+ arrow +
+
+
+
+ +
+
+
+
+ 关于图片 +
+
+ 图片因光线和产品批次等问题，可能会有差异，请以收到实际货物为准。 +
+
+
+
+ 7天无理由退换货 +
+
+ 本店支持7天无理由退换货，卖家主观原因的退换货，买家承担邮费，产品质量问题等卖家原因的退换货卖家承担所有邮费。 +
+
+
+
+ 100%正品保证 +
+
+ 本店承诺，所售产品均为正品，购买商品请认准授权，谨防假冒劣质。 +
+
+
+
+ 关于发货 +
+
+ 每日下午16：00前的订单当日可以发货。本店默认汇通,EMS快递。 +
+
+
+ +
+ + + + + + diff --git "a/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\345\224\220\345\201\245\346\201\222/\345\217\257\350\200\220\345\256\266\345\205\267\345\235\212.html" "b/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\345\224\220\345\201\245\346\201\222/\345\217\257\350\200\220\345\256\266\345\205\267\345\235\212.html" new file mode 100644 index 0000000000000000000000000000000000000000..e42552ba956696f33490faa6a8f8c70118bbce8e --- /dev/null +++ "b/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\345\224\220\345\201\245\346\201\222/\345\217\257\350\200\220\345\256\266\345\205\267\345\235\212.html" @@ -0,0 +1,302 @@ + + + + + + + 可耐家具坊 + + + +
+ 200 + 300 +
+ +
+ +
+
+ sofa +
+ 新品9折 +
+
+ detail view +
+
+
+ sofa +
+ 新品9折 +
+
+ detail view +
+
+
+ +
+
+ Our Product +
+
+ 新品 + 人气 + 精选 +
+
+ +
+
+ vase +
这是一个标题
+
￥599
+
+ detail view +
+
+
+ vase +
这是一个标题
+
￥599
+
+ detail view +
+
+
+ vase +
这是一个标题
+
￥599
+
+ detail view +
+
+
+ vase +
这是一个标题
+
￥599
+
+ detail view +
+
+
+
+
+ vase +
这是一个标题
+
￥599
+
+ detail view +
+
+
+ vase +
这是一个标题
+
￥599
+
+ detail view +
+
+
+ vase +
这是一个标题
+
￥599
+
+ detail view +
+
+
+ vase +
这是一个标题
+
￥599
+
+ detail view +
+
+
+
+ 90% +
+ +
+
+ 会员专享 +
+
+ 加入会员享8折购 +
+
+ detail view +
+
+ +
+
+ Our Story +
+
+ 最新潮流 +
+
+
+ kitchen +
+
+ detail view +
+
+ 歇斯达，产品 +
+
+ 包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。 +
+
+
+
+ kitchen +
+
+ detail view +
+
+ 歇斯达，产品 +
+
+ 包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。 +
+
+
+
+ kitchen +
+
+ detail view +
+
+ 歇斯达，产品 +
+
+ 包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。 +
+
+
+
+
+ + +
+
+ Our Product +
+
+ 人气产品 +
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+
+ + +
+
+
+ 椅子专区 +
+
+ arrow +
+
+
+
+ 椅子专区 +
+
+ arrow +
+
+
+
+ 椅子专区 +
+
+ arrow +
+
+
+
+ +
+
+
+
+ 关于图片 +
+
+ 图片因光线和产品批次等问题，可能会有差异，请以收到实际货物为准。 +
+
+
+
+ 7天无理由退换货 +
+
+ 本店支持7天无理由退换货，卖家主观原因的退换货，买家承担邮费，产品质量问题等卖家原因的退换货卖家承担所有邮费。 +
+
+
+
+ 100%正品保证 +
+
+ 本店承诺，所售产品均为正品，购买商品请认准授权，谨防假冒劣质。 +
+
+
+
+ 关于发货 +
+
+ 每日下午16：00前的订单当日可以发货。本店默认汇通,EMS快递。 +
+
+
+ +
+ + + \ No newline at end of file diff --git "a/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\351\207\216\346\262\220\346\230\245/123.md" "b/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\351\207\216\346\262\220\346\230\245/123.md" new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git "a/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\351\273\204\347\205\234\346\243\211/index.css" "b/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\351\273\204\347\205\234\346\243\211/index.css" new file mode 100644 index 0000000000000000000000000000000000000000..c851566437511dd28f7c8e99a24ad762defa138a --- /dev/null +++ "b/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\351\273\204\347\205\234\346\243\211/index.css" @@ -0,0 +1,371 @@ +.top{ + display:block; + background: url('./image/top2.png') no-repeat center; + width: 1241px; + height:535px; + background-size: 100% 100%; +} + + +.under_top{ + display:flex; + flex-direction: row; + justify-content: space-between; + margin:50px 100px; +} +.under_top_content{ + display:flex; + flex-direction: column; + justify-content: center; + width: 488px; + height:201px; + background:url('./image/sofa.png') no-repeat; + text-align: center; +} +.under_top_content p{ + font-size: 1.2em; + font-weight: bold; + color:white; +} +.under_top_content a{ + border-radius: 50px; + border:solid 1px white; + width:100px; + margin-left: 190px; + padding:3px; + font-size:0.8em; +} +.under_top_content a:link,a:visited{ + text-decoration: none; + color:white; +} +.under_top_content a:hover,a:active { + text-decoration: none; + color:red; +} + + +.product{ + display:flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + margin:10px 100px; + border-bottom: solid 1px #e7e7e7; +} +.product p{ + font-size: 1.1em; + font-weight: bold; +} +.product_nav{ + display:flex; + flex-direction: row; + justify-content:space-evenly ; +} +.product_nav a{ + padding-left: 20px; +} +.product_nav a:link,a:visited{ + text-decoration: none; + color:rgb(150, 150, 150); +} +.product_nav a:hover,a:active { + text-decoration: none; + color:red; +} + +.products{ + display: flex; + flex-direction: row; + justify-content: space-evenly; + align-items: space-evenly; + flex-wrap: wrap; +} +.products_content{ + display:flex; + flex-direction: column; + justify-content: center; + align-items: center; + margin:30px 20px; + text-align: center; +} +.products_content img{ + width:230px; + height:300px; +} +.mask{ + position:relative; + top:-132px; + bottom:0px; + background:rgba(255,0, 0, 0.8); + width:100%; + opacity: 0; +} +.mask p{ + font-size: 0.9em; + text-align: center; + color:white; +} +.products_content:hover .mask{ + opacity: 1; +} +.products_price{ + font-size: 0.9em; + font-weight: bold; + margin-top:-10px; +} +.discount{ + position:relative; + right:-226px; + top:-449px; +} +.discount p{ + font-size:0.6em; + border-radius: 50px; + background-color: rgba(129, 60, 60, 0.897); + color:white; + padding:1px 8px; + height:15px; + width:23px; + text-align: center; +} + + +.member{ + display: flex; + flex-direction: row; + justify-content: center; + width:1040px; + height:376px; + background:url('./image/sofa1.png') no-repeat ; + background-size: 100% 100%; + margin-left: 100px; +} + +.member_position{ + display:flex; + flex-direction: column; + justify-content: center; + position: relative; + left:-350px; + top:-100px; +} +.member_only{ + font-size: 3em; + font-weight: bold; + color:rgb(118,99,91) +} +.policy{ + font-size: 1.4em; + color:rgb(118,99,91); + margin-top:-40px; +} +.member a{ + border-radius: 50px; + border:solid 1px rgb(118,99,91); + font: 0.8em rgb(118,99,91); + text-align: center; +} +.member a:link{ + text-decoration: none; +} +.member a:hover,a:active { + text-decoration: none; + color:red; +} + +.story{ + display: flex; + flex-direction: column; + justify-content: center; + margin:60px 0px; +} +.story p{ + text-align: center; + font-size: 1.2em; + font-weight: bold; + margin:2px 0px; +} + +.under_story{ + display:flex; + flex-direction: row; + justify-content: center; + margin: 0px 110px; + padding-bottom: 100px; + border-bottom: solid 1px rgb(150,150,150); +} +.under_story_content{ + display:flex; + flex-direction: column; +} +.under_story img{ + width:300px; + height:300px; +} +.under_story_content a{ + border-radius: 50px; + background-color: darkgray; + font-size: 0.8em; + color:white; + text-align: center; + width:150px; + padding:8px; + position: relative; + left:80px; + top:-14px; + text-decoration: none; +} +.under_story_content a:hover{ + border-radius: 50px; + background-color: rgba(255,0, 0, 0.8); + font-size: 0.8em; + color:white; + text-align: center; + width:150px; + padding:8px; + position: relative; + left:80px; + top:-14px; + text-decoration: none; +} +.story_text1{ + font-size: 1.1em; + font-weight: bold; + text-align: center; +} +.story_text2{ + font-size: 0.6em; + margin:0px 10px; +} + + +.popularity{ + display: flex; + flex-direction: column; + justify-content: center; + margin:60px 0px; +} +.popularity p{ + text-align: center; + font-size: 1.2em; + font-weight: bold; + margin:2px 0px; +} + +.popularity1{ + display:flex; + flex-direction: row; + justify-content: center; +} +.popularity1_content{ + display:flex; + flex-direction: column; + justify-content: center; + text-align: center; + margin:0px 50px; +} +.coathanger{ + width:94px; + height:229px; +} +.heart{ + width:25px; + height:35px; + position: relative; + left:-25px; + top:30px; +} +.popularity1_content p{ + font-size: 0.8em; + font-weight: bold; + margin-top:3px; +} + +.popularity2{ + display:flex; + flex-direction: row; + justify-content: space-between; + margin:20px 120px; +} +.popularity2_content{ + background:url('./image/sofa2.png') center; + background-size:100% 100%; + width:304px; + height:163px; +} +.popularity2_content p{ + font-size: 1.1em; + font-weight: bold; + position: relative; + top:10px; + left:15px; +} +.popularity2_content img{ + position: relative; + top:18px; + left:24px; +} + + +.foot{ + display:flex; + flex-direction: column; + justify-content: center; + align-items: center; + background-color: rgb(41, 41, 41); + margin-top: 100px; + padding-bottom: 100px; +} +.foot_texts{ + display:flex; + flex-direction: row; + justify-content: space-around; + align-items: space-around; + margin-top:100px; + margin-bottom: 50px; +} +.foot_text{ + display:flex; + flex-direction: column; + justify-content: center; + margin:0px 30px; + width:180px; +} +.foot_p1{ + font-size: 1.1em; + color: rgb(207, 205, 205); + padding-bottom: 3px; + border-bottom: 1px solid rgb(207, 205, 205); +} +.foot_p{ + font-size: 0.6em; + color: rgb(207, 205, 205); +} + + +.search{ + display:flex; + flex-direction: row; + justify-content: center; +} +.input_box{ + border-radius: 50px; + background-color: rgb(207, 205, 205); + height:32px; + width:300px; + outline:none; +} +.search button{ + display:hidden; + position:relative; + left:-45px; + top:5px; + border-radius: 50px; + border:none; + background-color: rgb(207, 205, 205); + outline:none； +} +input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{ + box-shadow:0 0 0px 1000px rgb(207,205,205) inset; +} \ No newline at end of file diff --git "a/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\351\273\204\347\205\234\346\243\211/index.html" "b/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\351\273\204\347\205\234\346\243\211/index.html" new file mode 100644 index 0000000000000000000000000000000000000000..51a7f0cf7ecdb974d641d9fc177e2051953ed705 --- /dev/null +++ "b/BO2\345\237\271\350\256\255\344\275\234\344\270\232/\351\273\204\347\205\234\346\243\211/index.html" @@ -0,0 +1,213 @@ + + + + + + 10.20作业 + + + +
+
+
+
+

新品9折

+ detail view +
+
+

新品9折

+ detail view +
+
+
+

Our Product

+
+ 新品 + 人气 + 精选 +
+ +
+
+
+ detail view +

这是一个标题

+

¥599

+
+

detail view

+
+
+
+ detail view +

这是一个标题

+

¥599

+
+

detail view

+
+
+
+ detail view +

这是一个标题

+

¥599

+
+

detail view

+
+
+
+ detail view +

这是一个标题

+

¥599

+
+

detail view

+
+
+
+ detail view +

这是一个标题

+

¥599

+
+

detail view

+
+
+
+ detail view +

这是一个标题

+

¥599

+
+

detail view

+
+
+
+ detail view +

这是一个标题

+

¥599

+
+

detail view

+
+
+
+ detail view +

这是一个标题

+

¥599

+
+

detail view

+
+
+
+
+

90%

+
+
+
+

会员专享

+

加入会员享8折购

+ detail view +
+
+
+

Our Story

+

最新潮流

+
+
+
+ kitchen + detail view +

哥斯达，产品

+

包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。

+
+
+ kitchen + detail view +

哥斯达，产品

+

包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。

+
+
+ kitchen + detail view +

哥斯达，产品

+

包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。

+
+
+
+

Our Product

+

人气产品

+
+
+
+ 产品 + 喜欢吗？ + 这是一个标题 +

¥599

+
+
+ 产品 + 喜欢吗？ + 这是一个标题 +

¥599

+
+
+ 产品 + 喜欢吗？ + 这是一个标题 +

¥599

+
+
+ 产品 + 喜欢吗？ + 这是一个标题 +

¥599

+
+
+ 产品 + 喜欢吗？ + 这是一个标题 +

¥599

+
+
+
+
+

椅子专区

+ 跳转 +
+
+

椅子专区

+ 跳转 +
+
+

椅子专区

+ 跳转 +
+
+
+
+
+ 关于图片 +

图片因光线和产品批次等问题，可能会有差异，请以收到实际货品为准。

+
+
+ 7天无理由退换货 +

本店支持7天无理由退换货，买家主观原因的退换货，买家承担邮费，商品质量问题等卖家原因的退换，卖家承担所有邮费。

+
+
+ 100%正品保证 +

本店承诺，所售产品均为正品，购买产品请认准授权，谨防假冒劣质。 +

+
+
+ 关于发货 +

每日下午16:00前的订单当日可以发货。本店默认汇通，EMS快递。

+
+
+
+
+ + + +
+ + +
+
+
+
+ \ No newline at end of file diff --git a/README.md b/README.md index b6952806c482d4f4b71544dfb7b122ec5152cd3d..91c9e18dd1a3a7354267bb39def806c3179a795a 100644 --- a/README.md +++ b/README.md @@ -13,5 +13,14 @@ 并在下方列出你的`CSDN`博客网址 - 王江奎：https://blog.csdn.net/T_T233333333 +- 何星辰：https://blog.csdn.net/SAKURA6666 +- 孟佳：https://blog.csdn.net/m0_51261756 +- 黄煜棉：https://blog.csdn.net/qq_51065482 +- 林子浩：https://blog.csdn.net/LZZZZH_ +- 刘康健：https://blog.csdn.net/qq_43479740/article/details/109265330 +- 王瑛：https://blog.csdn.net/cyl_csdn_1/category_10439838.html +- 龚佳伟：https://blog.csdn.net/qq_40179311 +- 何玮琪：https://blog.csdn.net/m0_51860987 - 赵磊:https://blog.csdn.net/VscODeFIGHTING -- 王晶：https://blog.csdn.net/as__ole \ No newline at end of file +- 王晶：https://blog.csdn.net/as__ole +- 唐健恒：https://blog.csdn.net/weixin_51877075 diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\346\230\237\350\276\260/\347\254\254\344\270\200\345\221\250\344\275\234\344\270\232.html" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\346\230\237\350\276\260/\347\254\254\344\270\200\345\221\250\344\275\234\344\270\232.html" new file mode 100644 index 0000000000000000000000000000000000000000..a3f3eb9838a13e4aab10d2debb3f69e7347d3332 --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\346\230\237\350\276\260/\347\254\254\344\270\200\345\221\250\344\275\234\344\270\232.html" @@ -0,0 +1,246 @@ + + + + + + + + + + +
+ +
+ About + Menu + Callery + Contact +
+
+
+

MENU

+

Lorem ipsum dolor sit amet,consectetur adipiscing elit.

+
+
+
+ Main Dishes +
+

MAIN DISHES

+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+
+ Soups +
+

SOUPS

+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+
+ Hamburgers +
+

HAMBURGERS

+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+
+ Desserts +
+

DESSERTS

+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+
+ Barbecue +
+

BARBECUE

+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+
+ Salads +
+

SALADS

+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+
+
+ +
+
+ facebook + twitter + instagram +
+
+ + + \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/Assignment.html" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/Assignment.html" new file mode 100644 index 0000000000000000000000000000000000000000..1e454c39801fad6e223f698701f941c60159f6ad --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/Assignment.html" @@ -0,0 +1,76 @@ + + + + + + YLG高级任务 + + + + +
+
+ 叉子 +
Gratia
+
+
+ +
+
+ +
+
MENU
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+
+ +
+
+ Main Dishes +
MAIN DISHES
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+
+ +
+ soup +
SOUPS
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+
+
+ hamburger +
HAMBURGERS
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+
+
+ dessert +
DESSERTS
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+
+
+ BARBECUE +
BARBECUE
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+
+
+ salad +
SALADS
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+
+
+
+ +
Gratia Restaurant
+
Copyright 2016.All rights resereved by symu
+
+ FB + TR + IG +
+
+ + + \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/Assignment.txt" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/Assignment.txt" new file mode 100644 index 0000000000000000000000000000000000000000..1e454c39801fad6e223f698701f941c60159f6ad --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/Assignment.txt" @@ -0,0 +1,76 @@ + + + + + + YLG高级任务 + + + + +
+
+ 叉子 +
Gratia
+
+
+ +
+
+ +
+
MENU
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+
+ +
+
+ Main Dishes +
MAIN DISHES
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+
+ +
+ soup +
SOUPS
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+
+
+ hamburger +
HAMBURGERS
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+
+
+ dessert +
DESSERTS
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+
+
+ BARBECUE +
BARBECUE
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+
+
+ salad +
SALADS
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+
+
+
+ +
Gratia Restaurant
+
Copyright 2016.All rights resereved by symu
+
+ FB + TR + IG +
+
+ + + \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/Assignments.css" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/Assignments.css" new file mode 100644 index 0000000000000000000000000000000000000000..d4d39c92308c8602b6763e4e3a6c66b35fde38fa --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/Assignments.css" @@ -0,0 +1,231 @@ +.body { + display: flex; + flex-direction: column; + align-items: center; + background-color: rgba(241, 241, 241, 0.295); +} + +.header { + display: flex; + justify-content: space-between; + position: fixed; + width: 100%; + border-bottom: 1px solid #E8E8E8; +} + +.header-left { + display: flex; + align-items: center; + padding: 0 50px; +} + +.header-left img { + margin: 0 8px; +} + +.header-left-text { + font-family: "Arial Black"; + font-weight: 700; +} + +.header-nevi { + display: flex; + align-items: center; +} + +ul { + padding: 0 50px; + overflow: hidden; + list-style-type: none; +} + +li { + display: inline; + float: right; + padding: 14px 0; +} + +li a { + display: block; + padding: 0 16px; + font-size: small; + color: #000000; + font-weight: 700; + text-decoration: none; +} + +li a.active { + color: rgb(231, 153, 52); +} + +.title { + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: center; + margin: 100px 30px 30px 30px; + padding: 35px 0; + width: 490px; + height: 148px; + background: url(../image/background.png); + background-size: contain; + background-repeat: no-repeat; + z-index: 999; + background-color: rgba(241, 241, 241, 0.295); +} + +.title-head { + font-size: 1.4em; + font-weight: 700; +} + +.title-desc { + font-size: 0.65em; + color: rgba(117, 117, 117, 0.842); +} + +.gallery { + display: flex; + justify-content: space-evenly; + flex-wrap: wrap; + width: 100%; +} + +.gallery-box { + display: flex; + flex-direction: column; + align-items: center; + width: 30%; + margin: 20px 0 30px 0; + box-shadow: 3px 3px 3px 3px rgba(206, 202, 202, 0.315); + border-bottom-right-radius: 8px; + border-bottom-left-radius: 8px; +} + +.gallery-box::after { + content: ''; + height: 1px; + width: 25px; + background-color: #bdbdbd96; + transform: translateY(-75px); + -webkit-transform: translateY(-75px); + -moz-transform: translateY(-75px); + -ms-transform: translateY(-75px); + -o-transform: translateY(-75px); +} + +.gallery-box img { + width: 100%; +} + +.gallery-title { + font-size: 1.7em; + font-weight: bold; + padding-bottom: 20px; + padding-top: 35px; +} + +.gallery-box-desc { + padding-top: 20px; + padding-bottom: 40px; + font-size: 0.65em; + color: rgba(117, 117, 117, 0.842); +} + +div.img { + border: 1px solid #D8D8D8; +} + +div.img:hover { + border: 1px solid #777; +} + +div.img img { + width: 100%; + height: auto; +} + +div.desc { + padding: 35px; + text-align: center; +} + +* { + box-sizing: border-box; +} + +.responsive { + padding: 10px 20px; + float: left; + width: 24.99999%; +} + +@media only screen and (max-width: 700px) { + .responsive { + width: 49.99999%; + margin: 6px 0; + } +} + +@media only screen and (max-width: 500px) { + .responsive { + width: 100%; + } +} + +.clearfix:after { + content: ""; + display: table; + clear: both; +} + +.footer { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + width: 100%; + border-top: #E8E8E8 1px solid; + margin-top: 80px; + padding-bottom: 40px; +} + +.footer-logo { + width: 70px; + height: 70px; + padding: 13px; + border: #E8E8E8 1px solid; + border-radius: 50%; + transform: translateY(-34px); + background-color: white; + -webkit-transform: translateY(-34px); + -moz-transform: translateY(-34px); + -ms-transform: translateY(-34px); + -o-transform: translateY(-34px); +} + +.footer-title { + padding-bottom: 5px; + font-size: small; + font-weight: 700; + transform: translateY(-7px); + -webkit-transform: translateY(-7px); + -moz-transform: translateY(-7px); + -ms-transform: translateY(-7px); + -o-transform: translateY(-7px); +} + +.footer-desc { + padding-top: 5px; + font-size: 0.65em; + color: rgba(128, 128, 128, 0.842); +} + +.footer-icon { + display: flex; + justify-content: space-around; + border-top: #E8E8E8 1px solid; + margin: 20px; + padding-top: 18px; + width: 7%; +} \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Barbecue.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Barbecue.png" new file mode 100644 index 0000000000000000000000000000000000000000..9435e5e1c84b39bd74eb59c0d9e39616d1b4a22b Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Barbecue.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Beef-steak-pineapple-salad Foodies Feed.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Beef-steak-pineapple-salad Foodies Feed.png" new file mode 100644 index 0000000000000000000000000000000000000000..89994bc99a4a0c1bd579b0c8762d401fa4590b9f Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Beef-steak-pineapple-salad Foodies Feed.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Cup cakes.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Cup cakes.png" new file mode 100644 index 0000000000000000000000000000000000000000..889857e15cc07af77d2c7e66d7fc3e6ff3588d70 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Cup cakes.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Date-icon.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Date-icon.png" new file mode 100644 index 0000000000000000000000000000000000000000..e4d4a5ef15331324ad493562f335aae3fb7f2d17 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Date-icon.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Desserts.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Desserts.png" new file mode 100644 index 0000000000000000000000000000000000000000..44b8f7c17ea18894dea5f3991a11339caf7d0b89 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Desserts.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Eric-McGregor-flickr.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Eric-McGregor-flickr.png" new file mode 100644 index 0000000000000000000000000000000000000000..c17bb0f3b82c8e28c0b6695b5790d476c4f2672b Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Eric-McGregor-flickr.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/FB.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/FB.png" new file mode 100644 index 0000000000000000000000000000000000000000..9dbccfab74d0838faeb9e94e418753ada25d82bf Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/FB.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Facebook Share button.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Facebook Share button.png" new file mode 100644 index 0000000000000000000000000000000000000000..3de3772ffd032c350fe03b34edcb65f5152c0b64 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Facebook Share button.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Facebook icon.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Facebook icon.png" new file mode 100644 index 0000000000000000000000000000000000000000..8c6911fb0dc5fc3ddc340c523fef63a761a5c189 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Facebook icon.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Festival.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Festival.png" new file mode 100644 index 0000000000000000000000000000000000000000..b1fccdb66c1a9828e0b031d8fa2c302c89326a10 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Festival.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Hamburgers.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Hamburgers.png" new file mode 100644 index 0000000000000000000000000000000000000000..84ecf9c85b4fa52ac50a4eb274a289b0780ff31a Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Hamburgers.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/IG.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/IG.png" new file mode 100644 index 0000000000000000000000000000000000000000..7549870f3f82e09e3593324c2425cb1aee2ff78c Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/IG.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Instagram.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Instagram.png" new file mode 100644 index 0000000000000000000000000000000000000000..90b3a2f284cac363a56674497fe7e833d6c2ba18 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Instagram.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Live music Fridays.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Live music Fridays.png" new file mode 100644 index 0000000000000000000000000000000000000000..d5dbd1d03f41810a6672f5cd301763118650f6e9 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Live music Fridays.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Logo.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Logo.png" new file mode 100644 index 0000000000000000000000000000000000000000..8a94cb1b188d46bc8c752aba27d070d47353fc08 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Logo.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Main Dishes.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Main Dishes.png" new file mode 100644 index 0000000000000000000000000000000000000000..9ced7cedcecc2bb5465798c33adc1c9688a8ff0f Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Main Dishes.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Or.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Or.png" new file mode 100644 index 0000000000000000000000000000000000000000..e110b4500395bda7605ca89ebe42ecec35d49c3f Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Or.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Restaurant kitchen.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Restaurant kitchen.png" new file mode 100644 index 0000000000000000000000000000000000000000..d60c0f77c93fabd85b7ee6f8be5ac2c28a305748 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Restaurant kitchen.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Salads.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Salads.png" new file mode 100644 index 0000000000000000000000000000000000000000..d4f2d10952117dd38a521ba7a8c632ec44460fd8 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Salads.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Soups.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Soups.png" new file mode 100644 index 0000000000000000000000000000000000000000..1496014b020f4b4003ceeefe4b969252ab3d6b7a Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Soups.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Steak and vegetables - Foodies Feed.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Steak and vegetables - Foodies Feed.png" new file mode 100644 index 0000000000000000000000000000000000000000..81497c57c8609fbaa55f26836a84513400e6c7eb Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Steak and vegetables - Foodies Feed.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/TR.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/TR.png" new file mode 100644 index 0000000000000000000000000000000000000000..793889af8f304a7a537678c319b7931e4cfd8cd6 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/TR.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Time-icon.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Time-icon.png" new file mode 100644 index 0000000000000000000000000000000000000000..d21f780fb9618148d5f20d7c0a09fe589dad4b9a Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Time-icon.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Trip advisor icon.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Trip advisor icon.png" new file mode 100644 index 0000000000000000000000000000000000000000..1173174d14d038c244ee20ddf88bfdbe577f1a6d Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Trip advisor icon.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Tweet button.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Tweet button.png" new file mode 100644 index 0000000000000000000000000000000000000000..d759f9356abcaae6a1fd9b6ca2b1d6bf193a4ff2 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Tweet button.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Twitter icon.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Twitter icon.png" new file mode 100644 index 0000000000000000000000000000000000000000..26e59d60d965653d8e5ba56e0cda7ca6a8a95d06 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/Twitter icon.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/User-icon.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/User-icon.png" new file mode 100644 index 0000000000000000000000000000000000000000..98f216983597476cd68d2fea7193d4e3f727be2a Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/User-icon.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/arrow.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/arrow.png" new file mode 100644 index 0000000000000000000000000000000000000000..5004c3d302f19e102bcc44016679d230bcf39dcd Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/arrow.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/background.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/background.png" new file mode 100644 index 0000000000000000000000000000000000000000..125f3b4fa32c63a7ab45517bc6fd49c335798108 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/background.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/coathanger.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/coathanger.png" new file mode 100644 index 0000000000000000000000000000000000000000..a8c8d09fc0643e334b89417177e787a0d0ea7d74 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/coathanger.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/commensals-icon.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/commensals-icon.png" new file mode 100644 index 0000000000000000000000000000000000000000..fce0c5228672ffa937ea9523c45e013ace5aaa5e Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/commensals-icon.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/down-arrow-icon.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/down-arrow-icon.png" new file mode 100644 index 0000000000000000000000000000000000000000..de7193f098ec2dd736d330380df255c58374d795 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/down-arrow-icon.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/foodiesfeed.com_excelent-beef-steak-vegetables.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/foodiesfeed.com_excelent-beef-steak-vegetables.png" new file mode 100644 index 0000000000000000000000000000000000000000..71e335650a1ada072d686e7d969bb8ae840201d3 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/foodiesfeed.com_excelent-beef-steak-vegetables.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/glass of wine.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/glass of wine.png" new file mode 100644 index 0000000000000000000000000000000000000000..716dcfd7109fc9a4c42087600e6fd06ecc86c9a5 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/glass of wine.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/heart.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/heart.png" new file mode 100644 index 0000000000000000000000000000000000000000..2286f1168bcc860a798a0da09a7407dc28f98a6b Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/heart.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/index3.css" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/index3.css" new file mode 100644 index 0000000000000000000000000000000000000000..fcb758616d6b11c31a79b82690a448c4f885a780 --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/index3.css" @@ -0,0 +1,439 @@ +.content { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.header { + display: flex; + justify-content: space-around; +} + +.newpro { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin: 20px 10px 0 0; + width: 100%; + height: 100%; + padding-top: 20px; +} + +.newpro-text { + margin-bottom: 5px; + color: white; + font-weight: bold; + font-size: 1.5em; + transform: translateY(-145px); +} + +.newpro-button { + margin: 8px; + border: white solid 1px; + padding: 7px 10px; + color: white; + border-radius: 16px; + background-color: rgba(236, 236, 236, 0.096); + transform: translateY(-145px); +} + +.ourproduct-up { + display: flex; + align-items: center; + width: 81%; + height: 40px; + border-bottom: solid 1px #E8E8E8; +} + +.ourproduct-up-title { + font-weight: bold; + font-size: 1.1em; + padding-left: 8px; +} + +.product-right { + display: flex; + justify-content: flex-end; + width: 30%; + margin-left: 680px; +} + +ul { + display: flex; + list-style-type: none; + overflow: hidden; +} + +li { + display: inline; +} + +li a { + display: block; + padding: 14px 16px; + color: rgba(160, 160, 160, 0.815); + font-size: small; + font-weight: bold; + text-align: center; + text-decoration: none; +} + +li a:hover { + color: tomato; +} + +.gallery { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + padding-top: 30px; + width: 81%; + background-repeat: no-repeat; +} + +.gallery-box { + display: flex; + flex-direction: column; + align-items: center; + margin-bottom: 20px; +} + +.gallery-box-desc { + padding-top: 10px; +} + +.money { + font-weight: bold; +} + +.special1 { + display: none; +} + +.special2 { + display: none; +} + +.gallery-box:hover .special1 { + display: flex; + align-items: center; + justify-content: center; + width: 286px; + height: 40px; + background-color: rgba(255, 83, 52, 0.89); + color: white; + transform: translateY(-94px); +} + +.gallery-box:hover .special2 { + display: flex; + align-items: center; + justify-content: center; + width: 286px; + height: 40px; + background-color: rgba(255, 83, 52, 0.89); + color: white; + transform: translateY(-100px); + -webkit-transform: translateY(-122.5px); + -moz-transform: translateY(-100px); + -ms-transform: translateY(-100px); + -o-transform: translateY(-100px); +} + +.special2-button { + display: flex; + justify-content: center; + width: 50px; + padding: 5px; + margin-left: 190px; + color: white; + border-radius: 16px; + font-size: 0.85em; + background-color: rgba(122, 7, 7, 0.918); + transform: translateY(-415px); +} + +div.img { + border: 1px solid #D8D8D8; +} + +div.img:hover { + border: 1px solid #777; +} + +div.img img { + width: 100%; + height: auto; +} + +div.desc { + padding: 35px; + text-align: center; +} + +* { + box-sizing: border-box; +} + +.responsive { + padding: 10px 20px; + float: left; + width: 24.99999%; +} + +@media only screen and (max-width: 700px) { + .responsive { + width: 49.99999%; + margin: 6px 0; + } +} + +@media only screen and (max-width: 500px) { + .responsive { + width: 100%; + } +} + +.clearfix:after { + content: ""; + display: table; + clear: both; +} + +.member { + display: flex; + flex-direction: column; + width: 1223px; + height: 451px; + margin-top: 60px; + background-image: url(sofa1.png); +} + +.member-title { + padding-top: 40px; + padding-left: 50px; + font-size: 3em; + color: rgb(71, 18, 18); + font-weight: bolder; +} + +.member-desc { + padding-left: 50px; + margin-bottom: 8px; + color: rgb(102, 58, 26); + font-size: 1.5em; +} + +.member-button { + display: flex; + justify-content: center; + border: rgb(29, 27, 27) 2px solid; + padding: 8px; + margin-left: 53px; + width: 120px; + border-radius: 20px; +} + +.ourstory { + display: flex; + flex-direction: column; + justify-content: center; + width: 1238px; + border-bottom: solid 1px #E8E8E8; + padding-bottom: 45px; +} + +.content-title { + display: flex; + justify-content: center; + padding-top: 50px; + font-weight: bold; + font-size: 1.1em; +} + +.ourstory-desc { + display: flex; + justify-content: center; + padding-top: 5px; + padding-bottom: 20px; + font-weight: bold; +} + +.ourstory-gallery { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 40px; +} + +.ourstory-gallery-box { + display: flex; + flex-direction: column; + padding: 5px; + align-items: center; +} + +.ourstory-gallery-content { + display: flex; + flex-direction: column; + align-items: center; + width: 388px; + transform: translateY(-10px); + -webkit-transform: translateY(-10px); + -moz-transform: translateY(-10px); + -ms-transform: translateY(-10px); + -o-transform: translateY(-10px); +} + +.ourstory-gallery-box-button { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + border-radius: 16px; + width: 140px; + padding: 7px 0; + font-size: 0.8em; + color: white; + font-weight: 700; + background-color: rgb(133, 132, 132); +} + +.ourstory-gallery-box-button:hover { + background-color: rgba(255, 83, 52, 0.89); +} + +.ourstory-gallery-box-title { + padding: 10px 0 15px 0; + font-weight: bold; +} + +.ourstory-gallery-box-content { + font-size: 0.9em; + color: rgba(0, 0, 0, 0.767); +} + +.ourproduct { + display: flex; + flex-direction: column; + align-items: center; + padding-bottom: 45px; +} + +.ourproduct-desc { + padding-top: 5px; + padding-bottom: 20px; + font-weight: bold; +} + +.ourproduct-gallery { + display: flex; + justify-content: space-around; + padding-top: 40px; + width: 80%; +} + +.ourproduct-gallery-box { + display: flex; + flex-direction: column; + align-items: center; +} + +.ourproduct-gallery-box-desc { + display: flex; + align-items: center; +} + +.title { + padding-left: 5px; +} + +.chair { + display: flex; + justify-content: space-around; + padding-left: 180px; + width: 1360px; + align-items: center; +} + +.chair-box { + width: 380px; + height: 204px; + padding-top: 40px; + padding-left: 30px; + background-image: url(sofa2.png); +} + +.chair-box-title { + padding-bottom: 15px; + font-size: 1.2em; + font-weight: bold; +} + +.chair-box-icon { + padding-left: 8px; +} + +.footer { + display: flex; + flex-direction: column; + align-items: center; + margin-top: 40px; + padding: 80px 200px 30px 200px; + background-color: rgba(0, 0, 0, 0.897); +} + +.footer-text { + display: flex; + justify-content: space-around; + width: 83%; +} + +.footer-box { + display: flex; + flex-direction: column; + width: 20%; +} + +.footer-box-title1 { + border-bottom: rgba(255, 255, 255, 0.856) solid 1px; + margin-bottom: 8px; + width: 44%; + font-weight: bold; + font-size: 1.2em; + color: rgba(255, 255, 255, 0.856); +} + +.footer-box-title2 { + border-bottom: rgba(255, 255, 255, 0.856) solid 1px; + margin-bottom: 8px; + width: 74%; + font-weight: bold; + font-size: 1.2em; + color: rgba(255, 255, 255, 0.856); +} + +.footer-box-content { + display: flex; + flex-direction: column; + justify-content: space-evenly; + height: 80px; + margin-bottom: 25px; + font-size: 0.75em; + color: rgba(255, 255, 255, 0.856); +} + +input[type=text] { + padding: 8px 0 8px 20px; + margin: 10px; + margin-bottom: 30px; + width: 30%; + border: 2px solid; + border-radius: 18px; + box-sizing: border-box; + background-color: rgba(233, 232, 232, 0.555); + background-position: 290px 8px; + background-repeat: no-repeat; +} \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/kitchen.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/kitchen.png" new file mode 100644 index 0000000000000000000000000000000000000000..9f4c3692b0b886090794ed99a4f3e031505f2591 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/kitchen.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/magic show.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/magic show.png" new file mode 100644 index 0000000000000000000000000000000000000000..ea8d24e9ca34f6cf831bf2495caf294ffd9942be Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/magic show.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/search.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/search.png" new file mode 100644 index 0000000000000000000000000000000000000000..5ab4e843bec12d4c2203c6cf4646cc5cb02fad5b Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/search.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/sofa.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/sofa.png" new file mode 100644 index 0000000000000000000000000000000000000000..9ffcc4f9505378470bb625b33bbbf52252fbd9e2 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/sofa.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/sofa1.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/sofa1.png" new file mode 100644 index 0000000000000000000000000000000000000000..1fc00766003a795accf4be1954429bb7cce28672 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/sofa1.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/sofa2.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/sofa2.png" new file mode 100644 index 0000000000000000000000000000000000000000..3431550f931358081b53bd946f800a819167f809 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/sofa2.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/top.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/top.png" new file mode 100644 index 0000000000000000000000000000000000000000..6c795f8d7f3a329a484d78afcc546def4a2e3446 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/top.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/top1.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/top1.png" new file mode 100644 index 0000000000000000000000000000000000000000..8f41d88cdad45f0459fa6d5406565f9282268a7e Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/top1.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/top2.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/top2.png" new file mode 100644 index 0000000000000000000000000000000000000000..57beb06b590513cb95833e3d250df7ace7ae3042 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/top2.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/vase.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/vase.png" new file mode 100644 index 0000000000000000000000000000000000000000..cbcefdec1bc396997f7ad0263c6652780c826eb4 Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/vase.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/\345\233\276\345\261\202 6.png" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/\345\233\276\345\261\202 6.png" new file mode 100644 index 0000000000000000000000000000000000000000..03cfb0f4672681ed3f40a894a47b9b3f6eeb5f8a Binary files /dev/null and "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/\345\233\276\345\261\202 6.png" differ diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/\345\256\266\345\205\267.html" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/\345\256\266\345\205\267.html" new file mode 100644 index 0000000000000000000000000000000000000000..60f6919dd1e2c920daed808b3bd813209d4015eb --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/image/\345\256\266\345\205\267.html" @@ -0,0 +1,316 @@ + + + + + + furniture test + + + + + top2 +
+
+
+ sofa +
+ 新品9折 +
+
+ detail view +
+
+
+ sofa +
+ 新品9折 +
+
+ detail view +
+
+
+
+
+ Our Product +
+
+ +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+ 90% +
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+
+
+ 会员专享 +
+
+ 加入会员享8折购 +
+
+ detail view +
+
+
+
+ Our Story +
+
+ 最新潮流 +
+
+
+ kitchen +
+
+ detail view +
+
+ 歇斯达，产品 +
+
+ 包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。 +
+
+
+
+ kitchen +
+
+ detail view +
+
+ 歇斯达，产品 +
+
+ 包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。 +
+
+
+
+ kitchen +
+
+ detail view +
+
+ 歇斯达，产品 +
+
+ 包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。 +
+
+
+
+
+
+
+
+ Our Product +
+
+ 人气产品 +
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+
+
+
+
+ 椅子专区 +
+
+ arrow +
+
+
+
+ 椅子专区 +
+
+ arrow +
+
+
+
+ 椅子专区 +
+
+ arrow +
+
+
+
+
+
+
+ 关于图片 +
+
+
图片因光线和产品批次等问
+
题，可能会有差异，请以收
到实际货物为准。 +
+
+
+
+ 7天无理由退货 +
+
+
本店支持7天无理由退换货，卖
+
家主观原因的退换货，买家承担
+
邮费，产品质量问题等卖家原因
的退换货卖家承担所有邮费。 +
+
+
+
+ 100%正品保证 +
+
+
本店承诺，所售产品均为正
+
品，购买商品请认准授权，
谨防假冒劣质。 +
+
+
+
+ 关于发货 +
+
+
每日下午16：00前的订单当
+
日可以发货。本店默认汇通
,EMS快递。 +
+
+
+ +
+ + + \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/\345\256\266\345\205\267.css" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/\345\256\266\345\205\267.css" new file mode 100644 index 0000000000000000000000000000000000000000..fcb758616d6b11c31a79b82690a448c4f885a780 --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/\345\256\266\345\205\267.css" @@ -0,0 +1,439 @@ +.content { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.header { + display: flex; + justify-content: space-around; +} + +.newpro { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin: 20px 10px 0 0; + width: 100%; + height: 100%; + padding-top: 20px; +} + +.newpro-text { + margin-bottom: 5px; + color: white; + font-weight: bold; + font-size: 1.5em; + transform: translateY(-145px); +} + +.newpro-button { + margin: 8px; + border: white solid 1px; + padding: 7px 10px; + color: white; + border-radius: 16px; + background-color: rgba(236, 236, 236, 0.096); + transform: translateY(-145px); +} + +.ourproduct-up { + display: flex; + align-items: center; + width: 81%; + height: 40px; + border-bottom: solid 1px #E8E8E8; +} + +.ourproduct-up-title { + font-weight: bold; + font-size: 1.1em; + padding-left: 8px; +} + +.product-right { + display: flex; + justify-content: flex-end; + width: 30%; + margin-left: 680px; +} + +ul { + display: flex; + list-style-type: none; + overflow: hidden; +} + +li { + display: inline; +} + +li a { + display: block; + padding: 14px 16px; + color: rgba(160, 160, 160, 0.815); + font-size: small; + font-weight: bold; + text-align: center; + text-decoration: none; +} + +li a:hover { + color: tomato; +} + +.gallery { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + padding-top: 30px; + width: 81%; + background-repeat: no-repeat; +} + +.gallery-box { + display: flex; + flex-direction: column; + align-items: center; + margin-bottom: 20px; +} + +.gallery-box-desc { + padding-top: 10px; +} + +.money { + font-weight: bold; +} + +.special1 { + display: none; +} + +.special2 { + display: none; +} + +.gallery-box:hover .special1 { + display: flex; + align-items: center; + justify-content: center; + width: 286px; + height: 40px; + background-color: rgba(255, 83, 52, 0.89); + color: white; + transform: translateY(-94px); +} + +.gallery-box:hover .special2 { + display: flex; + align-items: center; + justify-content: center; + width: 286px; + height: 40px; + background-color: rgba(255, 83, 52, 0.89); + color: white; + transform: translateY(-100px); + -webkit-transform: translateY(-122.5px); + -moz-transform: translateY(-100px); + -ms-transform: translateY(-100px); + -o-transform: translateY(-100px); +} + +.special2-button { + display: flex; + justify-content: center; + width: 50px; + padding: 5px; + margin-left: 190px; + color: white; + border-radius: 16px; + font-size: 0.85em; + background-color: rgba(122, 7, 7, 0.918); + transform: translateY(-415px); +} + +div.img { + border: 1px solid #D8D8D8; +} + +div.img:hover { + border: 1px solid #777; +} + +div.img img { + width: 100%; + height: auto; +} + +div.desc { + padding: 35px; + text-align: center; +} + +* { + box-sizing: border-box; +} + +.responsive { + padding: 10px 20px; + float: left; + width: 24.99999%; +} + +@media only screen and (max-width: 700px) { + .responsive { + width: 49.99999%; + margin: 6px 0; + } +} + +@media only screen and (max-width: 500px) { + .responsive { + width: 100%; + } +} + +.clearfix:after { + content: ""; + display: table; + clear: both; +} + +.member { + display: flex; + flex-direction: column; + width: 1223px; + height: 451px; + margin-top: 60px; + background-image: url(sofa1.png); +} + +.member-title { + padding-top: 40px; + padding-left: 50px; + font-size: 3em; + color: rgb(71, 18, 18); + font-weight: bolder; +} + +.member-desc { + padding-left: 50px; + margin-bottom: 8px; + color: rgb(102, 58, 26); + font-size: 1.5em; +} + +.member-button { + display: flex; + justify-content: center; + border: rgb(29, 27, 27) 2px solid; + padding: 8px; + margin-left: 53px; + width: 120px; + border-radius: 20px; +} + +.ourstory { + display: flex; + flex-direction: column; + justify-content: center; + width: 1238px; + border-bottom: solid 1px #E8E8E8; + padding-bottom: 45px; +} + +.content-title { + display: flex; + justify-content: center; + padding-top: 50px; + font-weight: bold; + font-size: 1.1em; +} + +.ourstory-desc { + display: flex; + justify-content: center; + padding-top: 5px; + padding-bottom: 20px; + font-weight: bold; +} + +.ourstory-gallery { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 40px; +} + +.ourstory-gallery-box { + display: flex; + flex-direction: column; + padding: 5px; + align-items: center; +} + +.ourstory-gallery-content { + display: flex; + flex-direction: column; + align-items: center; + width: 388px; + transform: translateY(-10px); + -webkit-transform: translateY(-10px); + -moz-transform: translateY(-10px); + -ms-transform: translateY(-10px); + -o-transform: translateY(-10px); +} + +.ourstory-gallery-box-button { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + border-radius: 16px; + width: 140px; + padding: 7px 0; + font-size: 0.8em; + color: white; + font-weight: 700; + background-color: rgb(133, 132, 132); +} + +.ourstory-gallery-box-button:hover { + background-color: rgba(255, 83, 52, 0.89); +} + +.ourstory-gallery-box-title { + padding: 10px 0 15px 0; + font-weight: bold; +} + +.ourstory-gallery-box-content { + font-size: 0.9em; + color: rgba(0, 0, 0, 0.767); +} + +.ourproduct { + display: flex; + flex-direction: column; + align-items: center; + padding-bottom: 45px; +} + +.ourproduct-desc { + padding-top: 5px; + padding-bottom: 20px; + font-weight: bold; +} + +.ourproduct-gallery { + display: flex; + justify-content: space-around; + padding-top: 40px; + width: 80%; +} + +.ourproduct-gallery-box { + display: flex; + flex-direction: column; + align-items: center; +} + +.ourproduct-gallery-box-desc { + display: flex; + align-items: center; +} + +.title { + padding-left: 5px; +} + +.chair { + display: flex; + justify-content: space-around; + padding-left: 180px; + width: 1360px; + align-items: center; +} + +.chair-box { + width: 380px; + height: 204px; + padding-top: 40px; + padding-left: 30px; + background-image: url(sofa2.png); +} + +.chair-box-title { + padding-bottom: 15px; + font-size: 1.2em; + font-weight: bold; +} + +.chair-box-icon { + padding-left: 8px; +} + +.footer { + display: flex; + flex-direction: column; + align-items: center; + margin-top: 40px; + padding: 80px 200px 30px 200px; + background-color: rgba(0, 0, 0, 0.897); +} + +.footer-text { + display: flex; + justify-content: space-around; + width: 83%; +} + +.footer-box { + display: flex; + flex-direction: column; + width: 20%; +} + +.footer-box-title1 { + border-bottom: rgba(255, 255, 255, 0.856) solid 1px; + margin-bottom: 8px; + width: 44%; + font-weight: bold; + font-size: 1.2em; + color: rgba(255, 255, 255, 0.856); +} + +.footer-box-title2 { + border-bottom: rgba(255, 255, 255, 0.856) solid 1px; + margin-bottom: 8px; + width: 74%; + font-weight: bold; + font-size: 1.2em; + color: rgba(255, 255, 255, 0.856); +} + +.footer-box-content { + display: flex; + flex-direction: column; + justify-content: space-evenly; + height: 80px; + margin-bottom: 25px; + font-size: 0.75em; + color: rgba(255, 255, 255, 0.856); +} + +input[type=text] { + padding: 8px 0 8px 20px; + margin: 10px; + margin-bottom: 30px; + width: 30%; + border: 2px solid; + border-radius: 18px; + box-sizing: border-box; + background-color: rgba(233, 232, 232, 0.555); + background-position: 290px 8px; + background-repeat: no-repeat; +} \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/\345\256\266\345\205\267html.txt" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/\345\256\266\345\205\267html.txt" new file mode 100644 index 0000000000000000000000000000000000000000..60f6919dd1e2c920daed808b3bd813209d4015eb --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\344\275\225\347\216\256\347\220\252/\345\256\266\345\205\267html.txt" @@ -0,0 +1,316 @@ + + + + + + furniture test + + + + + top2 +
+
+
+ sofa +
+ 新品9折 +
+
+ detail view +
+
+
+ sofa +
+ 新品9折 +
+
+ detail view +
+
+
+
+
+ Our Product +
+
+ +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+ 90% +
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+ vase +
这是一个标题
+
￥599
+
+
+ detail view +
+
+
+
+
+
+ 会员专享 +
+
+ 加入会员享8折购 +
+
+ detail view +
+
+
+
+ Our Story +
+
+ 最新潮流 +
+
+
+ kitchen +
+
+ detail view +
+
+ 歇斯达，产品 +
+
+ 包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。 +
+
+
+
+ kitchen +
+
+ detail view +
+
+ 歇斯达，产品 +
+
+ 包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。 +
+
+
+
+ kitchen +
+
+ detail view +
+
+ 歇斯达，产品 +
+
+ 包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。 +
+
+
+
+
+
+
+
+ Our Product +
+
+ 人气产品 +
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+ 图层 6 +
+ heart这是一个标题 +
+
￥599
+
+
+
+
+
+
+ 椅子专区 +
+
+ arrow +
+
+
+
+ 椅子专区 +
+
+ arrow +
+
+
+
+ 椅子专区 +
+
+ arrow +
+
+
+
+
+
+
+ 关于图片 +
+
+
图片因光线和产品批次等问
+
题，可能会有差异，请以收
到实际货物为准。 +
+
+
+
+ 7天无理由退货 +
+
+
本店支持7天无理由退换货，卖
+
家主观原因的退换货，买家承担
+
邮费，产品质量问题等卖家原因
的退换货卖家承担所有邮费。 +
+
+
+
+ 100%正品保证 +
+
+
本店承诺，所售产品均为正
+
品，购买商品请认准授权，
谨防假冒劣质。 +
+
+
+
+ 关于发货 +
+
+
每日下午16：00前的订单当
+
日可以发货。本店默认汇通
,EMS快递。 +
+
+
+ +
+ + + \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\345\210\230\345\272\267\345\201\245/index.css" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\345\210\230\345\272\267\345\201\245/index.css" new file mode 100644 index 0000000000000000000000000000000000000000..582bad5009fc5bd19b95d4d9781f8b83b69dbae4 --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\345\210\230\345\272\267\345\201\245/index.css" @@ -0,0 +1,332 @@ +.head{ + width: 100%; + padding: 10px; + position: fixed; + top: 0px; + background-color: #fff; + border-bottom: solid #F5F5F5 0.15px; +} + +.head img{ + width: 35px; + height: 35px; + position: relative; + top: 5px; + margin-left: 50px; + margin-right: 10px; +} + +.head span{ + margin: 5px; + color: green; + font-size: 30px; + font-family: SimSun; +} + +.head ul{ + list-style-type: none; + float: right; + margin-right: 70px; +} + +.head li{ + display: inline-block; + font-size: 14px; + font-weight: bold; +} + +.head a{ + display: block; + width: 100px; + padding: 3px; + color: black; + text-align: center; + text-decoration: none; + font-family: bold; +} + +.head a:hover,a:active { + color: orange; +} + +.menu{ + margin: 0 auto; + width: 40%; + padding: 10px; + text-align: center; + margin-top: 150px; + margin-bottom: 75px; + background-image: url(images/background.png); + background-repeat: no-repeat; + background-position: center; + background-size: 550px 170px; +} + +.menu p{ + margin-bottom: 30px; + color: #C0C0C0; + font-size: 13px; + font-style: italic; + font-family: "Comic Sans MS", cursive, sans-serif; +} + +.pics { + margin: 2px auto; + width: 90%; + text-align: center; +} + +.content:hover .images { + transform: scale(1.2); /*鼠标悬停时，增加了图片放大动画*/ +} + +.img{ + display: inline-block; + margin: 18px; + text-align: center; + box-shadow: 0 0 20px 20px #F5F5F5; + border-radius: 20px; +} + +.img img{ + width: 400px; + height: 300px; +} + +.img p{ + margin-top: 30px; + margin-bottom: 50px; + color: #C0C0C0; + font-size: 13px; + font-style: italic; + font-family: "Comic Sans MS", cursive, sans-serif; +} + +.foot{ + margin: 0 auto; + text-align: center; + margin-top: 140px; +} + +.foot img{ + width: 60px; + height: 60px; + padding: 15px; + position: relative; + top: 58px; + border: solid #F5F5F5 2px; + border-radius: 100px; + background-color: #fff; +} + +.footp{ + margin-top: 71px; + font-weight: bold; +} + +.foot p { + color: #C0C0C0; + font-size: 13px; + font-style: italic; + font-family: "Comic Sans MS", cursive, sans-serif; +} + +.contact{ + margin: 0 auto; + width: 200px; + border-top: solid #f5f5f5 2px; + margin-top: 40px; + margin-bottom: 40px; +} + +.contact ul{ + list-style-type: none; + text-align: center; + padding: 1px; +} + +.contact li{ + margin: 8px; + display: inline-block; +} + +.content:hover .images { + transform: scale(1.2); +} + + +/*新添加的*/ + +.head { + display: flex; + flex-direction: row; + justify-content: space-between; + margin: 14px; + padding: 10px; + border-bottom: 1px solid #e7e7e7; + /*opacity: 0.5;*/ /*设置透明度*/ +} + +.logo-box { + display: flex; + flex-direction: row; + align-items: center; +} + +.header-left-text { + font-weight: bold; +} + +.restaurant-logo { + width: 50px; + height: 50px; + margin: 8px; +} + +.content { + overflow: hidden; + float: left; + margin: 5px; + position: relative; +} + +.box { + flex-direction: row; +} + +.restaurant-name { + font-size: 1.3em; + font-weight: bold; +} + +.navigation { + display: flex; + flex-direction: row; + align-items: center; +} + +.navi-title { + font-size: 1.4em; + margin: 20px; +} + +.wrapper { + margin: 40px; + display: flex; + flex-direction: column; + align-items: center; + margin: 0 auto; + width: 40%; + padding: 10px; + text-align: center; + margin-top: 150px; + margin-bottom: 75px; + background-image: url(images/background.png); + background-repeat: no-repeat; + background-position: center; + background-size: 550px 170px; +} + +.title { + width: 537px; + height: 160px; + background-image: url("images/background.png"); + display: flex; + flex-direction: column; + align-items: center; + background-repeat: no-repeat; + background-position: center; + background-size: cover; + margin: 20px; +} + +.title-header { + font-size: 2.0em; + font-weight: bold; + margin-top: 30px; +} + +.title-desc { + margin-top: 30px; + margin-bottom: 30px; + color: #C0C0C0; + font-size: 13px; + font-style: italic; + font-family: "Comic Sans MS", cursive, sans-serif; +} + +.galary { + +} + +.footer { + color: #C0C0C0; + font-size: 13px; + font-style: italic; + text-align: center; + font-family: "Comic Sans MS", cursive, sans-serif; + margin: 0 auto; + border-top: solid #F5F5F5 2px; + margin-top: 40px; + margin-bottom: 40px; + margin: 0 auto; + text-align: center; +} + +.wrap { + position: relative; + text-align: center; + width: 120px; + height: 120px; + overflow: hidden; + align-items: center; + flex-direction: row; + align-items: center; + background-position: center; + color: #C0C0C0; + font-size: 13px; + font-style: italic; + text-align: center; + font-family: "Comic Sans MS", cursive, sans-serif; + margin: 0 auto; + border-top: solid #F5F5F5 2px; + margin-top: 40px; + margin-bottom: 40px; + margin: 0 auto; + text-align: center; +} + +.circle { + float: top; + height: 100%; + text-align: center; + align-items: center; + background-position: center; + box-sizing: border-box; + border: 2px solid #e7e7e7; + border-radius: 50%; + flex-direction: row; + align-items: center; + + + + + +} + +.logo-png { + margin-top: 17px; + flex-direction: row; + align-items: center; + +} + +.foot-hr { + width: 1000px; +} + +body { + text-align: center; + flex-direction: row; + align-items: center; +} diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\345\210\230\345\272\267\345\201\245/index.html" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\345\210\230\345\272\267\345\201\245/index.html" new file mode 100644 index 0000000000000000000000000000000000000000..31d921e6d58e516eea3191a81c283d234691811a --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\345\210\230\345\272\267\345\201\245/index.html" @@ -0,0 +1,137 @@ + + + + + 第一次培训 + + + + +
+
+ +
Gratia
+
+
+
About
+
Menu
+
Gallery
+
Contact
+
+
+ +
+
+
MENU
+
Lorem ipsum dolor sit amet,consecteta adjprieeing elht
+
+
+ +
+
+ + +
+
+
+ Main Dishes +
+

MAIN DISHES

+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+
+ +
+
+ Soups +
+

SOUPS

+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+
+ +
+
+ Hamburgers +
+

HAMBURGERS

+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+
+ +
+
+ Desserts +
+

DESSERTS

+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+
+ +
+
+ Barbecue +
+

BARBECUE

+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+
+ +
+
+ Salads +
+

SALADS

+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+
+ +
+ + +
+
+
+ Logo +

Gratia Restaurant

+

Copyright 2016. All rights reserved by symu

+
+ +
+
+
+ +
+ +
+ + + \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\345\220\264\345\271\273/\351\253\230\347\272\247.css" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\345\220\264\345\271\273/\351\253\230\347\272\247.css" new file mode 100644 index 0000000000000000000000000000000000000000..defc359d68cc1928e5117fcd26f5f4a530ccd2f0 --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\345\220\264\345\271\273/\351\253\230\347\272\247.css" @@ -0,0 +1,49 @@ +body { background-image:url('background.png'); + background-repeat:no-repeat; + background-attachment:fixed; + background-position:50% 15%; + background-color: rgba(253, 253, 253, 0.89)} +div.head1{ + display: flex; + flex-direction: row-reverse; +justify-content: right;} +a{display:block; + width:100px; + color: black;} +a.active {color: rgb(245, 159, 20);} +.MENU{ font-weight: bolder; + text-align: center; + font-size: xx-large;} +.words{text-align: center; +font-size: xx-small;} +div.mainbody{display: flex; +flex-wrap: wrap; +flex-direction: row; +justify-content:center +} +div.mainbody{margin: 75px;} +div.food{text-align: center; +margin: 15px; +border: 1px solid #fafafc; +display: inline-block; +background-color: rgb(255, 255, 255);} +div.zi{font-size: xx-large; +font-weight: bolder;} +div.xiaozi{font-weight: 200;} +.logo{text-align: center;} +.endword1{text-align: center;} +.endword2{font-weight: 100; +text-align: center; +color: gray;} +.endpicture{text-align: center;} +.logobox{width:130px; +height:130px; +margin: 30px auto; +border: 0.01px solid silver; +line-height: 200px; +border-radius: 50%; +position: relative; +top: 95px; +background-color: #fff;} +.logobox img{margin-top: 0px;} + diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\345\220\264\345\271\273/\351\253\230\347\272\247.html" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\345\220\264\345\271\273/\351\253\230\347\272\247.html" new file mode 100644 index 0000000000000000000000000000000000000000..352d7c1f67ebe1c21d99edd5eab6a088fca94df7 --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\345\220\264\345\271\273/\351\253\230\347\272\247.html" @@ -0,0 +1,53 @@ + + + + +高级 + +logoGratia +
+ About + Menu + Gallery + Contact +
+ + +
+

MENU

+

Lorem ipsum dolor sit amet consectetur adipisicing elit.

+
+
+ 主食 +
MAIN DISHES


+
Lorem ipsum dolor sit, amet consectetur
+
+ 汤 +
SOUPS


+
Lorem ipsum dolor sit, amet consectetur
+
+ 汉堡 +
HAMBURGERS


+
Lorem ipsum dolor sit, amet consectetur
+
+ 甜点 +
DESSERTS


+
Lorem ipsum dolor sit, amet consectetur
+
+ 烧烤 +
BARBECUE


+
Lorem ipsum dolor sit, amet consectetur
+
+ 沙拉 +
SALADS


+
Lorem ipsum dolor sit, amet consectetur
+
+
+
+


+

Gratia Restaurant

+

Copyright 2016.All rights reserved by symu

+

_________________________

+
. . .
+ + \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\345\224\220\345\201\245\346\201\222/index.css" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\345\224\220\345\201\245\346\201\222/index.css" new file mode 100644 index 0000000000000000000000000000000000000000..f3d5597e521651cad804d48701f63c0ef7c0ad25 --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\345\224\220\345\201\245\346\201\222/index.css" @@ -0,0 +1,182 @@ +.body { + width: 80%; + margin: auto; +} +.header{ + display: flex; + flex-direction: row; + justify-content: space-between; + margin: 10px; + align-items: center; +} +.logo{ + display: flex; + flex-direction: row; + align-items: center; + margin: 10px; +} +.logo-picture img{ + width: 8px; +} +.logo-title{ + margin-left: 7px; + font-weight: bold; + font-size: larger; + margin-bottom: 20px; +} +.navigation{ + display: flex; + flex-direction: row; +} +.navigation-choice{ + align-items: center; + font-weight: bold; + margin: 30px; + font-size: larger; +} +a:link {text-decoration:none;color: black;} /* 使navigation的页面内跳转链接更好看 */ +a:visited {text-decoration:none;color: black;} /* 使navigation的页面内跳转链接更好看 */ +a:hover {text-decoration:none;color: black;} /* 使navigation的页面内跳转链接更好看 */ +a:active {text-decoration:none;color: black;} /* 使navigation的页面内跳转链接更好看 */ + + +a #menu :link {text-decoration:none;color: rgb(207,160,118);} /* Menu的特殊颜色 */ +a.color:visited {text-decoration:none;color: rgb(207,160,118);} /* Menu的特殊颜色 */ +a.color:hover {text-decoration:none;color: rgb(207,160,118);} /* Menu的特殊颜色 */ +a.color:active {text-decoration:none;color: rgb(207,160,118);} /* Menu的特殊颜色 */ + + +.fixed{ + position:fixed; + top: 0px; + width:100%; + background: rgb(255,255,255); + overflow-y:auto; + min-height: 60px; + line-height: 60px; +} +.blank0{ + border-bottom: rgb(234,234,234) solid; + border-bottom-width: 1px; +} +.blank1{ + margin: 160px; +} + +.container{ + display: flex; + flex-direction: column; + align-items: center; + margin: 15px; + background-image: url(../image/background.png); + background-repeat: no-repeat; + background-position: center; +} +.container-title{ + margin-top: 30px; + font-size: 2vw; + font-weight: bolder; + text-align: center; +} +.container-description{ + margin: 11px; + margin-bottom: 50px; + font-style: italic; + color: rgb(169,169,174); + font-size: 1vw; +} +.blank2{ + margin: 45px; +} +.gallery{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; +} +.box{ + display: flex; + flex-direction: column; + align-items: center; + width: 30%; + height: auto; + box-sizing: border-box; + border: 1px solid #ccc; + margin-bottom: 30px; + box-shadow: 20px 20px 20px 20px rgb(239,238,243); + padding-bottom: 40px; +} +.title{ + font-size: 2vw; + font-weight: bolder; + text-align: center; +} +p{ + font-style: italic; + font-family: Georgia, 'Times New Roman', Times, serif; + font-weight: 1; + color: darkgray; + font-size: 1vw; + text-align: center; + margin-bottom: 10px; +} +.blank3{ + margin: 10px; +} +.line{ + width: 10%; + height: 1px; + background-color: rgb(235,235,235); +} +.blank4{ + margin: 30px; +} +.footer{ + display: flex; + flex-direction: column; + align-items: center; + font-family: Georgia, 'Times New Roman', Times, serif; +} +.footer-logo{ + margin-top: 65px; +} +.footer-logo-line{ + display: flex; + flex-direction: row; + align-items: center; +} +.good-line{ + width: 45vw; + height: 1px; + background-color: rgb(235,235,235); +} +.footer-logo img{ + width: 70px; + height: 70px; + padding: 22px; + border: solid #F5F5F5 2px; + border-radius: 100px; + background-color: #fff; +} +.footer-title{ + font-size: larger; + font-weight: bolder; + margin-top: 20px; +} +.footer-main{ + font-style: italic; + color: rgb(190,190,190); + margin: -5px; +} +.footer-line{ + width: 15%; + height: 1px; + background-color: rgb(235,235,235); + margin: 10px; +} +.last img{ + margin: 10px; + margin-top: 0mm; +} + + diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\345\224\220\345\201\245\346\201\222/index.html" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\345\224\220\345\201\245\346\201\222/index.html" new file mode 100644 index 0000000000000000000000000000000000000000..473a041cdcf7a29ab8c758a6b98eaeb7881a82dc --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\345\224\220\345\201\245\346\201\222/index.html" @@ -0,0 +1,127 @@ + + + + + + Document + + + + + + +
+
+ +
+
About
+
Menu
+
Gallery
+
Contact
+
+
+
+
+ +
+ +
+ +
MENU
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+
+ +
+
+
+
+ +
+
MAIN DISHES
+
+
+

Lorem ipsum dolor sit amet consectetur adipisicing elit.

+
+
+ +
+
SOUPS
+
+
+

Lorem ipsum dolor sit amet consectetur adipisicing elit.

+
+
+ +
+
HAMBURGERS
+
+
+

Lorem ipsum dolor sit amet consectetur adipisicing elit.

+
+
+ +
+
DESSERTS
+
+
+

Lorem ipsum dolor sit amet consectetur adipisicing elit.

+
+
+ +
+
BARBECUE
+
+
+

Lorem ipsum dolor sit amet consectetur adipisicing elit.

+
+
+ +
SALADS
+
+
+
+

Lorem ipsum dolor sit amet consectetur adipisicing elit.

+
+
+
+ +
+ +
+ + + +
+ Cratia Restaurant +
+
+
+ Copyright 2016.All right served by symu +
+
+
+
+
+ + + + + + +
+
+ + diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\345\255\237\344\275\263/the first task.html" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\345\255\237\344\275\263/the first task.html" new file mode 100644 index 0000000000000000000000000000000000000000..0952f888030a8423e1326333c50fd4d4b9b066e7 --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\345\255\237\344\275\263/the first task.html" @@ -0,0 +1,235 @@ + + + + 我的修改 + + + +
+
logoCratia
+
+
  • About
    • +
  • Menu
    • +
  • Callery
    • +
  • Contact
    • +
    +
    +
    +

    MENU

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    +
    +
    +
    + Main Dishes +
    +

    MAIN DISHES

    +
    +
    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    +
    +
    +
    + Soups +
    +

    SOUPS

    +
    +
    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    +
    +
    +
    + Hamburgers +
    +

    HAMBURGERS

    +
    +
    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    +
    +
    +
    + Desserts +
    +

    DESSERTS

    +
    +
    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    +
    +
    +
    + Barbecue +
    +

    BARBECUE

    +
    +
    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    +
    +
    +
    + Salads +
    +

    SALADS

    +
    +
    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    +
    +
    +
    +
    + +
    +
    +
  • Gratia Restaurant
    • +
  • Copyright 2016. All rights reserved by symu
    • +
    +
    +
    + facebook + twitter + instagram +
    + + \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\346\236\227\345\255\220\346\265\251/gratia.css" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\346\236\227\345\255\220\346\265\251/gratia.css" new file mode 100644 index 0000000000000000000000000000000000000000..073973e56ca723b854f6a3163766076ddb592ab3 --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\346\236\227\345\255\220\346\265\251/gratia.css" @@ -0,0 +1,216 @@ +@charset "utf-8"; + +body { + display: flex; + flex-direction: column; + background-repeat: no-repeat; + width: 100%; +} + +p { + font-size: 15px; + font-family:"Times New Roman", Times, serif; + font-style: italic; + color: #aeb0b9; +} + +label, h1, h2, h3 { + font-family: "Arial Black", Gadget, sans-serif; +} + +p.brand { + font-family: "Arial Black", Gadget, sans-serif; + size: 15px; + font-style: normal; + color: black; + margin: 0 auto; +} + +/* 导航栏样式表 */ +nav { + position: fixed; + top: 0; + width: 100%; + height: 13%; + + background-color: white; + + display: flex; + flex-direction: row; + justify-content: space-between; + /* align-self: flex-end; */ + align-items: center; + text-align: center center; + + border-bottom: solid #d2d3d6 0.15px; +} + +nav img { + position: relative; + top: 5px; + margin-right: 10px; + width: 35px; + height: 35px; +} + +nav label { + text-align: center center; + font-size: 14px; +} + +nav ul { + margin-right: 30px; + margin: 0px; + padding: 0 0; + list-style: none; +} + +nav ul li { + display: inline; + font-family: "Arial Black", Gadget, sans-serif; +} + +nav ul li a { + float: right; + padding: 0 20px; + font-size: 12px; + text-align: top; + text-decoration: none; + color: #000000; + outline: none; +} + +#nav-logo { + margin-left: 3%; + display: flex; + flex-wrap: wrap; +} + +#nav-logo p { + font-family: "Arial Black", Gadget, sans-serif; + font-size: 16px; + font-style: normal; + color: black; +} + +#nav-list { + margin-right: 3%; + display: inline-block; + vertical-align: middle; + text-align: center center; +} + +#main-topic { + background: url(../image/background.png) no-repeat; + background-position: center center; + text-align: center; + height: 107px; + margin-top: 12%; + margin-bottom: 8%; +} + +.menu-exhibition { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; +} + +.cardbox-top { + width: 400px; + height: 500px; + box-shadow:10px 5px 60px #d2d3d6; + text-align: center; + float: left; + margin: 22px 22px; +} + +.cardbox-btm { + width: 400px; + height: 500px; + box-shadow: 10px -5px 60px #d2d3d6; + text-align: center; + float: left; + margin: 28px 22px 0 22px; +} + +.photobox-dish { + width: 400px; + height: 295px; +} + +.cardbox-top h2 { + font-size: 30px; + padding: 25px 0 15px 0; +} + +.cardbox-btm h2 { + font-size: 30px; + padding: 25px 0 15px 0; +} + +#tail-logo { + margin: 10% 1% 5% 1%; + text-align: center; + display: flex; + justify-content: center; + height: 100px; +} + +.top-layer { + width: 140px; + margin: 0 auto; + position: absolute; + z-index: 1; + background-color: white; +} + + +.btm-layer { + width: 100%; + position: relative; + top: 60%; + z-index: 0; +} + +.btm-layer hr { + color: #d2d3d6; + size: 0.15px; +} + +#tail-logo img { + width: 100px; /*包括边框在内的宽 高同理*/ + height: 100px; + margin: 0 auto; + padding: 20px 20px; + border: 1px solid #d2d3d6; + font-weight: bold; + border-radius: 50%; +} + +#tail-para { + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; + width: 100%; + margin-bottom: 5%; + +} + +#tail-para p { + size: 16px; +} + +.tail-contact { + display: flex; + margin: 0 auto; + justify-content: center; + width: 96px; + padding: 30px 0 30px 0; + border-top: solid #d2d3d6 0.15px; +} + +.tail-contact img { + padding: 0 4px; +} diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\346\236\227\345\255\220\346\265\251/index.html" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\346\236\227\345\255\220\346\265\251/index.html" new file mode 100644 index 0000000000000000000000000000000000000000..36afa2ba5d70ee7402b58e281be00e5ad1d35ff1 --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\346\236\227\345\255\220\346\265\251/index.html" @@ -0,0 +1,91 @@ + + + + + Gratia + + + + + + +
    +

    MENU

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    +
    + +
    +
    + +

    MAIN DISHES

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    +
    +
    + +

    SOUPS

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    +
    +
    + +

    HAMBURGERS

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    +
    +
    + +
    +
    + +

    DESSERTS

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    +
    +
    + +

    BARBECUE

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    +
    +
    + +

    SALADS

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    +
    +
    + + + + +
    +

    Gratia Restaurant

    +

    Copyright 2016. All right reserved by symu

    +
    + +
    + + + +
    + + + + \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\347\216\213\347\205\234/111.html" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\347\216\213\347\205\234/111.html" new file mode 100644 index 0000000000000000000000000000000000000000..632b0959be195cca31eda1231981290dc220c5f3 --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\347\216\213\347\205\234/111.html" @@ -0,0 +1,109 @@ + + + + + + 小作业2 + + + + + + +
    + +
    +
    Contact
    +
    Gallery
    +
    Menu
    +
    About
    +
    +
    + +
    +
    MENU
    +
    Lorem, ipsum dolor sit amet consectetur adipisicing elit.
    +
    + +
    +
    + + MAIN DISHES + +
    MAIN DISHES +
    +

    Lorem ipsum dolor sit amet consectetur adipisicing elit.

    +
    +
    +
    +
    + + SOUPS + +
    SOUPS +
    +

    Lorem ipsum dolor sit amet consectetur adipisicing elit.

    +
    +
    +
    +
    + + Hamburgers + +
    HAMBURGERS +
    +

    Lorem ipsum dolor sit amet consectetur adipisicing elit.

    +
    +
    +
    +
    + + Desserts + +
    DESSERTS +
    +

    Lorem ipsum dolor sit amet consectetur adipisicing elit.

    +
    +
    +
    +
    + + Barbecue + +
    BARBECUE +
    +

    Lorem ipsum dolor sit amet consectetur adipisicing elit.

    +
    +
    +
    +
    + + Salads + +
    SALADS +
    +

    Lorem ipsum dolor sit amet consectetur adipisicing elit.

    +
    +
    +
    +
    + +
    + + Gratia Restaurant
    +
    Copyright 2016.All right reserved by symu +
    +
    + + + +
    +
    + + + + + \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\347\216\213\347\205\234/style1.css" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\347\216\213\347\205\234/style1.css" new file mode 100644 index 0000000000000000000000000000000000000000..72d0de8d51e522feaf0635e1f90a96161db072ff --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\347\216\213\347\205\234/style1.css" @@ -0,0 +1,151 @@ +/* 导航栏 */ +.body { + display: flex; + flex-direction: column; + align-items: center; +} + +.nav { + width: 86%; + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px 7%; + border-bottom: 1px #cac6c6 solid; +} + +.nav-logo { + display: flex; + align-items: center; +} + +.nav-logo img { + width: 40px; + height: 40px; + margin: 8px; +} + +.nav-logo-text { + font-size: 1.2em; + font-weight: bold; +} + +.nav-list-text { + margin: 6px 20px; + text-decoration: none; + color: black; +} + +.nav-list { + display: flex; + justify-content: space-evenly; + +} + +.nav a:hover{ + background-color:#eee; + color: #ff8500 ; +} + +/* 头部 */ +.background { + background-image:url('background.png'); + width: 532px; + height: 160px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background-position: center; + background-repeat: no-repeat; + background-size: 100%; + columns: #f5f5f5; + margin: 80px; +} + +.background-title { + font-size: 2em; + font-weight: bold; + margin-bottom: 20px; +} + +.backgournd-desc { + font-size: .9em; + font-style: italic; + color: gray; +} + +/* 内容 */ +.imgs { + margin: 20px auto; + box-shadow: 8px 8px 8px 8px #f5f5f5; + float: left; + width: 355px; + height: 400px; +} + +div.img:hover { + border: 1px solid silver; +} +div.imgs img { + width: 100%; + height:20 auto; +} +div.desc { + padding: 15px; + text-align: center; + background-position: center; +} +.gallery{ + display: flex; + width: 1185px; + height: 1000px; + justify-content: space-between; + flex-wrap: wrap; + background-position: center; + margin: auto; +} +.gallery-text { + font-style: italic; + color: gray; +} +/* 短横线 */ +.gallery-splitline{ + height: 10px; + width: 30px; + border-bottom: 1px solid #cac6c6; + margin-left: 150px; + margin-right: 150px; +} +/* 尾巴 */ +.box{ + width: 81px; + height: 81px; + border:1px solid #f2e9e9; + border-radius: 50%; + padding: 8px; + transform: translateY(-50px); + background-color: white; +} + +.footer{ + margin-top: 80px; + width: 100%; + border-top: 1px #f2e9e9 solid; + margin: 0 auto; + text-align: center; + display: flex; + flex-direction: column; + align-items: center; +} + +.footer-icons { + width: 100px; + border-top: 1px solid #f2e9e9; + padding: 20px; + margin: 20px; +} +.footer-text { + color: #dbd7d7; + font-style: italic; +} \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\347\216\213\347\216\211\345\250\234/index.html" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\347\216\213\347\216\211\345\250\234/index.html" new file mode 100644 index 0000000000000000000000000000000000000000..5ff93943843b32b9786b32d847f067d4c37b27a8 --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\347\216\213\347\216\211\345\250\234/index.html" @@ -0,0 +1,82 @@ + + + + + + 我要交作业 + + + +
    +
    + +
    Cratia
    +
    +
    +

    About

    +

    Menu

    +

    Gallery

    +

    Contact

    +
    +
    + +
    +
    +
    MENU
    +
    Lorem ipsum dolor sit amet,consectetur adipiscing elit
    +
    +
    +
    + MAIN DISHES +

    MAIN DISHES

    +
    +

    Lorem ipsum dolor sit amet,consectetur adipiscing elit

    +
    +
    + SOUPS +

    SOUPS

    +
    +

    Lorem ipsum dolor sit amet,consectetur adipiscing elit

    +
    +
    + HAMBURGERS +

    HAMBURGERS

    +
    +

    Lorem ipsum dolor sit amet,consectetur adipiscing elit

    +
    +
    + DESSERTS +

    DESSERTS

    +
    +

    Lorem ipsum dolor sit amet,consectetur adipiscing elit

    +
    +
    + BARBECUE +

    BARBECUE

    +
    +

    Lorem ipsum dolor sit amet,consectetur adipiscing elit

    +
    +
    + SALADS +

    SALADS

    +
    +

    Lorem ipsum dolor sit amet,consectetur adipiscing elit

    +
    +
    + +
    + +
    + + +
    Cratia Restaurant
    +
    Copyright 2016. All rights reserved by symu
    +
    +
    FB
    +
    TR
    +
    IG
    +
    +
    + + + \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\347\216\213\347\216\211\345\250\234/yanfa.css" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\347\216\213\347\216\211\345\250\234/yanfa.css" new file mode 100644 index 0000000000000000000000000000000000000000..c93482f852bb916bf9521bb260bd34d35626a636 --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\347\216\213\347\216\211\345\250\234/yanfa.css" @@ -0,0 +1,157 @@ +.header { + display: flex; + flex-direction: row; + justify-content: space-between; + width: 100%; + top: 0px; + margin: 0px 15px 15px 15px; + padding: 10px; + border-bottom: 1px solid #e7e7e7; + background-color: rgba(255, 255, 255, 1); + position: fixed; +} +.logo-box { + display: flex; + flex-direction: row; + align-items: center; + +} +.restayrant-logo { + width: 40px; + height: 40px; + margin-top:6px; + + +} +.restaurant-name { + font-size:1.5em; + font-weight: bold; + margin-left: 10px; +} +.navigation { + display: flex; + flex-direction: row; + align-items: center; + margin-right: 25px; + +} +.navi-son { + font-size: 1.1em; + + margin: 30px; +} +.navi-son:hover { + color: orange +} +.wrapper { + margin: 40px; + display: flex; + flex-direction: column; + align-items: center; + +} +.title { + display: flex; + flex-direction: column; + align-items: center; + margin:150px; + width:639px; + height:193px; + background-image: url(./images/image/background.png); + background-position: center; + background-size: cover; + background-repeat: no-repeat; +} +.title-header { + font-size:2.5em; + font-weight: bold; + margin-top: 30px; + margin-bottom: 20px; + padding-top: 5px; +} +.title-desc { + font-weight: lighter; + font-style: italic; + font-family:"Times New Roman", Times, serif; + color: silver; +} +.gallery { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + +} +.one,.two,.three,.four,.five,.six { + display: flex; + flex-direction: column; + justify-content: center; + width: 396px; + height: 492px; + margin: 20px; + box-shadow: 10px 5px 60px rgb(206, 204, 204); + +} +.picture { + width: 100%; + margin-top: -52px; + +} +p { + display: flex; + justify-content: center; + font-weight: lighter; + font-family: "Times New Roman",Times,serif; + font-style: italic; + color: silver; +} +h1 { + display: flex; + justify-content: center; + margin-top: 45px; + margin-bottom: 10px; +} +.footer { + display: flex; + flex-direction: column; + align-items: center; + border-top: 1px solid #e7e7e7; + margin-top: 200px; +} +.footer-logo { + display: flex; + flex-direction: column; + align-items: center; + border-radius: 50%; + width: 110px; + height: 110px; + border: solid 1px #e7e7e7; + margin-top: -55px; + background-image: url(./images/image/Logo.png); + background-repeat: no-repeat; + background-position: center; + background-color: rgba(255, 255, 255, 1); +} +.end { + margin-top: 20px; + font-weight: bold; +} +.end-desc { + margin-top: 10px; + font-size: 0.8em; + font-weight: lighter; + font-family: "Times New Roman", Times, serif; + font-style: italic; + color: silver; +} +.last { + border-top: solid #e7e7e7 2px; + display: flex; + flex-direction: row; + align-items: center; + margin: 25px; + padding: 20px 10px; +} +.last-pic { + margin: 8px; +} \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\347\216\213\347\221\233/index.html" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\347\216\213\347\221\233/index.html" new file mode 100644 index 0000000000000000000000000000000000000000..af777304293f241e8b1e488e1fb29926492f8d2b --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\347\216\213\347\221\233/index.html" @@ -0,0 +1,102 @@ + + + + + MENU + + + + + + +
    +
    +
    + 网站logo + Gratia +
    +
    +
    menu1
    +
    menu2
    +
    menu3
    +
    menu4
    +
    +
    +
    +
    +
    +
    + MENU +
    Lorem ipsum dolor sit amet,consectetur adipscing elit
    +
    +
    +
    +
    + +
    +
    MAIN DISHES
    +
    Lorem ipsum dolor sit amet,consectetur adipscing elit
    +
    +
    +
    + +
    +
    SOUPS
    +
    Lorem ipsum dolor sit amet,consectetur adipscing elit
    +
    +
    +
    + +
    +
    HAMBURGERS
    +
    Lorem ipsum dolor sit amet,consectetur adipscing elit
    +
    +
    +
    +
    +
    + +
    +
    DESSERTS
    +
    Lorem ipsum dolor sit amet,consectetur adipscing elit
    +
    +
    +
    + +
    +
    BARBECUE
    +
    Lorem ipsum dolor sit amet,consectetur adipscing elit
    +
    +
    +
    + +
    +
    SALADS
    +
    Lorem ipsum dolor sit amet,consectetur adipscing elit
    +
    +
    +
    +
    +
    +
    +
    + Logo +
    + + +
    +
    +
    Gratia Restaurant
    +
    Copyright 2016. All rights reserved by symu.
    +
    +
    +
    +
    + + + +
    +
    +
    + + diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\347\216\213\347\221\233/page-index.css" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\347\216\213\347\221\233/page-index.css" new file mode 100644 index 0000000000000000000000000000000000000000..779ea46beff2c0370c44ec0ba3c91e9ca649e81d --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\347\216\213\347\221\233/page-index.css" @@ -0,0 +1,167 @@ +.all{ + display:flex; + flex-direction: column; + justify-content: space-around; + padding: 3% 5% 0 5%; +} +.top-nav{ + display:flex; + flex-direction:row; + justify-content: space-between; + margin:0 8% 2% 2%; + +} +.top-nav-left{ + align-self: flex-start; + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-around; +} +.top-nav-left img{ + width:30%; + height: 30%; +} +.top-nav-left a{ + color:black; + font:bold 20px Georgia, 'Times New Roman', Times, serif; + text-decoration: none; +} +.top-nav-right{ + margin-right: 5%; + align-self:flex-end; + display: flex; + flex-direction:row; + justify-content: space-around; +} +.top-nav-right-a{ + margin:0 0 0 20%; +} +.top-nav-right-a a{ + color:black; + font:bold 20px Georgia, 'Times New Roman', Times, serif; + text-decoration: none; +} +.top-nav-right-a a2{ + color:orange; + font:bold 20px Georgia, 'Times New Roman', Times, serif; + text-decoration: none; +} +.title{ + background-image: url(../img/background.png); + background-repeat: no-repeat; + background-size:31.25rem; + background-position: center; + margin:5%; + display: flex; + flex-direction: column; + align-items: center; +} +.title a{ + color:black; + font:bold 30px Georgia, 'Times New Roman', Times, serif; + text-decoration: none; + margin-top: 3%; + margin-bottom: 2%; +} +.title-text{ + color:#b7b7b7; + font:15px Georgia, 'Times New Roman', Times, serif; + font-style: italic; + margin-bottom: 2%; +} +.main-part{ + background-color:whitesmoke; + box-shadow: 10px 10px 40px lightgray; + display: flex; + flex-direction: column; + align-items: center; + padding-bottom: 5%; + margin-bottom: 3%; +} +.main-part-child{ + display: flex; + flex-direction: row; + margin:3% 4% 0 4%; + justify-content:space-around; + +} +.main-part-photo{ + margin:2% 2% 2% 2%; +} +.main-part-photo img{ + width:100%; + height:70%; + +} +.main-part-desc{ + background-color: white; + display:flex; + flex-direction: column; + justify-content:space-around; + align-items: center; + padding-bottom: 8%; +} +.main-part-title{ + color:black; + font:bold 26px Georgia, 'Times New Roman', Times, serif; + text-decoration: none; + padding-top:10%; + padding-bottom:8%; +} +.main-part-desc-p{ + color:#b7b7b7; + font:13px tahoma; + font-style: italic; + margin-bottom: 5%; +} +.footer{ + display:flex; + flex-direction: column; + justify-content: center; +} +.tail-line{ + margin-top: 2%; + display: flex; + flex-direction:row; + justify-content:center; +} +.tail-line img{ + width:4%; + height:4%; + padding:12px; + border: solid #F5F5F5 2px; + border-radius: 100px; + background-color: white; + transform: translateY(-30px); + +} +.footer-text{ + display:flex; + flex-direction: column; + justify-content:space-around; + align-items: center; + padding-bottom: 1%; +} +.footer-text1{ + color:black; + font:bold 20px Georgia, 'Times New Roman', Times, serif; + font-style: italic; + padding-top: 1%; + padding-bottom: 1%; +} +.footer-text2{ + color:#b7b7b7; + font:16px tahoma; + font-style: italic; + padding-bottom: 2%; +} +.footer-imgs{ + display: flex; + flex-direction: row; + justify-content: center; +} + +.footer-imgs img{ + margin:1% 1% 2% 1%; +} \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\347\216\213\347\221\233/reset.css" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\347\216\213\347\221\233/reset.css" new file mode 100644 index 0000000000000000000000000000000000000000..80ec8c001f9f7b8447712cd4c77ce9fb00c0fb03 --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\347\216\213\347\221\233/reset.css" @@ -0,0 +1,47 @@ +/* v2.0 | 20110126 + http://meyerweb.com/eric/tools/css/reset/ + License: none (public domain) +*/ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\351\231\210\345\220\233\350\261\252/cjh.css" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\351\231\210\345\220\233\350\261\252/cjh.css" new file mode 100644 index 0000000000000000000000000000000000000000..003a1a33da5e091ee583fba15e801eb4fffcdd88 --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\351\231\210\345\220\233\350\261\252/cjh.css" @@ -0,0 +1,196 @@ +.wrap { + margin: 0; +} + +.header { + display: flex; + flex-direction: row; + justify-content: space-between; + margin: 0; + margin-top: 0; + margin-bottom: 0; + position: fixed; + border-bottom: 1px solid #efefef; + width: 100%; + background-color: rgba(255, 255, 255, 1); +} + +.logo-box { + display: flex; + flex-direction: row; + margin-right: auto; + margin-left: 20px; +} + +.restaurant-logo { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; +} + +.restaurant-name { + display: flex; + margin: 10px; + align-items: center; + flex-shrink: 0.5; +} + +.img-rest-logo { + width: 30px; + height: 30px; + display: flex; + align-items: center; + justify-content: center; +} + +.navigation { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + margin: 20px; +} + +.navi-name-menu { + color: coral; +} + +.navigation-name { + display: flex; + margin: 20px; + margin-right: auto; +} + +a { + text-decoration: none; +} + +a:link, a:visited { + color: black; +} + +a:hover, a:active { + color: coral; +} + +.line-top { + display: flex; + border-bottom: 1px solid #efefef; + border-top: 0; + border-left: 0; + border-right: 0; +} + +.background { + display: flex; + flex-direction: column; + flex-wrap: wrap; + align-items: center; + justify-content: center; + background: url(./image/background.png) no-repeat; + background-size: 500px 150px; + background-position-x: center; + height: 150px; + margin: 0; + margin-top: 200px; + margin-bottom: 100px; +} + +.main { + display: flex; + flex-direction: row; + justify-content: space-around; + margin: 30px; + flex-wrap: wrap; +} + +.main-box { + width: 394px; + height: 485px; + box-shadow: 10px 5px 70px rgb(206, 204, 204); + display: flex; + flex-direction: row; + justify-content: center; + flex-wrap: wrap; +} + +.picture { + height: 285px; +} + +.short-line { + display: flex; + border-bottom: 1px solid #dbdbdb; + border-top: 0; + border-left: 0; + border-right: 0; + margin-bottom: 20px; + width: 30px; + height: 1px; + flex-direction: row; + justify-content: center; +} + +.text { + display: flex; + flex-direction: column; + flex-wrap: wrap; + align-items: center; + text-decoration: none; +} + +.line-bottow { + display: flex; + border-bottom: 1px solid #efefef; + border-top: 0; + border-left: 0; + border-right: 0; + margin-bottom: -50px; + margin-top: 200px; +} + +.footer { + display: flex; + flex-direction: column; + align-items: center; +} + +.box-footer { + border-radius: 50%; + width: 100px; + height: 100px; + display: flex; + flex-direction: column; + align-items: center; + border: 1px solid #efefef; + background-color: rgba(255, 255, 255, 1); + background-image: url(./image/Logo.png); + background-repeat: no-repeat; + background-position-x: center; + background-position-y: center; + background-size: 60px 60px; + margin-bottom: 30px; +} + +.short-line-bottom { + display: flex; + border-bottom: 1px solid #dbdbdb; + border-top: 0; + border-left: 0; + border-right: 0; + width: 150px; + height: 1px; +} + +.social-media-logo { + display: flex; + flex-direction: row; + justify-content: space-around; + margin: 10px; +} + +.description { + color: #a09c9c; + font-style: italic; +} \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\351\231\210\345\220\233\350\261\252/cjh.html" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\351\231\210\345\220\233\350\261\252/cjh.html" new file mode 100644 index 0000000000000000000000000000000000000000..152b4db13dbb8088a441bc9f45ceea90befb6476 --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\351\231\210\345\220\233\350\261\252/cjh.html" @@ -0,0 +1,148 @@ + + + + + + + Document + + + + +
    +
    + +
    +

    Gratia

    +
    +
    +
    +
    + +

    About

    +     +
    +
    + +

    Menu

    +     +
    +
    + +

    Gallery

    +     +
    +
    + +

    Constact

    +     +
    +
    +
    +
    +
    +
    +
    +

    MENU

    +
    +
    Lorem ipsum dolor sit amet,consectetur adipiscing elit.
    +
    +
    +
    +
    +
    MAIN DISHES
    +
    +
    +

    MAIN DISHES

    +
    +
    +
    +
    Lorem ipsum dolor sit amet,consectetur adipiscing elit
    +
    +
    +
    +
    +
    SOUPS
    +
    +
    +

    SOUPS

    +
    +
    +
    +
    Lorem ipsum dolor sit amet,consectetur adipiscing elit
    +
    +
    +
    +
    +
    HUMBURGERS
    +
    +
    +

    HUMBURGERS

    +
    +
    +
    +
    Lorem ipsum dolor sit amet,consectetur adipiscing elit
    +
    +
    +
    +
    +
    +
    +
    DSEEERTS
    +
    +
    +

    DSEEERTS

    +
    +
    +
    +
    Lorem ipsum dolor sit amet,consectetur adipiscing elit
    +
    +
    +
    +
    +
    BARBECUE
    +
    +
    +

    BARBECUE

    +
    +
    +
    +
    Lorem ipsum dolor sit amet,consectetur adipiscing elit
    +
    +
    +
    +
    +
    SOUPS
    +
    +
    +

    SOUPS

    +
    +
    +
    +
    Lorem ipsum dolor sit amet,consectetur adipiscing elit
    +
    +
    +
    +
    +
    +
    +
    +
    Gratia Restaurant
    +
    +
    Copyright 2016.All rights reserved by symu
    +
    +
    + +
    + + + + + \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\351\273\204\347\205\234\346\243\211/index.css" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\351\273\204\347\205\234\346\243\211/index.css" new file mode 100644 index 0000000000000000000000000000000000000000..531566903fb7def9389f2aa924cdb0ca3bb530bc --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\351\273\204\347\205\234\346\243\211/index.css" @@ -0,0 +1,141 @@ +.header{ + display:flex; + flex-direction: row; + justify-content: space-between; + margin:8px 0px; + padding:2px 10px; + border-bottom: 1px solid #e7e7e7; + position:sticky; + top:0; + width:100%; + background-color: #FFFFFF; +} +.logo{ + display:flex; + flex-direction: row; + margin: 14px; +} +.restaurant-logo{ + width:35px; + height:35px; + margin:8px +} +.restaurant-title{ + font-size:1.1em; + font-weight: bold; +} + + +.navigation{ + display:flex; + flex-direction: row; + justify-content: space-around ; + margin:30px; +} +.navigation a{ + margin:0px 20px; +} +.navigation a:link{ + text-decoration: none; + color:#000000; +} +.navigation a:hover,a:active { + text-decoration: none; + color:#DB9D6B; +} + + +.title{ + display:flex; + flex-direction: column; + align-items: center; + background: url("./images/background.png") no-repeat center ; + background-size: 532px 160px; + margin:50px; + height:160px +} +.background-title{ + font-size: 1.6em; + font-weight:bold; + +} +.desc{ + font-size:0.8em ; + color:#848690; + margin:-10px; +} + +.gallery{ + display:flex; + flex-direction: row; + justify-content:space-between; + align-items: center; + flex-wrap: wrap; + margin:70px; +} +.gallery-box{ + display:flex; + flex-direction: column; + justify-content: center; + margin:15px; + text-align: center; + box-shadow: #e7e7e7 0 1px 60px 10px; +} +.gallery-box img{ + width:338px; + height:244px; +} +.gallery-box p{ + font-size: 0.4em; + color:#848690; + margin-bottom: 60px; +} + + + + +.footer{ + display:flex; + flex-direction: column; + align-items: center; + margin:200px 10px; + border-top: #e7e7e7 solid 1px; +} +.footer-logo{ + display:flex; + flex-direction: column; + align-items: center; +} +.footer-logo img{ + border-radius: 50% ; + border:solid #e7e7e7 1px; + padding:20px; + width:45px; + height:45px; + position:relative ; + top:-46px; + background-color: #FFFFFF; +} +.footer-logo-title{ + font-size: 0.7em; + font-weight: bold; +} +.footer-logo-desc{ + font-size: 0.7em; + color:#848690; + margin-top:-4px; + margin-bottom: 20px; +} +.footer-button{ + display:flex; + flex-direction: row; + justify-content: space-between; + +} +.footer-button img{ + width:15px; + height:15px; +} +.footer-button a{ + margin:0px 5px; +} \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\351\273\204\347\205\234\346\243\211/index.html" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\351\273\204\347\205\234\346\243\211/index.html" new file mode 100644 index 0000000000000000000000000000000000000000..92b7d78158bfae59fd3db573caa23cecacb0cf3d --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\351\273\204\347\205\234\346\243\211/index.html" @@ -0,0 +1,104 @@ + + + + + + + + + + +
    + +
    + About + Menu + Callery + Contact +
    +
    +
    +

    MENU

    +

    Lorem ipsum dolor sit amet,consectetur adipiscing elit.

    +
    +
    +
    + Main Dishes +
    +

    MAIN DISHES

    +
    +
    +
    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    +
    +
    +
    + Soups +
    +

    SOUPS

    +
    +
    +
    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    +
    +
    +
    + Hamburgers +
    +

    HAMBURGERS

    +
    +
    +
    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    +
    +
    +
    + Desserts +
    +

    DESSERTS

    +
    +
    +
    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    +
    +
    +
    + Barbecue +
    +

    BARBECUE

    +
    +
    +
    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    +
    +
    +
    + Salads +
    +

    SALADS

    +
    +
    +
    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    +
    +
    +
    +
    + +
    +
    + facebook + twitter + instagram +
    +
    + + + \ No newline at end of file diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\351\276\232\344\275\263\344\274\237/gjw.css" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\351\276\232\344\275\263\344\274\237/gjw.css" new file mode 100644 index 0000000000000000000000000000000000000000..f3311bfbf8c84ede5b7bf7f01b837400ea193376 --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\351\276\232\344\275\263\344\274\237/gjw.css" @@ -0,0 +1,110 @@ +.head +{ + display: flex; + justify-content: space-around; + width: 100%; + +} +.head-img +{ + width: 25px; + height: 25px; +} +ul + { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; +} +li +{ + float: left; +} +li a +{ + display: block; + color: black; + text-align: center; + margin-left:50px; + text-decoration: none; +} +li a.active + { + color:Chocolate ; + } +.title +{ + margin: 0 auto; + width: 40%; + padding: 10px; + text-align: center; + margin-top: 120px; + margin-bottom: 75px; + background-image: url(background.png); + background-repeat: no-repeat; + background-position: center; + background-size: 550px 170px; +} +.title p +{ + margin-bottom: 30px; + color: #C0C0C0; + font-size: 13px; + font-style: italic; + font-family: "Comic Sans MS", cursive, sans-serif; +} +.display +{ + display: flex; + justify-content: center; + +} +div.img +{ + margin: 50px; + border: 1px solid #ccc; + width: 395px; + box-shadow: 0 0 20px 20px #F5F5F5; + border-radius: 20px; +} +div.img img +{ + width: 100%; + height: auto; +} +div.desc +{ + padding: 15px; + text-align: center; +} +.center +{ + display: flex; + justify-content: center; +} +.round +{ + + height: 80px; + width:80px; + border-radius: 100px; + background-color: white; + border: 2px solid Gainsboro; + background-image: url(Logo.png); + background-size: 75%; + background-repeat: no-repeat; + background-position: center; +} +.last +{ + display: flex; + justify-content: center; +} +.latter +{ + width: 10%; + display: flex; + justify-content: space-between; + margin: 30px; +} diff --git "a/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\351\276\232\344\275\263\344\274\237/gjw.html" "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\351\276\232\344\275\263\344\274\237/gjw.html" new file mode 100644 index 0000000000000000000000000000000000000000..b5232a3fbb6ced5e14407484c8a49a14536615c1 --- /dev/null +++ "b/\346\213\233\346\226\260\345\260\217\344\275\234\344\270\232/\351\276\232\344\275\263\344\274\237/gjw.html" @@ -0,0 +1,127 @@ + + + + + + +
    +
    + + Gratia +
    +
    +

    +

    +

    +
    +
    +


    +
    +
    +

    MENU

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    +
    +
    +
    +
    + +
    +

    + MAIN DISHES +

    + Lorem ipsum dolor sit amet,consectetur adipiscing elit. +

    +
    +
    +
    +
    +
    + +
    +

    + MAIN DISHES +

    + Lorem ipsum dolor sit amet,consectetur adipiscing elit. +

    +
    +
    +
    +
    +
    + +
    +

    + MAIN DISHES +

    + Lorem ipsum dolor sit amet,consectetur adipiscing elit. +

    +
    +
    +
    +
    +
    +
    +
    + +
    +

    + MAIN DISHES +

    + Lorem ipsum dolor sit amet,consectetur adipiscing elit. +

    +
    +
    +
    +
    +
    + +
    +

    + MAIN DISHES +

    + Lorem ipsum dolor sit amet,consectetur adipiscing elit. +

    +
    +
    +
    +
    +
    + +
    +

    + MAIN DISHES +

    + Lorem ipsum dolor sit amet,consectetur adipiscing elit. +

    +
    +
    +
    +
    +


    +
    +
    +
    +
    +
    +


    +

    + Gratia Restaurant +

    +

    + Copyright 2016.All rights reserved by symu +

    +
    +
    + + + +
    +
    + + +