diff --git a/css/styles.css b/css/styles.css index e69de29..2f809a1 100644 --- a/css/styles.css +++ b/css/styles.css @@ -0,0 +1,221 @@ +html { + scroll-behavior: smooth; +} + +body { + max-width: 375px; + max-height: auto; +} + +.menu-bar { + display: flex; + flex-direction: row; + justify-content: space-around; + align-self: flex-end; + color: white; + background: black; + font-family: "BIZ UDPGothic", sans-serif; +} + +.menu-bar .left-element { + align-self: flex-start; + order: -1; +} + +.amber-logo { + width: 180px; +} + +.gojira-poster-intro { + display: block; + margin-left: auto; + margin-right: auto; +} + +.buttons-homepage { + display: flex; + flex-direction: row; + justify-content: space-around; + padding: 10px 17px; +} + +.button-style { + font-family: "BIZ UDPGothic", sans-serif; + padding: 12px 20px; + margin-bottom: 174px; + margin-top: 55px; +} + +.pink-title { + color: white; + background: #e8a5ae; +} + +.green-title { + color: white; + background: #2b9888; +} + +.orange-title { + color: white; + background: #e7771c; +} + + +.pink-bg { + border-color: #e8a5ae; + background-color: #e8a5ae; + border-radius: 15px; + border-style: solid; + text-decoration: none; + color: white; +} + +.green-bg { + border-color: #2b9888; + background-color: #2b9888; + border-radius: 15px; + border-style: solid; + text-decoration: none; + color: white; +} + +.orange-bg { + border-color: #e7771c; + background-color: #e7771c; + border-radius: 15px; + border-style: solid; + text-decoration: none; + color: white; +} + +.shopnow-posters { + display: flex; + flex-direction: column; + justify-content: space-around; +} + +.shopnow-poster { + margin-bottom: 135px; +} + +.all-img { + margin-left: auto; + margin-right: auto; + width: 100%; +} + +.portrait-pink { + border: 2px solid #e8a5ae; + box-sizing: border-box; + margin-bottom: 115px; +} + +.portrait-green { + border: 2px solid #2b9888; + box-sizing: border-box; + margin-bottom: 115px; +} + +.portrait-orange { + border: 2px solid #e7771c; + box-sizing: border-box; + margin-bottom: 115px; +} + +.resell-logos { + margin-top: 160px; + margin-bottom: 120px; + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.resell-logos img { + display: block; + margin-left: auto; + margin-right: auto; + width: 200px; +} + +.arrow { + display: block; + margin-left: auto; + margin-right: auto; + width: 50px; + margin-bottom: 80px; + margin-top: 100px; +} + +.footer-info { + background: black; + color: white; +} + +.footer-info-pink { + background: #e8a5ae; + color: white; +} + +.footer-info-green { + background: #2b9888; + color: white; +} + +.footer-info-orange { + background: #e7771c; + color: white; +} + +.footer-text { + display: flex; + flex-direction: column; +} +.eikon-footer-logo { + width: 80px; +} + +.pink-text { + color: #e8a5ae; +} + +.green-text { + color: #2b9888; +} + +.orange-text { + color: #e7771c; +} + +h1, h2 { + font-family: "BIZ UDPGothic", sans-serif; + text-align: center; +} + +.price-text { + font-family: "BIZ UDPGothic", sans-serif; + display: flex; + flex-direction: column; + justify-content: space-around; +} + +.price { + font-size: 100px; +} + +p, +h3 { + font-family: "Noto Serif JP", serif; +} + +h1 { + font-size: 47px; +} + +h2 { + font-size: 44px; +} + +h3 { + font-size: 30px; +} diff --git a/img/50introtext.jpg b/img/50introtext.jpg new file mode 100644 index 0000000..e0577db Binary files /dev/null and b/img/50introtext.jpg differ diff --git a/img/60introtext.jpg b/img/60introtext.jpg new file mode 100644 index 0000000..d30dbdd Binary files /dev/null and b/img/60introtext.jpg differ diff --git a/img/70introtext.jpg b/img/70introtext.jpg new file mode 100644 index 0000000..d495158 Binary files /dev/null and b/img/70introtext.jpg differ diff --git a/img/Galaxus-Logo.webp b/img/Galaxus-Logo.webp new file mode 100644 index 0000000..40117d2 Binary files /dev/null and b/img/Galaxus-Logo.webp differ diff --git a/img/Haruo_Nakajima.jpg b/img/Haruo_Nakajima.jpg new file mode 100644 index 0000000..d7c8eb2 Binary files /dev/null and b/img/Haruo_Nakajima.jpg differ diff --git a/img/allpatterns.jpg b/img/allpatterns.jpg new file mode 100644 index 0000000..d26d45e Binary files /dev/null and b/img/allpatterns.jpg differ diff --git a/img/amber-black.svg b/img/amber-black.svg new file mode 100644 index 0000000..5a4b44f --- /dev/null +++ b/img/amber-black.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/amber-green.svg b/img/amber-green.svg new file mode 100644 index 0000000..c28186b --- /dev/null +++ b/img/amber-green.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/amber-orange.svg b/img/amber-orange.svg new file mode 100644 index 0000000..52e01b4 --- /dev/null +++ b/img/amber-orange.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/amber-pink.svg b/img/amber-pink.svg new file mode 100644 index 0000000..bb3316b --- /dev/null +++ b/img/amber-pink.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/arrow_1.svg b/img/arrow_1.svg new file mode 100644 index 0000000..41b6c09 --- /dev/null +++ b/img/arrow_1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/box1.jpg b/img/box1.jpg new file mode 100644 index 0000000..6f92b18 Binary files /dev/null and b/img/box1.jpg differ diff --git a/img/box1.png b/img/box1.png new file mode 100644 index 0000000..8856669 Binary files /dev/null and b/img/box1.png differ diff --git a/img/box2.png b/img/box2.png new file mode 100644 index 0000000..d2f07a1 Binary files /dev/null and b/img/box2.png differ diff --git a/img/box3.png b/img/box3.png new file mode 100644 index 0000000..7712c27 Binary files /dev/null and b/img/box3.png differ diff --git a/img/box50gojira.jpg b/img/box50gojira.jpg new file mode 100644 index 0000000..9f44f68 Binary files /dev/null and b/img/box50gojira.jpg differ diff --git a/img/box60gojira.jpg b/img/box60gojira.jpg new file mode 100644 index 0000000..a483ae3 Binary files /dev/null and b/img/box60gojira.jpg differ diff --git a/img/box70gojira.jpg b/img/box70gojira.jpg new file mode 100644 index 0000000..8149687 Binary files /dev/null and b/img/box70gojira.jpg differ diff --git a/img/buildings.svg b/img/buildings.svg new file mode 100644 index 0000000..ee8203e --- /dev/null +++ b/img/buildings.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/coop_logo.svg b/img/coop_logo.svg new file mode 100644 index 0000000..9c70e03 --- /dev/null +++ b/img/coop_logo.svg @@ -0,0 +1,14 @@ + + + + Logo/coop + Created with Sketch. + + + + + + + + + \ No newline at end of file diff --git a/img/eikon-logo.svg b/img/eikon-logo.svg new file mode 100644 index 0000000..de9cc37 --- /dev/null +++ b/img/eikon-logo.svg @@ -0,0 +1,62 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/fnac-logo.svg b/img/fnac-logo.svg new file mode 100644 index 0000000..c1e1238 --- /dev/null +++ b/img/fnac-logo.svg @@ -0,0 +1 @@ + diff --git a/img/gojira-poster.jpg b/img/gojira-poster.jpg new file mode 100644 index 0000000..70733c4 Binary files /dev/null and b/img/gojira-poster.jpg differ diff --git a/img/gojira50.jpg b/img/gojira50.jpg new file mode 100644 index 0000000..1add0e7 Binary files /dev/null and b/img/gojira50.jpg differ diff --git a/img/gojira60.svg b/img/gojira60.svg new file mode 100644 index 0000000..b4ce9ee --- /dev/null +++ b/img/gojira60.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/gojira70.svg b/img/gojira70.svg new file mode 100644 index 0000000..84f9470 --- /dev/null +++ b/img/gojira70.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/gojiraweb-logo.svg b/img/gojiraweb-logo.svg new file mode 100644 index 0000000..78dfe6e --- /dev/null +++ b/img/gojiraweb-logo.svg @@ -0,0 +1 @@ +アセット 1 \ No newline at end of file diff --git a/img/green-arrow.svg b/img/green-arrow.svg new file mode 100644 index 0000000..0ced528 --- /dev/null +++ b/img/green-arrow.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/homepage-deco50.jpg b/img/homepage-deco50.jpg new file mode 100644 index 0000000..39787cc Binary files /dev/null and b/img/homepage-deco50.jpg differ diff --git a/img/homepage-deco60.jpg b/img/homepage-deco60.jpg new file mode 100644 index 0000000..b961e81 Binary files /dev/null and b/img/homepage-deco60.jpg differ diff --git a/img/homepage-deco70.jpg b/img/homepage-deco70.jpg new file mode 100644 index 0000000..de6cf68 Binary files /dev/null and b/img/homepage-deco70.jpg differ diff --git a/img/interd-logo.svg b/img/interd-logo.svg new file mode 100644 index 0000000..25e9717 --- /dev/null +++ b/img/interd-logo.svg @@ -0,0 +1,90 @@ + + + \ No newline at end of file diff --git a/img/logo.svg b/img/logo.svg new file mode 100644 index 0000000..28f4d8b --- /dev/null +++ b/img/logo.svg @@ -0,0 +1,13 @@ + + + + diff --git a/img/manor-logo.svg b/img/manor-logo.svg new file mode 100644 index 0000000..8738196 --- /dev/null +++ b/img/manor-logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/mm-logo.png b/img/mm-logo.png new file mode 100644 index 0000000..8cde69b Binary files /dev/null and b/img/mm-logo.png differ diff --git a/img/orange-arrow.svg b/img/orange-arrow.svg new file mode 100644 index 0000000..e5d20b9 --- /dev/null +++ b/img/orange-arrow.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/pattern50_1.svg b/img/pattern50_1.svg new file mode 100644 index 0000000..bcd4ac3 --- /dev/null +++ b/img/pattern50_1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/pattern60.svg b/img/pattern60.svg new file mode 100644 index 0000000..996c78d --- /dev/null +++ b/img/pattern60.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/pattern70.svg b/img/pattern70.svg new file mode 100644 index 0000000..ab88b65 --- /dev/null +++ b/img/pattern70.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/pink-arrow.svg b/img/pink-arrow.svg new file mode 100644 index 0000000..8caad4b --- /dev/null +++ b/img/pink-arrow.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.html b/index.html index 7520850..0ff8d4d 100644 --- a/index.html +++ b/index.html @@ -1,9 +1,98 @@ - - - - - - - + + + + + + gd-web + + + +
+ + + gojira-poster +
+ 50' + 60' + 70' +
+

moving music

+

wireless heaphones

+ allpatternsblock +

Let your inner Godzilla roar!

+ allpatternsblock +
+
+

Godzilla Collaboration

+
+
+ introbox50 + shop now +
+
+ introbox60 + shop now +
+ introbox70 + shop now +
+
+
+ allpatternsblock +

resellers

+
+ + manor + + + mediamarkt + + + interdiscount + + + galaxus + + + coop + + + fnac + +
+ allpatternsblock +
+ + + + \ No newline at end of file diff --git a/page50.html b/page50.html new file mode 100644 index 0000000..10adfa5 --- /dev/null +++ b/page50.html @@ -0,0 +1,72 @@ + + + + + + + + + + + gd-web + + + +
+ + + into-page-50 +

ゴジラ

+

Godzilla from the 50’s

+

This Godzilla appeared + in the first movie in 1954. + Haruo Nakajima acted as + Godzilla from 1954 till + 1972.

+ Haruo-portrait +
+
+ pattern50 +

PRODUCT

+ 50box +
+

69.-

+

in-ear

+

7h batterylife

+

Eikon Airpods Pro(ANC)

+
+ Buy + pattern50 +

OTHER + PRODUCTS

+ other-product-showcase + Home +
+ + + + \ No newline at end of file diff --git a/page60.html b/page60.html new file mode 100644 index 0000000..9ed633c --- /dev/null +++ b/page60.html @@ -0,0 +1,72 @@ + + + + + + + + + + + gd-web + + + +
+ + + into-page-60 +

ゴジラ

+

Godzilla from the 50’s

+

This Godzilla appeared + in the first movie in 1954. + Haruo Nakajima acted as + Godzilla from 1954 till + 1972.

+ Haruo-portrait +
+
+ pattern60 +

PRODUCT

+ 60box +
+

69.-

+

in-ear

+

7h batterylife

+

Eikon Airpods Pro(ANC)

+
+ Buy + pattern60 +

OTHER + PRODUCTS

+ other-product-showcase + Home +
+ + + + \ No newline at end of file diff --git a/page70.html b/page70.html new file mode 100644 index 0000000..16a5e3f --- /dev/null +++ b/page70.html @@ -0,0 +1,72 @@ + + + + + + + + + + + gd-web + + + +
+ + + into-page-70 +

ゴジラ

+

Godzilla from the 50’s

+

This Godzilla appeared + in the first movie in 1954. + Haruo Nakajima acted as + Godzilla from 1954 till + 1972.

+ Haruo-portrait +
+
+ pattern70 +

PRODUCT

+ 70box +
+

69.-

+

in-ear

+

7h batterylife

+

Eikon Airpods Pro(ANC)

+
+ Buy + pattern70 +

OTHER + PRODUCTS

+ other-product-showcase + Home +
+ + + + \ No newline at end of file