Begin HTML

Na het maken van het ontwerp en breakdownschets van de mobile versie heb ik het begin van de HTML ingevuld. Naast het invullen van de HTML heb ik ook alles een beetje op positie gezet met CSS.

HTML: https://github.com/lemuelmgsn/the-startup-responsive-interactieve-website/commit/cafeeffed1132d1702e856677a0d402c298ff5fa

CSS: https://github.com/lemuelmgsn/the-startup-responsive-interactieve-website/commit/cafeeffed1132d1702e856677a0d402c298ff5fa#diff-02fb5a25605af20ebbd8d1d18e9e14721d7ce5bc97f4baa8696655119896cbf7

---

Beetje CSS

Hierna heb ik een blog post overgenomen van de grrr.tech site en heb ik dezelfde HTML gebruikt voor een blog. Hier heb ik met CSS een beetje styling gedaan.

HTML: https://github.com/lemuelmgsn/the-startup-responsive-interactieve-website/commit/717fe9eb4483c0bbd330030127698c67a214cbbb

CSS: https://github.com/lemuelmgsn/the-startup-responsive-interactieve-website/commit/717fe9eb4483c0bbd330030127698c67a214cbbb#diff-02fb5a25605af20ebbd8d1d18e9e14721d7ce5bc97f4baa8696655119896cbf7

Carousel en responsive gemaakt

Carousel 16-1

Ik heb hieronder de carousel gemaakt voor mobile die naar het midden "snapt" wanneer je erop scrolt. Daarnaast wil ik nog voor desktop buttons maken waar je naar de volgende blog kan klikken.

Ontwerp van de carousel: https://github.com/lemuelmgsn/the-startup-responsive-interactieve-website/wiki/2.-Ontwerpen-%F0%9F%93%9D#desktop-2

Carousel: https://github.com/lemuelmgsn/the-startup-responsive-interactieve-website/commit/9e8ba9e2b062113aafd31dedb56bd3d048d63b34

Responsive(r) 17-1

Naast het maken van de carousel heb ik de website ook meer responsive gemaakt door de tablet en desktop lay-out aan te passen

Responsive: https://github.com/lemuelmgsn/the-startup-responsive-interactieve-website/commit/3469401078f5f7d7280df41bd437faa4cc4e0a6d