-
Notifications
You must be signed in to change notification settings - Fork 0
/
Home.html
138 lines (136 loc) · 5.26 KB
/
Home.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!-- Creative Yarn Crafts -->
<!-- K0mputer N3rd -->
<!-- 01/16/2022 -->
<!-- Home.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./Styles/Styles.css" />
<title>Creative Yarn Crafts</title>
<link rel="icon" type="image/x-icon" href="./Media/GS-Icon.ico" />
<!-- Script to enable fontawesome -->
<script
src="https://kit.fontawesome.com/d5fdc24f4a.js"
crossorigin="anonymous"
></script>
<!-- Script for social media links -->
<script>
function social_alert() {
alert(
"Social media links are not yet implemented. Please check again in a few months."
);
}
</script>
</head>
<body>
<div class="hero-image">
<nav>
<ul>
<li>
<a style="padding: 1px" href="Tutorials.html">
<img
class="logo"
src="Media\Granny Square Letter A.png"
alt="Logo"
/>
</a>
</li>
<li><a class="active" href="#home">Home</a></li>
<li><a href="Tutorials.html">Tutorials</a></li>
<li><a href="Gallery.html">Gallery</a></li>
<li><a href="Current.html">Current</a></li>
<li><a href="About.html">About</a></li>
<li><a href="Contact.html">Contact</a></li>
</ul>
</nav>
<div class="hero-text">
<h1>Creative Yarn Crafts</h1>
<p style="font-weight: bold">
Have you had problems learning to crochet or knit? Are you interested
in learning new techniques? Do you need a pattern that exactly fits
your specifications?
</p>
<p style="font-weight: bold">
This website is being designed to answer your questions. At present,
it is still under construction, but the plan is to include all of
those things and more.
</p>
</div>
</div>
<div class="row">
<div class="column left">
<img src="Media/Under Construction.png" alt="Square" />
<p>
This website is currently under construction. Please forgive the items
which don’t work yet or don’t work quite as planned.
Throughout the website you may encounter notes describing plans for
future development. This will give you something to look forward to,
perhaps a reason to visit this site again in the near future.
</p>
</div>
<div class="column middle">
<h2>What to Expect</h2>
<p>
The plan for this website is to include a variety of features.
Tutorials will be available (free) as PDFs, videos and web pages.
Several patterns will be available as web pages and free downloads.
</p>
<p>
Customized patterns are being worked on for hats, gloves, sweaters and
socks. Each pattern will take into account the actual gauge of the
person knitting or crocheting the item, as well as the measurements of
the person for whom the item is being made. Then the pattern will be
generated for an exact fit. This will allow the crafter to select the
yarn and size of needle or hook to be used (within reasonable limits)
and produce an item exactly to the wearer’s specifications. The
pattern will be emailed to the crafter as a PDF. Videos will be
available to guide the crafter through the details of the pattern.
</p>
<p>
Another part of the plan is to have the videos mentioned above
available through YouTube. A presence may also be established for
other social media sites.
</p>
</div>
<div class="column right">
<h2>Ideas and Suggestions</h2>
<p>
If you have ideas about items you would like to see on this site, you
are invited to share them. Suggestions for improvement are also
welcome. The <a href="Contact.html">Contact</a> page has a form for
giving such feedback. You can also get on the mailing list to receive
regular updates and be informed when significant upgrades are made to
this website.
</p>
<p>
Nobody’s perfect. The first versions of patterns are bound to
have errors. Please report any errors you find so that they can be
fixed. Again, the <a href="Contact.html">Contact</a> page will work
fine for submitting such corrections.
</p>
</div>
</div>
<footer>
<p>
<a href="#" onclick="social_alert()">
<i class="fab fa-facebook-square fa-2x"></i>
</a>
<a href="#" onclick="social_alert()">
<i class="fab fa-instagram-square fa-2x"></i>
</a>
<a href="#" onclick="social_alert()">
<i class="fab fa-twitter-square fa-2x"></i>
</a>
<a href="#" onclick="social_alert()">
<i class="fab fa-youtube-square fa-2x"></i>
</a>
</p>
<p>
Website Design and Content Copyright © 2022 Creative Yarn Crafts
</p>
</footer>
</body>
</html>