From 2167fcfa23f4b52623b024f1708166b2f8682d6c Mon Sep 17 00:00:00 2001 From: Tina Date: Sun, 13 Oct 2024 20:44:50 +0530 Subject: [PATCH] Updated page --- Html-files/Electronic.html | 2036 +++++++++++++++++++++--------------- Html-files/about.html | 1 + Html-files/cart.html | 1 + Html-files/contact.html | 1 + Html-files/menu.html | 1 + Html-files/services.html | 2 + 6 files changed, 1194 insertions(+), 848 deletions(-) diff --git a/Html-files/Electronic.html b/Html-files/Electronic.html index 5776689b..7ccb01da 100644 --- a/Html-files/Electronic.html +++ b/Html-files/Electronic.html @@ -1,887 +1,1227 @@ - - - + + + Retro - + - - + + - - - - - - - - - - - - Retro - - + } + + .head_container_service { + height: 30px; + } + + .navbar ul { + overflow: hidden; + display: flex; + justify-content: center; + } + + .navbar li { + float: left; + list-style: none; + padding: 8px 20px; + } + + .navbar li a { + text-decoration: none; + color: black; + font-size: 1.3rem; + font-family: var(--ff-philosopher); + } + + .wrapper { + width: 100%; + height: 100vh; + display: flex; + align-items: center; + justify-content: center; + } + + .container { + height: 400px; + display: flex; + flex-wrap: nowrap; + justify-content: start; + } + + .card { + width: 80px; + border-radius: 2rem; + background-size: cover; + cursor: pointer; + overflow: hidden; + margin: 0 10px; + display: flex; + align-items: flex-end; + transition: 0.6s cubic-bezier(0.28, -0.03, 0, 0.99); + box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.8); + } + + .card > .row { + color: white; + display: flex; + flex-wrap: nowrap; + } + + .card > .row > .icon { + background: #223; + color: white; + border-radius: 50%; + width: 50px; + display: flex; + justify-content: center; + align-items: center; + margin: 15px; + } + + .card > .row > .description { + display: flex; + justify-content: center; + flex-direction: column; + overflow: hidden; + height: 80px; + width: 520px; + opacity: 0; + transform: translateY(30px); + transition-delay: 0.3s; + transition: all ease; + } + + .description p { + color: white; + padding-top: 5px; + } + + .description h4 { + text-transform: uppercase; + } + + input { + display: none; + } + + input:checked + label { + width: 600px; + } + + input:checked + label .description { + opacity: 1 !important; + transform: translateY(0) !important; + } + + .foot-panel2 { + background-color: transparent; + color: white; + height: 300px; + display: flex; + justify-content: space-evenly; + } + + .footer-colums p { + font-weight: 700; + } + + .footer-colums a { + display: block; + font-size: 0.85rem; + margin-top: 10px; + color: #dddddd; + } + .fa-facebook { + color: white; + font-size: 1.2rem; + padding: 8px; + margin: 15px; + } + + .fa-facebook:hover { + transform: scale(1.5); + color: #3b5998; + transition: transform 0.2s ease, color 0.2s ease; + } + + .fa-instagram { + color: white; + font-size: 1.2rem; + padding: 8px; + margin: 15px; + } + .fa-instagram:hover { + transform: scale(1.5); + color: #d62976; + transition: transform 0.2s ease, color 0.2s ease; + } + + .fa-x-twitter { + color: hsl(203, 30%, 26%); + font-size: 1.2rem; + padding: 8px; + margin: 15px; + } + + .fa-x-twitter:hover { + color: black; + transform: scale(1.5); + transition: transform 0.2s ease, color 0.2s ease; + } + + .foot_panel4 { + background-color: transparent; + /* color: white; */ + height: 160px; + font-size: 0.9rem; + text-align: center; + } + + form { + padding-top: 20px; + display: grid; + padding-bottom: 100px; + } + + input, + textarea { + height: 30px; + width: 120%; + padding: 2.5px; + box-sizing: border-box; + border-radius: 2px; + } + + #butt { + background-color: brown; + color: white !important; + padding: 3px; + border: 1px solid white; + border-radius: 4px; + cursor: pointer; + } + + #butt:hover { + background-color: rgb(196, 89, 89); + } + + .social-icons a { + font-size: 1.2rem; + padding: 8px; + margin: 15px; + text-decoration: none; + color: brown !important; + } + + .social-icons a:hover { + color: brown; + background-color: hsl(203%, 29%, 91%); + border-radius: 10px; + transform: scale(1.5); /* Increase size */ + transition: transform 0.3s ease; /* Smooth transition effect */ + } + .fa-brands.fa-facebook:hover { + color: #3b5998 !important; + } + + .fa-brands.fa-instagram:hover { + color: #d62976 !important; + } + + .fa-brands.fa-x-twitter:hover { + color: #181e20 !important; + } + + #sr { + display: none; + position: fixed; + bottom: 70px; + right: 15px; + z-index: 99; + font-size: 18px; + border: none; + outline: none; + background-color: transparent; + color: rgb(17, 17, 17); + cursor: pointer; + padding: 15px; + border-radius: 4px; + } + + #sr:hover { + color: #000; + border-radius: 100px; + } + ::-webkit-scrollbar { + width: 10px; /* Width of the scrollbar */ + } + ::-webkit-scrollbar-track { + background-color: white; /* Color of the track */ + border-radius: 10px; + } + + ::-webkit-scrollbar-thumb { + border-radius: 10px; + background: gray; + border-radius: 6px; /* Rounded corners of the thumb */ + } + + * { + scrollbar-width: thick; /* Width of the scrollbar */ + } + ::-webkit-scrollbar-button { + display: none; + } + + #badgeCount { + position: relative; + top: -7px; + right: 1px; + background-color: red; + color: white; + border-radius: 50%; + padding: 5px 8px; + font-size: 12px; + } + + /*Animation sliders*/ + .wrapper { + width: 100%; + height: 100vh; + display: flex; + align-items: center; + justify-content: center; + } + .container { + height: 400px; + display: flex; + flex-wrap: nowrap; + justify-content: start; + } + .card { + width: 80px; + border-radius: 0.75rem; + background-size: cover; + cursor: pointer; + overflow: hidden; + border-radius: 2rem; + margin: 0 10px; + display: flex; + align-items: flex-end; + transition: 0.6s cubic-bezier(0.28, -0.03, 0, 0.99); + box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.8); + } + .card > .row { + color: white; + display: flex; + flex-wrap: nowrap; + } + .card > .row > .icon { + background: #223; + color: white; + border-radius: 50%; + width: 50px; + display: flex; + justify-content: center; + align-items: center; + margin: 15px; + } + .card > .row > .description { + display: flex; + justify-content: center; + flex-direction: column; + overflow: hidden; + height: 80px; + width: 520px; + opacity: 0; + transform: translateY(30px); + transition-delay: 0.3s; + transition: all ease; + } + .description p { + color: #b0b0ba; + padding-top: 5px; + } + .description h4 { + text-transform: uppercase; + } + input { + display: none; + } + input:checked + label { + width: 600px; + } + input:checked + label .description { + opacity: 1 !important; + transform: translateY(0) !important; + } + .card[for="c1"] { + background-image: url(https://i.pinimg.com/564x/60/88/94/6088941267edcc935e97fd5c856b7821.jpg); + } + .card[for="c2"] { + background-image: url(https://i.pinimg.com/564x/dd/7d/ac/dd7daca632d0f865ba2d9726bb358a50.jpg); + } + .card[for="c3"] { + background-image: url(https://i.pinimg.com/564x/11/44/9b/11449b6ce1ef8dc39c27d3586afa65dd.jpg); + } + .card[for="c4"] { + background-image: url(https://i.pinimg.com/564x/25/00/d0/2500d0ab5a70b750e18fe8685e863ca0.jpg); + } + .card[for="c5"] { + background-image: url(https://i.pinimg.com/564x/e0/5b/12/e05b126721a1582adaccab8b5e219f81.jpg); + } + .card[for="c6"] { + background-image: url(https://i.pinimg.com/564x/5c/c7/70/5cc770adfc5a4d75b4909d698eb447f7.jpg); + } + .card[for="c7"] { + background-image: url(https://i.pinimg.com/474x/9e/84/04/9e84043d5af1b0476a5c1fa12df38aef.jpg); + } + .card[for="c8"] { + background-image: url(https://i.pinimg.com/474x/5c/76/51/5c76513ce8e3443a7a30cd3bbc86d94c.jpg); + } + .card[for="c9"] { + background-image: url(https://i.pinimg.com/564x/cd/89/a5/cd89a5e968ed0b1b68e73a5ac2ffe1b1.jpg); + } + .card[for="c10"] { + background-image: url(https://i.pinimg.com/474x/42/69/19/426919f03cc846b881903e3dd40a0bc6.jpg); + } + + Retro + +
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
- -
+
+
+ +
-
- - - - - - - - - - - - - - - - - - - - -
+
+ + + + + + + + + + + + + + + + + + + + +
- - + - - - + domain: "www.chatbase.co", + }; + + + diff --git a/Html-files/about.html b/Html-files/about.html index aeddff7a..a1b9a884 100644 --- a/Html-files/about.html +++ b/Html-files/about.html @@ -695,6 +695,7 @@

Our Pages

  • Services
  • Contact
  • Cart
    • +
  • Contributors
    • diff --git a/Html-files/cart.html b/Html-files/cart.html index c306fb68..75e985ef 100644 --- a/Html-files/cart.html +++ b/Html-files/cart.html @@ -416,6 +416,7 @@

    C A R T

    Services Contact us Cart + Contributor diff --git a/Html-files/contact.html b/Html-files/contact.html index c06e894e..37ee9e05 100644 --- a/Html-files/contact.html +++ b/Html-files/contact.html @@ -850,6 +850,7 @@

    Feel Free Services Contact us Cart + Contributors