-
-
Save Ladyprowess/7b014124d03ceb2854b94c50adc9e852 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<link rel="stylesheet" href="style.css"> | |
<link href="https://unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.min.css" rel="stylesheet"> | |
<title>LADY PROWESS</title> | |
<body> | |
<header> | |
<div class="logo"><a href="#">LADY PROWESS</a></div> | |
<div class="menu"> | |
<a href="#"> | |
<ion-icon name="close" class="close"></ion-icon> | |
</a> | |
<ul> | |
<li><a href="#" class="under">HOME</a></li> | |
<li><a href="#" class="under">SHOP</a></li> | |
<li><a href="#" class="under">PRODUCTS</a></li> | |
<li><a href="#" class="under">CONTACT US</a></li> | |
<li><a href="#" class="under">ABOUT US</a></li> | |
</ul> | |
</div> | |
<div class="search"> | |
<a href=""><input type="text" placeholder="search" id="input"> | |
<ion-icon class="s" name="search"></ion-icon> | |
</a> | |
</div> | |
<div class="heading"> | |
<ul> | |
<li><a href="#" class="under">HOME</a></li> | |
<li><a href="#section2" class="under">SHOP</a></li> | |
<li><a href="#section2" class="under">PRODUCTS</a></li> | |
<li><a href="#footer" class="under">CONTACT US</a></li> | |
<li><a href="#footer" class="under">ABOUT US</a></li> | |
</ul> | |
</div> | |
<div class="heading1"> | |
<ion-icon name="menu" class="ham"></ion-icon> | |
</div> | |
</header> | |
<section> | |
<div class="section"> | |
<div class="section1"> | |
<div class="img-slider"> | |
<img src="https://images.pexels.com/photos/336372/pexels-photo-336372.jpeg?auto=compress&cs=tinysrgb&w=600" alt="shoes" class="img"> | |
<img src="https://images.pexels.com/photos/2529148/pexels-photo-2529148.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" alt="" class="img"> | |
<img src="https://images.pexels.com/photos/341523/pexels-photo-341523.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" alt="" class="img"> | |
<img src="https://images.pexels.com/photos/318236/pexels-photo-318236.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" alt="" class="img"> | |
<img src="https://images.pexels.com/photos/134064/pexels-photo-134064.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" alt="" class="img"> | |
<img src="https://images.pexels.com/photos/125779/pexels-photo-125779.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" alt="" class="img"> | |
<img src="https://images.pexels.com/photos/1407354/pexels-photo-1407354.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" alt="" class="img"> | |
</div> | |
<div id="app"></div> | |
<button id="upload_widget" class="cloudinary-button">Upload Product Image</button> | |
<script src="https://upload-widget.cloudinary.com/global/all.js" type="text/javascript"></script> | |
<script type="text/javascript"> | |
// Generated with CLI | |
const { getXataClient } = require("./xata"); | |
const xata = getXataClient(); | |
const page = await xata.db.upload.getPaginated({ | |
pagination: { | |
size: 15, | |
}, | |
}); | |
console.log(page.records); | |
</script> | |
<script type="text/javascript"> | |
var myWidget = cloudinary.createUploadWidget({ | |
cloudName: 'dii62jcmk', | |
uploadPreset: 'lady_prowess'}, (error, result) => { | |
if (!error && result && result.event === "success") { | |
console.log('Done! Here is the image info: ', result.info); | |
} | |
} | |
) | |
document.getElementById("upload_widget").addEventListener("click", function(){ | |
myWidget.open(); | |
}, false); | |
</script> | |
</div> | |
<div id="section2" class="section2"> | |
<div class="container"> | |
<div class="items"> | |
<div class="img img1"><img src="https://images.pexels.com/photos/1580267/pexels-photo-1580267.jpeg?auto=compress&cs=tinysrgb&w=600" alt=""></div> | |
<div class="name">SHOES</div> | |
<div class="price">$15</div> | |
<div class="info">Lorem ipsum dolor sit amet consectetur.</div> | |
</div> | |
<div class="items"> | |
<div class="img img2"><img src="https://images.pexels.com/photos/9558581/pexels-photo-9558581.jpeg?auto=compress&cs=tinysrgb&w=600" alt=""></div> | |
<div class="name">MEN's T-SHIRT</div> | |
<div class="price">$8</div> | |
<div class="info">Lorem ipsum dolor sit.</div> | |
</div> | |
<div class="items"> | |
<div class="img img3"><img src="https://images.pexels.com/photos/52518/jeans-pants-blue-shop-52518.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" alt=""></div> | |
<div class="name">JEANS</div> | |
<div class="price">$7</div> | |
<div class="info">Lorem ipsum dolor sit amet.</div> | |
</div> | |
<div class="items"> | |
<div class="img img1"><img src="https://images.pexels.com/photos/8839887/pexels-photo-8839887.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt=""></div> | |
<div class="name">WATCH</div> | |
<div class="price">$12</div> | |
<div class="info">Lorem ipsum dolor sit.</div> | |
</div> | |
<div class="items"> | |
<div class="img img1"><img src="https://images.pexels.com/photos/6858618/pexels-photo-6858618.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt=""></div> | |
<div class="name">SMART PHONE</div> | |
<div class="price">$121</div> | |
<div class="info">Lorem ipsum dolor sit.</div> | |
</div> | |
<div class="items"> | |
<div class="img img1"><img src="https://images.pexels.com/photos/5552789/pexels-photo-5552789.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt=""></div> | |
<div class="name">TELEVISION</div> | |
<div class="price">$289</div> | |
<div class="info">Lorem ipsum dolor sit amet consectetur.</div> | |
</div> | |
<div class="items"> | |
<div class="img img1"><img src="https://images.pexels.com/photos/4295985/pexels-photo-4295985.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt=""></div> | |
<div class="name">HOODIES</div> | |
<div class="price">$25</div> | |
<div class="info">Lorem ipsum dolor sit.</div> | |
</div> | |
<div class="items"> | |
<div class="img img1"><img src="https://images.pexels.com/photos/6463348/pexels-photo-6463348.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt=""></div> | |
<div class="name">BLANKETS</div> | |
<div class="price">$9</div> | |
<div class="info">Lorem ipsum dolor sit amet consectetur adipisicing.</div> | |
</div> | |
<div class="items"> | |
<div class="img img1"><img src="https://images.pexels.com/photos/2659939/pexels-photo-2659939.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt=""></div> | |
<div class="name">LAPTOP</div> | |
<div class="price">$129</div> | |
<div class="info">Lorem ipsum dolor sit amet consectetur, adipisicing elit.</div> | |
</div> | |
<div class="items"> | |
<div class="img img1"><img src="https://media.istockphoto.com/photos/black-coffee-maker-with-green-led-lights-picture-id177395430" alt=""></div> | |
<div class="name">COFFEE MAKER</div> | |
<div class="price">$345</div> | |
<div class="info">Lorem ipsum dolor sit amet consectetur, adipisicing elit.</div> | |
</div> | |
<div class="items"> | |
<div class="img img1"><img src="https://images.pexels.com/photos/4339598/pexels-photo-4339598.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt=""></div> | |
<div class="name">BAG</div> | |
<div class="price">$38</div> | |
<div class="info">Lorem ipsum dolor sit amet consectetur, adipisicing elit.</div> | |
</div> | |
<div class="items"> | |
<div class="img img1"><img src="https://media.istockphoto.com/photos/hand-of-a-lady-selecting-yellow-colored-saree-in-a-shop-picture-id1301740530" alt=""></div> | |
<div class="name">SAREES</div> | |
<div class="price">$40</div> | |
<div class="info">Lorem ipsum dolor sit amet consectetur, adipisicing elit.</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<footer> | |
<div id="footer" class="footer2"> | |
<div class="product"> | |
<div class="heading">Products</div> | |
<div class="div">Sell your Products</div> | |
<div class="div">Advertise</div> | |
<div class="div">Pricing</div> | |
<div class="div">Product Buisness</div> | |
</div> | |
<div class="Company"> | |
<div class="heading">Company</div> | |
<div class="div">Complaint</div> | |
<div class="div">Terms & Condition</div> | |
<div class="div">Affiliate Marketing</div> | |
<div class="div">Support</div> | |
</div> | |
<div class="services"> | |
<div class="heading">Services</div> | |
<div class="div">Return</div> | |
<div class="div">Cash Back</div> | |
<div class="div">Refund</div> | |
<div class="div">Others</div> | |
</div> | |
<div class="Contact"> | |
<div class="heading">Contact</div> | |
<div class="div">Chat With Us</div> | |
<div class="div">Privacy Policy</div> | |
<div class="div">Register</div> | |
<div class="div">Login</div> | |
</div> | |
</div> | |
<div id="footer" class="footer1 "> | |
Follow Us on Social Media<div class="social-media"> | |
<a href="https://web.facebook.com/okafor.p.chukwuka"> | |
<ion-icon name="logo-facebook"></ion-icon> | |
</a> | |
<a href="https://www.instagram.com/ladyprowess/"> | |
<ion-icon name="logo-instagram"></ion-icon> | |
</a> | |
<a href="https://www.linkedin.com/in/peace-ngozi-okafor-7548b2144/"> | |
<ion-icon name="logo-linkedin"></ion-icon> | |
</a> | |
<a href="https://www.instagram.com/ladyprowess/"> | |
<ion-icon name="logo-twitter"></ion-icon> | |
</a> | |
</div> | |
</div> | |
<div class="footer3">Copyright © <h4> <a href="http://ladyprowessblog.com.ng/">LADY PROWESS</a></h4>2022</div> | |
</footer> | |
<script src="https://unpkg.com/ionicons@4.5.10-0/dist/ionicons.js"></script> | |
<script src="app.js"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment