schindav.dev/index.html at master · dhink66/schindav.dev · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <!-- seo -->
    <meta name="description" content="SEO content of page TEXT" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- font -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Stick+No+Bills:wght@200;400&display=swap"
      rel="stylesheet"
    />
    <!-- css -->
    <link rel="stylesheet" href="style.css" />
    <title>schindav dynamicPort</title>

    <!-- js -->
    <script defer src="index.js"></script>
  </head>
  <body class="page-margin">
    <section class="intro bottom-margin">
      <h1>Hi 👋🏽, i am David</h1>
      <p class="welcome">welcome in my world of software engineering.</p>
      <p class="journey">
        Little bit about my journey. Started out as a graphic designer and than
        i found code. Since than i have been designing different applications,
        websites or any kinda useful helpers. For example:
      </p>
    </section>
    <section class="projectAndPhoto bottom-margin">
      <div class="createdProjects">
        <a class="link" href="https://www.pujcmoto.cz/" target="_blank"
          >PujcMoto website</a
        >
        <a
          class="link game"
          href="https://first100num.netlify.app/"
          target="_blank"
          >First 100 Game</a
        >
        <a class="link web2" href="https://nobur.cz/" target="_blank"
          >Nobur s.r.o website</a
        >
        <a class="link tour" href="https://nptour.netlify.app" target="_blank"
          >NP Tour Async</a
        >
      </div>
      <div class="imgMe-box">
        <img
          src="src/picNeew.png"
          alt="Profile picture"
          class="imgMe"
          designer="schindav.dev"
        />
      </div>
    </section>
    <section class="hobbiesLinks">
      <p class="hobby">
        Big part of my time are also sports, mainly caliesthetics, mountain
        biking or just hiking. Other than that i enjoy reading or traveling with
        friends.
      </p>
      <p class="insides">
        If you want to look at more details, mainly on
        <a class="link" href="https://github.com/dhink66" target="_blank"
          >Github (code)</a
        >
        or
        <a class="link" href="https://dribbble.com/davhink" target="_blank"
          >Dribbble (graphics)</a
        >, or you can reach me via email on :
        <a class="link" href="mailto:david.schinkmann@gmail.com"
          >david.schinkmann@gmail.com</a
        >
      </p>
    </section>
    <footer>
      <p class="copy">&copy; David Schinkmann</p>
      <div class="c-flags">
        <button id="btn-lng" onclick="changeLang('cz')">
          <img src="src/cz.png" alt="czech flag" class="czflag" />
        </button>
        <button id="btn-lng" onclick="changeLang('en')">
          <img src="src/eng.png" alt="english flag" class="engflag" />
        </button>
      </div>
      <p id="date"></p>
    </footer>
  </body>
</html>