From 8e297528e2a69986c56f9f14ee934473ff07f00a Mon Sep 17 00:00:00 2001 From: carina Kaarli Date: Fri, 19 Sep 2025 02:12:06 +0200 Subject: [PATCH 1/7] trial --- Buissnes.html | 80 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 80 insertions(+) create mode 100644 Buissnes.html diff --git a/Buissnes.html b/Buissnes.html new file mode 100644 index 000000000..39c0ac322 --- /dev/null +++ b/Buissnes.html @@ -0,0 +1,80 @@ + + + + + + + Document + + + +
+ + +
+ + + + +
+ + + + +
+

Crystals, the heart of the earth

+ +

Crystals, stones, gems, ore. They go by many names, but they are all minerals and metals, created in the core of the earth through extreme heat and pressure until the plate tectonics and volcanoes bring the different rock material up to the surface where we can find it.

+ One of nature’s biggest wounders is without a doubt Cueva de los Cristales (cave of crystals) in Mexico. Buried a thousand feet (300 meters) below Naica mountain in the Chihuahuan Desert, the cave was discovered by two miners excavating a new tunnel for the Industrias Peñoles company in 2000. cave with giant crystals +Giant crystals made of translucent gypsum measuring up to 36 feet (11 meters) long and weighing up to 55 tons. Because they were submerged in mineral-rich water with a very narrow, stable temperature range—around 136 degrees Fahrenheit (58 degrees Celsius), the crystals could grow undisturbed for millennials.

+ Volcanic activity that began about 26 million years ago created Naica mountain and filled it with high-temperature anhydrite in water. Anhydrite is stable above 136 degrees Fahrenheit (58 degrees Celsius) but below that gypsum is the stable form so in the stable temperature the anhydrate crystalized into gypsum and slowly grew crystals. +The cave is still very hot and humid so only a few visitors have been able to enter the cave with specialized suits, and only for short periods of time. +

+ Our history with gemstones goes a long way back. One of the most famous instances is Tutankhamun's death mask dating back to 1324 BC.

picture of Tutankhamuns golden mask It is made from gold but inlaid with Lapis lazuli, quartz, obsidian, carnelian, feldspar, turquoise, amazonite and other stones.

But the use of precious stones date back even longer. +Jade has had an important role in China's history and the earliest mentions in historical texts date back to 3600 BC. And Egypt has found archaeological evidence of lapis lazuli and amethyst jewelry that has been dated to 4000 BC +Comb, Eastern Han dynasty China. Jade and gold. + +

Comb, Eastern Han dynasty (25–220), China. Jade (nephrite) and gold. + + + +


+ +Today gemstones still play a big part in our lives, the most common use is to wear them as jewelry, but we use them as decorations in our homes in different ways and the spiritual society frequently uses them. We also use gems and minerals in many of our everyday technology and appliances. Rubies were first used in lasers in the 1960s and are still used in dermatology. Quartz is used in radios, TVs, GPS systems among others where quartz oscillators are used. a crytal oscillator +

+
+ +
+

öadjufh

