Portfolio-front-end-developer/airlines.html at main · gosiacodes/Portfolio-front-end-developer · 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!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="Malgorzata Pick | Portfolio | Junior Developer | Malmö, Sweden"
    />
    <meta
      name="keywords"
      content="Portfolio, web developer, webbutvecklare, front-end developer, front-end-utvecklare, utvecklare, webbdesign, web design, front-end, frontend, fullstack, HTML, CSS, JavaScript, Java, Malgorzata Pick"
    />
    <meta name="author" content="Malgorzata Pick" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="icon" href="img/logo_1.png" type="image/jpg" sizes="16x16" />
    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <link
      href="https://fonts.googleapis.com/css2?family=Quantico&family=Roboto&family=Varela+Round&display=swap"
      rel="stylesheet"
    />
    <script src="https://kit.fontawesome.com/3318035e44.js"></script>
    <title>Malgorzata Pick | Portfolio</title>
  </head>
  <body>
    <div class="wrapper">
      <nav class="nav-container font-style">
        <ul>
          <img src="img/logo_mp_lila.png" alt="logo" class="logo" />
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html">Om mig</a></li>
          <li><a href="contact.html">Kontakt</a></li>
        </ul>
      </nav>
      <header>
        <h1 class="font-style">GAAP Airlines.</h1>
        <h1>
          <a href="portfolio.html" title="next"
            ><i class="fas fa-angle-double-right arrow"></i
          ></a>
        </h1>
      </header>
      <section class="project-section">
        <div class="project-div">
          <a href="img/airlines/airlines1_xl.png">
            <picture class="feature-photo">
              <source
                srcset="img/airlines/airlines1_small.png"
                media="(max-width: 420px)"
              />
              <source
                srcset="img/airlines/airlines1_medium.png"
                media="(max-width: 760px)"
              />
              <img src="img/airlines/airlines1_large.png" alt="airlines 1" />
            </picture>
          </a>
          <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur
            vero error voluptatum eveniet mollitia, quis unde quos reiciendis
            adipisci quibusdam totam repellat doloribus atque. Ipsam, nisi ea
            quos alias, obcaecati nihil id ipsum in exercitationem doloremque
            provident quia! Amet nulla, eum illum sint, dolores dolorum
            dignissimos, velit dolore veniam dolorem mollitia assumenda
            reiciendis id enim eos commodi saepe ad accusamus sunt cum iure
            vero. Sed voluptates cumque vel doloribus eum, dolore error iusto
            praesentium voluptatum autem aliquid a incidunt quia qui aperiam
            dignissimos ullam blanditiis asperiores perferendis saepe!
            Consectetur at pariatur excepturi quasi reiciendis adipisci quae
            doloremque architecto nostrum expedita!
          </p>
        </div>
        <div class="project-gallery">
          <a href="img/airlines/airlines2_xl.png">
            <picture class="gallery-img">
              <source
                srcset="img/airlines/airlines2_small.png"
                media="(max-width: 420px)"
              />
              <source
                srcset="img/airlines/airlines2_medium.png"
                media="(max-width: 1020px)"
              />
              <img src="img/airlines/airlines2_large.png" alt="airlines 2" />
            </picture>
          </a>
          <a href="img/airlines/airlines3_xl.png">
            <picture class="gallery-img">
              <source
                srcset="img/airlines/airlines3_small.png"
                media="(max-width: 420px)"
              />
              <source
                srcset="img/airlines/airlines3_medium.png"
                media="(max-width: 1020px)"
              />
              <img src="img/airlines/airlines3_large.png" alt="airlines 3" />
            </picture>
          </a>
          <a href="img/airlines/airlines4_xl.png">
            <picture class="gallery-img">
              <source
                srcset="img/airlines/airlines4_small.png"
                media="(max-width: 420px)"
              />
              <source
                srcset="img/airlines/airlines4_medium.png"
                media="(max-width: 1020px)"
              />
              <img src="img/airlines/airlines4_large.png" alt="airlines 4" />
            </picture>
          </a>
          <a href="img/airlines/airlines5_xl.png">
            <picture class="gallery-img">
              <source
                srcset="img/airlines/airlines5_small.png"
                media="(max-width: 420px)"
              />
              <source
                srcset="img/airlines/airlines5_medium.png"
                media="(max-width: 1020px)"
              />
              <img src="img/airlines/airlines5_large.png" alt="airlines 5" />
            </picture>
          </a>
        </div>
      </section>
      <footer class="font-style">
        <div class="social">
          <a
            href="https://www.linkedin.com/in/malgorzatapick/"
            target="_blank"
            title="My LinkedIn Profile"
            ><i class="fab fa-linkedin"></i
          ></a>
          <a
            href="https://github.com/margareta75"
            target="_blank"
            title="My GitHub Profile"
            ><i class="fab fa-github-square"></i
          ></a>
        </div>
        <div class="to-the-top" title="To The Top">
          <a href="#"><i class="fas fa-chevron-circle-up"></i></a>
        </div>
        <p class="copyright">Copyright &copy; 2021 | Malgorzata Pick</p>
      </footer>
    </div>
  </body>
</html>