Please find below a list of credits for code used on this website.
| What | Code source and link |
|---|---|
| Favicon in metadata | Source code form W3C |
| Navigation bar: | Source code from Boostrap components, personalised with own css |
| Scrollspy | Source from Boostrap components |
| Nav toggler button | Source to style toggler button inspired by this stack overflow post personalised with css |
| Collapse back menu | Solution for menu to collapse back on click from this slack overflow post |
| Hero image | Source code from W3School with change to gradient and image position. |
| Invisible anchors | Source code from Caktus Group blog post adapted to own needs. |
| Circular text box | Source code for block with equal height and width from W3School and for perfect centering from this medium blog post adapted for for own needs. |
| Carousel | Source code from Flickity adapted for site own needs |
| Carousel buttons | Source code from Flickity adapted for site own need (style, position, width ) |
| Areas list | Source code from W3School on how to display list in different columns. |
| Form | Source code from Boostrap components |
| Hover effects | Both fade and icon grow effects are from Ian Lunn Hover.css, personalised with CSS. This resource was introduced during resume min-project by Code Institute. |
| Responsive font size | Source code for the clamp function for responsive font size from css-trick, changed value for own needs. |
| Responsive padding | In addition of responsive font size, the following slackoverflow post explained how clamp function could be used for margin & paddings. |
| Viewport height mobile | Apply -webkit-fill-available to hero image height so that it doesn’t fill more than the viewport height on mobile as suggested in this stack overflow post |
| Semantic | Heading style to classes as suggested in this post from Solodev |
| Link phone number | Remove automatic links of phone numbers as suggested by this blog post |
| Buttons on ipad | Apply white-space:nowrap on button as suggested by this stackoverflow post |
| Icons, links & accessibility | Add aria label and aria-hidden attributes as suggested by Font Awesome |