diff --git a/src/components/Hero/index.js b/src/components/Hero/index.js index da55ea4..44568f9 100644 --- a/src/components/Hero/index.js +++ b/src/components/Hero/index.js @@ -1,14 +1,14 @@ import { h } from 'preact' const Hero = () => - (
+ (
-

+

It’s time to move to SERVERLESS

- Effective Serverless, AWS Lambda, Node.js training + Effective Serverless, AWS Lambda and Node.js training

diff --git a/src/components/Instructors/Instructors.js b/src/components/Instructors/Instructors.js index 5fb71b0..63f45c2 100644 --- a/src/components/Instructors/Instructors.js +++ b/src/components/Instructors/Instructors.js @@ -3,7 +3,7 @@ import Instructor from './Instructor' import instructors from './data' const Instructors = () => ( -
+

Our Instructors

diff --git a/src/components/Menu/index.js b/src/components/Menu/index.js index 72fd33b..1bc4555 100644 --- a/src/components/Menu/index.js +++ b/src/components/Menu/index.js @@ -1,4 +1,7 @@ import { h, Component } from 'preact' +import planetaryIcon from '../icons/planetarysystem.svg' +import galaxyIcon from '../icons/galaxy.svg' +import scientistIcon from '../icons/scientistavatar.svg' class Menu extends Component { constructor (props) { @@ -15,37 +18,42 @@ class Menu extends Component { render () { return ( - +
) } } diff --git a/src/components/Site.js b/src/components/Site.js index e58ba09..2545a97 100644 --- a/src/components/Site.js +++ b/src/components/Site.js @@ -1,6 +1,7 @@ import { h, render } from 'preact' import HTMLDocument from './HTMLDocument' import bulma from 'bulma/css/bulma.css' +import style from '../style.css' import Menu from './Menu' import Hero from './Hero' import ValueProposition from './ValueProposition' @@ -25,7 +26,7 @@ const Site = ({assets}) => ( metatags={[ { name: 'description', content: 'Serverless workshops from serverless and AWS experts' } ]} - stylesheets={[ bulma ]} + stylesheets={[ bulma, style ]} scripts={[ `${assets.main}` ]} >
diff --git a/src/components/ValueProposition/index.js b/src/components/ValueProposition/index.js index 9d3b7da..eb810fe 100644 --- a/src/components/ValueProposition/index.js +++ b/src/components/ValueProposition/index.js @@ -1,28 +1,40 @@ import { h } from 'preact' +import planetaryIcon from '../icons/planetarysystem.svg' + const ValueProposition = () => - (
+ (
-

Serverless Lab has designed a training curriculum to -  get your organisation ready to work with serverless.

-

- Serverless Lab covers all the topics needed to build enterprise -  ready applications taking advantage of the Serverless paradigm and the -  AWS cloud infrastructure.
-  Our practical curriculum includes the main serverless technologies like -  Lambda Functions, -  API gateway, -  Dynamo DB, -  S3, -  RDS, -  Cloudwatch and covers a variety of topics from the basic -  to advanced topics like -  networking, -  performance, -  security, -  troubleshooting and continuous delivery. -

+

Our offer

+
+
+
+
+

Serverless Lab has designed a training curriculum to +  get your organisation ready to work with serverless.

+

+ Serverless Lab covers all the topics needed to build enterprise +  ready applications taking advantage of the Serverless paradigm and the +  AWS cloud infrastructure.
+ Our practical curriculum includes the main serverless technologies like +  Lambda Functions, +  API gateway, +  Dynamo DB, +  S3, +  RDS, +  Cloudwatch and covers a variety of topics from the basic +  to advanced topics like +  networking, +  performance, +  security, +  troubleshooting and continuous delivery. +

+
+
+
+ +
) diff --git a/src/components/WhyServerless/index.js b/src/components/WhyServerless/index.js index e6bd6f8..a61103d 100644 --- a/src/components/WhyServerless/index.js +++ b/src/components/WhyServerless/index.js @@ -1,7 +1,7 @@ import { h } from 'preact' const Hero = () => - (
+ (

Why is time to jump into serverless?

diff --git a/src/components/icons/galaxy.svg b/src/components/icons/galaxy.svg new file mode 100644 index 0000000..ceec1d2 --- /dev/null +++ b/src/components/icons/galaxy.svg @@ -0,0 +1,182 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/icons/planetarysystem.svg b/src/components/icons/planetarysystem.svg new file mode 100644 index 0000000..55dd3c6 --- /dev/null +++ b/src/components/icons/planetarysystem.svg @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + diff --git a/src/components/icons/scientistavatar.svg b/src/components/icons/scientistavatar.svg new file mode 100644 index 0000000..b23f894 --- /dev/null +++ b/src/components/icons/scientistavatar.svg @@ -0,0 +1,51 @@ + + + + + + + + + + + + + + + + diff --git a/src/style.css b/src/style.css new file mode 100644 index 0000000..12e7556 --- /dev/null +++ b/src/style.css @@ -0,0 +1,10 @@ +.title::after { + content: ''; + display: block; + content: ''; + width: 5%; + height: 3px; + left: 0; + margin: 1em 0 0 0; + background: red; +}