-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
200 lines (191 loc) · 8.51 KB
/
index.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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Paulina Lipińska-wizytówka</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css"
integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="logo-pic">
<div class="logo"></div>
</header>
<nav class="menu">
<div class="hamburger"><i class="fas fa-bars"></i></div>
<div class="close"><i class="fas fa-times"></i></div>
<ul class="menu-list">
<li><a href='https://www.facebook.com/The-Something-From-Nothing-393430344142014/' target="_blank"><i
class="fab fa-facebook-f"></i></a></li>
<li><a href='https://pl.pinterest.com/paulinaola/_saved/' target="_blank"><i class="fab fa-pinterest-p"></i></a>
</li>
<li><a href="#about">About me</a></li>
<li><a href="#projects">My projects</a></li>
<li><a href="https://thesomethingfromnothing.wordpress.com/" target="_blank">Blog</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<a id="about"></a>
<section class="about">
<h1>About me</h1>
<div class="about-content">
<p>I am Paulina. I am a huge fan of handmade: knitting and sewing. This way I can relax and let my creativity run
free. I get inspiration from cartoons and movies. I have
completed the A.12 tailoring course.More of my projects
and inspiration can be found on the blog.
Apart from handmade, my passion is traveling in southern Europe. I love extreme mountain tourism, especially in
the Polish Tatras, for example Eagle Path. I'm crazy about Spain and spanish culture and language.
I have been learning web programming for several months: HTML5, CSS3, JavaScript. I would like to change my
career path in the future.
I created the design of this website using the following technologies:
</p>
<img class="tech" src="img/PngItem_237369.png" alt="">
</div>
</section>
<a id="projects"></a>
<section class='projects'>
<div class="projects-container">
<h2>My projects</h2>
<div class="projects-box">
<div class="project project1">
<div class="img"><img src="img/dsc_07911.jpg" alt=""></div>
<div class="text">
<h3>Thick woolen sweater for bitter frosts.</h3>
<p>In the pattern I used nups (balls) and a honeycomb motif. In
general, the sweater is quite rich in various motifs. I do not hide that it was laborious and
time-consuming. I made the front and back in the same way, the only difference is the presence of the
balls,
which would not hurt the back;). The sleeves also feature a honeycomb pattern. To liven up the whole piece
of knitting the head of the sleeve has been made with a lighter yarn. The whole thing, of course, is high
in
wool (70% and 50%). In fact, the mere sight of it makes me warm. </p>
</div>
<div class="details">
<ul>Composition:
<li>70% labm wool</li>
<li>20% acrylic</li>
<li>10% cotton</li>
</ul>
<button class="order-now"><a href="#contact">Order now</a></button>
</div>
</div>
<div class="project project-2">
<div class="img"><img src="img/dsc_1255.jpg" alt=""></div>
<div class="text">
<h3>The circular sweater</h3>
<p>A sweater made in the form of a circle. Usually it is called the turner, but mine reminds me more of the
wheel because of its stiffness. It is made of a mixture of wool and cashmere with a bright cotton-wool
finish to illuminate the whole. I like the pattern very much and I'm about to make a mini and summer
cotton
version.</p>
</div>
<div class="details">
<ul>Composition:
<li>60% lamb wool</li>
<li>10% cashmere</li>
<li>30% acrylic</li>
</ul>
<button class="order-now"><a href="#contact">Order now</a></button>
</div>
</div>
<div class="project project3">
<div class="img"><img src="img//dsc_0651.jpg" alt=""></div>
<div class="text">
<h3>Romantic set</h3>
<p>The semicircle skirt is made of thick dove-colored neoprene. It is very light and
comfortable. It has a metal zipper sewn in at the back, which gives it a bit of a vanguard character.
For
the skirt I have completed a sweater / dress crochet with a shell pattern. I used plum Yarn Art. Kid
Mohair
with a lot of mohair to make it. It is very light, stylish and soft to the touch. It looks great with
an
elegant shirt. </p>
</div>
<div class="details">
<ul>Composition
<li>40% mohair</li>
<li>20% alpaca wool</li>
<li>40% acrylic</li>
</ul>
<button class="order-now"><a href="#contact">Order now</a></button>
</div>
</div>
<div class="project project4">
<div class="img"><img src="img/dsc_0973.jpg" alt=""></div>
<div class="text">
<h3>The christening set for a boy</h3>
<p>This set consists of a fluffy jacket with a hood made of shiny polyamide yarn. Soft
bamboo sweater has front elements designed on the basis of semicircles. A "baseball" cap made of
acrylic
yarn with a golden thread. The last element are thick cotton sneakers that give the set a casual
character.
The whole is complemented by navy blue and blue accessories: buttons, bows, laces.</p>
</div>
<div class="details">
<ul>Composition
<li>50% acrylic</li>
<li>30% cotton</li>
<li>20% bamboo</li>
</ul>
<button class="order-now"><a href="#contact">Order now</a></button>
</div>
</div>
<div class="project project5">
<div class="img"><img src="img/dsc_0995.jpg" alt=""></div>
<div class="text">
<h3>The airy scarf</h3>
<p>This scarf made just on request. It is intended to serve as an undersuit in case of cold weather. I
used a yarn with a lot of mohair in a light gray color. Finally, the dimensions were 130cmx60cm, so
the size
to "wrap around" is ok. The pattern consists of leaf motifs, which makes it incredibly light. The
scarf is
very warm and airy at the same time.</p>
</div>
<div class="details">
<ul>Composition:
<li>70% mohair</li>
<li>10% alpaca wool</li>
<li>20% acrylic</li>
</ul>
<button class="order-now"><a href="#contact">Order now</a></button>
</div>
</div>
</div>
</div>
</section>
<section class="baner">
<div class="baner-item">
<img src="img/20151214_091041.jpg">
<img src="img/20151214_091239.jpg">
</div>
</section>
<section class="contact"><a id="contact"></a>
<h2>Contact</h2>
<div class="contact-wrap">
<div class="form-wrap">
<form>
<input class="contact-element" type="text" placeholder="Your name">
<input class="contact-element" type="text" placeholder="E-mail">
<textarea class="contact-text" placeholder="Type Your message"></textarea>
<button class="contact-btn">Search</button>
</form>
</div>
<div class="contact-details">
<div class="social">
<i class="fas fa-envelope-square"></i>
<a href="mailto:mail@domena.pl">mail@domena.pl</a>
</div>
<div class="social">
<i class="fas fa-mobile-alt"></i>
<a href="tel:+48781781781">+48 781781781</a>
</div>
</div>
</div>
</section>
<footer class="end">© Paulina Lipińska</footer>
</body>
</html>