Add files via upload

Lioydiano · May 18, 2023 · 8d74cf4 · 8d74cf4
1 parent 143458a
commit 8d74cf4
Show file tree

Hide file tree

Showing 10 changed files with 55 additions and 10 deletions.
diff --git a/capitello-corinzio.html b/capitello-corinzio.html
@@ -14,7 +14,7 @@
         <style>
             body {
                 background: rgb(255,202,225);
-                background: linear-gradient(180deg, rgb(255, 218, 234) 0%, rgba(193,181,218,1) 90%, rgba(233,183,148,0.5384278711484594) 91%);
+                background: linear-gradient(180deg, rgb(255, 218, 234) 0%, rgba(193,181,218,1) 40vh, rgba(233,183,148,0.5384278711484594) 80vh);
             }
             div#thirdDiv {
                 background-image: url("images/SediaCorinzia.jpg");
@@ -52,7 +52,7 @@
     </head>
     <body>
         <div class="intro">
-            <h1>Original pieces, quality for granted!</h1>
+            <h1> <a href="index.html" target="_blank"> CORINTIAN STYLE</a>
         </div>
         <h2>The most precious pieces of the collection.</h2>
         <div class="rectangles capitello-page">
@@ -73,5 +73,9 @@ <h2>The most precious pieces of the collection.</h2>
             <li>Small corintian lamp</li>
             <li>Small corintian chair</li>
         </ol>
+
+        <div class="intro">
+            <h1><a href="mailto:[email protected],[email protected]">Contact us if you are interested in</a></h1>
+        </div>
     </body>
 </html>
diff --git a/capitello-dorico.html b/capitello-dorico.html
@@ -18,11 +18,14 @@
             body {
                 background: radial-gradient(circle, rgb(231, 187, 92) 0%, rgb(226, 175, 108) 100%);
             }
+            div#doric-columns div {
+                height: fit-content;
+            }
         </style>
     </head>
     <body>
         <div class="intro">
-            <h1>Original pieces, quality for granted!</h1>
+            <h1><a href="index.html" target="_blank"> DORIC STYLE</a></h1>
         </div>
         <div class="rectangles capitello-page">
             <div class="rectangle capitello">
@@ -40,8 +43,24 @@ <h1>Original pieces, quality for granted!</h1>
                 <img src="images/TempioTaranto.jpg" alt="Tempio dorico a Taranto">
             </div>
         </div>
-        <div class="intro">
-            <h1>You will be surprised by their strenght!</h1>
+        <div id="doric-columns" class="rectangles capitello-page">
+            <div class="rectangle capitello">
+                <p>Unique pieces 😁</p>
+                <img src="images/colonna dorica marmo.jpg" alt="Colonna dorica">
+            </div>
+            <div class="intro vertical"></div>
+            <div class="rectangle capitello">
+                <p>For your living room</p>
+                <img src="images/colonna dorica dipinta.jpg" alt="">
+            </div>
+            <div class="intro vertical"></div>
+            <div class="rectangle capitello">
+                <p>They're still standing!</p>
+                <img src="images/due colonnine terracotta doriche.jpg" alt="Tempio dorico a Taranto">
+            </div>
+        </div>
+         <div class="intro">
+            <h1><a href="mailto:[email protected],[email protected]">Contact us if you are interested in</a></h1>
         </div>
     </body>
 </html>
diff --git a/capitello-ionico.html b/capitello-ionico.html
@@ -30,12 +30,13 @@
     </head>
     <body>
         <div class="intro">
-            <h1>Original pieces, quality for granted!</h1>
+            <h1><a href="index.html" target="_blank"> IONIC STYLE</a></h1>
         </div>
+
         <div class="rectangles capitello-page">
             <div class="rectangle capitello">
-                <p>Unique pieces 😁</p>
-                <img src="images/TempioSegesta.jpg" alt="Tempio ionico a Segesta">
+                <p class="mediumParagraph">ionic vessels</p>
+                <img src="images/vasi ionici.jpg" alt="ionic vessels">
             </div>
             <div class="intro vertical"></div>
             <div class="rectangle capitello">
@@ -59,8 +60,16 @@ <h1>Original pieces, quality for granted!</h1>
                 <img src="images/sfinge-nassi colonna ionica.jpg" alt="sphinx nassi">
             </div>
         </div>
+        <div class="rectangles capitello-page">
+            <div class="rectangle capitello">
+                <p>armchair capital</p>
+                <img src="images/capitello-ionico-poltrona.jpg" alt="armchair capital">
+            </div>
+        </div>
+
         <div class="intro">
-            <h1>You will be surprised by their strenght!</h1>
+            <h1><a href="mailto:[email protected],[email protected]">Contact us if you are interested in</a></h1>
+
         </div>
     </body>
 </html>
diff --git a/images/capitello-ionico-poltrona.jpg b/images/capitello-ionico-poltrona.jpg
diff --git a/images/colonna dorica dipinta.jpg b/images/colonna dorica dipinta.jpg
diff --git a/images/colonna dorica marmo.jpg b/images/colonna dorica marmo.jpg
diff --git a/images/due colonnine terracotta doriche.jpg b/images/due colonnine terracotta doriche.jpg
diff --git a/images/vasi ionici.jpg b/images/vasi ionici.jpg
diff --git a/index.html b/index.html
@@ -7,7 +7,7 @@
         <meta name="description" content="Would you like to buy a column?">
 
         <title>We sell columns 🏛️</title>
-
+        
         <link rel="icon" href="images/monument-temple.svg">
         <link rel="stylesheet" href="style/style.css">
     </head>
@@ -29,6 +29,7 @@ <h1><pre>Collector's Shop</pre></h1><hr>
         </div>
         <div class="outro">
             <p class="centerDescription">
+                <b>
                 Classic collection pieces for interior design.<br>
                 We will help you to find the perfect detail that will make your home shine with its elegance. <br><br>
                 Let's destroy the saying <i>'the grass is always greener on the other side!'</i><br>

diff --git a/style/style.css b/style/style.css
@@ -18,6 +18,17 @@ body {
     overflow-x: hidden;
 }
 
+h2 {
+    margin-left: 1vw;
+    margin-top: 1vw;
+    text-align: center;
+
+}
+a {
+    text-decoration: none;
+    color: rgb(122, 109, 109);
+
+}
 div.intro, div.outro {
     background-color: var(--dark-gray);
     border-style: ridge;
@@ -101,6 +112,7 @@ div.rectangle.capitello img:hover {
 p.centerDescription {
     font-size: 2vw;
     text-align: center;
+
 }
 
 /* CSS per computer */