-
Notifications
You must be signed in to change notification settings - Fork 0
/
posts.html
168 lines (144 loc) · 5.83 KB
/
posts.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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!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">
<meta name="description"
content="Here you will find a variety of amigurumi patterns, including rabbits, bears, cats, dogs, dolls and more.">
<title>Amigume | Posts </title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="./css/posts.css">
<script type="module" src="js/posts.js"></script>
<!-- Hotjar Tracking Code for Amigume -->
<script>
(function (h, o, t, j, a, r) {
h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments) };
h._hjSettings = { hjid: 3756760, hjsv: 6 };
a = o.getElementsByTagName('head')[0];
r = o.createElement('script'); r.async = 1;
r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
a.appendChild(r);
})(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
</script>
</head>
<body>
<!-- spinner -->
<div id="loader" class="loading-indicator"></div>
<div class="main-container">
<header>
<div class="logo">
<a href="index.html">
<img src="assets/icons/logo.svg" alt="logo">
</a>
</div>
<nav aria-label="main menu">
<a href="index.html">HOME</a>
<a href="posts.html">BLOG</a>
<a href="about.html">ABOUT</a>
<a href="contact.html">CONTACT</a>
</nav>
</header>
<div class="title">
<h1 class="page-title">Posts</h1>
<!-- message error -->
<div id="error" class="error">
<p>There was an error, please try later.</p>
</div>
</div>
<main>
<article>
<!-- template card -->
<template id="post">
<div>
<a><img></a>
<div class="card-content">
<a>
<h2></h2>
</a>
<div class="card-text text_small">
<div class="author">
<p>By<span></span></p>
</div>
<p id="date"></p>
</div>
<p>
</p>
<div class="reading">
<a class="display-font">Continue reading</a>
</div>
</div>
</div>
</template>
<!-- the end -->
<!-- start API Wordpress -->
<div class="wrap" id="posts">
</div>
<div id="view-more" class="box-cta">
<button type="submit" class="cta">
View more
</button>
</div>
<!-- end API Wordpress -->
</article>
</main>
<aside class="whoiam">
<div>
<section>
<figure>
<img src="./assets/images/blog/profile.photo.png" alt="profile image" class="fit-image">
</figure>
</section>
<section>
<h2>Hi!</h2>
<h3>
My name is Fernanda and amigurumi and crochet are my hobby and passions.
</h3>
<p>Here on my blog you will find several amigurumi models for beginners,
intermediates and
also
for
those who already have
some experience. I want to help people learn how to make them step by step and how
to
improve
our
making techniques!
</p>
<p>You will also love the crochet stitch tips and suggestions to make your learning
even
easier. You
can also find me on
social media, as I'm always posting news there too. There I also post tips on how to
sew,
wash and
store your amigurumi.
</p>
<p>
So enjoy the content and start making your amigurumi for friends and family now.
</p>
<p>Thank you</p>
</section>
</div>
</aside>
<footer>
<a class="goto-top" href="#">
<img src="assets/icons/arrow-go-to-top-svgrepo.com.png" alt="arrow up">
</a>
<div>
<small>Copyright© 2023 Fernanda Gomes. All Rights Reserved</small>
</div>
<div>
<div class="footer-box social-media-footer">
<a href="https://www.instagram.com"><img src="assets/icons/icon-instagram-1-svgrepo.com.svg"
alt="icon Instagram"></a>
<a href="https://www.pinterest.com/"><img src="assets/icons/icon-pinterest-color-svgrepo.com.svg"
alt="icon Pinterest"></a>
<a href="https://www.youtube.com"><img src="assets/icons/icon-youtube-color-svgrepo.com.svg"
alt="icon Youtube"></a>
</div>
</div>
</footer>
</div>
</body>
</html>