209 lines
14 KiB
HTML
209 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>edit_profile</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="text-2-wrapper"><section class="text-2-section"><p class="text-2-tagline">Handcrafted with Heart</p><h2 class="text-2-heading">Unearth Authentic Handmade Treasures</h2><p class="text-2-description">Explore a curated collection of unique, handcrafted goods made with passion and precision. From charming decor to personalized gifts, find pieces that tell a story and add warmth to your life.</p><div class="text-2-button-group"><button class="text-2-btn text-2-solid">Explore Our Collections</button><button class="text-2-btn text-2-outline">Discover Our Story</button></div></section></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>
|
|
<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>Address Management</title>
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header>
|
|
<h1>Manage Your Addresses</h1>
|
|
</header>
|
|
|
|
<section class="address-section" aria-labelledby="saved-addresses-heading">
|
|
<h2 id="saved-addresses-heading">Your Saved Addresses</h2>
|
|
<div class="address-list">
|
|
<article class="address-card default" aria-label="Default Address">
|
|
<p class="label">Default Address</p>
|
|
<p><strong>John Doe</strong></p>
|
|
<p>123 Crafting Lane</p>
|
|
<p>Artisan Village</p>
|
|
<p>Springfield, IL 62701</p>
|
|
<p>United States</p>
|
|
<p>Phone: +1 (555) 123-4567</p>
|
|
<div class="address-card-actions">
|
|
<button class="btn btn-primary">Edit</button>
|
|
<button class="btn btn-danger">Delete</button>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="address-card" aria-label="Work Address">
|
|
<p><strong>Jane Smith</strong></p>
|
|
<p>456 Workshop Alley</p>
|
|
<p>Creative Hub</p>
|
|
<p>Shelbyville, KY 40065</p>
|
|
<p>United States</p>
|
|
<p>Phone: +1 (555) 987-6543</p>
|
|
<div class="address-card-actions">
|
|
<button class="btn btn-primary">Edit</button>
|
|
<button class="btn btn-secondary">Set as Default</button>
|
|
<button class="btn btn-danger">Delete</button>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="address-card" aria-label="Alternate Address">
|
|
<p><strong>Customer Name</strong></p>
|
|
<p>789 Artistic Boulevard</p>
|
|
<p>Imagination City</p>
|
|
<p>Capital City, CA 90210</p>
|
|
<p>United States</p>
|
|
<p>Phone: +1 (555) 111-2222</p>
|
|
<div class="address-card-actions">
|
|
<button class="btn btn-primary">Edit</button>
|
|
<button class="btn btn-secondary">Set as Default</button>
|
|
<button class="btn btn-danger">Delete</button>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
<button class="btn btn-outline">Add New Address</button>
|
|
</section>
|
|
|
|
<section class="add-address-form" aria-labelledby="add-new-address-heading">
|
|
<h3 id="add-new-address-heading">Add a New Address</h3>
|
|
<form action="#" method="POST">
|
|
<div class="form-group">
|
|
<label for="fullName">Full Name:</label>
|
|
<input type="text" id="fullName" name="fullName" placeholder="e.g., John Doe" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="phone">Phone Number:</label>
|
|
<input type="tel" id="phone" name="phone" placeholder="e.g., +1 (555) 123-4567" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="addressLine1">Address Line 1:</label>
|
|
<input type="text" id="addressLine1" name="addressLine1" placeholder="Street number and name" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="addressLine2">Address Line 2 (Optional):</label>
|
|
<input type="text" id="addressLine2" name="addressLine2" placeholder="Apartment, suite, unit, building, floor, etc.">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="city">City:</label>
|
|
<input type="text" id="city" name="city" placeholder="City name" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="state">State / Province / Region:</label>
|
|
<input type="text" id="state" name="state" placeholder="State/Province" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="zipCode">Zip / Postal Code:</label>
|
|
<input type="text" id="zipCode" name="zipCode" placeholder="e.g., 12345" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="country">Country:</label>
|
|
<input type="text" id="country" name="country" value="United States" placeholder="Country" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<input type="checkbox" id="setDefault" name="setDefault">
|
|
<label for="setDefault">Set as default address</label>
|
|
</div>
|
|
|
|
<div class="form-actions">
|
|
<button type="reset" class="btn btn-secondary">Cancel</button>
|
|
<button type="submit" class="btn btn-primary">Save Address</button>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
<section class="form-actions">
|
|
<div class="button-group">
|
|
<button type="submit" class="button button-primary">Save Changes</button>
|
|
<button type="button" class="button button-secondary">Cancel</button>
|
|
</div>
|
|
</section>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Account Deactivation</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
<body>
|
|
<section class="account-deactivation-section" aria-labelledby="deactivation-heading">
|
|
<header>
|
|
<h2 id="deactivation-heading">Account Deactivation Options</h2>
|
|
<p class="subtitle">Manage your account preferences and deactivation settings.</p>
|
|
</header>
|
|
|
|
<div class="deactivation-content">
|
|
<h3>Why are you considering deactivating your account?</h3>
|
|
<p>We're sorry to see you go! Before you proceed, please understand the implications of deactivating your account.</p>
|
|
|
|
<p>Your online store account allows you to:</p>
|
|
<ul>
|
|
<li>Browse and purchase unique handmade crafts.</li>
|
|
<li>View your order history and tracking information.</li>
|
|
<li>Manage your profile, shipping addresses, and payment methods.</li>
|
|
<li>Receive updates on new products and exclusive offers.</li>
|
|
</ul>
|
|
|
|
<p>Deactivating your account will lead to the following:</p>
|
|
<ul>
|
|
<li>You will no longer be able to log in to this account.</li>
|
|
<li>Your profile information will be made inaccessible.</li>
|
|
<li>Your order history will be archived but not deleted, for record-keeping purposes.</li>
|
|
<li>Any pending orders or active subscriptions (if applicable) will be canceled.</li>
|
|
</ul>
|
|
|
|
<p>If you wish to simply stop receiving marketing emails, you can update your communication preferences in your <a href="#profile-settings" class="btn-link">Profile Settings</a> instead.</p>
|
|
</div>
|
|
|
|
<form action="/api/account/deactivate" method="POST">
|
|
<div class="deactivation-options">
|
|
<p>Please confirm your understanding and intent:</p>
|
|
<label for="confirm-understand">
|
|
<input type="checkbox" id="confirm-understand" name="confirm_understand" required aria-describedby="understand-desc">
|
|
I understand that deactivating my account is a permanent action and I will lose access to my account.
|
|
</label>
|
|
<label for="confirm-order-history">
|
|
<input type="checkbox" id="confirm-order-history" name="confirm_order_history" required aria-describedby="order-history-desc">
|
|
I acknowledge that my order history will be archived for legal and record-keeping purposes.
|
|
</label>
|
|
<label for="confirm-no-refunds">
|
|
<input type="checkbox" id="confirm-no-refunds" name="confirm_no_refunds" required aria-describedby="refunds-desc">
|
|
I confirm that I have no pending orders or outstanding issues requiring support or refunds.
|
|
</label>
|
|
</div>
|
|
|
|
<div class="deactivation-actions">
|
|
<button type="submit" class="btn btn-danger" aria-controls="deactivation-status">Deactivate My Account Permanently</button>
|
|
<a href="#profile-settings" class="btn btn-secondary">Go Back to Profile Settings</a>
|
|
</div>
|
|
|
|
<p class="note" id="deactivation-status" role="status">
|
|
<strong>Important Note:</strong> This action cannot be undone. If you change your mind later, you will need to create a new account.
|
|
</p>
|
|
</form>
|
|
</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> |