Portfolio2020/frontEnd.html at main · Daan-Zwarthoed/Portfolio2020 · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="style/style.css">
  <title>Front end</title>
</head>
<body class="frontEnd">

  <header>

  <nav class="navTop">
    <div>
      BACK
    </div>
  </nav>

  <section class="intro">
    <div>
      <h1>Frontend</h1>
    </div>
  <article>
      <p>Portfolio geleerd:</p>
      <ol>
        <li>Beter HTML en CSS</li>
        <li>Hoe front-end in praktijk werkt</li>
        <li>Responsive design</li>
      </ol>

  </article>


  </section>

  <div class="gradientHeader">
    <div></div> <div></div>
  </div>

  </header>

<main>
<h2>Wat is front end?</h2>
<p>Front end is een vak waar wij een eigen site naar keuze met HTMl, CSS en Javascript gingen namaken. Dit vond ik een leuk en belangrijk vak omdat het echt een introductie was tot wat later mijn vak gaat worden.</p>

<h2>Links naar mijn en originele site:</h2>
<div>
  <a href="https://daan-zwarthoed.github.io/Front-end-website-Daan-Zwarthoed/index.html" target="_blank">Mijn site (pagina 1)</a>
  <a href="https://www.bowenmedia.com/" target="_blank">De echte site (pagina 1)</a>

  <a href="https://daan-zwarthoed.github.io/Front-end-website-Daan-Zwarthoed/kensingtonEstate.html" target="_blank"> Mijn site (pagina 2)</a>
  <a href="https://www.bowenmedia.com/work/kensington-estates-real-estate-branding-web-design" target="_blank">De echte site (pagina 2)</a>
</div>

</main>


  <footer>

    <div class="gradientFooter">
      <div></div> <div></div>
      <article>
        <p>Ik reageer waarschijnlijk het snelste op mijn telefoon maar e-mail is altijd goed.</p>
        <ul>
          <li>Telefoon: 06-25152933</li>
          <li>E-mail: daan.zwarthoed@gmail.com</li>
          <li><a href="images/CV-Daan-Zwarthoed.pdf" target="_blank">Mijn CV</a></li>
          <li><a href='https://www.linkedin.com/in/daan-zwarthoed-1853421bb/' target="_blank">LinkedIn</a></li>
        </ul>


      </article>
    </div>
  </footer>

</body>
<div class="dezeDivDoetNiks"></div>
<script type="text/javascript" src="script/script.js"></script>

</html>