top of page

Admin

Admin
More actions

Forum Posts

Admin
Jun 18, 2024
In Wix Studio SEO & Marketing
Put this meta tag in your blog, post, or any other page's Additional Tags to add keywords to your page. Meta Tags have a character limit so keep them short and relevant. Do not overstuff the keywords. Feel Free to ask any follow-up questions. <meta name="keywords" content="Place Your Meta Tags here, Seperate them vis Comma"/>
0
0
17
Admin
Jun 17, 2024
In General Wix Studio Discussion
<style> * { box-sizing: border-box; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 25px <!--Edit font size here --> } body { background-color: #eeeeea; } .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: .75rem 2rem; background-size: cover; cursor: pointer; overflow: hidden; margin: 0 10px; display: flex; align-items: flex-end; transition: .6s cubic-bezier(.28,-0.03,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: .3s; transition: all .3s 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://static.wixstatic.com/media/8874a0_8c7c1c90c2a4405c8e603e2567020467~mv2.png'); } .card[for="c2"] { background-image: url('https://static.wixstatic.com/media/8874a0_8ae5611d5684447eb651145e7ec57c70~mv2.png'); } .card[for="c3"] { background-image: url('https://static.wixstatic.com/media/8874a0_a37ac81662ed4b7ebe80cae48f215cb8~mv2.png'); } .card[for="c4"] { background-image: url('https://static.wixstatic.com/media/8874a0_4e24aa3fb74046418b43ac547363f896~mv2.png'); } </style> </head> <body> <div class="wrapper"> <div class="container"> <input type="radio" name="slide" id="c1" checked> <label for="c1" class="card"> <div class="row"> <div class="icon">1</div> <div class="description"> <h4>Men's Wear</h4> <p>Best Men's Fashion Elements</p> </div> </div> </label> <input type="radio" name="slide" id="c2" > <label for="c2" class="card"> <div class="row"> <div class="icon">2</div> <div class="description"> <h4>Women's Wear</h4> <p>Accessories, Apperal, and More</p> </div> </div> </label> <input type="radio" name="slide" id="c3" > <label for="c3" class="card"> <div class="row"> <div class="icon">3</div> <div class="description"> <h4>Sports Wear</h4> <p>Sports Shoes, Training wears, and more.</p> </div> </div> </label> <input type="radio" name="slide" id="c4" > <label for="c4" class="card"> <div class="row"> <div class="icon">4</div> <div class="description"> <h4>New Arrivals</h4> <p>Fresh Articles in the Store</p> </div> </div> </label> </div> </div> </body> </html>
0
1
79
bottom of page