diff --git a/final.css b/final.css new file mode 100644 index 0000000..a8d87e4 --- /dev/null +++ b/final.css @@ -0,0 +1,153 @@ +*{ + margin: 0; + padding: 0; +} + +html{ + font-size: 62.5%; +} + +body{ + color: #ffffff; + width: 100%; +} + +p{ + font-size: 1.5rem +} +header p.trip,p.gold,h1{ + font-family: Georgia, 'Times New Roman', Times, serif; +} +/*-header始まり-*/ +header{ + background-image: url(bg-trip.png); + background-size: cover; + background-position:center; + background-repeat:no-repeat; + margin: 1rem 1rem 0; +} + +header p.trip{ + writing-mode: vertical-lr; + font-size: 2rem; + text-shadow: 3px 3px 2px #160909; + padding: 8rem 10rem 40rem ; +} + +/*-header終わり-*/ + + +/*-main始まり-*/ +main{ + background-color: #341212; + margin: 0 1rem 1rem; + padding: 1rem 4rem 2rem; +} + +p.right{ + font-size: 1rem; + text-align: right; +} + +p.front-h1{ + font-size: 2.5rem; + padding-top: 2rem; +} + +h1{ + font-size: 10rem; + letter-spacing: 8.5rem; + padding: 2rem 0 1rem; +} + +p.gold{ + color: #958009; + font-size: 5rem; +} + + + +div.flex-container{ + display: flex; +} + + +div.flex-item{ + width: 100%; +} + +span.x-small{ + font-size: 4rem; + padding: 0 1rem; +} + +span.small{ + font-size: 0.75rem; +} + +h2{ + font-size: 7rem; + font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; +} + +span.white{ + font-size: 3rem; + color: #4d0a0a; + background-color: #ffffff; + margin: 0 1rem +} + + +img.qr{ + padding: 0 1rem ; + width: 60px; + height: 60px; +} + + +div.museum p{ + font-size: 1rem; + color: #4ca90e; + padding: 2rem 0 0 8rem; + margin-right: 0; + line-height: 0; +} +h3{ + padding: 0 2rem 0 2rem; +} +h3:before{ + content: ""; + display: inline-block; + width: 40px; + height: 40px; + background: url(logo.png) no-repeat; + background-size: contain; + margin-right: 1rem; + vertical-align: middle; +} + +div.flex-container2{ + display: flex; + justify-content: flex-end; +} + + +div.museum h3{ + font-size: 3rem; +} + +div.access{ + padding-top: 1.5rem; +} +div.access p{ + font-size: 1rem; +} + +div.item{ + width: 100%; +} + +a{ + color:#ffffff +} +/*-main終わり-*/ \ No newline at end of file diff --git a/final.html b/final.html new file mode 100644 index 0000000..b61ed8d --- /dev/null +++ b/final.html @@ -0,0 +1,54 @@ + + + + 第13回情報デザイン論課題 + + + + + +
+

旅は続くー。

+
+ +
+

「絲網之路天空」（版画）1997年

+
+
+

版画・水彩画による

+

平山郁夫

+

〜シルクロードと奥の細道〜

+
+ +
+

20227/16土ー8/28日

+

開館時間|9:00~17:00(最終入館は16:30まで) 休 館 日|会期中無休

+

観 覧 料|一般:900円(800円)、高校生:450円(400円)、中学生以下:無料()内は20歳以上の団体料金

+

※大学生・専門学生は一般料金となります。※障がい者手帳をお持ちの方、およびその介助者1名の観覧料は、半額となります。 + ※お得な年間券は、3.300円で3名様1年間何歳でもご利用でます。

+
+
+

主催/公益財団法人さかた文化財団 酒田市美術館　共催/酒田市、酒田市教育委員会

+

企画/公益財団法人平山郁夫美術館

+
+
+ +
+
+

Sakata City Museum of Art

+

酒田市美術館

+
+
+

〒998-0055 山形県酒田市飯盛山三丁目17-95

+

TEL 0234-31-0095 FAX 0234-31-0094

+

URL http://www.sakata-art-museum.jp

+
+
+ QRコード +
+
+ + +
+ + \ No newline at end of file diff --git a/kadai2.css b/kadai2.css deleted file mode 100644 index a8d87e4..0000000 --- a/kadai2.css +++ /dev/null @@ -1,153 +0,0 @@ -*{ - margin: 0; - padding: 0; -} - -html{ - font-size: 62.5%; -} - -body{ - color: #ffffff; - width: 100%; -} - -p{ - font-size: 1.5rem -} -header p.trip,p.gold,h1{ - font-family: Georgia, 'Times New Roman', Times, serif; -} -/*-header始まり-*/ -header{ - background-image: url(bg-trip.png); - background-size: cover; - background-position:center; - background-repeat:no-repeat; - margin: 1rem 1rem 0; -} - -header p.trip{ - writing-mode: vertical-lr; - font-size: 2rem; - text-shadow: 3px 3px 2px #160909; - padding: 8rem 10rem 40rem ; -} - -/*-header終わり-*/ - - -/*-main始まり-*/ -main{ - background-color: #341212; - margin: 0 1rem 1rem; - padding: 1rem 4rem 2rem; -} - -p.right{ - font-size: 1rem; - text-align: right; -} - -p.front-h1{ - font-size: 2.5rem; - padding-top: 2rem; -} - -h1{ - font-size: 10rem; - letter-spacing: 8.5rem; - padding: 2rem 0 1rem; -} - -p.gold{ - color: #958009; - font-size: 5rem; -} - - - -div.flex-container{ - display: flex; -} - - -div.flex-item{ - width: 100%; -} - -span.x-small{ - font-size: 4rem; - padding: 0 1rem; -} - -span.small{ - font-size: 0.75rem; -} - -h2{ - font-size: 7rem; - font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; -} - -span.white{ - font-size: 3rem; - color: #4d0a0a; - background-color: #ffffff; - margin: 0 1rem -} - - -img.qr{ - padding: 0 1rem ; - width: 60px; - height: 60px; -} - - -div.museum p{ - font-size: 1rem; - color: #4ca90e; - padding: 2rem 0 0 8rem; - margin-right: 0; - line-height: 0; -} -h3{ - padding: 0 2rem 0 2rem; -} -h3:before{ - content: ""; - display: inline-block; - width: 40px; - height: 40px; - background: url(logo.png) no-repeat; - background-size: contain; - margin-right: 1rem; - vertical-align: middle; -} - -div.flex-container2{ - display: flex; - justify-content: flex-end; -} - - -div.museum h3{ - font-size: 3rem; -} - -div.access{ - padding-top: 1.5rem; -} -div.access p{ - font-size: 1rem; -} - -div.item{ - width: 100%; -} - -a{ - color:#ffffff -} -/*-main終わり-*/ \ No newline at end of file diff --git a/kadai2.html b/kadai2.html deleted file mode 100644 index b61ed8d..0000000 --- a/kadai2.html +++ /dev/null @@ -1,54 +0,0 @@ - - - - 第13回情報デザイン論課題 - - - - - -
-

旅は続くー。

-
- -
-

「絲網之路天空」（版画）1997年

-
-
-

版画・水彩画による

-

平山郁夫

-

〜シルクロードと奥の細道〜

-
- -
-

20227/16土ー8/28日

-

開館時間|9:00~17:00(最終入館は16:30まで) 休 館 日|会期中無休

-

観 覧 料|一般:900円(800円)、高校生:450円(400円)、中学生以下:無料()内は20歳以上の団体料金

-

※大学生・専門学生は一般料金となります。※障がい者手帳をお持ちの方、およびその介助者1名の観覧料は、半額となります。 - ※お得な年間券は、3.300円で3名様1年間何歳でもご利用でます。

-
-
-

主催/公益財団法人さかた文化財団 酒田市美術館　共催/酒田市、酒田市教育委員会

-

企画/公益財団法人平山郁夫美術館

-
-
- -
-
-

Sakata City Museum of Art

-

酒田市美術館

-
-
-

〒998-0055 山形県酒田市飯盛山三丁目17-95

-

TEL 0234-31-0095 FAX 0234-31-0094

-

URL http://www.sakata-art-museum.jp

-
-
- QRコード -
-
- - -
- - \ No newline at end of file