aimeefenech/webdevprojects.html at master · aimeejulia/aimeefenech · 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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Aimee Fenech - Web Development Portfolio</title>
    <meta name="description" content="Aimee Fenech - Web Development & Design Portfolio" />
    <link rel="stylesheet" href="/css/playground.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
  </head>

  <body>
    <div class="container">
      <a href="/index.html" class="back-link" aria-label="Back to Home"><i class="fas fa-arrow-left" aria-hidden="true"></i> Back to Home</a>

      <main class="card">
        <h1>Web Development & Design Portfolio</h1>

        <div class="projects-grid">
          <div class="project-card">
            <img class="project-image" src="img/cv.png" alt="Aimee's CV screenshot" onerror="this.style.display='none'"/>
            <div class="project-content">
              <h4>Aimee's CV</h4>
              <p>Personal Curriculum Vitae, using simple HTML5, CSS and Bootstrap, formatted to be easily printed or pdfed as required.</p>
              <a href="https://aimeefenech.com/cv.html" target="_blank" class="btn">See current design</a>
            </div>
          </div>

          <div class="project-card">
            <img class="project-image" src="img/ehf1.png" alt="Eco Hacker Farm screenshot" onerror="this.style.display='none'"/>
            <div class="project-content">
              <h4>Eco Hacker Farm</h4>
              <p>A Network of projects that combine permaculture with hackerculture, online and onsite. Website mostly hardcoded, built with Bootstrap and some JavaScript.</p>
              <a href="https://ecohackerfarm.org/" target="_blank" class="btn">See current design</a>
            </div>
          </div>

          <div class="project-card">
            <img class="project-image" src="img/rl1.png" alt="RioLaden website screenshot" onerror="this.style.display='none'"/>
            <div class="project-content">
              <h4>Rio Laden</h4>
              <p>Organic & Regional Shop in Wittstock, website built using Wordpress Opensource theme adapted for use case and includes, integrated OSM Map and private forum function.</p>
              <a href="https://rioladen-wittstock.de/" target="_blank" class="btn">See current design</a>
            </div>
          </div>

          <div class="project-card">
            <img class="project-image" src="img/ecolodge.png" alt="Ecolodge website screenshot" onerror="this.style.display='none'"/>
            <div class="project-content">
              <h4>The Ecolodge</h4>
              <p>Learning and sharing in community, an eco community space for retreats, courses and workshops. Website built using Wordpress theme adapted for use case and includes, integrated OSM Map, contact form, booking form, gallery and event scheduler.</p>
              <a href="https://ecolodge.ecohackerfarm.org/" target="_blank" class="btn">See current design</a>
            </div>
          </div>

          <div class="project-card">
            <img class="project-image" src="img/dg.png" alt="Dossegarten" onerror="this.style.display='none'"/>
            <div class="project-content">
              <h4>Dossegarten</h4>
              <p>The "Dossegarten" is a school and community garden on the edge of the residential area of the Röbel suburb in Wittstock/Dosse. Website built using Wordpress theme adapted for use case and includes, contact form, gallery and blog.</p>
              <a href="https://www.dossegarten-wittstock.de/" target="_blank" class="btn">See current design</a>
            </div>
          </div>
        </div>
      </main>

      <footer>
        Website designed and coded by Aimee Fenech & licensed under a <a href="http://creativecommons.org/licenses/by/4.0/" target="_blank">Creative Commons Attribution 4.0 International License.</a><br>
        © <span id="y"></span> Aimee Fenech<br>
        <br>
        <a href="/meeting.html"><i class="fas fa-phone" aria-hidden="true"></i> Book a Meeting</a>
        <br>
      </footer>
    </div>

    <script>
      document.getElementById("y").textContent = new Date().getFullYear();
    </script>
  </body>
</html>