diff --git a/asset/banner.jpg b/asset/banner.jpg new file mode 100644 index 0000000..b051b6b Binary files /dev/null and b/asset/banner.jpg differ diff --git a/asset/hair-blue.jpg b/asset/hair-blue.jpg new file mode 100644 index 0000000..e1f1e51 Binary files /dev/null and b/asset/hair-blue.jpg differ diff --git a/asset/hair-cut.jpg b/asset/hair-cut.jpg new file mode 100644 index 0000000..d45f660 Binary files /dev/null and b/asset/hair-cut.jpg differ diff --git a/asset/hair-styled.jpg b/asset/hair-styled.jpg new file mode 100644 index 0000000..a9bfd49 Binary files /dev/null and b/asset/hair-styled.jpg differ diff --git a/asset/icon.png b/asset/icon.png new file mode 100644 index 0000000..3a8a73c Binary files /dev/null and b/asset/icon.png differ diff --git a/meta.php b/meta.php new file mode 100644 index 0000000..eaef77b --- /dev/null +++ b/meta.php @@ -0,0 +1,20 @@ + "**", "redirect_domain" => "fritteuseneddie.de"] + ]; + + self::$route["fritteuseneddie.de"] = [ + ["path" => "", "target" => "page/start"] + ]; +?> diff --git a/page/start/index.php b/page/start/index.php new file mode 100644 index 0000000..1f9b588 --- /dev/null +++ b/page/start/index.php @@ -0,0 +1,123 @@ + + + + + + + + + + +
+
+ Leistungen +
+
+ " /> + Care +
    +
  • Schneiden
    • +
  • Waschen
    • +
  • Föhnen
    • +
+
+ +
+ " /> + Coloration +
    +
  • Bleichen
    • +
  • Färben
    • +
  • Strähnen
    • +
+
+ +
+ " /> + Styling +
    +
  • Frisuren
    • +
  • Make-up
    • +
+
+
+
+
+ + + +
+
+ Das sagen unsere Kund*innen +
+
+ Alexander Z. + + Nach Jahren habe ich endlich den richtigen Laden gefunden. Wunderschöne Farben und super Kundenbetreuung. Weiter so! +
+ +
+ Fiona S. + + Sehr gute Qualität von Gespräch und Service. Hatte keine langweilige Minute während dem Einwirken der Farbe. Gerne wieder! +
+ +
+ Kernsteiner Rainer + + Wahnsinn! Endlich ein Friseur, der einen versteht!! Ich habe mich hier total wohl gefühlt und bin super zufrieden mit meiner neuen Frisur :) +
+ +
+ J. Vogler + + Echt geiler Laden, auch wenn's ab und zu ein bisschen unordentlich ist. +
+ +
+ Karin U. K. + + Ich dachte das hier wäre ein Restaurant. +
+
+
+
+ + + +
+
+
+
+ Kontakt + E-Mail: > +
+ +
+ Impressum + Datenschutzerklärung + © fritteuseneddie.de 2023 + v +
+
+
+
diff --git a/page/start/style.css b/page/start/style.css new file mode 100644 index 0000000..cac1c6e --- /dev/null +++ b/page/start/style.css @@ -0,0 +1,252 @@ +* { + --theme: #92FF27; + --theme-dark: #462; +} + + + +html, body { + margin: 0px; + padding: 0px; + + overflow-x: hidden; + + background-color: #000; +} +body { + font-size: 0px; + font-family: "Anonymous Pro", monospace; +} + +span, li::marker { + font-size: 1rem; + color: #fff; +} + + +.banner { + position: relative; + + width: 100%; + min-height: 20rem; + height: 30vh; + + overflow: hidden; + + display: flex; + align-items: center; + justify-content: center; +} +.banner::before { + content: ''; + + position: absolute; + top: -12px; + left: -12px; + + width: calc(100% + 24px); + height: calc(100% + 24px); + + background-color: #222; + background-image: var(--bg-url); + background-size: cover; + background-repeat: no-repeat; + background-position: center; + + filter: grayscale(30%) brightness(80%) blur(6px); +} + +.banner .container { + z-index: 5; +} + +.banner .container .title { + display: block; + width: calc(100% - 4rem); + padding: 2rem; + + font-size: 6rem; + font-family: "Niconne", cursive; + color: #fff; + text-align: center; + color: var(--theme); +} + +@media only screen and (max-width: 1000px) { + .banner { + height: 50vh; + } + .banner .container .title { + font-size: 4rem; + } +} + + + + + + + + + + + + + +.section { + padding: 4rem 0rem; + + display: flex; + align-items: center; + justify-content: center; +} + +.section .container { + width: 80%; +} + +.section .heading { + display: block; + width: 100%; + + margin: 0px 0px 4rem 0px; + + font-size: 3rem; + color: #fff; + text-align: center; + text-decoration: underline; +} + +.section .list { + width: auto; + max-width: 100%; + + display: flex; + flex-flow: row wrap; + align-items: flex-start; + justify-content: center; + gap: 2rem; +} + + + + + + + + + + + +.section.offers { + background-color: var(--theme-dark); + background-color: color(); +} +.section.offers .list .item { + flex-basis: 16rem; + padding: 2rem; + border-radius: 1rem; + background-color: #333; +} +.section.offers .list .item .picture { + display: block; + width: 12rem; + height: 12rem; + margin: auto; + + background-color: #aaa; + object-fit: cover; + + border-radius: 50%; +} +.section.offers .list .item .title { + display: block; + width: 100%; + + margin: 1rem 0px; + + font-size: 2rem; + text-align: center; + color: var(--theme); +} +.section.offers .list .item .desc li { + margin: 0px 0px 0.5rem 0px; +} + + + + + + + + + + + + +.section.opinions { + background-color: #333; +} +.section.opinions .list .item { + flex-basis: 24rem; + padding: 2rem; + border-radius: 1rem; + background-color: #666; +} +.section.opinions .list .item .name, .section.opinions .list .item .rating, .section.opinions .list .item .text { + display: block; + color: #fff; + text-align: center; +} +.section.opinions .list .item .name { + color: var(--theme); +} +.section.opinions .list .item .name, .section.opinions .list .item .rating { + margin: 0px 0px 1rem 0px; + font-size: 2rem; +} + + + + + + + + + + + + + + + +.section.footer { + background-color: #000; +} +.section.footer .list { + align-items: center; +} +.section.footer .list .item { + flex-basis: 24rem; + padding: 2rem; + text-align: center; +} + + + +.section.footer .list .item a { + color: inherit; +} +.section.footer .list .item > span { + margin: 0px 0px 1rem 0px; + display: block; +} + +.section.footer .list .item.contact .small-heading { + display: block; + font-size: 2rem; + margin: 0px 0px 1rem 0px; +} +.section.footer .list .item.contact a, .section.footer .list .item.contact a > span { + color: var(--theme); +}