Personal-page/portofolio.html at main · iedis/Personal-page · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Edis Perchiata's Portofolio</title>
    <link rel="stylesheet" href="portofolio_gallery.css">
</head>
<body id="grad1">
    <h1>My portofolio</h1>
    <div class="navbar">
        <a href="biografie.html">ABOUT ME</a>
        <a href="cv.html">CV</a>
        <a href="formular.html">CONTACT</a>
        <a href="portofolio.html">PORTOFOLIO</a>
        <a href="home.html">HOME</a>
    </div>

    <div class="row" style="background-color: lemonchiffon; border-radius: 4px; padding: 3px; margin: 6px;">
        <p>
            The following image gallery consists of some of my work. Feel free to click some of the links that appear
            when hovering over the image if you would like to try to crochet these patterns. If you have any questions
            please go to the contact page were you can email me directly and I'll get back as soon as possible.
        </p>
    </div>


    <div class="responsive">
        <div class="pgallery">
            <div class="container">
                <img src="crochet_photos/bag_crochet.jpeg" alt="Crochet bag" class="image" style="width: 100%;">
                <div class="middle">
                  <div class="text">Crochet bag</div>
                </div>
              </div>
        </div>
    </div>

    <div class="responsive">
        <div class="pgallery">
            <div class="container">
                <img src="crochet_photos/flowers_crochet.jpeg" alt="Crochet bouquet" class="image" style="width: 100%;">
                <div class="middle">
                  <div class="text">Crochet bouquet</div>
                </div>
              </div>
        </div>
    </div>

    <div class="responsive">
        <div class="pgallery">
            <div class="container">
                <img src="crochet_photos/bear_crochet.jpeg" alt="Crochet bear" class="image" style="width: 100%;">
                <div class="middle">
                  <div class="text">Crochet bear</div>
                </div>
              </div>
        </div>
    </div>

    <div class="responsive">
        <div class="pgallery">
            <div class="container">
                <img src="crochet_photos/frog_crochet.jpeg" alt="Crochet frog" class="image" style="width: 100%;">
                <div class="middle">
                  <div class="text">Crochet frog</div>
                </div>
              </div>
        </div>
    </div>

    <div class="responsive">
        <div class="pgallery">
            <div class="container">
                <img src="crochet_photos/turtle_crochet.jpeg" alt="Crochet turtle" class="image" style="width: 100%;">
                <div class="middle">
                  <div class="text">Crochet turtle</div>
                </div>
              </div>
        </div>
    </div>

    <div class="responsive">
        <div class="pgallery">
            <div class=pcontainer">
                <img src="crochet_photos/cat_crochet.jpeg" alt="Crochet cat" class="image" style="width: 95%;">
                <div class="middle">
                  <div class="text">Crochet cat</div>
                </div>
              </div>
        </div>
    </div>

    <div class="responsive">
        <div class="pgallery">
            <div class="container">
                <img src="crochet_photos/bag_crochet_2.jpeg" alt="Crochet bag" class="image" style="width: 100%;">
                <div class="middle">
                  <div class="text">Crochet bag</div>
                </div>
              </div>
        </div>
    </div>

    <div class="responsive">
        <div class="pgallery">
            <div class="container" style="background-color: palegoldenrod; height: 465px;">
                <div class="middle">
                  <div class="text">Getting started</div>
                </div>
              </div>
        </div>
    </div>

      <div class="clearfix"></div>


    <div class="footer" id="grad1">
        <footer>
            <a href="https://github.com/iedis" style="color: black;">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
                <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/>
            </svg>
            </a>
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
                <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z"/>
            </svg>
            <br>
            <p>Thank you!</p>
        </footer>
        </div>

</body>