Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse qui rem temporibus praesentium itaque quas fugiat? Saepe voluptatem aliquid eveniet ex, reiciendis quis laudantium corrupti id deleniti eum incidunt neque?
+
+
+
+
+
Ocean Jasper uniqorn
+
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Suscipit ab iste maxime soluta dignissimos aliquid minus perspiciatis. Accusantium deserunt eveniet rerum provident harum, doloribus expedita voluptas? Nobis dicta odit sit?
+
+
+
+
+
Rose Quartz bust
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam obcaecati similique maiores eius culpa eaque labore molestias alias magnam libero necessitatibus, error accusamus voluptatem odio provident numquam nemo eveniet voluptates!
+
+
+
+
+
Quartz skull
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse qui rem temporibus praesentium itaque quas fugiat? Saepe voluptatem aliquid eveniet ex, reiciendis quis laudantium corrupti id deleniti eum incidunt neque?
+
+
+
+
+
Kyanite tower
+
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Suscipit ab iste maxime soluta dignissimos aliquid minus perspiciatis. Accusantium deserunt eveniet rerum provident harum, doloribus expedita voluptas? Nobis dicta odit sit?
+
+
+
+
+
Moss aget Tower
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam obcaecati similique maiores eius culpa eaque labore molestias alias magnam libero necessitatibus, error accusamus voluptatem odio provident numquam nemo eveniet voluptates!
+
+
+
+
+
Phoenix stone Tower
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam obcaecati similique maiores eius culpa eaque labore molestias alias magnam libero necessitatibus, error accusamus voluptatem odio provident numquam nemo eveniet voluptates!
+
+
+
+
+
Black Turmaline Tower
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam obcaecati similique maiores eius culpa eaque labore molestias alias magnam libero necessitatibus, error accusamus voluptatem odio provident numquam nemo eveniet voluptates!
+
+
+
+
+
Selenite Tower
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam obcaecati similique maiores eius culpa eaque labore molestias alias magnam libero necessitatibus, error accusamus voluptatem odio provident numquam nemo eveniet voluptates!
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/carved/Malachite.jpg b/carved/Malachite.jpg
new file mode 100644
index 000000000..21ea9d603
Binary files /dev/null and b/carved/Malachite.jpg differ
diff --git a/carved/QuartzSkul.jpg b/carved/QuartzSkul.jpg
new file mode 100644
index 000000000..4083c5161
Binary files /dev/null and b/carved/QuartzSkul.jpg differ
diff --git a/carved/kyanite.jpg b/carved/kyanite.jpg
new file mode 100644
index 000000000..b7ef392fc
Binary files /dev/null and b/carved/kyanite.jpg differ
diff --git a/carved/mossagate.jpg b/carved/mossagate.jpg
new file mode 100644
index 000000000..7fc012589
Binary files /dev/null and b/carved/mossagate.jpg differ
diff --git a/carved/oceanjasper.jpg b/carved/oceanjasper.jpg
new file mode 100644
index 000000000..f56474eef
Binary files /dev/null and b/carved/oceanjasper.jpg differ
diff --git a/carved/phoenix.jpg b/carved/phoenix.jpg
new file mode 100644
index 000000000..4477d9847
Binary files /dev/null and b/carved/phoenix.jpg differ
diff --git a/carved/rose.jpg b/carved/rose.jpg
new file mode 100644
index 000000000..5ebba918f
Binary files /dev/null and b/carved/rose.jpg differ
diff --git a/carved/selenite.jpg b/carved/selenite.jpg
new file mode 100644
index 000000000..0872d574e
Binary files /dev/null and b/carved/selenite.jpg differ
diff --git a/carved/turmaline.jpg b/carved/turmaline.jpg
new file mode 100644
index 000000000..90ccc9531
Binary files /dev/null and b/carved/turmaline.jpg differ
diff --git a/cave.jpg b/cave.jpg
new file mode 100644
index 000000000..5c5461d87
Binary files /dev/null and b/cave.jpg differ
diff --git a/crystal-oscillator.jpg b/crystal-oscillator.jpg
new file mode 100644
index 000000000..7d64728ea
Binary files /dev/null and b/crystal-oscillator.jpg differ
diff --git a/form.css b/form.css
new file mode 100644
index 000000000..9aa6720aa
--- /dev/null
+++ b/form.css
@@ -0,0 +1,54 @@
+label{
+ display: block;
+ padding: 5px;
+
+}
+
+body{
+ background-color: rgb(236, 255, 234);
+}
+
+
+
+.hero{
+ background-image: url(backgrounds/back1.jpg);
+ background-size: cover;
+ background-repeat: no-repeat;
+ /* gives the image boxshadow inside the immage*/
+ box-shadow: 40px 30px 30px rgb(236, 255, 234) inset;
+
+ min-block-size: 30vh;
+
+}
+
+a{
+ color: #18a7a7;
+ text-decoration: none;
+}
+
+.container{
+ 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
new file mode 100644
index 000000000..9f97650e2
--- /dev/null
+++ b/form.html
@@ -0,0 +1,54 @@
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
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.
+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.
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 (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.
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/index.js b/index.js
new file mode 100644
index 000000000..b2dc56508
--- /dev/null
+++ b/index.js
@@ -0,0 +1,12 @@
+const hamburger = document.querySelector(".hamburger");
+const navMenu = document.querySelector(".nav-menu");
+
+hamburger.addEventListener("click", () => {
+ hamburger.classList.toggle("active");
+ navMenu.classList.toggle("active");
+})
+
+document.querySelectorAll(".nav-link").forEach(n => n.addEventListener("click", () => {
+ hamburger.classList.remove("active");
+ navMenu.classList.remove("active");
+}))
\ No newline at end of file
diff --git a/jade-comb.jpg b/jade-comb.jpg
new file mode 100644
index 000000000..7eaecc06f
Binary files /dev/null and b/jade-comb.jpg differ
diff --git a/jew/bracelet1.jpg b/jew/bracelet1.jpg
new file mode 100644
index 000000000..d96c93baa
Binary files /dev/null and b/jew/bracelet1.jpg differ
diff --git a/jew/bracelet2.jpg b/jew/bracelet2.jpg
new file mode 100644
index 000000000..f92173d6a
Binary files /dev/null and b/jew/bracelet2.jpg differ
diff --git a/jew/necklace1.jpg b/jew/necklace1.jpg
new file mode 100644
index 000000000..d352015cc
Binary files /dev/null and b/jew/necklace1.jpg differ
diff --git a/jew/necklace2.jpg b/jew/necklace2.jpg
new file mode 100644
index 000000000..b5c29b534
Binary files /dev/null and b/jew/necklace2.jpg differ
diff --git a/jew/ring1.jpg b/jew/ring1.jpg
new file mode 100644
index 000000000..8e5c18c27
Binary files /dev/null and b/jew/ring1.jpg differ
diff --git a/jew/rings2.jpg b/jew/rings2.jpg
new file mode 100644
index 000000000..da306ee9f
Binary files /dev/null and b/jew/rings2.jpg differ
diff --git a/jewlery.css b/jewlery.css
new file mode 100644
index 000000000..0ba943ae9
--- /dev/null
+++ b/jewlery.css
@@ -0,0 +1,107 @@
+*{
+ box-sizing: border-box;
+ padding: 0;
+ margin: 0;
+}
+
+body{
+ background-image: url(backgrounds/back1.jpg);
+}
+
+.container{
+ display: flex;
+ justify-content: center;
+ 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;
+}
+
+a{
+
+ color: #18a7a7;
+ text-decoration: none;
+}
+
+.card{
+ background-color: rgb(135, 219, 219);
+ width: 220px;
+ height: 500px;
+ margin: 50px;
+ border-radius: 90px;
+ box-shadow: 5px 20px 20px;
+
+
+}
+
+.card-image{
+ background-color: yellowgreen;
+ height: 200px;
+ margin-bottom: 15px;
+ background-size: cover;
+}
+
+
+.br1{
+ background-image: url(jew/bracelet1.jpg);
+}
+
+.br2{
+ background-image: url(jew/bracelet2.jpg);
+}
+
+.ne1{
+ background-image: url(jew/necklace1.jpg);
+}
+
+.ne2{
+ background-image: url(jew/necklace2.jpg);
+}
+
+.ri1{
+ background-image: url(jew/ring1.jpg);
+}
+
+.ri2{
+ background-image: url(jew/rings2.jpg);
+}
+
+
+.card h4{
+ text-align: center;
+}
+
+.card p{
+ padding: 20px;
+}
+
+.card:hover{
+ background-color: white;
+ cursor: pointer;
+ transform: scale(1.1);
+}
\ No newline at end of file
diff --git a/jewlery.html b/jewlery.html
new file mode 100644
index 000000000..eb7f4ff26
--- /dev/null
+++ b/jewlery.html
@@ -0,0 +1,60 @@
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
Jewlery
+
Hand made jewlery
+
+
+
+
+
+
+
+
Bracelets round
+
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Suscipit ab iste maxime soluta dignissimos aliquid minus perspiciatis. Accusantium deserunt eveniet rerum provident harum, doloribus expedita voluptas? Nobis dicta odit sit?
+
+
+
+
+
Beracelets tumbled nuggets
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam obcaecati similique maiores eius culpa eaque labore molestias alias magnam libero necessitatibus, error accusamus voluptatem odio provident numquam nemo eveniet voluptates!
+
+
+
+
+
Tumbled stones in net basket
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam obcaecati similique maiores eius culpa eaque labore molestias alias magnam libero necessitatibus, error accusamus voluptatem odio provident numquam nemo eveniet voluptates!
+
+
+
+
+
Tumbled stone on chain
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam obcaecati similique maiores eius culpa eaque labore molestias alias magnam libero necessitatibus, error accusamus voluptatem odio provident numquam nemo eveniet voluptates!
+
+
+
+
+
Intricate silver ring with stone cabochon
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam obcaecati similique maiores eius culpa eaque labore molestias alias magnam libero necessitatibus, error accusamus voluptatem odio provident numquam nemo eveniet voluptates!
+
+
+
+
+
Simple silver ring with stone cabochon
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam obcaecati similique maiores eius culpa eaque labore molestias alias magnam libero necessitatibus, error accusamus voluptatem odio provident numquam nemo eveniet voluptates!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse qui rem temporibus praesentium itaque quas fugiat? Saepe voluptatem aliquid eveniet ex, reiciendis quis laudantium corrupti id deleniti eum incidunt neque?
+
+
+
+
+
Ametyst raw cluster
+
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Suscipit ab iste maxime soluta dignissimos aliquid minus perspiciatis. Accusantium deserunt eveniet rerum provident harum, doloribus expedita voluptas? Nobis dicta odit sit?
+
+
+
+
+
Malachite Tumbled
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam obcaecati similique maiores eius culpa eaque labore molestias alias magnam libero necessitatibus, error accusamus voluptatem odio provident numquam nemo eveniet voluptates!
+
+
+
+
+
Quartz crystal
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam obcaecati similique maiores eius culpa eaque labore molestias alias magnam libero necessitatibus, error accusamus voluptatem odio provident numquam nemo eveniet voluptates!
+
+
+
+
+
Strawberry Quartz Tumbled
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam obcaecati similique maiores eius culpa eaque labore molestias alias magnam libero necessitatibus, error accusamus voluptatem odio provident numquam nemo eveniet voluptates!
+
+
+
+
+
Yellow Calcite raw
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam obcaecati similique maiores eius culpa eaque labore molestias alias magnam libero necessitatibus, error accusamus voluptatem odio provident numquam nemo eveniet voluptates!
+
+
+
+
+
Small mixed tumbles
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam obcaecati similique maiores eius culpa eaque labore molestias alias magnam libero necessitatibus, error accusamus voluptatem odio provident numquam nemo eveniet voluptates!
+
+
+
+
+
\ No newline at end of file
diff --git a/stones/amazonite.jpg b/stones/amazonite.jpg
new file mode 100644
index 000000000..c7688a150
Binary files /dev/null and b/stones/amazonite.jpg differ
diff --git a/stones/amethyst.jpg b/stones/amethyst.jpg
new file mode 100644
index 000000000..f574f2d31
Binary files /dev/null and b/stones/amethyst.jpg differ
diff --git a/stones/malachite2.jpg b/stones/malachite2.jpg
new file mode 100644
index 000000000..35ac791a8
Binary files /dev/null and b/stones/malachite2.jpg differ
diff --git a/stones/quartz.jpg b/stones/quartz.jpg
new file mode 100644
index 000000000..bb7e4caad
Binary files /dev/null and b/stones/quartz.jpg differ
diff --git a/stones/small.jpg b/stones/small.jpg
new file mode 100644
index 000000000..651b434b4
Binary files /dev/null and b/stones/small.jpg differ
diff --git a/stones/strawberry.jpg b/stones/strawberry.jpg
new file mode 100644
index 000000000..89e41e1e2
Binary files /dev/null and b/stones/strawberry.jpg differ
diff --git a/stones/yellowcalcite.jpg b/stones/yellowcalcite.jpg
new file mode 100644
index 000000000..465ac2954
Binary files /dev/null and b/stones/yellowcalcite.jpg differ
+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. 
It is made from gold but inlaid with Lapis lazuli, quartz, obsidian, carnelian, feldspar, turquoise, amazonite and other stones. 
+
+
+