111 lines
7.7 KiB
HTML
111 lines
7.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>login</title>
|
||
|
|
<link rel="stylesheet" href="style.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">Artisan Haven</div><ul class="nav-1-nav-links"><li><a href="home.html">Home</a></li><li><a href="about.html">Our Story</a></li><li><a href="contact.html">Contact</a></li><li><a href="services.html">Shop Crafts</a></li><li><a href="faq.html">FAQs</a></li><li class="nav-1-dropdown"><a href="#">More<i class="fas fa-chevron-down"><i class="fas fa-chevron-down">🔽</i></i></a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Log In</button><button class="nav-1-btn nav-1-solid">Sign Up</button></div></nav></div>
|
||
|
|
<div class="app-form"><h1>Become a Valued Artisan Partner</h1><h2>Your Crafting Journey Starts Here</h2><div class="form-row"><div class="form-group"><label>First Name</label><input id="first-name" type="text" placeholder="First Name"></input></div><div class="form-group"><label>Last Name</label><input id="last-name" type="text" placeholder="Last Name"></input></div></div><div class="form-group full-width"><label>Email Address</label><input id="email" type="email" placeholder="Email"></input></div><h2>Direct Contact Information</h2><div class="form-group full-width"><label>Phone Number</label><input id="phone" type="tel" placeholder="Phone Number"></input></div><h2>Tell Us About Your Creations</h2><div class="form-group full-width"><textarea id="cover-letter" placeholder="Write your cover letter here..."></textarea></div><button type="submit">Submit Artisan Partnership Application</button></div>
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Forgot Password</title>
|
||
|
|
<link rel="stylesheet" href="style.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="container">
|
||
|
|
<header>
|
||
|
|
<h1>Forgot Your Password?</h1>
|
||
|
|
</header>
|
||
|
|
<main>
|
||
|
|
<p class="info-text">
|
||
|
|
Enter your email address below and we'll send you a link to reset your password.
|
||
|
|
</p>
|
||
|
|
<form action="/password/reset" method="POST">
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="email">Email Address</label>
|
||
|
|
<input type="email" id="email" name="email" placeholder="your.email@example.com" required autocomplete="email">
|
||
|
|
</div>
|
||
|
|
<button type="submit">Send Reset Link</button>
|
||
|
|
</form>
|
||
|
|
<a href="/login" class="back-to-login">Back to Log In</a>
|
||
|
|
</main>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Social Login Options</title>
|
||
|
|
<link rel="stylesheet" href="style.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<section class="social-login-section">
|
||
|
|
<h2>Sign In / Sign Up</h2>
|
||
|
|
<p>Or continue with your social account</p>
|
||
|
|
<div class="social-buttons">
|
||
|
|
<a href="#" class="social-button google" aria-label="Sign in with Google">
|
||
|
|
<img src="https://www.google.com/favicon.ico" alt="Google icon">
|
||
|
|
<span>Continue with Google</span>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="social-button facebook" aria-label="Sign in with Facebook">
|
||
|
|
<img src="https://static.xx.fbcdn.net/rsrc.php/yv/r/SOG6kF2gPne.ico" alt="Facebook icon">
|
||
|
|
<span>Continue with Facebook</span>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="social-button apple" aria-label="Sign in with Apple">
|
||
|
|
<img src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTggMTgiIHhtbG5zPSJodHRwOi8vd3d3LncyLm9nLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTYuMiAxMi4yYzAuMy0wLjYgMC40LTEuMiAwLjQtMS45IDAtMS44LTAuOC0yLjktMi4xLTMuNi0xLjEtMC42LTIuNS0wLjctMy45LTAuMi0wLjUgMC4xLTEgMC4zLTEuNSAwLjYtMS40LTAuNy0yLjYtMC44LTMuNC0wLjMtMC43IDAuNS0xLjIgMS4yLTEuMiAyLjIgMCAxLjkgMC41IDMuMiAxLjcgNC43IDEuMSAxLjQgMi42IDIuMyA0LjUgMi4zIDEuMiAwIDEuOC0wLjQgMi40LTAuOSAwLjYtMC41IDEuMi0xLjIgMS41LTEuNyAwLjMtMC43IDAuNS0xLjQgMC41LTIuMSAtdjAtMC4xem0tMS45LTYuNGMwLjUtMC44IDAuNy0xLjcgMC42LTIuNyAwLjEtMC44LTAuMi0xLjQtMC43LTEuNy0wLjUtMC4zLTEuMy0wLjMgLTIuMSAwLjEtMC42IDAuMy0xLjEgMS0xLjEgMi4yIDAgMS42IDAuNSAyLjYgMS4zIDMuOSAwLjEgMC4xIDAuMiAwLjMgMC40IDAuMyAwLjEgMCAwLjItMC4xIDAuMy0wLjJzMC4xLTAuMiAwLjEtMC40Yy0wLjEtMC40LTAuNC0xLjItMC42LTIuMXoiLz48L3N2Zz4=" alt="Apple icon">
|
||
|
|
<span>Continue with Apple</span>
|
||
|
|
</a>
|
||
|
|
<!-- Potentially more social options can be added here -->
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
<section class="welcome-back-section">
|
||
|
|
<div class="welcome-back-container">
|
||
|
|
<h2 class="welcome-back-heading">Welcome Back, [User Name]!</h2>
|
||
|
|
<p class="welcome-back-message">
|
||
|
|
We've missed you! Explore our latest handmade treasures or pick up right where you left off.
|
||
|
|
</p>
|
||
|
|
<div class="welcome-back-actions">
|
||
|
|
<a href="#new-arrivals" class="welcome-back-btn welcome-back-btn-primary">Browse New Arrivals</a>
|
||
|
|
<a href="#cart" class="welcome-back-btn welcome-back-btn-secondary">View Your Cart</a>
|
||
|
|
<a href="#orders" class="welcome-back-btn">Track Recent Orders</a>
|
||
|
|
<a href="#profile" class="welcome-back-btn">Update Your Profile</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Sign Up Prompt - Handmade Crafts Store</title>
|
||
|
|
<link rel="stylesheet" href="style.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<section class="sign-up-prompt" aria-labelledby="signupPromptHeading">
|
||
|
|
<h2 id="signupPromptHeading">Unlock a World of Handmade Crafts!</h2>
|
||
|
|
<p>Sign up now to discover unique products, manage your orders, and enjoy exclusive deals from our artisans.</p>
|
||
|
|
<div class="cta-buttons">
|
||
|
|
<a href="/signup" class="btn btn-primary" aria-label="Create a new account">Create Account</a>
|
||
|
|
<a href="/login" class="btn btn-secondary" aria-label="Log in to your existing account">Log In</a>
|
||
|
|
</div>
|
||
|
|
<p class="alt-login">
|
||
|
|
New here? <a href="/signup">Join our community</a> or <a href="/login">sign in</a> if you're already a member.
|
||
|
|
</p>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
<div class="footer-2-wrapper"><section class="footer-2-section"><div class="footer-2-top"><div class="footer-2-left"><h3 class="logo">Handmade Haven</h3><p><strong>Address:</strong><br></br><span>Level 1, 12 Craft Lane, Artisan City NSW 2000</span></p><p><strong>Contact:</strong><br></br><span>1-800-CRAFTS-U</span><br></br><a href="mailto:info@relume.io">support@handmadehaven.com</a></p><div class="footer-2-social-icons"><i class="fab fa-facebook"></i><i class="fab fa-instagram"></i><i class="fab fa-x-twitter"></i><i class="fab fa-linkedin"></i><i class="fab fa-youtube"></i></div></div><div class="footer-2-links-columns"><ul><li><a href="#">Shop All</a></li><li><a href="#">New Arrivals</a></li><li><a href="#">Best Sellers</a></li><li><a href="#">About Us</a></li><li><a href="#">Gift Cards</a></li></ul><ul><li><a href="#">Help & FAQs</a></li><li><a href="#">Custom Creations</a></li><li><a href="#">Our Blog</a></li><li><a href="#">Become a Seller</a></li><li><a href="#">Contact Us</a></li></ul></div></div><div class="footer-2-bottom"><p>© 2023 Handmade Haven. All rights reserved.</p><ul class="footer-2-links"><li><a href="#">Privacy Policy</a></li><li><a href="#">Terms of Service</a></li><li><a href="#">Cookies Settings</a></li></ul></div></section></div>
|
||
|
|
</body>
|
||
|
|
</html>
|