-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·146 lines (112 loc) · 5.51 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" type="image/png" href="media/favicon.ico">
<script src="https://kit.fontawesome.com/1fdac32795.js" crossorigin="anonymous"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Axelle Daem is een professionele fotografe uit Geraardsbergen. Neem zeker contact op voor een persoonlijke fotoshoot of een cool project! Akifotografie">
<title>Aki Fotografie</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h class="seo">Axelle Daem</h>
<h class="seo">akifotografie</h>
<h class="seo">photography, fotografie, akifotografie</h>
<h class="seo">Geraardsbergen</h>
<h class="seo">fotografe, Geraardsbergen, film, kunst, gedichten, fotoshoot, communie, photoshoot, trouwfotografie, trouwen</h>
<div class="Links">
<script src="scroll.js"></script>
<div class="Button kop" id="aboutme_knop"> over mij </div>
<div class="Bolleke"> • </div>
<div class="Button kop" id="portfolio_knop"> portfolio </div>
<div class="Bolleke"> • </div>
<div class="Button kop" id="contact_knop"> contact </div>
</div>
<div class="vid_div">
<video autoplay muted loop>
<source src="media/akivid.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<div class="About" id="aboutme">
<div class="img-div">
<img src="media/over_mij_site_smudged.jpg" alt="Axelleke">
</div>
<div class="About_Axelle_txt">
<p class="kop about_kop">over mij</p>
<p class='text about_text'>
Kort samengevat ben ik een 21-jarige creatieveling uit Geraardsbergen. Op mijn 12e vond ik niet alleen een klein roze cameraatje maar ook mijn passie.
<p class='text about_text'>
Na vier jaar kunstonderwijs aan Sint-Lucas in Gent, heb ik een jaar doorgebracht aan het KASK & Conservatorium. Op dit moment volg ik de opleiding tot leerkracht secundair onderwijs.
</p>
<p class ='text about_text'>
</p>
<p class='text about_text'>
Klaar om de wereld door mijn lens te bekijken?
</p>
</div>
</div>
<!-- <div class="divider">
<hr>
</div> -->
<div class="portfolio", id="pfo">
<p id ="pfk" class="kop" target="_blank">portfolio</p>
<div class="cirkel c2">
<a class="cirkelkop" href="https://akifotografie.passgallery.com/-portfolio/gallery" target="_blank">algemeen</a>
<div class="c_img_div">
<img src="media/algemeen.png" id="mensen_foto" alt="foto">
</div>
</div>
<div class="cirkel c1">
<a class="cirkelkop" href="https://akifotografie.passgallery.com/-mensen/gallery" id="mensen" target="_blank">mensen</a>
<div class="c_img_div">
<img src="media/portret_2.png" id="mensen_foto" alt="foto">
</div>
</div>
<div class="cirkel c3">
<a class="cirkelkop" href="https://akifotografie.passgallery.com/-documentaire/gallery" target="_blank">documentaire</a>
<div class="c_img_div">
<img src="media/docu_2.png" id="mensen_foto" alt="foto">
</div>
</div>
<div class="cirkel c4">
<a class="cirkelkop" href="https://akifotografie.passgallery.com/-auton/gallery" target="_blank">autonoom werk</a>
<div class="c_img_div">
<img src="media/autonoom.png" id="mensen_foto" alt="foto">
</div>
</div>
<div class="cirkel c5">
<a class="cirkelkop" href="https://www.youtube.com/channel/UCZBn20odBul4zLT8rAYL-7Q" target="_blank">video</a>
<div class="c_img_div">
<img src="media/video.png" id="mensen_foto" alt="foto">
</div>
</div>
</div>
<!-- <div class="divider">
<hr>
</div> -->
<div class="Contact", id="ct">
<div class="text_div">
<p class="kop contact_kop">contact</p>
<p class="text contact_text">
Wil jij je kostbare momenten vereeuwigen zonder de magie ervan te verstoren, of ben je op zoek naar een creatieveling die met een camera overweg kan? Aarzel niet om contact met me op te nemen voor een gepersonaliseerde fotoshoot, een leuk project of voor meer informatie!
<p class="text contact_text">
e-mailadres <strong>akifotografie@outlook.com</strong>
</p>
<div class = "socials">
<a class="social" draggable="false" href="https://www.facebook.com/AkiFotografie2015/" target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a class="social" draggable="false" href="https://www.instagram.com/akifotografie/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a class="social" draggable="false" href="mailto:akifotografie@outlook.com" target="_blank"><i class="fa-regular fa-envelope"></i></a>
<a class="social" draggable="false" href="https://www.youtube.com/channel/UCZBn20odBul4zLT8rAYL-7Q" target="_blank"><i class="fa-brands fa-youtube"></i></a>
</div>
</div>
<div class="kaartje_div">
<img src="media/visitekaartje_met_schaduw.png">
</div>
</div>
<footer>
<p>© 2024 Axelle Daem | Website made with ♡ by Gyan Delvoye.</p>
</footer>
</body>
</html>