Portfolio/index.html at main · Daan-Zwarthoed/Portfolio · 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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html lang="nl">

<head>
  <meta charset="UTF-8">
  <title>Home pagina portfolio</title>
  <link rel="stylesheet" href="css/css.css">
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap" rel="stylesheet">
</head>


<body class=''>

  <!-- Begin header -->
  <header class="">
    <h1>Daan Zwarthoed Portfolio</h1>
    <nav>
      <ul class="navigatie">
        <li class='linkOverMij'>Over mij</li>

        <li class='linkMijnWerk'>Mijn werk</li>

        <li class='linkGoals'>Goals</li>

        <li class='linkContact'>Contact</li>
      </ul>
    </nav>

  </header>

  <!-- Einde header -->

  <!-- Begin main -->
  <main>

    <!-- Begin over mij -->
    <div class="overMij">
      <span>
        <article>
          <h2>Over mij</h2>
          <p>Hallo, ik ben Daan Zwarthoed. Ik zit nu in mijn 2de jaar van Communication Multimedia design nadat ik in jaar 1 mijn propedeuse heb gehaald.
            Ik ben opzoek naar een stage in Frontend van 1 februari t/m 9 april 2021.</p>
        </article>
      </span>

      <span>
        <img src="images/portfolio-foto.jpg" alt="Foto van Daan Zwarthoed van zomervakantie 2020">
      </span>

      <article>
        <h2>Mijn skills</h2>
        <p>Waar ik het beste in ben en het leukste vindt is Front-end. Ik vindt dit super leuk en vindt ook dat ik er goed in ben. HTML en CSS kan ik goed. Javascript is een stuk lastiger, maar ook hier kom ik meestal snel uit.</p>
        <p>Ik heb daarnaast ervaring met Adobe programma's zoals animate, illustrator, photoshop, XD en InDesign. </p>
        <div w3-include-html="index.html"></div>

      </article>

    </div>

    <!-- einde over mij -->


    <!-- begin MijnWerk -->

    <div class="MijnWerk">
      <h2>Mijn werk</h2>
      <p>Hier kunt u een aantal links vinden naar projecten die ik heb gemaakt en de daarbij behorende code. Ik heb ook nog een link gegeven naar mijn CV als u daar interrese voor hebt.</p>
      <div class="links">
        <span>
          <a href="inleidingProgrammerenEindopdracht/pesten.html">pesten nagemaakt</a>
          <p>Dit is het eerste project dat ik heb gemaakt met Javascript en is het project waarmee ik realiseerde dat ik javascript heel leuk vond.</p>
        </span>

        <span>
          <a href="passieProject/index.html" class="middleLink">passie project</a>
          <p>Dit was een groepsproject waarin je zelf mocht kiezen wat je wilde maken. Wij hebben toen gekozen voor een interactieve film. Helaas hebben we niet genoeg tijd gehad om hem helemaal af te maken, maar ik heb alle code ervoor geschreven en ben er toch trots op.</p>
        </span>

        <span>
          <a href='codePortfolio/index.html'>Code dit document</a>
          <p>Dit is de code voor dit portfolio als u daar naar wilt kijken. Dit is het meest recente dat ik heb gemaakt en daardoor waarschijnlijk ook het meest accuurate voorstelling van mijn skill level.</p>
        </span>

        <span>
          <a href="images/cvZelf.pdf">CV</a>
          <p>Deze link gaat naar mijn CV als u die nog wilt inzien.</p>

        </span>
      </div>
    </div>

    <!-- einde MijnWerk -->

    <!-- begin goals -->

    <div class="goals">
      <article>
        <h2>Mijn goals in een stage</h2>
        <p>Er zijn 3 dingen waar ik graag aan wil werken in mijn stage.</p>
        <p>Als ik aan een en/of twee van deze doelen kan werken zal ik in mijn stage al super tevreden zijn.</p>
        <ul>

          <li> <img src="images/html-css-js.png" alt="">
            <p>Ik wil ten eerste heel graag nog beter worden in HTML, CSS en Javascript. Ik ben hier al redelijk goed in. Maar ik weert ook dat er nog heel veel te leren valt.</p>
          </li>
          <li> <img src="images/cms.png" alt="">
            <p>Het tweede is CMS systemen zoals Wordpress. Ik heb hier nog weinig mee gewerkt en ben hier nog niet heel goed mee. Hier zou ik het leuk vinden om aan te werken. Ik realiseer namelijk dat ik later veel mee ga werken dus het is goed om
              daar
              nu mee te oefenen.</p>
          </li>
          <li><img src="images/jQuery.webp" alt="">
            <p>Het derde waar ik graag nog mee wil gaan werken is jQuery. Ik heb dit tot nu toe 1 keer gebruikt en ik vindt dit nog erg lastig. Ik zou hier graag meer over leren aangeizen het het coderen een stuk makkelijker kan maken</p>
          </li>

        </ul>

      </article>


    </div>

    <!-- einde goals -->

    <!-- begin contact -->
    <div class="contact">
      <h2>Contact</h2>
      <p>Hier zijn nog een aantal manieren om contact op te nemen. Ik reageer het snelste op whatsapp, maar andere opties zijn ook goed. Ik hoop u snel te spreken en fijne dag nog!</p>
      <span>
        <h3>Telefoonnummer: 06-25152933</h3>
        <a href="https://wa.link/ng2u4o" target="_blank">App mij</a>
      </span>
      <span>
        <h3>G-mail: daan.zwarthoed@gmail.com</h3>
        <a href="mailto:daan.zwarthoed@gmail.com">Stuur een mail</a>
      </span>
      <span>
        <h3>LinkedIn: Daan-Zwarthoed</h3>
        <a href="https://www.linkedin.com/in/daan-zwarthoed-1853421bb" target="_blank">LinkedIn</a>
      </span>
      <span>
        <h3>Woonplaats: Markelerbergpad 541, Amsterdam</h3>
        <a href="https://www.google.com/maps/place/OurDomain+Amsterdam+South+East/@52.2975543,4.9556101,17z/data=!3m1!4b1!4m5!3m4!1s0x47c60beff7edc3e5:0x28f848dd6a9cc4a!8m2!3d52.2975543!4d4.9577988" target="_blank">Locatie huis</a>
      </span>

    </div>

    <!-- einde contact -->
  </main>
  <!-- Einde header -->

  <!-- Begin footer -->

  <footer>
    <p class="goDown">go down</p>
  </footer>

  <!-- Einde footer -->

</body>

<script src="js/js.js"></script>

</html>