first commit
This commit is contained in:
commit
713e53de30
13 changed files with 376 additions and 0 deletions
29
about.html
Normal file
29
about.html
Normal file
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>About Bethany - WillowMeCreations</title>
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<h1>Willow Me Creations</h1>
|
||||
</div>
|
||||
<div class="topnav">
|
||||
<a href="index.html">Home</a>
|
||||
<a href="about.html">About</a>
|
||||
<a href="products.html">Products</a>
|
||||
<a href="contact.html">Contact</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<p>Meet Bethany Rhodes, the creative force behind the charming crochet shop known as WillowMeCreations. Born and raised in the picturesque state of Indiana, Bethany discovered her passion for crafting at a young age. What started as a hobby soon blossomed into a small business, where she lovingly handcrafts sweaters and other wearables. Her quaint shop has become a local gem, drawing visitors to the farmers' markets with the promise of cozy, one-of-a-kind creations.</p>
|
||||
<p>Bethany's journey into entrepreneurship is a tale of dedication and love for her craft. After years of perfecting her crochet techniques, Bethany decided to share her creations with the world. The decision to set up shop at farmers' markets was driven by a desire to connect with the community and bring warmth to the chilly Midwestern winters. Her booth, adorned with vibrant yarn and a display of intricately designed sweaters, quickly became a focal point at local markets.</p>
|
||||
<p>Beyond her commercial success, Bethany has a heartwarming tradition that sets her apart. Moved by a desire to make a difference in the lives of animals, she occasionally crafts miniature sweaters for lost cats. These tiny garments not only provide comfort and warmth but also serve as a beacon of hope for these feline friends in search of a home. Bethany's dedication to her community extends beyond humans, showcasing the compassion that infuses every stitch of her work.</p>
|
||||
<p>Each sweater crafted by Bethany is a testament to her meticulous attention to detail and commitment to quality. Working in small batches, she ensures that every piece is a work of art, blending functionality with aesthetic appeal. From cozy scarves to stylish shawls, WillowMeCreations offers a diverse range of handmade products, reflecting the diversity of her skills and the unique preferences of her clientele.</p>
|
||||
<p>For Bethany, WillowMeCreations is more than just a business; it's a reflection of her passion, creativity, and the warmth she wishes to share with the world.</p>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
27
contact.html
Normal file
27
contact.html
Normal file
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Contact Us - WillowMeCreations</title>
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<h1>Willow Me Creations</h1>
|
||||
</div>
|
||||
<div class="topnav">
|
||||
<a href="index.html">Home</a>
|
||||
<a href="about.html">About</a>
|
||||
<a href="products.html">Products</a>
|
||||
<a href="contact.html">Contact</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<h1>Hello from WillowMeCreations!</h1>
|
||||
<p>We're thrilled that you're considering reaching out to us. Your inquiries, thoughts, and shared enthusiasm for the world of yarn mean a lot to us. Whether you're seeking advice on the perfect yarn for your next project, have a custom order in mind, or just want to share your crafting experiences, we're here for it all. Feel free to drop us a message using the form below or connect with us through our social media channels. Let's weave a thread of creativity and conversation together at WillowMeCreations – where every message is a stitch in our community's vibrant tapestry.</p>
|
||||
<h2>Contact Information</h2>
|
||||
<p>Email: <a href="mailto:bethany@willowmecreations.com">bethany@willowmecreations.com</a><br>TikTok: <a href="https://www.tiktok.com/@bethanyrhodes6" target="_blank"><i class="fab fa-tiktok"></i> bethanyrhodes6</a></p></p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
BIN
img/sweater1.png
Normal file
BIN
img/sweater1.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 3 MiB |
BIN
img/sweater2.png
Normal file
BIN
img/sweater2.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 3 MiB |
BIN
img/sweater3.png
Normal file
BIN
img/sweater3.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 3 MiB |
BIN
img/willow1.png
Normal file
BIN
img/willow1.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 3 MiB |
BIN
img/willow2.png
Normal file
BIN
img/willow2.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 3 MiB |
BIN
img/willow3.png
Normal file
BIN
img/willow3.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 3 MiB |
98
index.html
Normal file
98
index.html
Normal file
|
@ -0,0 +1,98 @@
|
|||
<!-- artisinal yarn-->
|
||||
<html>
|
||||
<head>
|
||||
<title>Willow Me Creations</title>
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<h1>Willow Me Creations</h1>
|
||||
</div>
|
||||
<div class="topnav">
|
||||
<a href="index.html">Home</a>
|
||||
<a href="about.html">About</a>
|
||||
<a href="products.html">Products</a>
|
||||
<a href="contact.html">Contact</a>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="side">
|
||||
<h2>News</h2>
|
||||
<h5>Latest News</h5>
|
||||
<img src="img/willow2.png" class="news" alt="willow tree">
|
||||
<p>Some text about the news.</p>
|
||||
<h3>More News</h3>
|
||||
<p>Some more text about the news.</p>
|
||||
</div>
|
||||
<div class="main">
|
||||
<h2>Home</h2>
|
||||
<h5>Willow Me Creations</h5>
|
||||
<img src="img/willow3.png" alt="another willow tree" class="news">
|
||||
<p>Willow Me Creations is a small business that makes hand made clothing and wearables. I am in the beautiful midwest, in the state of Indiana. I am a small independent maker, and I love to create beautiful goods for you to wear and show off. I hope you enjoy our products as much as I enjoy making them!</p>
|
||||
<p>My sweaters, scarves, and shawls are meticulously crafted in small batches. They come in a diverse range of colors and weights, ensuring a unique and personalized touch to each piece. We also offer custom orders, so if you don't see what you're looking for, please contact us and we will do our best to accommodate your needs.</p>
|
||||
<p>My items are available for purchase through our online store, or at one of the many fiber festivals we attend throughout the year. Please check our <a href="products.html">Products</a> page for more information.</p>
|
||||
<p>Thank you for visiting my website!</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="footer">
|
||||
<h2>Contact Information</h2>
|
||||
<p>Email: info@willowmecreations.com</p>
|
||||
<p>Phone: (555) 123-4567</p>
|
||||
|
||||
<h2>Follow Me</h2>
|
||||
<p><a href="https://facebook.com/bethany" target="_blank"><i class="fab fa-facebook"></i> Facebook</a></p>
|
||||
<p><a href="https://instagram.com/fkahab" target="_blank"><i class="fab fa-instagram"></i> Instagram</a></p>
|
||||
<p><a href="https://tiktok.com/bethanyrhodes6" target="_blank"><i class="fab fa-tiktok"></i> TikTok</a></p>
|
||||
|
||||
<h2>Quick Links</h2>
|
||||
<p><a href="index.html">Home</a></p>
|
||||
<p><a href="about.html">About</a></p>
|
||||
<p><a href="products.html">Products</a></p>
|
||||
<p><a href="contact.html">Contact</a></p>
|
||||
|
||||
<h2>Privacy Policy</h2>
|
||||
<p><a href="privacy.html">Read our privacy policy</a></p>
|
||||
|
||||
<h2>© 2023 Willow Me Creations</h2>
|
||||
</div> -->
|
||||
<div class="footer">
|
||||
<div class="contact-info">
|
||||
<p>Email: <a href="mailto:bethany@willowmecreations.com">bethany@willowmecreations.com</a></p>
|
||||
</div>
|
||||
|
||||
<div class="social-media">
|
||||
<h2>Follow Me</h2>
|
||||
<p>
|
||||
<a href="https://facebook.com/bethany" target="_blank"><i class="fab fa-facebook"></i> Facebook</a> |
|
||||
<a href="https://instagram.com/fkahab" target="_blank"><i class="fab fa-instagram"></i> Instagram</a> |
|
||||
<a href="https://tiktok.com/bethanyrhodes6" target="_blank"><i class="fab fa-tiktok"></i> TikTok</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="quick-links">
|
||||
<h2>Quick Links</h2>
|
||||
<p>
|
||||
<a href="index.html">Home</a> |
|
||||
<a href="about.html">About</a> |
|
||||
<a href="products.html">Products</a> |
|
||||
<a href="contact.html">Contact</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="privacy-policy">
|
||||
<h2>Privacy Policy</h2>
|
||||
<p><a href="privacy.html">Read our privacy policy</a></p>
|
||||
</div>
|
||||
|
||||
<div class="copyright">
|
||||
<h2>© 2023 Willow Me Creations</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
99
privacy.html
Normal file
99
privacy.html
Normal file
|
@ -0,0 +1,99 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Contact Us - WillowMeCreations</title>
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<h1>Willow Me Creations</h1>
|
||||
</div>
|
||||
<div class="topnav">
|
||||
<a href="index.html">Home</a>
|
||||
<a href="about.html">About</a>
|
||||
<a href="products.html">Products</a>
|
||||
<a href="contact.html">Contact</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Bethany Rhodes - A Crochet Journey</title>
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Privacy Policy</h1>
|
||||
|
||||
<div class="content">
|
||||
<p>Welcome to WillowMeCreations! At WillowMeCreations, we are committed to protecting your privacy and ensuring the security of your personal information. This Privacy Policy outlines how we collect, use, and safeguard your data when you interact with our website or engage with our products and services.</p>
|
||||
|
||||
<h2>Information We Collect:</h2>
|
||||
|
||||
<ol>
|
||||
<li>
|
||||
<strong>Personal Information:</strong>
|
||||
<p>When you place an order or register on our website, we collect personal information such as your name, email address, shipping address, and contact details to process your order and provide customer support.</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<strong>Payment Information:</strong>
|
||||
<p>WillowMeCreations does not directly process payments. Payments are securely processed through third-party payment processors, and we do not store your credit card details.</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<strong>Communications:</strong>
|
||||
<p>If you contact us via email or through our website, we may retain the content of your communication, including your email address, to respond to your inquiries and provide assistance.</p>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<h2>How We Use Your Information:</h2>
|
||||
|
||||
<ol>
|
||||
<li>
|
||||
<strong>Order Fulfillment:</strong>
|
||||
<p>We use your personal information to process and fulfill your orders, including shipping and delivery.</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<strong>Communication:</strong>
|
||||
<p>We may use your contact information to communicate with you about your orders, provide updates on our products and services, and respond to your inquiries.</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<strong>Marketing:</strong>
|
||||
<p>With your consent, we may send you marketing communications, such as newsletters and promotional offers. You can opt-out of these communications at any time.</p>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<h2>Data Security:</h2>
|
||||
|
||||
<p>We implement reasonable security measures to protect the confidentiality and integrity of your personal information. However, please be aware that no method of transmission over the internet or electronic storage is completely secure, and we cannot guarantee absolute security.</p>
|
||||
|
||||
<h2>Your Choices:</h2>
|
||||
|
||||
<p>You have the right to access, correct, or delete your personal information. You can also opt-out of marketing communications by following the instructions provided in the communication.</p>
|
||||
|
||||
<h2>Changes to this Privacy Policy:</h2>
|
||||
|
||||
<p>We may update this Privacy Policy from time to time to reflect changes in our practices. The revised policy will be effective immediately upon posting on our website.</p>
|
||||
|
||||
<h2>Contact Us:</h2>
|
||||
|
||||
<p>If you have any questions about our Privacy Policy, please <a href="contact.html">contact us</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
62
products.html
Normal file
62
products.html
Normal file
|
@ -0,0 +1,62 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Products - WillowMeCreations</title>
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<h1>Willow Me Creations</h1>
|
||||
</div>
|
||||
<div class="topnav">
|
||||
<a href="index.html">Home</a>
|
||||
<a href="about.html">About</a>
|
||||
<a href="products.html">Products</a>
|
||||
<a href="contact.html">Contact</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<h1>Products</h1>
|
||||
|
||||
<div class="row">
|
||||
<div class="column">
|
||||
<div class="card">
|
||||
<img src="img/sweater1.png" alt="sweater1">
|
||||
<div class="container">
|
||||
<h2>Sweater 1</h2>
|
||||
<p>Price: $45</p>
|
||||
<p>Size: Small</p>
|
||||
<p><button>Add to Cart</button></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column">
|
||||
<div class="card">
|
||||
<img src="img/sweater2.png" alt="sweater2">
|
||||
<div class="container">
|
||||
<h2>Sweater 2</h2>
|
||||
<p>Price: $50</p>
|
||||
<p>Size: Medium</p>
|
||||
<p><button>Add to Cart</button></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column">
|
||||
<div class="card">
|
||||
<img src="img/sweater3.png" alt="sweater3">
|
||||
<div class="container">
|
||||
<h2>Sweater 3</h2>
|
||||
<p>Price: $55</p>
|
||||
<p>Size: Large</p>
|
||||
<p><button>Add to Cart</button></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
0
script.js
Normal file
0
script.js
Normal file
61
style.css
Normal file
61
style.css
Normal file
|
@ -0,0 +1,61 @@
|
|||
|
||||
|
||||
body {
|
||||
background: linear-gradient(to bottom, #F5F5DC, #FFFFFF); /* gradient from cream to white */
|
||||
color: #006400; /* dark green */
|
||||
font-family: Arial, sans-serif;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.news {
|
||||
height:222px;
|
||||
width:222px;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
color: #800080; /* purple */
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #006400; /* dark green */
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #800080; /* purple */
|
||||
}
|
||||
|
||||
.fab {
|
||||
color: #006400; /* dark green */
|
||||
}
|
||||
|
||||
.card img {
|
||||
width: 40%; /* adjust as needed */
|
||||
height: auto; /* maintain aspect ratio */
|
||||
display: block; /* center the image */
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
padding: 50px;
|
||||
}
|
||||
|
||||
.header, .topnav {
|
||||
flex: 1;
|
||||
|
||||
}
|
Loading…
Reference in a new issue