=======PHP-PHOTO-SLIDER================
om de php-photo-slider te openen moet je inloggen bij www.000webhost.com en daar een database aanmaken er werd gewerkt
- met de code van een tuturial https://www.youtube.com/watch?v=qc2HXlsH5nc&feature=youtu.be (eronder de website-link met content: http://www.webslesson.info/2017/08/dynamic-product-slider-using-bootstrap-carousel-with-php.html ) => resultaat na aanpassen van de tuturial om de slider aanpassen zodat enkel de foto's met de tag=winter weergegeven worden =======>RESULTAAT php-photo-slider.php leerkracht https://scentless-initials.000webhostapp.com/index-php-photo-slider-aanklikbaar.php
======= Opdracht PHP-PHOTO-GRID (zoals je kan maken in www.myportfolio.com of www.mobirise.com =====met tagging===========
de basis is de PHP-PHOTO-SLIDER maar de code moet aangepast worden omdat we nu responsive images moeten krijgen die van grootte veranderen als we veranderen van device (schermgrootte/venstergrootte/F12 anders instellen)
================================================== PHP-Photo-grid maken doen we aan de hand van de tutururials van codepen: 1: INTRO voorbeeld: basiscode opstart van een CSSgrid met images: https://codepen.io/karelrosseel-prive/pen/Mrmepo codepen https://codepen.io/brianhaferkamp/pen/vmRJbV?q=basics%20of%20grid%3A%20image%20gallery&order=popularity&depth=everything&show_forks=false tuturial video: https://www.youtube.com/watch?v=L_fisgqblTA&feature=youtu.be 2: INTRO voorbeeld: basiscode voor een hover effect op een afbeelding: https://codepen.io/karelrosseel-prive/pen/KZmVVo?page=2
=========> RESULTAAT leerkracht 1: php-photo-grid-zonder-hover: https://scentless-initials.000webhostapp.com/index-php-photo-grid-zonder-hover.php 2: php-photo-grid-met-hover: https://scentless-initials.000webhostapp.com/index-php-photo-grid-met-hover.php 3: php-photo-grid-met-hover-google-fonts : https://scentless-initials.000webhostapp.com/index-php-photo-grid-met-hover-google-fonts.php 3: php-photo-grid-met-hover-lightbox: https://scentless-initials.000webhostapp.com/index-php-photo-grid-met-hover-lightbox.php