Create a small React based app that shows off your frontend skills and implements a parallax hero header and sticky columns as per the videos attached.
Note: videos are to be used as a guideline only, no need to replicate all the content.
<!DOCTYPE html> | |
<html> | |
<head> | |
<!-- Meta conf --> | |
<meta charset="UTF-8"> | |
<!-- Meta info --> | |
<title>HTML5 Microdata Business Template</title> | |
<meta name="description" content="An example of how to layout a semantic html5 page for a business with products"> | |
<meta name="keywords" content="template, html, semantic, microdata, business"> | |
</head> |
[ | |
{ | |
"name": "Loan 1", | |
"status": "warning", | |
"attributes": [ | |
{ | |
"label": "gross facility", | |
"content": "$3000000" | |
}, | |
{ |
{ | |
"base": "GBP", | |
"history": [ | |
{ | |
"date": "2021-04-01", | |
"rates": [ | |
{ | |
"currency": "EUR", | |
"value": 5.0611 | |
} |
#!/bin/bash | |
commandExists () { | |
type "$1" &> /dev/null ; | |
} | |
installImageMagick() { | |
if commandExists brew; then | |
brew install imagemagick | |
else |
var foo = 1; | |
(function() { | |
console.log(foo); | |
var foo = 2; | |
var baz = 3; | |
bar = 4; | |
})(); | |
console.log(foo); |
<!DOCTYPE html> | |
<html> | |
<head> | |
<!-- Meta conf --> | |
<meta charset="UTF-8"> | |
<!-- Meta info --> | |
<title>HTML5 Microdata Resume (CV) Template</title> | |
<meta name="description" content="An example of how to layout a semantic html5 page for a curriculum vitae/resume"> | |
<meta name="keywords" content="template, html, semantic, microdata, resume, cv, curriculum, vitae"> | |
</head> |