diff --git a/css/style.css b/css/style.css deleted file mode 100644 index 0c007dd..0000000 --- a/css/style.css +++ /dev/null @@ -1,221 +0,0 @@ -html { - margin: 0; - padding:0; - box-sizing: border-box; -} - -body { - position: relative; - height: 100vh; - margin: 0; - padding:0; -} -main { - display: flex; - justify-content: center; - width: 90%; - flex-direction: column; - align-items: center; -} - -h1 { - text-align: center; - color: white; - font-size: 40px; - margin: 0; -} - -.places { - font-size: 40px; - text-align: center; - color: white; - font-weight: bold; - margin: 0; -} - -.places:after { - display: block; - content: "Viskafors"; - /* animation-duration = number of keyframes * duration per keyframe */ - animation: change-text 15s infinite; -} - -@keyframes change-text { - 0% { - content: "Viskafors"; - } - 20% { - content: "Rydboholm"; - } - 40% { - content: "Svaneholm"; - } - 60% { - content: "Kinnarumma"; - } - 80% { - content: "Seglora"; - } -} - -main.info-main { - width: 100%; -} - -.info-first-div { - background: #092626; -background: linear-gradient(0deg, rgba(9, 38, 38, 1) 0%, rgba(20, 52, 66, 1) 64%, rgba(59, 98, 161, 1) 100%); - height: 300px; - width: 100%; - z-index: 1; - position: relative; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; - padding-bottom: 100px; -} - -.info-second-div { - min-height: 400px; - padding-top: 150px; - margin-top: -150px; - z-index: 2; - background-color: #fff; - position: relative; - width: 100%; - display: flex; - flex-direction: column; - align-items: center; - -webkit-clip-path: polygon(50% 17%, 100% 0, 100% 84%, 50% 100%, 0 84%, 0 0); - clip-path: polygon(50% 17%, 100% 0, 100% 84%, 100% 100%, 0 100%, 0 0); - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; -} - -.info-second-div-inner-container { - width: 90%; - display: flex; - flex-direction: column; - align-items: center; - text-align: center; - max-width: 600px; - margin: 0 auto; -} - -.info-second-div-inner-container a { - margin-top: 30px; - align-items: center; - background: #FFFFFF; - border: 0 solid #E2E8F0; - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-sizing: border-box; - color: #1A202C; - display: inline-flex; - font-family: Inter, sans-serif; - font-size: 1rem; - font-weight: 700; - height: 56px; - justify-content: center; - line-height: 24px; - overflow-wrap: break-word; - padding: 24px; - text-decoration: none; - width: auto; - border-radius: 8px; - cursor: pointer; - user-select: none; - -webkit-user-select: none; - touch-action: manipulation; -} - -.gallery-container { - max-width: 1920px; - margin: 0 auto; - display: grid; - grid-template-columns: repeat(2, minmax(250px, 1fr)); - gap: 15px; - padding: 20px; - grid-template-rows: 300px; - - @media screen and (min-width: 1440px) { - grid-template-columns: repeat(4, minmax(250px, 1fr)); - } -} - -.gallery-item { - height: 300px; - width: auto; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - - p { - height: 10%; - } - - img { - width: 100%; - height: 90%; - object-fit: contain; - } -} - -footer { - position: absolute; - bottom: 0; - right: 0; - left: 0; - display: flex; - justify-content: center; - flex-direction: column; - align-items: center; - width: 100%; - text-align: center; -} - -footer.footer-info { - position: unset; - bottom: unset; - right: unset; - left: unset; -} - -.footer-text { - padding: 10px 0; - background-color: #092626; - color: white; - width: 100%; - margin-top:50px; - display: flex; - justify-content: center; - align-items: center -} - -footer a { - margin-top: 30px; - align-items: center; - background: #FFFFFF; - border: 0 solid #E2E8F0; - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-sizing: border-box; - color: #1A202C; - display: inline-flex; - font-size: 1rem; - font-weight: 700; - height: 56px; - justify-content: center; - line-height: 24px; - overflow-wrap: break-word; - padding: 24px; - text-decoration: none; - width: auto; - border-radius: 8px; - cursor: pointer; - user-select: none; - -webkit-user-select: none; - touch-action: manipulation; -} \ No newline at end of file diff --git a/info.php b/info.php deleted file mode 100644 index 65bac12..0000000 --- a/info.php +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - -
-
- -

vBytes
♥

-

- -
-
-
-

- Vad är detta för nåt? -

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. -

- -

- Lorem ipsum dolor -

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. -

- - -
-
-
- - - \ No newline at end of file diff --git a/pages/1.html b/pages/1.html deleted file mode 100644 index b83e4e1..0000000 --- a/pages/1.html +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - - - -
-
Hej från 1.html
-
- - - \ No newline at end of file diff --git a/pages/demo.html b/pages/demo.html new file mode 100644 index 0000000..072ede9 --- /dev/null +++ b/pages/demo.html @@ -0,0 +1,26 @@ + + + + + + + + +

+ Du är en stjärna! +

+ +

+ Kom ihåg att du är viktig och att du gör världen bättre! +

+ + + +
+

Dagens utmaning

+

+ Säg något snällt till en kompis! +

+
+ +