+ + +
+ + + + +
+ \ No newline at end of file From 2d6a4f2f882056e5275365f391abfabed6089750 Mon Sep 17 00:00:00 2001 From: carina Kaarli Date: Fri, 19 Sep 2025 02:17:08 +0200 Subject: [PATCH 2/7] added-everything --- Buissnes.css | 138 ++++++++++++++++++++++ Buissnes.html | 2 +- Gold-Mummy-Mask-of-King-Tutankhamun-1.jpg | Bin 0 -> 498370 bytes README (1).md | 1 + backgrounds/back1.jpg | Bin 0 -> 222837 bytes backgrounds/hero1.jpg | Bin 0 -> 148312 bytes buissnes.js | 12 ++ carved.css | 85 +++++++++++++ carved.html | 82 +++++++++++++ carved/Malachite.jpg | Bin 0 -> 234505 bytes carved/QuartzSkul.jpg | Bin 0 -> 46949 bytes carved/kyanite.jpg | Bin 0 -> 8520 bytes carved/mossagate.jpg | Bin 0 -> 7634 bytes carved/oceanjasper.jpg | Bin 0 -> 312650 bytes carved/phoenix.jpg | Bin 0 -> 9522 bytes carved/rose.jpg | Bin 0 -> 14532 bytes carved/selenite.jpg | Bin 0 -> 5116 bytes carved/turmaline.jpg | Bin 0 -> 4663 bytes cave.jpg | Bin 0 -> 241141 bytes crystal-oscillator.jpg | Bin 0 -> 43599 bytes form.css | 49 ++++++++ form.html | 57 +++++++++ jade-comb.jpg | Bin 0 -> 682134 bytes jew/bracelet1.jpg | Bin 0 -> 121425 bytes jew/bracelet2.jpg | Bin 0 -> 300648 bytes jew/necklace1.jpg | Bin 0 -> 142908 bytes jew/necklace2.jpg | Bin 0 -> 50321 bytes jew/ring1.jpg | Bin 0 -> 146199 bytes jew/rings2.jpg | Bin 0 -> 7127 bytes jewlery.css | 100 ++++++++++++++++ jewlery.html | 60 ++++++++++ stones.css | 81 +++++++++++++ stones.html | 67 +++++++++++ stones/amazonite.jpg | Bin 0 -> 11642 bytes stones/amethyst.jpg | Bin 0 -> 7479 bytes stones/malachite2.jpg | Bin 0 -> 9282 bytes stones/quartz.jpg | Bin 0 -> 4174 bytes stones/small.jpg | Bin 0 -> 8920 bytes stones/strawberry.jpg | Bin 0 -> 7764 bytes stones/yellowcalcite.jpg | Bin 0 -> 4275 bytes 40 files changed, 733 insertions(+), 1 deletion(-) create mode 100644 Buissnes.css create mode 100644 Gold-Mummy-Mask-of-King-Tutankhamun-1.jpg create mode 100644 README (1).md create mode 100644 backgrounds/back1.jpg create mode 100644 backgrounds/hero1.jpg create mode 100644 buissnes.js create mode 100644 carved.css create mode 100644 carved.html create mode 100644 carved/Malachite.jpg create mode 100644 carved/QuartzSkul.jpg create mode 100644 carved/kyanite.jpg create mode 100644 carved/mossagate.jpg create mode 100644 carved/oceanjasper.jpg create mode 100644 carved/phoenix.jpg create mode 100644 carved/rose.jpg create mode 100644 carved/selenite.jpg create mode 100644 carved/turmaline.jpg create mode 100644 cave.jpg create mode 100644 crystal-oscillator.jpg create mode 100644 form.css create mode 100644 form.html create mode 100644 jade-comb.jpg create mode 100644 jew/bracelet1.jpg create mode 100644 jew/bracelet2.jpg create mode 100644 jew/necklace1.jpg create mode 100644 jew/necklace2.jpg create mode 100644 jew/ring1.jpg create mode 100644 jew/rings2.jpg create mode 100644 jewlery.css create mode 100644 jewlery.html create mode 100644 stones.css create mode 100644 stones.html create mode 100644 stones/amazonite.jpg create mode 100644 stones/amethyst.jpg create mode 100644 stones/malachite2.jpg create mode 100644 stones/quartz.jpg create mode 100644 stones/small.jpg create mode 100644 stones/strawberry.jpg create mode 100644 stones/yellowcalcite.jpg diff --git a/Buissnes.css b/Buissnes.css new file mode 100644 index 000000000..0b9557271 --- /dev/null +++ b/Buissnes.css @@ -0,0 +1,138 @@ +*{ +Margin: 0; +Padding: 0; +Box-sizing: border-box; +} + + +header{ + background-color: black; + color: #18a7a7; +} + + +li{ + list-style: none; +} + +a{ + color: #08fcfc; + text-decoration: none; + +} + +.hero{ + position: relative; + background-image: url(backgrounds/hero1.jpg); + background-size: cover; + height: 200px; + overflow: hidden; + /* overlay image makes the gradient arround the heroimage */ + border-width: 10px; + border-style: solid; + border-image-source: linear-gradient( rgb(167, 247, 240), rgb(191, 191, 243)); + border-image-slice: 1; +} + + +.nav-menu{ + display: flex; + justify-content: space-around; + align-items: center; + gap: 50px; +} + +.nav-link{ + transition: 0.7s ease; +} + +.nav-link:hover{ + color: cornflowerblue; +} + +.hamburger{ + display: none; + cursor: pointer; +} + +.bar{ + display: block; + width: 25px; + height: 3px; + margin: 5px 90%; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + background-color: #2fa7a7; + +} +@media(max-width:768px){ + .hamburger{ + display: block; + } + + .hamburger.active .bar:nth-child(2){ + opacity: 0; + } + .hamburger.active .bar:nth-child(1){ + transform: translateY(8px) rotate(45deg); + } + .hamburger.active .bar:nth-child(3){ + transform: translateY(-8px) rotate(-45deg); + } + + .nav-menu{ + position: fixed; + right: -100%; + top: 70px; + gap: 0; + flex-direction: column; + background-color: black; + width: 30%; + text-align: center; + transition: 0.3s; + } + + .nav-item{ + margin: 16px 0; + + } + + .nav-menu.active{ + right: 0; + } + + +} + +body{ + min-height: 100vh; + background-image: url(backgrounds/back1.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: center; +} + + + + +section{ + padding: 20px; +} + +section h2{ + color: rgb(3, 112, 112); +} + + + +footer{ +background-color: blanchedalmond; +} + + + +img{ + display: block; + max-inline-size: 70%; + padding: 10px; +} diff --git a/Buissnes.html b/Buissnes.html index 39c0ac322..11e61fd5d 100644 --- a/Buissnes.html +++ b/Buissnes.html @@ -13,7 +13,7 @@
- +
diff --git a/Buissnes.css b/index.css similarity index 100% rename from Buissnes.css rename to index.css diff --git a/Buissnes.html b/index.html similarity index 95% rename from Buissnes.html rename to index.html index 11e61fd5d..0ec5c6cbd 100644 --- a/Buissnes.html +++ b/index.html @@ -5,7 +5,7 @@ Document - +
@@ -55,9 +55,8 @@

Crystals, the heart of the earth



Our history with gemstones goes a long way back. One of the most famous instances is Tutankhamun's death mask dating back to 1324 BC.

picture of Tutankhamuns golden mask It is made from gold but inlaid with Lapis lazuli, quartz, obsidian, carnelian, feldspar, turquoise, amazonite and other stones.

But the use of precious stones date back even longer. Jade has had an important role in China's history and the earliest mentions in historical texts date back to 3600 BC. And Egypt has found archaeological evidence of lapis lazuli and amethyst jewelry that has been dated to 4000 BC -Comb, Eastern Han dynasty China. Jade and gold. - -
Comb, Eastern Han dynasty (25–220), China. Jade (nephrite) and gold. +Comb, Eastern Han dynasty China. Jade and gold. +
Comb, Eastern Han dynasty (25–220), China. Jade (nephrite) and gold. @@ -73,7 +72,7 @@

Crystals, the heart of the earth

- +
diff --git a/buissnes.js b/index.js similarity index 100% rename from buissnes.js rename to index.js diff --git a/jewlery.css b/jewlery.css index 0c1ae9635..8bf81e611 100644 --- a/jewlery.css +++ b/jewlery.css @@ -16,31 +16,37 @@ body{ } header{ + display: grid; + grid-template-rows: repeat(4, 1fr); + grid-template-columns: repeat(12, 1fr); background-color: black; color: #18a7a7; } +button{ + grid-column: 12/12; + grid-row: 1/1 -li{ - list-style: none; +} + +h2{ + grid-column: 6/7; + grid-row: 1/3; + padding-bottom: 5px; + + +} + +p{ + grid-column: 6/7; + grid-row: 3/4; } a{ color: #18a7a7; text-decoration: none; } -/* -.button{ - button working on it -}*/ -.navbar{ - min-height: 70px; - display: flex; - justify-content: space-between; - align-items: center; - padding: 0 20px; -} .card{ background-color: rgb(135, 219, 219); width: 220px; diff --git a/jewlery.html b/jewlery.html index bedc49dd8..eb7f4ff26 100644 --- a/jewlery.html +++ b/jewlery.html @@ -13,8 +13,8 @@

Jewlery

Hand made jewlery

-
diff --git a/stones.css b/stones.css index 8225f0511..8d607411e 100644 --- a/stones.css +++ b/stones.css @@ -14,6 +14,32 @@ body{ flex-wrap: wrap; } +header{ + display: grid; + grid-template-rows: repeat(4, 1fr); + grid-template-columns: repeat(12, 1fr); + background-color: black; + color: #18a7a7; +} + +button{ + grid-column: 12/12; + grid-row: 1/1 + +} + +h2{ + grid-column: 6/7; + grid-row: 1/3; + padding-bottom: 5px; + + +} + +p{ + grid-column: 6/7; + grid-row: 3/4; +} .card{ background-color: rgb(135, 219, 219); @@ -64,8 +90,6 @@ body{ - - .card h4{ text-align: center; } diff --git a/stones.html b/stones.html index f012db6f6..b3bb68489 100644 --- a/stones.html +++ b/stones.html @@ -7,15 +7,15 @@ - - + -
-

Stones

-

tumbled and natural stones

+
+

Stones

+

Tumbled and raw stones

+
From 0ddea0c2fa088989e4c9acc103fe9b0f55b6ddf9 Mon Sep 17 00:00:00 2001 From: carina Kaarli Date: Fri, 19 Sep 2025 03:55:09 +0200 Subject: [PATCH 4/7] fixed-forum-back-button --- form.css | 12 ++++-------- form.html | 4 ++-- jewlery.css | 1 + 3 files changed, 7 insertions(+), 10 deletions(-) diff --git a/form.css b/form.css index 21ececa56..1cf52db04 100644 --- a/form.css +++ b/form.css @@ -7,14 +7,7 @@ Label{ body{ background-color: rgb(236, 255, 234); } -/* -.overlay{ - border-width: 10px; - border-style: solid; - border-image-source: linear-gradient( red, blue); - border-image-slice: fill 1; -}*/ .hero{ @@ -28,7 +21,10 @@ body{ } - +a{ + color: #18a7a7; + text-decoration: none; +} .container{ display: flex; diff --git a/form.html b/form.html index 4bbab669e..47d8c53e0 100644 --- a/form.html +++ b/form.html @@ -9,8 +9,8 @@ -
diff --git a/jewlery.css b/jewlery.css index 8bf81e611..0ba943ae9 100644 --- a/jewlery.css +++ b/jewlery.css @@ -43,6 +43,7 @@ p{ } a{ + color: #18a7a7; text-decoration: none; } From 30a4fa40c830ab57bf6c591b99d087667e42df53 Mon Sep 17 00:00:00 2001 From: carina Kaarli Date: Fri, 19 Sep 2025 04:01:32 +0200 Subject: [PATCH 5/7] fixed-back-button-color --- carved.css | 7 +++++++ stones.css | 5 +++++ 2 files changed, 12 insertions(+) diff --git a/carved.css b/carved.css index f8edba071..394db0785 100644 --- a/carved.css +++ b/carved.css @@ -34,6 +34,13 @@ p{ grid-column: 6/7; grid-row: 3/4; } + +a{ + color: #18a7a7; + text-decoration: none; +} + + .container{ display: flex; justify-content: center; diff --git a/stones.css b/stones.css index 8d607411e..dc3aade44 100644 --- a/stones.css +++ b/stones.css @@ -41,6 +41,11 @@ p{ grid-row: 3/4; } +a{ + color: #18a7a7; + text-decoration: none; +} + .card{ background-color: rgb(135, 219, 219); width: 220px; From bdbc3278a1c49db0850cbd5caffe3fec19dd3b44 Mon Sep 17 00:00:00 2001 From: carina Kaarli Date: Mon, 22 Sep 2025 02:09:24 +0200 Subject: [PATCH 6/7] footer-fixed --- index.css | 43 +++++++++++++++++++++++++++++++++++-------- index.html | 14 +++++++++++++- 2 files changed, 48 insertions(+), 9 deletions(-) diff --git a/index.css b/index.css index 0b9557271..70af47365 100644 --- a/index.css +++ b/index.css @@ -8,6 +8,7 @@ Box-sizing: border-box; header{ background-color: black; color: #18a7a7; + font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; } @@ -43,7 +44,7 @@ a{ } .nav-link{ - transition: 0.7s ease; + transition: 0.9s ease; } .nav-link:hover{ @@ -65,6 +66,7 @@ a{ background-color: #2fa7a7; } + @media(max-width:768px){ .hamburger{ display: block; @@ -112,8 +114,12 @@ body{ background-position: center; } +img{ + display: block; + max-inline-size: 70%; + padding: 10px; +} - section{ padding: 20px; @@ -123,16 +129,37 @@ section h2{ color: rgb(3, 112, 112); } +.container{ + display: grid; + grid-template-rows: repeat(2, 1fr); + grid-template-columns: repeat(7, 1fr); + background-color: black; + color: #18a7a7; + font-size: 20px; + font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; +} +.foot-link{ -footer{ -background-color: blanchedalmond; + + transition: 0.9s ease; } +.foot-link:hover{ + color: cornflowerblue; +} +.foot-1{ + grid-row: 1/2; + grid-column: 1/1; +} -img{ - display: block; - max-inline-size: 70%; - padding: 10px; +.foot-2{ + grid-row: 1/2; + grid-column: 4/4; } + +.foot-3{ + grid-row: 1/2; + grid-column: 7/7; +} \ No newline at end of file diff --git a/index.html b/index.html index 0ec5c6cbd..31fea4867 100644 --- a/index.html +++ b/index.html @@ -67,7 +67,19 @@
Comb, Eastern Han dynasty (25–220), China. Jade (nephrite) and gold.
From db2a56ed24120a4ec39d3a584aaf4ecd2430562e Mon Sep 17 00:00:00 2001 From: carina Kaarli Date: Wed, 24 Sep 2025 23:12:04 +0200 Subject: [PATCH 7/7] fixed form acording to rewiev --- form.css | 11 ++++++++++- form.html | 21 +++++++++------------ 2 files changed, 19 insertions(+), 13 deletions(-) diff --git a/form.css b/form.css index 1cf52db04..9aa6720aa 100644 --- a/form.css +++ b/form.css @@ -1,4 +1,4 @@ -Label{ +label{ display: block; padding: 5px; @@ -30,16 +30,25 @@ a{ display: flex; justify-content: center; flex-wrap: wrap; + justify-content: center; + } .card{ + display: flex; background-color: rgb(135, 219, 219); width: 340px; height: 450px; margin: 50px; border-radius: 10px; box-shadow: 5px 20px 20px; + flex-direction: column; + align-items: center; + justify-content: space-around; + + + } diff --git a/form.html b/form.html index 47d8c53e0..9f97650e2 100644 --- a/form.html +++ b/form.html @@ -25,30 +25,27 @@

Sign up for our mailing list!

Submit form

-

-
+ +