-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
196 lines (169 loc) · 8.66 KB
/
index.php
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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<?php $page_title = "Portefølje" ?>
<?php include("header.php");?>
<!-- Min Profil Start -->
<div class="portfolio">
<section class="wrap">
<div class="intro">
<h1 class="title">Min Portefølje</h1>
<section class="intro-text">
<p>Velkommen til min portefølje. Her kan du se projekter jeg har arbejdet på indenfor web-design, front-end udvikling og en smule fotografi.</p>
</section>
</div> <!-- intro-text END -->
<h2 class="year-head">2014</h2>
<article class="portfolio-item">
<h2 class="subhead">CSS3: <br/>iPhone 6</h2>
<div class="portfolio-img">
<img src="img/portfolio/iphone6css-400px.jpg" alt="iPhone 6 i ren CSS thumbnail" />
<div class="portfolio-links">
<a class="img-link" href="img/portfolio/iphone6css-800px.jpg"><?php include("icon/camera.svg");?></a>
<a class="site-link" href="http://codepen.io/antontanderup/pen/fLIew"><?php include("icon/link.svg");?></a>
</div>
</div>
<p>iPhone 6 lavet i CSS med bl.a. gradients og border radius.</p>
</article> <!-- portfolio-item END -->
<article class="portfolio-item">
<h2 class="subhead">Web-app: <br/>Todo</h2>
<div class="portfolio-img">
<img src="img/portfolio/todo-400px.jpg" alt="Todo app thumbnail" />
<div class="portfolio-links">
<a class="img-link" href="img/portfolio/todo-800px.jpg"><?php include("icon/camera.svg");?></a>
<a class="site-link" href="projects/todo/"><?php include("icon/link.svg");?></a>
</div>
</div>
<p>Todo web app udviklet med formål at demonstrere HTMLlocalstorage.</p>
</article> <!-- portfolio-item END -->
<article class="portfolio-item">
<h2 class="subhead">Responsive: <br/>Som sunket i jorden</h2>
<div class="portfolio-img">
<img src="img/portfolio/somsunketijorden.jpg" alt="Som sunket i jorden thumbnail" />
<div class="portfolio-links">
<a class="img-link" href="img/portfolio/somsunketijorden-1200px.jpg"><?php include("icon/camera.svg");?></a>
<a class="site-link" href="http://somsunketijorden.dk/"><?php include("icon/link.svg");?></a>
</div>
</div>
<p>Responsive wordpress tema udvilket og designet til TV teaseren, Som sunket i jorden. </p>
</article> <!-- portfolio-item END -->
<article class="portfolio-item">
<h2 class="subhead">iOS Web-app: <br/>BMI Calculator</h2>
<div class="portfolio-img">
<img src="img/portfolio/bmicalc-400px.jpg" alt="BMI Calculator thumbnail" />
<div class="portfolio-links">
<a class="img-link" href="img/portfolio/bmicalc-800px.jpg"><?php include("icon/camera.svg");?></a>
<a class="site-link" href="projects/bmicalc/"><?php include("icon/link.svg");?></a>
</div>
</div>
<p>Web-app udviklet primært til iOS. Brugt er HTML, CSS og jQuery.</p>
</article> <!-- portfolio-item END -->
<h2 class="year-head">2013</h2>
<article class="portfolio-item">
<h2 class="subhead">Responsive: The Mobile Service Desk</h2>
<div class="portfolio-img">
<img src="img/portfolio/tefcold-400px.jpg" alt="Mobile Service Desk thumbnail" />
<div class="portfolio-links">
<a class="img-link" href="img/portfolio/tefcold-1200px.jpg"><?php include("icon/camera.svg");?></a>
<a class="site-link" href="projects/tefcold/"><?php include("icon/link.svg");?></a>
</div>
</div>
<p>Responsive website udviklet til Tefcold, som del af 5. semester projekt på ICM. Brugt er HTML, CSS og PHP.</p>
</article> <!-- portfolio-item END -->
<article class="portfolio-item">
<h2 class="subhead">Responsive: <br/>linje k</h2>
<div class="portfolio-img">
<img src="img/portfolio/linjek-400px.jpg" alt="linje k thumbnail" />
<div class="portfolio-links">
<a class="img-link" href="img/portfolio/linjek-1200px.jpg"><?php include("icon/camera.svg");?></a>
<a class="site-link" href="http://linjek.dk/"><?php include("icon/link.svg");?></a>
</div>
</div>
<p>Responsive wordpress tema udvilket og designet til forelaget linje k.</p>
</article> <!-- portfolio-item END -->
<article class="portfolio-item">
<h2 class="subhead">Bogomslag: <br/>Sorgens Scene</h2>
<div class="portfolio-img">
<img src="img/portfolio/sorgensscene-400px.jpg" alt="Sorgens Scene thumbnail" />
<div class="portfolio-links">
<a class="img-link" href="img/portfolio/sorgensscene-1200px.jpg"><?php include("icon/camera.svg");?></a>
<a class="site-link" href="http://leotandrup.dk/blog/?p=154"><?php include("icon/link.svg");?></a>
</div>
</div>
<p>Bogomslag designet til bogen Sorgens Scene. Brugt er inDesign, Illustrator og Photoshop.</p>
</article> <!-- portfolio-item END -->
<article class="portfolio-item">
<h2 class="subhead">Website: <br/>Gems Jewellery</h2>
<div class="portfolio-img">
<img src="img/portfolio/gems-400px.jpg" alt="Gems Jewellery thumbnail" />
<div class="portfolio-links">
<a class="img-link" href="img/portfolio/gems-1200px.jpg"><?php include("icon/camera.svg");?></a>
<a class="site-link" href="projects/gems"><?php include("icon/link.svg");?></a>
</div>
</div>
<p>Website designet og udviklet under gruppeprojekt på udvekslingsophold ved BCIT i Vancouver, BC.</p>
</article> <!-- portfolio-item END -->
<article class="portfolio-item">
<h2 class="subhead">Website: <br/>Tennis Supplies</h2>
<div class="portfolio-img">
<img src="img/portfolio/tennis-400px.jpg" alt="Tennis Supplies thumbnail" />
<div class="portfolio-links">
<a class="img-link" href="img/portfolio/tennis-1200px.jpg"><?php include("icon/camera.svg");?></a>
<a class="site-link" href="projects/tennis"><?php include("icon/link.svg");?></a>
</div>
</div>
<p>Website designet og udviklet under udvekslingsophold ved BCIT i Vancouver, BC.</p>
</article> <!-- portfolio-item END -->
<article class="portfolio-item">
<h2 class="subhead">Website: <br/>In Living Colour</h2>
<div class="portfolio-img">
<img src="img/portfolio/inlivingcolour-400px.jpg" alt="In Living Colour thumbnail" />
<div class="portfolio-links">
<a class="img-link" href="img/portfolio/inlivingcolour-1200px.jpg"><?php include("icon/camera.svg");?></a>
<a class="site-link" href="projects/colour"><?php include("icon/link.svg");?></a>
</div>
</div>
<p>Website designet og udviklet under udvekslingsophold ved BCIT i Vancouver, BC.</p>
</article> <!-- portfolio-item END -->
<h2 class="year-head">2012</h2>
<article class="portfolio-item">
<h2 class="subhead">Bogomslag: <br/>Caravaggio</h2>
<div class="portfolio-img">
<img src="img/portfolio/caravaggio-400px.jpg" alt="Caravaggio thumbnail" />
<div class="portfolio-links">
<a class="img-link" href="img/portfolio/caravaggio-1200px.jpg"><?php include("icon/camera.svg");?></a>
</div>
</div>
<p>Bogomslag designet til bogen Caravaggio. Brugt er inDesign og Photoshop.</p>
</article> <!-- portfolio-item END -->
<h2 class="year-head">2010</h2>
<article class="portfolio-item">
<h2 class="subhead">Bogomslag: <br/>Novgorod</h2>
<div class="portfolio-img">
<img src="img/portfolio/novgorod-400px.jpg" alt="Novgorod thumbnail" />
<div class="portfolio-links">
<a class="img-link" href="img/portfolio/novgorod-1200px.jpg"><?php include("icon/camera.svg");?></a>
</div>
</div>
<p>Bogomslag designet til bogen Novgorod. Brugt er inDesign og Photoshop.</p>
</article> <!-- portfolio-item END -->
<article class="portfolio-item">
<h2 class="subhead">Bogomslag: Delacroix, Corbet, Manet, Cézanne</h2>
<div class="portfolio-img">
<img src="img/portfolio/delacroix-400px.jpg" alt="Delacroix, Corbet, Manet, Cézanne thumbnail" />
<div class="portfolio-links">
<a class="img-link" href="img/portfolio/delacroix-1200px.jpg"><?php include("icon/camera.svg");?></a>
</div>
</div>
<p>Bogomslag designet til bogen Delacroix, Corbet, Manet, Cézanne: Mellem romantik og realisme. Brugt er inDesign og photoshop.</p>
</article> <!-- portfolio-item END -->
<article class="portfolio-item">
<h2 class="subhead">Bogomslag: <br/>Kunstens Kald</h2>
<div class="portfolio-img">
<img src="img/portfolio/kunstenskald-400px.jpg" alt="Kunstens Kald thumbnail" />
<div class="portfolio-links">
<a class="img-link" href="img/portfolio/kunstenskald-800px.jpg"><?php include("icon/camera.svg");?></a>
</div>
</div>
<p>Bogomslag og layout til bogen Kunstens Kald.</p>
</article> <!-- portfolio-item END -->
</section> <!-- wrap END -->
</div> <!-- min-profil END -->
<div id="lightbox" class="lightbox-hide"></div>
<?php include("footer.php");?>