-
-
-
-
+
+ {weeks.map((sm, index) => (
+
+ {sm}
+
+ ))}
+
+
+
+
-
{strings[lang]["Projects"]}
- {props.details.details_modules[selected.index].projects
+
+ {props.details.details_modules[selected.index].title}
+
+ {props.details.details_modules[selected.index].description
.split("\\n")
- .map((d, i) => (
+ .map((detail, i) => (
- {d}
+ {detail}
))}
-
-
-
+
+
+
+
+
+
+
+ {strings[lang]["Projects"]}
+
+ {props.details.details_modules[selected.index].projects
+ .split("\\n")
+ .map((detail, i) => (
+
+ {detail}
+
+ ))}
+
-
-
{strings[lang]["Duration"]}
-
- {props.details.details_modules[selected.index].duration}
-
+
+
+
+
+
+
+ {strings[lang]["Duration"]}
+
+
+ {props.details.details_modules[selected.index].duration}
+
+
-
+
)}
);
diff --git a/src/components/ProgramDetailsMobile/index.js b/src/components/ProgramDetailsMobile/index.js
index 9e9841e1d..262af843f 100644
--- a/src/components/ProgramDetailsMobile/index.js
+++ b/src/components/ProgramDetailsMobile/index.js
@@ -27,11 +27,12 @@ const ProgramDetailsMobile = (props) => {
}
return (
<>
-
{props.details.details_modules.map((item, index) => {
return (
@@ -40,12 +41,12 @@ const ProgramDetailsMobile = (props) => {
key={index}
width="100%"
height={selected.index === index ? "auto" : "76px"}
- padding="20px"
+ padding_xs="10px 20px"
border={`1px solid ${Colors.black}`}
- borderRadius="3px"
+ //borderRadius="3px"
borderLeft={`6px solid ${Colors.black}`}
- margin={`7px 0`}
- display_tablet="none"
+ margin_xs="5px 0"
+ display_md="none"
cursor={`pointer`}
onClick={() =>
selected.index === index
@@ -68,7 +69,7 @@ const ProgramDetailsMobile = (props) => {
{selected.index === index && (
@@ -119,7 +120,7 @@ const ProgramDetailsMobile = (props) => {
);
})}
-
+
);
};
diff --git a/src/components/ReactPlayer/index.js b/src/components/ReactPlayer/index.js
index abc8a76f1..7c8ccc06a 100644
--- a/src/components/ReactPlayer/index.js
+++ b/src/components/ReactPlayer/index.js
@@ -18,6 +18,7 @@ const VideoWrapper = styled.section`
@media ${Devices.sm} {
}
@media ${Devices.tablet} {
+ margin: ${(props) => props.margin_tablet || "30px 10%"};
width: ${(props) => props.width_tablet};
height: ${(props) => props.height_tablet};
}
@@ -49,7 +50,7 @@ const Image = styled.div`
margin: auto;
height: ${(props) => props.height || "auto"};
width: ${(props) => props.width || "100%"};
- box-shadow: ${(props) => props.shadow};
+ box-shadow: ${(props) => props.boxShadow};
border-radius: ${(props) => props.borderRadius || "1.25rem"};
@media ${Devices.xxs} {
}
@@ -85,9 +86,11 @@ const Player = ({
imageSize,
playerVars,
noCookies,
+ width,
style,
className,
thumb,
+ image_thumb,
left_tablet,
right_tablet,
With_Modal,
@@ -96,6 +99,18 @@ const Player = ({
imageHeight,
videoHeight,
switched,
+ width_play,
+ height_play,
+ fontSize_play,
+ background_play,
+ opacity_play,
+ transformPlay,
+ transformPlay_tablet,
+ transformPlay_md,
+ transformPlay_lg,
+ leftPlay_tablet,
+ margin_tablet,
+
...rest
}) => {
const [showVideo, setShowVideo] = React.useState(false);
@@ -127,8 +142,9 @@ const Player = ({
}
}, [switched]);
+ const imgStyles = image_thumb?.style ? JSON.parse(image_thumb?.style) : null;
return (
-
+
{showVideo ? (
<>
{With_Modal ? (
@@ -150,11 +166,11 @@ const Player = ({
onStateChange={onStateChange}
onPlaybackRateChange={onPlaybackRateChange}
onPlaybackQualityChange={onPlaybackQualityChange}
- height={videoHeight}
+ height="375px"
opts={{
// padding: "125px 0 0",
width: "100%",
- height: `675px`,
+ height: "675px",
host: noCookies
? "https://www.youtube-nocookie.com"
: "https://www.youtube.com",
@@ -193,7 +209,11 @@ const Player = ({
width={imageWidth}
width_tablet={imageWidth_tablet || "100%"}
borderRadius="3px"
- height={imageHeight}
+ height={imageHeight || "100%"}
+ position="relative"
+ boxShadow={image_thumb?.shadow && "20px 15px 0px 0px rgba(0,0,0,1)"}
+ //border={image_thumb?.shadow && "3px solid black"}
+ style={imgStyles && {...JSON.parse(image_thumb?.style)}}
>
{id && (
)}
{thumb && thumb.childImageSharp ? (
@@ -240,13 +272,13 @@ const Player = ({
export default Player;
Player.defaultProps = {
- onPlay: () => {},
- onPause: () => {},
- onEnd: () => {},
- onError: () => {},
- onStateChange: () => {},
- onPlaybackRateChange: () => {},
- onPlaybackQualityChange: () => {},
+ onPlay: () => { },
+ onPause: () => { },
+ onEnd: () => { },
+ onError: () => { },
+ onStateChange: () => { },
+ onPlaybackRateChange: () => { },
+ onPlaybackQualityChange: () => { },
imageSize: "default",
playerVars: {},
noCookies: false,
@@ -288,11 +320,11 @@ Player.propTypes = {
};
const Play = styled.button`
- background: rgba(0, 0, 0, 0.7);
+ background: ${(props) => props.background || "rgba(0, 0, 0, 0.7)"} ;
border-radius: 3px;
color: ${(props) => props.white};
font-size: 1em;
- height: 36px;
+ height: 36px;
padding: 0;
text-align: center;
text-indent: 0.1em;
@@ -301,9 +333,9 @@ const Play = styled.button`
position: absolute !important;
top: 50%;
left: 50%;
- transform: translateX(-50%) translateY(-50%);
+ transform: ${(props) => props.transformPlay || "translateX(-50%) translateY(-50%)"}; {/*translateX(-50%) translateY(-50%);*/}
border: none;
- opacity: 0.8;
+ opacity: ${(props) => props.opacity || "0.8"};
cursor: pointer;
z-index: 9;
&:hover {
@@ -337,18 +369,20 @@ const Play = styled.button`
@media ${Devices.sm} {
}
@media ${Devices.tablet} {
- right: ${(props) => props.right_tablet};
- left: ${(props) => props.left_tablet};
+ left: ${(props) => props.leftPlay_tablet || "50%"};
+ transform: ${(props) => props.transformPlay_tablet};
}
@media ${Devices.md} {
- height: 44px;
- width: 44px;
-
+ height: ${(props) => props.height || "44px"};
+ width: ${(props) => props.width || "44px"};
+ font-size: ${(props) => props.fontSize || "0.75em"};
+ transform: ${(props) => props.transformPlay_md};
&:after {
- font-size: 0.75em;
+ font-size: ${(props) => props.fontSize || "0.75em"};
}
}
@media ${Devices.lg} {
+ transform: ${(props) => props.transformPlay_lg};
}
@media ${Devices.xl} {
}
diff --git a/src/components/Responsive/index.js b/src/components/Responsive/index.js
index 134fe2629..f974c7332 100644
--- a/src/components/Responsive/index.js
+++ b/src/components/Responsive/index.js
@@ -8,8 +8,8 @@ const size = {
desktop: "2560px",
};
export const Devices = {
- xxs: `(min-width: ${size.miniS})`,
- xs: `(min-width: ${size.mobileS})`,
+ xxs: `(min-width: ${size.mobileS})`,
+ xs: `(min-width: ${size.mobileM})`,
sm: `(min-width: ${size.mobileL})`,
tablet: `(min-width: ${size.tablet})`,
md: `(min-width: ${size.laptop})`,
diff --git a/src/components/Sections/index.js b/src/components/Sections/index.js
index e99757170..0b2a90248 100644
--- a/src/components/Sections/index.js
+++ b/src/components/Sections/index.js
@@ -156,6 +156,7 @@ export const Div = styled.div`
margin: ${(props) => props.margin};
border: ${(props) => props.border};
border-radius: ${(props) => props.borderRadius};
+ background-color: ${(props) => props.backgroundColor};
background: ${(props) =>
props.isActive ? props.backgroundActive : props.background};
background-image: url(${(props) => props.bgImage});
@@ -176,7 +177,6 @@ export const Div = styled.div`
flex-grow: ${(props) => props.flexGrow || "0"};
flex-shrink: ${(props) => props.flexShrink};
align-content: ${(props) => props.alignContent};
- align: ${(props) => props.align};
cursor: ${(props) => props.cursor};
transform: ${(props) => props.transform};
z-index: ${(props) => props.zIndex};
@@ -201,6 +201,8 @@ export const Div = styled.div`
}
@media ${Devices.xxs} {
margin: ${(props) => props.margin_xxs};
+ background: ${(props) => props.background_xxs};
+ display: ${(props) => props.display_xss};
}
@media ${Devices.xs} {
padding: ${(props) => props.padding_xs};
@@ -213,7 +215,7 @@ export const Div = styled.div`
margin: ${(props) => props.margin_xs};
display: ${(props) => props.display_xs};
justify-content: ${(props) =>
- justifyContentOptions[props.justifyContent_xs]};
+ justifyContentOptions[props.justifyContent_xs]};
order: ${(props) => props.order_xs};
border: ${(props) => props.border_xs};
border-top: ${(props) => props.borderTop_xs};
@@ -223,11 +225,12 @@ export const Div = styled.div`
align-content: ${(props) => props.alignContent_xs};
top: ${(props) => props.top_xs};
right: ${(props) => props.right_xs};
+ background: ${(props) => props.background_xs};
}
@media ${Devices.sm} {
padding: ${(props) => props.padding_sm};
justify-content: ${(props) =>
- justifyContentOptions[props.justifyContent_sm]};
+ justifyContentOptions[props.justifyContent_sm]};
height: ${(props) => props.height_sm};
position: ${(props) => props.position_sm};
margin: ${(props) => props.margin_sm};
@@ -243,19 +246,20 @@ export const Div = styled.div`
border-radius: ${(props) => props.borderRadius_sm};
max-width: ${(props) => props.maxWidth_sm};
width: ${(props) => props.width_sm};
+ background: ${(props) => props.background_sm};
}
@media ${Devices.tablet} {
flex: ${(props) =>
- props.flex_tablet || props.size_tablet
- ? `0 0 ${(props.size_tablet / 12) * 100}%`
- : null};
+ props.flex_tablet || props.size_tablet
+ ? `0 0 ${(props.size_tablet / 12) * 100}%`
+ : null};
flex-flow: ${(props) => props.flexFlow_tablet};
max-width: ${(props) =>
- props.size_tablet ? `${(props.size_tablet / 12) * 100}%` : null};
+ props.size_tablet ? `${(props.size_tablet / 12) * 100}%` : null};
max-width: ${(props) =>
- props.maxWidth_tablet
- ? props.maxWidth_tablet
- : props.size_tablet
+ props.maxWidth_tablet
+ ? props.maxWidth_tablet
+ : props.size_tablet
? `${(props.size_tablet / 12) * 100}%`
: null};
align-self: ${(props) => props.alignSelf_tablet};
@@ -279,7 +283,7 @@ export const Div = styled.div`
height: ${(props) => props.height_tablet};
flex: ${(props) => props.flex_tablet};
flex-shrink: ${(props) =>
- props.flexShrink_tablet ? props.flexShrink_tablet : 1};
+ props.flexShrink_tablet ? props.flexShrink_tablet : 1};
flex-wrap: ${(props) => props.flexWrap_tablet};
border: ${(props) => props.border_tablet};
border-top: ${(props) => props.borderTop_tablet};
@@ -296,19 +300,23 @@ export const Div = styled.div`
grid-row: ${(props) => props.gridRow_tablet};
justify-self: ${(props) => props.justifySelf_tablet};
justify-content: ${(props) =>
- justifyContentOptions[props.justifyContent_tablet]};
+ justifyContentOptions[props.justifyContent_tablet]};
z-index: ${(props) => props.zIndex_tablet};
+ top: ${(props) => props.top_tablet};
+ bottom: ${(props) => props.bottom_tablet};
+ right: ${(props) => props.right_tablet};
+ left: ${(props) => props.left_tablet};
&:after {
display: ${(props) => props.displayAfter_tablet};
}
}
@media ${Devices.md} {
flex: ${(props) =>
- props.size_md ? `0 0 ${(props.size_md / 12) * 100}%` : null};
+ props.size_md ? `0 0 ${(props.size_md / 12) * 100}%` : null};
max-width: ${(props) =>
- props.maxWidth_md
- ? props.maxWidth_md
- : props.size_md
+ props.maxWidth_md
+ ? props.maxWidth_md
+ : props.size_md
? `${(props.size_md / 12) * 100}%`
: null};
min-width: ${(props) => props.minWidth_md};
@@ -318,7 +326,7 @@ export const Div = styled.div`
gap: ${(props) => (props) => props.gap_md};
flex-wrap: ${(props) => props.flexWrap_md};
justify-content: ${(props) =>
- justifyContentOptions[props.justifyContent_md]};
+ justifyContentOptions[props.justifyContent_md]};
text-align: ${(props) => props.textAlign_md};
align-items: ${(props) => props.alignItems_md};
margin: ${(props) => props.margin_md};
@@ -337,13 +345,18 @@ export const Div = styled.div`
@media ${Devices.lg} {
display: ${(props) => props.display_lg};
justify-content: ${(props) =>
- justifyContentOptions[props.justifyContent_lg]};
+ justifyContentOptions[props.justifyContent_lg]};
padding: ${(props) => props.padding_lg};
max-width: ${(props) => props.maxWidth_lg};
min-width: ${(props) => props.minWidth_lg};
left: ${(props) => props.left_lg};
margin: ${(props) => props.margin_lg};
transform: ${(props) => props.transform_lg};
+ grid-column: ${(props) => props.gridColumn_lg};
+ top: ${(props) => props.top_lg};
+ bottom: ${(props) => props.bottom_lg};
+ right: ${(props) => props.right_lg};
+ left: ${(props) => props.left_lg};
}
@media ${Devices.xl} {
}
@@ -374,17 +387,19 @@ export const Grid = styled(Div)`
grid-template-areas: ${(props) => props.gridTemplateAreas};
@media ${Devices.xxs} {
grid-template-columns: ${(props) =>
- props.columns_xxs ? `repeat(${props.columns_xxs}, 1fr)` : null};
+ props.columns_xxs ? `repeat(${props.columns_xxs}, 1fr)` : null};
}
@media ${Devices.xs} {
grid-template-columns: ${(props) =>
- props.columns_xs ? `repeat(${props.columns_xs}, 1fr)` : null};
+ props.columns_xs ? `repeat(${props.columns_xs}, 1fr)` : null};
+ display: ${(props) => props.display_xs || "grid"};
}
@media ${Devices.sm} {
grid-template-columns: ${(props) =>
- props.gridTemplateColumns_sm
- ? `repeat(${props.gridTemplateColumns_sm}, 1fr)`
- : null};
+ props.gridTemplateColumns_sm
+ ? `repeat(${props.gridTemplateColumns_sm}, 1fr)`
+ : null};
+ display: ${(props) => props.display_sm || "grid"};
}
@media ${Devices.tablet} {
margin: ${(props) => props.margin_tablet};
@@ -392,13 +407,13 @@ export const Grid = styled(Div)`
display: ${(props) => props.display_tablet || "grid"};
width: ${(props) => props.width_tablet};
grid-template-columns: ${(props) =>
- props.gridTemplateColumns_tablet
- ? `${props.gridTemplateColumns_tablet}`
- : "2fr repeat(12, 1fr) 2fr"};
+ props.gridTemplateColumns_tablet
+ ? `${props.gridTemplateColumns_tablet}`
+ : "2fr repeat(12, 1fr) 2fr"};
grid-template-rows: ${(props) =>
- props.gridTemplateRows_tablet
- ? `repeat(${props.gridTemplateRows_tablet})`
- : null};
+ props.gridTemplateRows_tablet
+ ? `repeat(${props.gridTemplateRows_tablet})`
+ : null};
grid-gap: ${(props) => props.gridGap_tablet};
grid-auto-rows: ${(props) => props.gridAutoRows_tablet};
grid-column: ${(props) => props.gridColumn_tablet};
@@ -410,13 +425,15 @@ export const Grid = styled(Div)`
margin: ${(props) => props.margin_md};
grid-template-columns: ${(props) => props.gridTemplateColumns_md};
grid-template-rows: ${(props) =>
- props.gridTemplateRows_md
- ? `repeat(${props.gridTemplateRows_md})`
- : null};
+ props.gridTemplateRows_md
+ ? `repeat(${props.gridTemplateRows_md})`
+ : null};
grid-gap: ${(props) => props.gridGap_md};
grid-column: ${(props) => props.gridColumn_md};
+ display: ${(props) => props.display_md || "grid"};
}
@media ${Devices.lg} {
+ grid-template-columns: ${(props) => props.gridTemplateColumns_lg};
}
@media ${Devices.xl} {
}
@@ -439,28 +456,28 @@ export const Old_Grid = styled.div`
margin: ${(props) => props.margin};
@media ${Devices.xxs} {
grid-template-columns: ${(props) =>
- props.columns_xxs ? `repeat(${props.columns_xxs}, 1fr)` : null};
+ props.columns_xxs ? `repeat(${props.columns_xxs}, 1fr)` : null};
}
@media ${Devices.xs} {
grid-template-columns: ${(props) =>
- props.columns_xs ? `repeat(${props.columns_xs}, 1fr)` : null};
+ props.columns_xs ? `repeat(${props.columns_xs}, 1fr)` : null};
}
@media ${Devices.sm} {
grid-template-columns: ${(props) =>
- props.columns_sm ? `repeat(${props.columns_sm}, 1fr)` : null};
+ props.columns_sm ? `repeat(${props.columns_sm}, 1fr)` : null};
}
@media ${Devices.tablet} {
grid-template-columns: ${(props) =>
- props.columns_tablet ? `repeat(${props.columns_tablet}, 1fr)` : null};
+ props.columns_tablet ? `repeat(${props.columns_tablet}, 1fr)` : null};
grid-template-rows: ${(props) =>
- props.rows_tablet ? `repeat(${props.rows_tablet}, 5vw)` : null};
+ props.rows_tablet ? `repeat(${props.rows_tablet}, 5vw)` : null};
padding: ${(props) => props.padding_tablet};
}
@media ${Devices.md} {
grid-template-columns: ${(props) =>
- props.columns_md ? `repeat(${props.columns_md})` : null};
+ props.columns_md ? `repeat(${props.columns_md})` : null};
grid-template-rows: ${(props) =>
- props.rows_md ? `repeat(${props.rows_md})` : null};
+ props.rows_md ? `repeat(${props.rows_md})` : null};
grid-gap: ${(props) => props.gridGap_md};
height: ${(props) => props.height_md};
padding: ${(props) => props.padding_md};
@@ -469,16 +486,16 @@ export const Old_Grid = styled.div`
}
@media ${Devices.lg} {
grid-template-columns: ${(props) =>
- props.columns_lg ? `repeat(${props.columns_lg}, 1fr)` : null};
+ props.columns_lg ? `repeat(${props.columns_lg}, 1fr)` : null};
padding: ${(props) => props.padding_lg};
}
@media ${Devices.xl} {
grid-template-columns: ${(props) =>
- props.columns_xl ? `repeat(${props.columns_xl}, 1fr)` : null};
+ props.columns_xl ? `repeat(${props.columns_xl}, 1fr)` : null};
}
@media ${Devices.xxl} {
grid-template-columns: ${(props) =>
- props.columns_xxl ? `repeat(${props.columns_xxl}, 1fr)` : null};
+ props.columns_xxl ? `repeat(${props.columns_xxl}, 1fr)` : null};
}
`;
@@ -592,7 +609,10 @@ export const GridContainer = ({
containerColumns_md,
children,
display,
+ display_xs,
+ display_sm,
display_tablet,
+ display_md,
background,
borderRadius,
borderRadiusChild,
@@ -644,7 +664,10 @@ export const GridContainer = ({
boxShadow_tablet={shadow_tablet}
borderRadius={borderRadius}
display={display}
+ display_sm={display_sm}
+ displa_xs={display_xs}
display_tablet={display_tablet}
+ display_md={display_md}
justifyContent={justifyContent}
justifyContent_tablet={justifyContent_tablet}
position={position}
@@ -673,9 +696,8 @@ export const GridContainer = ({
gridTemplateRows={gridTemplateRows}
gridTemplateRows_tablet={gridTemplateRows_tablet}
gridTemplateColumns_sm={columns_sm}
- gridTemplateColumns_tablet={`repeat(${columns_tablet}, ${
- 12 / columns_tablet
- }fr)`}
+ gridTemplateColumns_tablet={`repeat(${columns_tablet}, ${12 / columns_tablet
+ }fr)`}
padding={paddingChild}
padding_tablet={padding_tabletChild}
gridTemplateColumns={`${columns}, 1fr`}
@@ -685,8 +707,8 @@ export const GridContainer = ({
gridColumn_tablet
? gridColumn_tablet
: fluid
- ? "1 / span 14"
- : "2 / span 12"
+ ? "1 / span 14"
+ : "2 / span 12"
}
gridTemplateAreas={gridTemplateAreas}
gridTemplateAreas_tablet={gridTemplateAreas_tablet}
@@ -714,6 +736,8 @@ export const GridContainerWithImage = ({
margin_tablet,
padding,
padding_tablet,
+ padding_md,
+ padding_lg,
position,
}) => {
return (
@@ -722,7 +746,7 @@ export const GridContainerWithImage = ({
className={className}
onMouseOut={onMouseOutHandler}
gridTemplateColumns_tablet={
- imageSide == "left" ? "repeat(14, 1fr) 1.5fr" : "2fr repeat(14, 1fr)"
+ imageSide == "left" ? "repeat(14, 1fr)" : "repeat(14, 1fr)"
}
background={background}
height={height}
@@ -732,6 +756,8 @@ export const GridContainerWithImage = ({
margin_tablet={margin_tablet}
padding={padding || "0 17px"}
padding_tablet={padding_tablet}
+ padding_md={padding_md}
+ padding_lg={padding_lg}
>
{
width: 800
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 800){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
age
@@ -119,7 +116,6 @@ const Staff = (props) => {
image={getImage(
item.image && item.image.childImageSharp.gatsbyImageData
)}
- // fluid={item.image && item.image.childImageSharp.fluid}
style={{
height: "100%",
minWidth: "100%",
diff --git a/src/components/Styling/index.js b/src/components/Styling/index.js
index a4c124d6e..1c5c18d50 100644
--- a/src/components/Styling/index.js
+++ b/src/components/Styling/index.js
@@ -39,11 +39,15 @@ export const Colors = {
blue: "#00A0DA",
lightBlue: "#BBEAFC",
lightBlue2: "rgba(199, 243, 253, 0.5)",
+ blue2: "#0097CD",
veryLightBlue: "#C7F3FD",
veryLightBlue2: "#E3F9FE",
+ grayBrown: "#333333",
+ gray2: "#A4A4A466",
gray: "#898a8b",
gray3: "#828282",
verylightGray: "#F5F5F5",
+ verylightGray2: "#FBFBFB",
lightGray: "#ebebeb",
lightGreen: "#c4f7b7",
green: "#20630d",
@@ -58,6 +62,7 @@ export const Colors = {
white: "#FFFFFF",
red: "red",
lightRed: "#ffcdc9",
+ whitePink: "#FFF1D1",
shadow: "0px 0px 16px rgba(0, 0, 0, 0.15)",
};
@@ -171,11 +176,13 @@ const StyledImage = styled.div`
background-position: ${(props) => props.position || "center center"};
background-color: ${(props) => props.backgroundColor};
width: ${(props) => props.width};
+ border: ${(props) => props.border};
height: ${(props) => props.height};
min-height: ${(props) => props.minHeight};
max-height: ${(props) => (props.maxHeight ? props.maxHeight : "none")};
min-width: ${(props) => props.minWidth};
margin: ${(props) => props.margin};
+ box-shadow: ${(props) => props.boxShadow};
@media ${Break.sm} {
height: ${(props) => props.h_sm};
min-height: ${(props) => props.minHeight_sm};
@@ -254,7 +261,6 @@ export const BackgroundSection = ({
// fadeIn={false}
className={className}
borderRadius={borderRadius}
- // fluid={image}
{...bgImage}
preserveStackingContext
style={style}
@@ -285,6 +291,7 @@ export const StyledBackgroundSection = styled(BackgroundSection)`
border-radius: ${(props) => props.borderRadius};
filter: ${(props) => props.filter};
height: ${(props) => props.h_sm};
+ width: ${(props) => props.width};
max-width: ${(props) => props.maxWidth};
background-color: ${(props) => props.backgroundColor};
background-position: ${(props) => props.backgroundPosition} !important;
@@ -470,6 +477,7 @@ export const Button = styled(SmartButton)`
}
@media ${Devices.lg} {
font-size: ${(props) => props.fontSize_lg};
+ width: ${(props) => props.width_lg};
}
@media ${Devices.xl} {
}
diff --git a/src/components/SuccessStories/index.js b/src/components/SuccessStories/index.js
index 50155f2f5..80793698d 100644
--- a/src/components/SuccessStories/index.js
+++ b/src/components/SuccessStories/index.js
@@ -201,7 +201,9 @@ const SuccessStoriescomponent = ({ filterIndexes, lang }) => {
columnCount="3"
gap="1em"
style={{ gridAutoFlow: "dense" }}
- padding="0 10% 10% 10%"
+ padding_tablet="0 40px 60px 40px"
+ padding_md="0 80px 60px 80px"
+ padding_lg="0 0 60px 0"
columnCount_sm="1"
columnCount_xs="1"
columnCount_tablet="3"
diff --git a/src/components/Testimonials/index.js b/src/components/Testimonials/index.js
index 6a811f855..ec881f8ae 100644
--- a/src/components/Testimonials/index.js
+++ b/src/components/Testimonials/index.js
@@ -23,7 +23,7 @@ const Testimonials = (props) => {
height="425px"
margin={props.margin}
margin_tablet={props.margin_tablet}
- padding="30px 17px 60px 17px"
+ padding="30px 20px 60px 20px"
padding_tablet="48px 0 36px 0"
>
{testimonialsArray.heading}
diff --git a/src/components/With4Geeks/index.js b/src/components/With4Geeks/index.js
index 0953ba5ce..db7c212f0 100644
--- a/src/components/With4Geeks/index.js
+++ b/src/components/With4Geeks/index.js
@@ -1,7 +1,7 @@
import React from "react";
import { useStaticQuery, graphql, Link } from "gatsby";
import { H2, H4, H3, Paragraph } from "../Heading";
-import { Div, GridContainer } from "../Sections";
+import { Div, GridContainer, Grid } from "../Sections";
import { RoundImage, Colors } from "../Styling";
import ReactPlayer from "../ReactPlayer";
import Fragment from "../Fragment";
@@ -78,21 +78,35 @@ export default ({
return (
- {title && (
-
+ {info?.header && (
+
{info.header.title}
@@ -108,86 +122,71 @@ export default ({
)}
-
+
)}
{locationFiltered && (
-
- {locationFiltered.map((i, index) => {
- return (
-
-
-
-
+
+ {locationFiltered.map((i, index) => {
+ return (
-
- {i.name}
-
-
- {`“${i.title}”`}
-
-
+
+
- {i.description}
-
-
- {i.footer.is_image ? (
- ) : (
-
-
- {text || i.footer.text}
-
-
- )}
+
+
+ {i.name}
+
+
+ {`“${i.title}”`}
+
+
+ {i.description}
+
+
+ {i.footer.text_link != "" && (
+
+
+ {i.footer.text}
+
+
+ )}
+
-
+
)}
);
diff --git a/src/data/components/overlaped/overlaped.es.yml b/src/data/components/overlaped/overlaped.es.yml
new file mode 100644
index 000000000..0c8de8aba
--- /dev/null
+++ b/src/data/components/overlaped/overlaped.es.yml
@@ -0,0 +1,10 @@
+heading: Python y Javascript
+content: "Nuestros programa está basado en el uso de Phyton y Javascript. La razón?En el mercado laboral JavaScript tiene 26 veces más vacantes de trabajo que Ruby on Rails. Python tiene 10 veces más trabajos que node.js.
+
+ Otras herramientas que también aprenderás a usar en nuestro programa: son GitHub, CSS3, HTML5, Flask, etc."
+button:
+ text: Aplicar
+ color: Colors.blue2
+background: Colors.white
+image:
+ src: "/images/landing/dos-mujeres-1.png"
\ No newline at end of file
diff --git a/src/data/components/partner/partner.es.yaml b/src/data/components/partner/partner.es.yaml
index 0058ee811..b0600210e 100644
--- a/src/data/components/partner/partner.es.yaml
+++ b/src/data/components/partner/partner.es.yaml
@@ -12,20 +12,27 @@ partners:
footer_button: Revisa nuestra lista de aliados
footer_link: "/es/aliados"
images:
+ - name: "Facebook"
+ #locations: ["madrid-spain"]
+ image: "../../../../static/images/partner/facebook.png"
+ featured: true
- name: "Microsoft"
#locations: ["madrid-spain"]
image: "../../../../static/images/partner/microsoft.png"
featured: true
link: "https://microsoft.com"
+ - name: "Apple"
+ #locations: ["madrid-spain"]
+ image: "../../../../static/images/partner/apple.png"
+ featured: false
+ #if follow is equal to false then it will add the nofollow attribute
+ follow: true
+ link: "https://www.apple.com"
- name: "Evernote"
#locations: ["madrid-spain"]
image: "../../../../static/images/partner/evernote.png"
featured: false
link: "https://evernote.com/intl/es"
- - name: "Facebook"
- #locations: ["madrid-spain"]
- image: "../../../../static/images/partner/facebook.png"
- featured: true
- name: "Ebay"
#locations: ["madrid-spain"]
image: "../../../../static/images/partner/ebay.png"
@@ -85,6 +92,7 @@ partners:
#if follow is equal to false then it will add the nofollow attribute
follow: true
link: "https://es.jooble.org"
+
coding:
tagline: "Actores globales en el mundo de la codificación"
diff --git a/src/data/components/partner/partner.us.yaml b/src/data/components/partner/partner.us.yaml
index 484cfef0f..40d8152c5 100644
--- a/src/data/components/partner/partner.us.yaml
+++ b/src/data/components/partner/partner.us.yaml
@@ -40,7 +40,7 @@ partners:
- name: "National Geographic"
#locations: ["miami-downtown"]
image: "../../../../static/images/partner/natgeo.png"
- featured: true
+ featured: false
- name: "Evernote"
#locations: ["miami-downtown"]
image: "../../../../static/images/partner/evernote.png"
diff --git a/src/data/components/with_4Geeks/with_4Geeks.es.yaml b/src/data/components/with_4Geeks/with_4Geeks.es.yaml
index f1f45e70c..fd4a9b10e 100644
--- a/src/data/components/with_4Geeks/with_4Geeks.es.yaml
+++ b/src/data/components/with_4Geeks/with_4Geeks.es.yaml
@@ -3,7 +3,7 @@
## IF THE video url IS SPECIFIED, THE IMAGE WILL HAVE A PLAY ICON TO PLAY THE VIDEO, OTHERWISE ONLY THE IMAGE IS SHOWN
header:
- title: 4Geeks Academy en tres historias
+ title: ESCÚCHALO DE NUESTROS ALUMNOS
paragraph: ""
with:
- name: "Hernan García"
diff --git a/src/data/course/datascience-ml.es.yaml b/src/data/course/datascience-ml.es.yaml
index daf093e79..b36ff3409 100644
--- a/src/data/course/datascience-ml.es.yaml
+++ b/src/data/course/datascience-ml.es.yaml
@@ -90,6 +90,7 @@ details:
icon: "book"
- label: "Tamaño de la clase"
content: "12 personas máx"
+ icon: "laptop"
- label: "Certificado"
content: "Nuestros certificados son reconocidos por múltiples instuticiones."
link_text: "Ver ejemplo"
diff --git a/src/data/course/datascience-ml.us.yaml b/src/data/course/datascience-ml.us.yaml
index 90d0295b5..85f548a54 100644
--- a/src/data/course/datascience-ml.us.yaml
+++ b/src/data/course/datascience-ml.us.yaml
@@ -84,6 +84,7 @@ details:
icon: "book"
- label: "Class size"
content: "12 people max"
+ icon: "laptop"
- label: "Certificate"
content: "Our certificates are recognized by multiple organizations."
link_text: "See example"
diff --git a/src/data/course/full-stack-ft.es.yaml b/src/data/course/full-stack-ft.es.yaml
index ddf002cc8..5c2d5c838 100644
--- a/src/data/course/full-stack-ft.es.yaml
+++ b/src/data/course/full-stack-ft.es.yaml
@@ -28,7 +28,7 @@ seo_title: "Coding Bootcamp"
header:
title: "Full Stack Developer"
image: "../../../static/images/bg/program-bg.png"
- image_alt: ""
+ image_alt: "FullStack"
paragraph: "De cero a tener tu primer trabajo como programador, aprende todo lo necesario, recibe soporte de por vida y consigue un trabajo después de 18 semanas de estudio."
button:
syllabus_heading: "Descargar Detalles del Curso"
diff --git a/src/data/course/full-stack-ft.us.yaml b/src/data/course/full-stack-ft.us.yaml
index 2a5a50427..f4114f137 100644
--- a/src/data/course/full-stack-ft.us.yaml
+++ b/src/data/course/full-stack-ft.us.yaml
@@ -28,7 +28,7 @@ seo_title: "Cooding Bootcamp"
header:
title: "Full Stack Developer"
image: "../../../static/images/bg/program-bg.png"
- image_alt: ""
+ image_alt: "FullStack"
paragraph: "From zero to getting paid as a developer, learn the skills of the present and future. \n Boost your professional career and get hired by a tech company."
button:
diff --git a/src/data/course/full-stack.es.yaml b/src/data/course/full-stack.es.yaml
index 0cef269bd..7c4aef3af 100644
--- a/src/data/course/full-stack.es.yaml
+++ b/src/data/course/full-stack.es.yaml
@@ -83,10 +83,10 @@ details:
diseño web responsive, trabajando con diversos lenguajes. Obtedrás una
sólida base de frontend, backend, base de datos, manejo de procesos
distribuídos y despliegue en plataformas web.
-
+ |
Al finalizar este programa, contarás con los conocimientos para
- desempeñarte como Full Stack Developer.
- "
+ desempeñarte como
Full Stack Developer."
+
list:
- label: "Duración"
content: "18 semanas"
@@ -95,8 +95,8 @@ details:
content: "3 Clases semanales"
icon: "book"
- label: "Certificado"
- content: "Nuestros certificados son reconocidos por múltiples instuticiones."
- link_text: "Ver ejemplo"
+ content: "Nuestros certificados son reconocidos por múltiples instituciones."
+ link_text: "Ver certificado"
link: "https://certificate.breatheco.de/4ae7a46bba78dc19b823e124fea120c17b45e044"
icon: "certificate"
- label: "Requisitos"
diff --git a/src/data/course/machine-learning-engineering.es.yaml b/src/data/course/machine-learning-engineering.es.yaml
index b8e179ad6..35bb8740f 100644
--- a/src/data/course/machine-learning-engineering.es.yaml
+++ b/src/data/course/machine-learning-engineering.es.yaml
@@ -102,6 +102,7 @@ details:
icon: "book"
- label: "Tamaño de la clase"
content: "14 personas máx"
+ icon: "laptop"
- label: "Certificado"
content: "Nuestros certificados son reconocidos por múltiples instuticiones."
link_text: "Ver ejemplo"
diff --git a/src/data/course/machine-learning-engineering.us.yaml b/src/data/course/machine-learning-engineering.us.yaml
index 70c18bd94..fc55a39ec 100644
--- a/src/data/course/machine-learning-engineering.us.yaml
+++ b/src/data/course/machine-learning-engineering.us.yaml
@@ -82,6 +82,7 @@ details:
icon: "book"
- label: "Class size"
content: "12 people max"
+ icon: "laptop"
- label: "Certificate"
content: "Our certificates are recognized by multiple organizations."
link_text: "See example"
diff --git a/src/data/course/node-js.es.yaml b/src/data/course/node-js.es.yaml
index f96094460..f62471709 100644
--- a/src/data/course/node-js.es.yaml
+++ b/src/data/course/node-js.es.yaml
@@ -16,7 +16,7 @@ apply_form:
header:
title: "Node Js Backend Development"
- image_alt: ""
+ image_alt: "Node JS"
paragraph: ""
button:
diff --git a/src/data/course/node-js.us.yaml b/src/data/course/node-js.us.yaml
index 2d7272af0..d3edc8802 100644
--- a/src/data/course/node-js.us.yaml
+++ b/src/data/course/node-js.us.yaml
@@ -16,7 +16,7 @@ apply_form:
header:
title: "Node Js Backend Development"
- image_alt: ""
+ image_alt: "Node JS"
paragraph: ""
button:
diff --git a/src/data/downloadable/guia-de-python.es.yml b/src/data/downloadable/guia-de-python.es.yml
index 61e0273ee..de597849a 100644
--- a/src/data/downloadable/guia-de-python.es.yml
+++ b/src/data/downloadable/guia-de-python.es.yml
@@ -113,16 +113,16 @@ components:
font_size: ["15px"]
bullets:
- - Número
- - String
- - Boolean
- - Iterables
- - Dictionary
- - Lista
- - Tupla
- - Rango
- - Set & Frozenset
- - Tabla Hash
+ - heading: Numbers
+ - heading: String
+ - heading: Boolean
+ - heading: Iterables
+ - heading: Dictionary
+ - heading: List
+ - heading: Tuple
+ - heading: Range
+ - heading: Set & Frozenset
+ - heading: Table Hash
content:
text: "El Zen del Python, variables, conditionals, loops, functions, decorators, generators, virtual environment, package manager."
diff --git a/src/data/downloadable/python-crash-course.us.yml b/src/data/downloadable/python-crash-course.us.yml
index 381337115..1c9b27a88 100644
--- a/src/data/downloadable/python-crash-course.us.yml
+++ b/src/data/downloadable/python-crash-course.us.yml
@@ -113,16 +113,17 @@ components:
font_size: ["15px"]
bullets:
- - Numbers
- - String
- - Boolean
- - Iterables
- - Dictionary
- - List
- - Tuple
- - Range
- - Set & Frozenset
- - Table Hash
+ - heading: Numbers
+ - heading: String
+ - heading: Boolean
+ - heading: Iterables
+ - heading: Dictionary
+ - heading: List
+ - heading: Tuple
+ - heading: Range
+ - heading: Set & Frozenset
+ - heading: Table Hash
+
content:
text: "The Python Zen, variables, conditionals, loops, functions, decorators, generators, virtual environment, PIP package manager."
diff --git a/src/data/downloadable/template-downlodable.us.yml b/src/data/downloadable/template-downlodable.us.yml
index 2927631fb..388c25227 100644
--- a/src/data/downloadable/template-downlodable.us.yml
+++ b/src/data/downloadable/template-downlodable.us.yml
@@ -36,7 +36,7 @@ header_data:
sub_heading: in only 18 weeks (part-time)
partner_logo_url: "../../../static/images/partner/landing-jobs.png" #display a logo of the partner
badge: "../../../static/images/badges/switchup.png"
- image: "../../../static/images/4geeks-main.jpg"
+ background_image: "../../../static/images/4geeks-main.jpg"
image_filter: brightness(0.4) #0 is dark, 1 is bright
features:
@@ -148,32 +148,6 @@ who_is_hiring:
- name: "Apple"
image: "../../../static/images/partner/apple.png"
-choose_your_program:
- position: 5
- title: Our Programs____Downloadable
- paragraph: Programs in Full-Time or Part-Time modality with live classes taught by experts
- programs:
- - title: "Full Stack Developer"
- sub_title: "Level 1"
- icon: "fullstack"
- description: |
- From 0 to becoming a Full-Stack Jr. programmer, you will work with HTML5, CSS3, Bootstrap, JS, Reactjs, SQL, Python, Flask, REST API's, etc. to design and create responsive websites. You'll gain a solid foundation of front, back, database, distributed processes, and deployment with passionate instructors and an up-to-date, hands-on syllabus.
- Available Part-Time or Full-Time mode. Download
"here the syllabus".
-
- text_link: Apply for a scholarship
- link: "#" # moves to start position
-
- - title: "AI & Machine Learning"
- sub_title: "Developers and STEM Profiles"
- icon: "machine"
- description: |
- Get trained by a renowned expert in A.I.; explore Machine Learning's fundamentals and Deep Learning with some of the most powerful technologies that truly scale intelligence for business. Practice with real-life business scenarios typical in business and review some of the tools used in the industry. Strategize and develop your A.I. following the lifecycle development from start to end, including deployment into production and maintenance with Privacy, Security, and Ethics.
- Download
"here the syllabus".
-
-
- text_link: Apply for a scholarship
- link: "#"
-
badges:
position: 3
heading: ""
@@ -186,6 +160,62 @@ apply_schollarship: # form that is displayed at the end of the landing
# Possible layours: [two_column_left, two_column_right]
components:
+ - name: how-it-works
+ position: 3
+ background: "veryLightBlue2"
+ layout: iconogram
+ swipable: True
+ heading:
+ text: "How It Works"
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
+ sub_heading:
+ text: 'According to the U.S. Bureau of Labor Statistics,
software developers in the U.S. have a higher than average job outlook and earn a median salary of $110,140 a year. Improve your chances to be one of them.'
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ style: '{ "textAlign": "center", "width": "60%" }'
+ text_link: "#"
+ icons:
+ - icon: "graduation-2"
+ title: ""
+ content: "Apply to the United Way Miami Workforce Project to jumpstart your career in coding."
+ - icon: "laptop_new"
+ title: ""
+ content: "Once accepted, students enroll in the 4Geeks Full-Stack Software Development Program. 4Geeks provides quality training and offers supporting services —like resume review and career coaching—to help participants find jobs after graduating."
+ - icon: "circle"
+ title: ""
+ content: "Participants pay program costs after they start jobs making more than $35,000 a year. Participants who don't find a job or keep jobs with salaries above $35,000 pay nothing."
+ - name: "whatever"
+ layout: choose_your_program
+ position: 5
+ heading:
+ text: Nuestros Programas
+ content:
+ text: Contamos con programas que combinan clases prácticas dictadas por expertos
+ font_size: ["16px"]
+ path: ""
+ programs:
+ - title: "Full Stack Developer"
+ sub_title: "Nivel 1"
+ icon: "fullstack_2"
+ description: |
+ Aprende desde cero, empezando por lo básico: HTML + CSS3 + Javascript.
+
+ Aprende las habilidades más solicitadas con instructores apasionados y un plan de estudios práctico para ayudarte a encontrar un trabajo de programación como desarrollador Jr.
+
+ text_link: Aplica a una beca
+ link: "#"
+
+ - title: "Ingeniero de Software"
+ sub_title: "Nivel 2"
+ icon: "software_2"
+ description: |
+ Profundizamos a un nivel avanzado principios específicos de desarrollo, llevando tu carrera a otro nivel.
+
+ Texto que resuma y explique que este programa tiene modalidad part time y full time. Que también resuma eficientemente el syballus del programa. Acá incluiría un
link para poder descargar el PDF con el detalle del programa.
+ Desarrolla más habilidades adentrándote en el mundo de computación y aplicaciones nativas de la nube. Aprende las habilidades que el 90% de las empresas Fortune 500 están buscando.
+
+ text_link: Aplica a una beca
+ link: "#"
+
- name: isa_explanation
position: 2
layout: columns
@@ -275,16 +305,12 @@ components:
"Tipos de datos con súperpoderes:"
font_size: ["15px"]
bullets:
- - Número
- - String
- - Boolean
- - Iterables
- - Dictionary
- - Lista
- - Tupla
- - Rango
- - Set & Frozenset
- - Tabla Hash
+ - heading: Lorem ipsum dolor sit amet
+ text: Some text description for the bullet
+ icon: string with icon for example ['check', 'cicle', etc]
+ - heading: Lorem ipsum dolor sit amet
+ text: Some text description for the bullet
+ icon: string with icon for example ['check', 'cicle', etc]
content:
text: " "
font_size: ["16px"]
@@ -323,14 +349,4 @@ testimonial:
comment: For me the most amazing thing about 4Geeks was the syllabus, the fact that you guys teach exactly what the market is looking for.
video: https://www.youtube.com/watch?v=LvnxLyqaQDo
-iconogram:
- position: 3
- icons:
- - icon: "touch"
- title: Apply for your scholarship before October 8th, 2021
- - icon: "receive_mail"
- title: You will receive an email with all the information and a logic test
- - icon: "talk"
- title: Do an online interview with our admissions team
- - icon: "terminal"
- title: Get the result, book your spot and start coding
+
diff --git a/src/data/landing/becas-landingjobs-brazil.us.yml b/src/data/landing/becas-landingjobs-brazil.us.yml
index bb87bf544..dc43fbb5b 100644
--- a/src/data/landing/becas-landingjobs-brazil.us.yml
+++ b/src/data/landing/becas-landingjobs-brazil.us.yml
@@ -37,7 +37,7 @@ header_data:
sub_heading: ""
partner_logo_url: "../../../static/images/partner/landing-jobs.png"
background_image: "../../../static/images/Happy-People-Landing-4Geeks-ES.jpg"
- image_filter: brightness(0.4)
+ image_filter: brightness(0.25)
features:
marginTop: 20px #<-- separation between tagline and the bullets
@@ -79,7 +79,7 @@ short_badges:
alt: "Best coding bootcamp Switchup 2023"
- name: "Florida Department of Education"
url: ""
- image: "../../../static/images/badges/licensed.png"
+ image: "../../../static/images/badges/licensed-inverted.png"
alt: "Florida Department of Education"
#
@@ -104,18 +104,6 @@ about4Geeks:
image: "../../../static/images/bg/community.png"
image_mobile: "../../../static/images/bg/community.png"
-iconogram:
- position: 3
- icons:
- - icon: "touch"
- title: Apply for your scholarship before October 8th, 2021
- - icon: "receive_mail"
- title: You will receive an email with all the information and a logic test
- - icon: "talk"
- title: Do an online interview with our admissions team
- - icon: "terminal"
- title: Get the result, book your spot and start coding
-
who_is_hiring:
position: 4
heading: "OUR STUDENTS WORK AT"
@@ -128,33 +116,6 @@ who_is_hiring:
- name: "Apple"
image: "../../../static/images/partner/apple.png"
-choose_your_program:
- position: 5
- title: Our Programs
- paragraph: Programs in Full-Time or Part-Time modality with live classes taught by experts
- programs:
- - title: "Full Stack Developer"
- sub_title: "Level 1"
- icon: "fullstack"
- description: |
- From 0 to becoming a Full-Stack Jr. programmer, you will work with HTML5, CSS3, Bootstrap, JS, Reactjs, SQL, Python, Flask, REST API's, etc. to design and create responsive websites. You'll gain a solid foundation of front, back, database, distributed processes, and deployment with passionate instructors and an up-to-date, hands-on syllabus.
- Available Part-Time or Full-Time mode.
-
- text_link: Apply for a scholarship
- link: "#" # moves to start position
-
- - title: "AI & Machine Learning"
- sub_title: "Level 2"
- icon: "machine"
- description: |
- Get trained by a renowned expert in A.I.; explore Machine Learning's fundamentals and Deep Learning with some of the most powerful technologies that truly scale intelligence for business. Practice with real-life business scenarios typical in business and review some of the tools used in the industry. Strategize and develop your A.I. following the lifecycle development from start to end, including deployment into production and maintenance with Privacy, Security, and Ethics.
-
-
-
- text_link: Apply for a scholarship
- link: "#"
-
-
why_4geeks:
position: 7
heading: "In words of our students"
@@ -166,10 +127,64 @@ why_4geeks:
apply_schollarship: # form that is displayed at the end of the landing
# title: "Apoyo Profesional Ilimitado"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# Possible layours: [two_column_left_image, two_column_right_image]
components:
+
+ - name: how-it-works
+ position: 3
+ background: "veryLightBlue2"
+ layout: iconogram
+ swipable: True
+ heading:
+ text: ""
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
+ sub_heading:
+ text: ""
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ style: '{ "textAlign": "center", "width": "60%" }'
+ text_link: "#"
+ icons:
+ - icon: "touch"
+ title: Apply for your scholarship before October 8th, 2021
+ - icon: "receive_mail"
+ title: You will receive an email with all the information and a logic test
+ - icon: "talk"
+ title: Do an online interview with our admissions team
+ - icon: "terminal"
+ title: Get the result, book your spot and start coding
+
+ - name: "whatever"
+ layout: choose_your_program
+ position: 5
+ heading:
+ text: Our Programs
+ content:
+ text: Programs in Full-Time or Part-Time modality with live classes taught by experts
+ font_size: ["16px"]
+ path: ""
+ programs:
+ - title: "Full Stack Developer"
+ sub_title: "Level 1"
+ icon: "fullstack_2"
+ description: |
+ From 0 to becoming a Full-Stack Jr. programmer, you will work with HTML5, CSS3, Bootstrap, JS, Reactjs, SQL, Python, Flask, REST API's, etc. to design and create responsive websites. You'll gain a solid foundation of front, back, database, distributed processes, and deployment with passionate instructors and an up-to-date, hands-on syllabus.
+ Available Part-Time or Full-Time mode.
+
+ text_link: Apply for a scholarship
+ link: "#" # moves to start position
+
+ - title: "AI & Machine Learning"
+ sub_title: "Level 2"
+ icon: "machine_2"
+ description: |
+ Get trained by a renowned expert in A.I.; explore Machine Learning's fundamentals and Deep Learning with some of the most powerful technologies that truly scale intelligence for business. Practice with real-life business scenarios typical in business and review some of the tools used in the industry. Strategize and develop your A.I. following the lifecycle development from start to end, including deployment into production and maintenance with Privacy, Security, and Ethics.
+
+ text_link: Apply for a scholarship
+ link: "#"
+
+
- name: python_y_javascript
position: 6
layout: two_column_right
@@ -184,6 +199,5 @@ components:
# xl lg md sm xs
font_size: ["50px", "50px", "50px", "50px", "50px"]
content:
- text: "Our programs are based on the use of Python and Javascript. The reason? In the job market JavaScript has 26 times more job openings than Ruby on Rails. Python has 10 times more jobs than node.js.
- Other tools that you will also learn to use in our programs are: GitHub, Git, Redux, Amazon Web Services, etc."
+ text: "Our programs are based on the use of Python and Javascript. The reason? In the job market JavaScript has 26 times more job openings than Ruby on Rails. Python has 10 times more jobs than node.js. Other tools that you will also learn to use in our programs are: GitHub, Git, Redux, Amazon Web Services, etc."
font_size: ["16px"]
diff --git a/src/data/landing/becas-landingjobs-europe.us.yml b/src/data/landing/becas-landingjobs-europe.us.yml
index e50b75584..f376315d1 100644
--- a/src/data/landing/becas-landingjobs-europe.us.yml
+++ b/src/data/landing/becas-landingjobs-europe.us.yml
@@ -37,7 +37,7 @@ header_data:
sub_heading: ""
partner_logo_url: "../../../static/images/partner/landing-jobs.png"
background_image: "../../../static/images/4GeeksTeamES.jpeg"
- image_filter: brightness(0.4)
+ image_filter: brightness(0.3)
features:
marginTop: 20px #<-- separation between tagline and the bullets
@@ -80,14 +80,14 @@ short_badges:
alt: "Best coding bootcamp Switchup 2023"
- name: "Florida Department of Education"
url: ""
- image: "../../../static/images/badges/licensed.png"
+ image: "../../../static/images/badges/licensed-inverted.png"
alt: "Florida Department of Education"
#
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
badges:
- position: 1 # It's the position of the component that will be rendered first
+ position: 3 # It's the position of the component that will be rendered first
heading: "4Geeks Academy has received numerous awards and recognitions for its excellence"
about4Geeks:
@@ -105,20 +105,8 @@ about4Geeks:
image: "../../../static/images/bg/community.png"
image_mobile: "../../../static/images/bg/community.png"
-iconogram:
- position: 3
- icons:
- - icon: "touch"
- title: Apply for your scholarship before June 15th, 2023
- - icon: "receive_mail"
- title: You will receive an email with all the information
- - icon: "talk"
- title: Do an online interview with our admissions team
- - icon: "terminal"
- title: Get the result, book your spot and start coding
-
who_is_hiring:
- position: 4
+ position: 10
heading: "OUR STUDENTS WORK AT"
sub_heading: "Get a job in less than 3 months thanks to our growing network of more than 500 technology companies. Access to national and international offers and a community of more than 3,500 graduates"
featured:
@@ -129,34 +117,8 @@ who_is_hiring:
- name: "Apple"
image: "../../../static/images/partner/apple.png"
-#choose_your_program:
-# position: 5
-# title: Our Programs
-# paragraph: Programs in Full-Time or Part-Time modality with live classes taught by experts
-# programs:
-# - title: "Full Stack Developer"
-# sub_title: "Level 1"
-# icon: "fullstack"
-# description: |
-# From 0 to becoming a Full-Stack Jr. programmer, you will work with HTML5, CSS3, Bootstrap, JS, Reactjs, SQL, Python, Flask, REST API's, etc. to design and create responsive websites. You'll gain a solid foundation of front, back, database, distributed processes, and deployment with passionate instructors and an up-to-date, hands-on syllabus.
-# Available Part-Time or Full-Time mode. Download
"here the syllabus".
-#
-# text_link: Apply for a scholarship
-# link: "#" # moves to start position
-#
-# - title: "AI & Machine Learning"
-# sub_title: "Developers and STEM Profiles"
-# icon: "machine"
-# description: |
-# Get trained by a renowned expert in A.I.; explore Machine Learning's fundamentals and Deep Learning with some of the most powerful technologies that truly scale intelligence for business. Practice with real-life business scenarios typical in business and review some of the tools used in the industry. Strategize and develop your A.I. following the lifecycle development from start to end, including deployment into production and maintenance with Privacy, Security, and Ethics.
-# Download
"here the syllabus".
-#
-#
-# text_link: Apply for a scholarship
-# link: "#"
-
program_details:
- position: 5
+ position: 1
background: "#FFFFFF"
heading: "Program Details"
sub_heading: "Learn the technologies that companies demand"
@@ -172,10 +134,33 @@ why_4geeks:
apply_schollarship: # form that is displayed at the end of the landing
# title: "Apoyo Profesional Ilimitado"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# Possible layours: [two_column_left_image, two_column_right_image]
components:
+ - name: how-it-works
+ position: 2
+ background: ""
+ layout: iconogram
+ swipable: True
+ heading:
+ text: ""
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
+ sub_heading:
+ text: ""
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ style: '{ "textAlign": "center", "width": "60%" }'
+ text_link: "#"
+ icons:
+ - icon: "touch"
+ title: Apply for your scholarship before June 15th, 2023
+ - icon: "receive_mail"
+ title: You will receive an email with all the information
+ - icon: "talk"
+ title: Do an online interview with our admissions team
+ - icon: "terminal"
+ title: Get the result, book your spot and start coding
+
- name: data_science_machine_learning
position: 6
layout: two_column_right
diff --git a/src/data/landing/becas-landingjobs-latam.es.yml b/src/data/landing/becas-landingjobs-latam.es.yml
index 7366a570d..8a2b365ce 100644
--- a/src/data/landing/becas-landingjobs-latam.es.yml
+++ b/src/data/landing/becas-landingjobs-latam.es.yml
@@ -80,14 +80,14 @@ short_badges:
alt: "Best coding bootcamp Switchup 2023"
- name: "Florida Department of Education"
url: ""
- image: "../../../static/images/badges/licensed.png"
+ image: "../../../static/images/badges/licensed-inverted.png"
alt: "Florida Department of Education"
#
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
badges:
- position: 1 # It's the position of the component that will be rendered first
+ position: 5 # It's the position of the component that will be rendered first
heading: "4Geeks Academy cuenta con premios y reconocimientos que validan su excelencia"
about4Geeks:
@@ -105,18 +105,6 @@ about4Geeks:
image: "../../../static/images/bg/community.png"
image_mobile: "../../../static/images/bg/community.png"
-iconogram:
- position: 3
- icons:
- - icon: "touch"
- title: Solicita tu beca antes del 8 de octubre
- - icon: "receive_mail"
- title: Recibirás un correo electrónico con toda la información y un test de lógica
- - icon: "talk"
- title: Haz una entrevista online con nuestro equipo de admisiones
- - icon: "terminal"
- title: Recibe los resultados, reserva tu plaza y empieza a PROGRAMAR
-
who_is_hiring:
position: 4
heading: "DÓNDE TRABAJAN NUESTROS ESTUDIANTES"
@@ -129,33 +117,6 @@ who_is_hiring:
- name: "Apple"
image: "../../../static/images/partner/apple.png"
-choose_your_program:
- position: 5
- title: Nuestros Programas
- paragraph: Programas en formato full-time o part-time con clases en vivo dictadas por expertos
- programs:
- - title: "Full Stack Developer"
- sub_title: "Nivel 1"
- icon: "fullstack"
- description: |
- Desde 0 hasta convertirte en programador fullstack Jr. Trabajarás con HTML5, CSS3, Bootstrap, JS, Reactjs, SQL, Python, Flask, REST API's, etc. para diseñar y crear webs responsive. Obtendrás una sólida base de front, back, bbdd, procesos distribuidos y despliegue con instructores apasionados y un plan de estudios práctico y actualizado.
- Disponible en modalidad part time y full time.
-
- text_link: Solicita tu beca
- link: "#" # moves to start position
-
- - title: "AI & Machine Learning"
- sub_title: "Developers o perfiles STEM"
- icon: "machine"
- description: |
- Explora los fundamentos del machine learning y el deep learning con las tecnologías más poderosas que escalan la inteligencia para los negocios.
- Practica con escenarios comerciales de la vida real y maneja las herramientas más utilizadas en la industria. Elabora estrategias y desarrolla tu Inteligencia Artificial, siguiendo el desarrollo del ciclo de vida de principio a fin, incluida la implementación en producción y mantenimiento con Privacidad, Seguridad y Ética.
-
- Descarga aquí el
"programa de estudios".
-
- text_link: Solicita tu beca
- link: "#"
-
why_4geeks:
position: 7
heading: "Escúchalo de nuestros alumnos"
@@ -167,10 +128,66 @@ why_4geeks:
apply_schollarship: # form that is displayed at the end of the landing
# title: "Apoyo Profesional Ilimitado"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# Possible layours: [two_column_left_image, two_column_right_image]
components:
+ - name: how-it-works
+ position: 3
+ background: ""
+ layout: iconogram
+ swipable: True
+ heading:
+ text: ""
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
+ sub_heading:
+ text: ""
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ style: '{ "textAlign": "center", "width": "60%" }'
+ text_link: "#"
+ icons:
+ - icon: "touch"
+ title: Solicita tu beca antes del 8 de octubre
+ - icon: "receive_mail"
+ title: Recibirás un correo electrónico con toda la información y un test de lógica
+ - icon: "talk"
+ title: Haz una entrevista online con nuestro equipo de admisiones
+ - icon: "terminal"
+ title: Recibe los resultados, reserva tu plaza y empieza a PROGRAMAR
+
+ - name: "whatever"
+ layout: choose_your_program
+ position: 5
+ heading:
+ text: Nuestros Programas
+ content:
+ text: Programas en formato full-time o part-time con clases en vivo dictadas por expertos
+ font_size: ["16px"]
+ path: ""
+ programs:
+ - title: "Full Stack Developer"
+ sub_title: "Nivel 1"
+ icon: "fullstack_2"
+ description: |
+ Desde 0 hasta convertirte en programador fullstack Jr. Trabajarás con HTML5, CSS3, Bootstrap, JS, Reactjs, SQL, Python, Flask, REST API's, etc. para diseñar y crear webs responsive. Obtendrás una sólida base de front, back, bbdd, procesos distribuidos y despliegue con instructores apasionados y un plan de estudios práctico y actualizado.
+ Disponible en modalidad part time y full time.
+
+ text_link: Solicita tu beca
+ link: "#" # moves to start position
+
+ - title: "AI & Machine Learning"
+ sub_title: "Developers o perfiles STEM"
+ icon: "machine_2"
+ description: |
+ Explora los fundamentos del machine learning y el deep learning con las tecnologías más poderosas que escalan la inteligencia para los negocios.
+ Practica con escenarios comerciales de la vida real y maneja las herramientas más utilizadas en la industria. Elabora estrategias y desarrolla tu Inteligencia Artificial, siguiendo el desarrollo del ciclo de vida de principio a fin, incluida la implementación en producción y mantenimiento con Privacidad, Seguridad y Ética.
+
+ Descarga aquí el
"programa de estudios".
+
+ text_link: Solicita tu beca
+ link: "#"
+
+
- name: python_y_javascript
position: 6
layout: two_column_right
diff --git a/src/data/landing/becas-landingjobs-spain.es.yml b/src/data/landing/becas-landingjobs-spain.es.yml
index adec0be55..8cf041b5d 100644
--- a/src/data/landing/becas-landingjobs-spain.es.yml
+++ b/src/data/landing/becas-landingjobs-spain.es.yml
@@ -46,6 +46,7 @@ features:
styles: '{ "fontSize": "15px", "margin": "10px 0px 10px 0px" }'
text: Landing.Jobs y 4Geeks se unen para ofrecer más de 500.000 € en Becas para convertirte en Data Scientist, Data Analyst o Machine Learning Engineer. Todas las becas son del 50% y se otorgarán en función del resultado del proceso de selección. Si quieres impulsar tu carrera profesiona, ¡no dejes pasar esta oportunidad!
bullets:
+
- Durante Mayo 2023 becas del 50% en el programa Data Science & Machine Learning
- Formato Part-Time, ¡no renuncies a tu vida!
- Opciones de financiación para complementar tu beca
@@ -81,14 +82,14 @@ short_badges:
alt: "Best coding bootcamp Switchup 2023"
- name: "Florida Department of Education"
url: ""
- image: "../../../static/images/badges/licensed.png"
+ image: "../../../static/images/badges/licensed-inverted.png"
alt: "Florida Department of Education"
#
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
badges:
- position: 1 # It's the position of the component that will be rendered first
+ position: 5 # It's the position of the component that will be rendered first
heading: "4Geeks Academy cuenta con premios y reconocimientos que validan su excelencia"
about4Geeks:
@@ -106,18 +107,6 @@ about4Geeks:
image: "../../../static/images/bg/community.png"
image_mobile: "../../../static/images/bg/community.png"
-iconogram:
- position: 3
- icons:
- - icon: "touch"
- title: Solicita tu beca antes del 15 de Junio 2023
- - icon: "receive_mail"
- title: Recibirás un correo electrónico con toda la información
- - icon: "talk"
- title: Haz una entrevista online con nuestro equipo de admisiones
- - icon: "terminal"
- title: Recibe los resultados, reserva tu plaza y empieza a PROGRAMAR
-
who_is_hiring:
position: 4
heading: "DÓNDE TRABAJAN NUESTROS ESTUDIANTES"
@@ -130,34 +119,6 @@ who_is_hiring:
- name: "Apple"
image: "../../../static/images/partner/apple.png"
-#choose_your_program:
-# position: 5
-# title: Nuestros Programas
-# paragraph: Programas en formato full-time o part-time con clases en vivo dictadas por expertos
-# programs:
-# - title: "Full Stack Developer"
-# sub_title: "Nivel 1"
-# icon: "fullstack"
-# description: |
-# Desde 0 hasta convertirte en programador fullstack Jr. Trabajarás con HTML5, CSS3, Bootstrap, JS, Reactjs, SQL, Python, Flask, REST API's, etc. para diseñar y crear webs responsive. Obtendrás una sólida base de front, back, bbdd, procesos distribuidos y despliegue con instructores apasionados y un plan de estudios práctico y actualizado.
-# Disponible en modalidad part time y full time.
-# Descarga aquí el
"programa de estudios".
-#
-# text_link: Solicita tu beca
-# link: "#" # moves to start position
-#
-# - title: "AI & Machine Learning"
-# sub_title: "Developers y perfiles STEM"
-# icon: "machine"
-# description: |
-# Explora los fundamentos del machine learning y el deep learning con las tecnologías más poderosas que escalan la inteligencia para los negocios.
-# Practica con escenarios comerciales de la vida real y maneja las herramientas más utilizadas en la industria. Elabora estrategias y desarrolla tu Inteligencia Artificial, siguiendo el desarrollo del ciclo de vida de principio a fin, incluida la implementación en producción y mantenimiento con Privacidad, Seguridad y Ética.
-#
-# Descarga aquí el
"programa de estudios".
-#
-# text_link: Solicita tu beca
-# link: "#"
-
program_details:
position: 5
background: "#FFFFFF"
@@ -175,10 +136,69 @@ why_4geeks:
apply_schollarship: # form that is displayed at the end of the landing
# title: "Apoyo Profesional Ilimitado"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# Possible layours: [two_column_left_image, two_column_right_image]
components:
+
+ - name: how-it-works
+ position: 3
+ background: "veryLightBlue2"
+ layout: iconogram
+ swipable: True
+ heading:
+ text: "How It Works"
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
+ sub_heading:
+ text: 'According to the U.S. Bureau of Labor Statistics,
software developers in the U.S. have a higher than average job outlook and earn a median salary of $110,140 a year. Improve your chances to be one of them.'
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ style: '{ "textAlign": "center", "width": "60%" }'
+ text_link: "#"
+ icons:
+ - icon: "touch"
+ title: Solicita tu beca antes del 15 de Junio 2023
+ - icon: "receive_mail"
+ title: Recibirás un correo electrónico con toda la información
+ - icon: "talk"
+ title: Haz una entrevista online con nuestro equipo de admisiones
+ - icon: "terminal"
+ title: Recibe los resultados, reserva tu plaza y empieza a PROGRAMAR
+
+
+ # - name: "whatever"
+ # layout: choose_your_program
+ # position: 5
+ # heading:
+ # text: Nuestros Programas
+ # content:
+ # text: Programas en formato full-time o part-time con clases en vivo dictadas por expertos
+ # font_size: ["16px"]
+ # path: ""
+ # programs:
+ # - title: "Full Stack Developer"
+ # sub_title: "Nivel 1"
+ # icon: "fullstack_2"
+ # description: |
+ # Desde 0 hasta convertirte en programador fullstack Jr. Trabajarás con HTML5, CSS3, Bootstrap, JS, Reactjs, SQL, Python, Flask, REST API's, etc. para diseñar y crear webs responsive. Obtendrás una sólida base de front, back, bbdd, procesos distribuidos y despliegue con instructores apasionados y un plan de estudios práctico y actualizado.
+ # Disponible en modalidad part time y full time.
+ # Descarga aquí el
"programa de estudios".
+
+ # text_link: Solicita tu beca
+ # link: "#" # moves to start position
+
+ # - title: "AI & Machine Learning"
+ # sub_title: "Developers y perfiles STEM"
+ # icon: "machine_2"
+ # description: |
+ # Explora los fundamentos del machine learning y el deep learning con las tecnologías más poderosas que escalan la inteligencia para los negocios.
+ # Practica con escenarios comerciales de la vida real y maneja las herramientas más utilizadas en la industria. Elabora estrategias y desarrolla tu Inteligencia Artificial, siguiendo el desarrollo del ciclo de vida de principio a fin, incluida la implementación en producción y mantenimiento con Privacidad, Seguridad y Ética.
+
+ # Descarga aquí el
"programa de estudios".
+
+ # text_link: Solicita tu beca
+ # link: "#"
+
+
- name: Data_Science_y_Machine_Learning
position: 6
layout: two_column_right
diff --git a/src/data/landing/becas-partner.es.yml b/src/data/landing/becas-partner.es.yml
index 0ef1f88f3..507f40a47 100644
--- a/src/data/landing/becas-partner.es.yml
+++ b/src/data/landing/becas-partner.es.yml
@@ -34,7 +34,8 @@ form:
# jumbotron on the top (cannot be commented out)
header_data:
- tagline: Impulsa tu carrera profesional, obtén tu beca!
+ tagline: Impulsa tu carrera profesional, Obtén tu beca!
+ tagline_color: white
sub_heading: ""
partner_logo_url: "../../../static/images/partner/microsoft.png"
background_image: "../../../static/images/Happy-People-Landing-4Geeks-ES.jpg"
@@ -44,7 +45,7 @@ features:
marginTop: 20px #<-- separation between tagline and the bullets
# up left down right
- styles: '{ "fontSize": "15px", "margin": "10px 0px 10px 0px" }'
+ styles: '{ "color": "white", "fontSize": "15px", "margin": "10px 0px 10px 0px" }'
text: Hay más vacantes que en cualquier otra industria ¡Impulsa tu Carrera! y hazte programador de software
follow_bar:
@@ -75,14 +76,14 @@ short_badges:
alt: "Best coding bootcamp Switchup 2023"
- name: "Florida Department of Education"
url: ""
- image: "../../../static/images/badges/licensed.png"
+ image: "../../../static/images/badges/licensed-inverted.png"
alt: "Florida Department of Education"
#
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
badges:
- position: 1 # It's the position of the component that will be rendered first
+ position: 5 # It's the position of the component that will be rendered first
heading: "4Geeks Academy cuenta con premios y reconocimientos que validan su excelencia"
about4Geeks:
@@ -100,18 +101,6 @@ about4Geeks:
image: "../../../static/images/bg/community.png"
image_mobile: "../../../static/images/bg/community.png"
-iconogram:
- position: 3
- icons:
- - icon: "touch"
- title: Aplica a la beca
- - icon: "receive_mail"
- title: Obten un correo electrónico con la información
- - icon: "talk"
- title: Haz una entrevista con nuestro equipo
- - icon: "terminal"
- title: Aprende a programar con nosotros
-
who_is_hiring:
position: 4
heading: "DÓNDE TRABAJAN NUESTROS ESTUDIANTES"
@@ -124,34 +113,6 @@ who_is_hiring:
- name: "Apple"
image: "../../../static/images/partner/apple.png"
-choose_your_program:
- position: 5
- title: Nuestros Programas
- paragraph: Contamos con programas que combinan clases prácticas dictadas por expertos
- programs:
- - title: "Full Stack Developer"
- sub_title: "Nivel 1"
- icon: "fullstack"
- description: |
- Aprende desde cero, empezando por lo básico: HTML + CSS3 + Javascript.
-
- Aprende las habilidades más solicitadas con instructores apasionados y un plan de estudios práctico para ayudarte a encontrar un trabajo de programación como desarrollador Jr.
-
- text_link: Aplica a una beca
- link: "#"
-
- - title: "Ingeniero de Software"
- sub_title: "Nivel 2"
- icon: "software"
- description: |
- Profundizamos a un nivel avanzado principios específicos de desarrollo, llevando tu carrera a otro nivel.
-
- Texto que resuma y explique que este programa tiene modalidad part time y full time. Que también resuma eficientemente el syballus del programa. Acá incluiría un
link para poder descargar el PDF con el detalle del programa.
- Desarrolla más habilidades adentrándote en el mundo de computación y aplicaciones nativas de la nube. Aprende las habilidades que el 90% de las empresas Fortune 500 están buscando.
-
- text_link: Aplica a una beca
- link: "#"
-
why_4geeks:
position: 8
heading: "Escuchalo de nuestros alumnos"
@@ -160,10 +121,67 @@ why_4geeks:
apply_schollarship:
# title: "Apoyo Profesional Ilimitado"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# Possible layours: [two_column_left_image, two_column_right_image]
components:
+
+ - name: how-it-works
+ position: 3
+ background: "veryLightBlue2"
+ layout: iconogram
+ swipable: True
+ heading:
+ text: ""
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
+ sub_heading:
+ text: ""
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ style: '{ "textAlign": "center", "width": "60%" }'
+ text_link: "#"
+ icons:
+ - icon: "touch"
+ title: Aplica a la beca
+ - icon: "receive_mail"
+ title: Obten un correo electrónico con la información
+ - icon: "talk"
+ title: Haz una entrevista con nuestro equipo
+ - icon: "terminal"
+ title: Aprende a programar con nosotros
+
+ - name: "whatever"
+ layout: choose_your_program
+ position: 5
+ heading:
+ text: Nuestros Programas
+ content:
+ text: Contamos con programas que combinan clases prácticas dictadas por expertos
+ font_size: ["16px"]
+ path: ""
+ programs:
+ - title: "Full Stack Developer"
+ sub_title: "Nivel 1"
+ icon: "fullstack_2"
+ description: |
+ Aprende desde cero, empezando por lo básico: HTML + CSS3 + Javascript.
+
+ Aprende las habilidades más solicitadas con instructores apasionados y un plan de estudios práctico para ayudarte a encontrar un trabajo de programación como desarrollador Jr.
+
+ text_link: Aplica a una beca
+ link: "#"
+
+ - title: "Ingeniero de Software"
+ sub_title: "Nivel 2"
+ icon: "software_2"
+ description: |
+ Profundizamos a un nivel avanzado principios específicos de desarrollo, llevando tu carrera a otro nivel.
+
+ Texto que resuma y explique que este programa tiene modalidad part time y full time. Que también resuma eficientemente el syballus del programa. Acá incluiría un
link para poder descargar el PDF con el detalle del programa.
+ Desarrolla más habilidades adentrándote en el mundo de computación y aplicaciones nativas de la nube. Aprende las habilidades que el 90% de las empresas Fortune 500 están buscando.
+
+ text_link: Aplica a una beca
+ link: "#"
+
- name: python_y_javascript
position: 7
layout: two_column_right
@@ -178,6 +196,5 @@ components:
# xl lg md sm xs
font_size: ["50px", "50px", "50px", "50px", "50px"]
content:
- text: "Nuestros programa está basado en el uso de Python y Javascript. La razón? En el mercado laboral JavaScript tiene 26 veces más vacantes de trabajo que Ruby on Rails y Python tiene 10 veces más trabajos que node.js.
- Otras herramientas que también aprenderás a usar en nuestro programa son: GitHub, CSS3, HTML5, Flask, etc."
+ text: "Nuestros programa está basado en el uso de Python y Javascript. La razón? En el mercado laboral JavaScript tiene 26 veces más vacantes de trabajo que Ruby on Rails y Python tiene 10 veces más trabajos que node.js. Otras herramientas que también aprenderás a usar en nuestro programa son: GitHub, CSS3, HTML5, Flask, etc."
font_size: ["16px"]
diff --git a/src/data/landing/becas-ticjob-spain.es.yml b/src/data/landing/becas-ticjob-spain.es.yml
index ce0e43156..4c98630ff 100644
--- a/src/data/landing/becas-ticjob-spain.es.yml
+++ b/src/data/landing/becas-ticjob-spain.es.yml
@@ -83,14 +83,14 @@ short_badges:
alt: "Best coding bootcamp Switchup 2023"
- name: "Florida Department of Education"
url: ""
- image: "../../../static/images/badges/licensed.png"
+ image: "../../../static/images/badges/licensed-inverted.png"
alt: "Florida Department of Education"
-#
-# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
-#
+# #
+# # ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
+# #
badges:
- position: 1 # It's the position of the component that will be rendered first
+ position: 5 # It's the position of the component that will be rendered first
heading: "4Geeks Academy es una de las mejores escuelas de programación del mundo, ha sido Galardonada como el Mejor Centro de Formación de España 2023 y sus programas de estudio han sido reconocidos como los Mejores para la Inserción Profesional. "
about4Geeks:
@@ -108,18 +108,6 @@ about4Geeks:
image: "../../../static/images/bg/remote.jpeg"
image_mobile: "../../../static/images/bg/remote.jpeg"
-iconogram:
- position: 3
- icons:
- - icon: "touch"
- title: completa el formulario antes del 1 de abril de 2023
- - icon: "receive_mail"
- title: recibirás un correo electrónico con toda la información para avanzar en el proceso
- - icon: "talk"
- title: haz una entrevista personal vía telefónica con el equipo de admisiones
- - icon: "terminal"
- title: reserva tu plaza y ¡acelera tu carrera!
-
who_is_hiring:
position: 5
heading: "DÓNDE TRABAJAN NUESTROS ESTUDIANTES"
@@ -132,48 +120,53 @@ who_is_hiring:
- name: "Apple"
image: "../../../static/images/partner/apple.png"
-#choose_your_program:
-# position: 5
-# title: Nuestro Programa
-# paragraph: Programa en formato part-time con clases en vivo impartidas por profesionales de la programación del mundo real y diseñados pensando en lo que las empresas demandan.
-# programs:
-# - title: "Data Science & Machine Learning"
-# sub_title: "Desde Cero"
-# icon: "machine"
-# description: |
-# Explora los fundamentos de Machine Learning y Deep Learning con algunas de las tecnologías más poderosas para escalar la inteligencia en los negocios.
-# Practica con escenarios y casos reales y maneja las herramientas más utilizadas en la industria. Crea estrategías, implementa y manten en producción tus modelos de IA con privacidad, seguridad y ética. Conviértete en uno de los profesionales mejor pagados del sector.
-#
-# Disponible en modalidad part-time. Descarga aquí el
programa de estudios.
-# text_link: Aplica ahora
-# link: "#"
-
program_details:
position: 4
background: "#FFFFFF"
heading: "Detalles del programa"
sub_heading: "Aprende las tecnologías que demandan las empresas"
-# Possible layouts: [two_column_left_image, two_column_right_image]
+# # Possible layouts: [two_column_left_image, two_column_right_image]
components:
-# - name: python_y_javascript
-# position: 6
-# layout: two_column_right
-# background: "veryLightBlue2" # Name of the color(from components/Styling/index.js) or color code ex: #C9F9F9
-# image:
-# src: "/images/why-4geeks/python-image.png"
- # /static/images/why-4geeks/python-image.png
- # video: "B01-eTfgqqc"
-# heading:
-# text:
-# "Python y Javascript"
- # xl lg md sm xs
-# font_size: ["50px", "50px", "50px", "50px", "50px"]
-# content:
-# text: "Nuestros programas están basados en el uso de Phyton y Javascript. ¿La razón? En el mercado laboral JavaScript tiene 26 veces más vacantes de trabajo que Ruby on Rails. Python tiene 10 veces más oportunidades que Node.JS. Además, están entre las carreras mejor pagadas en todo el mundo.
-
-# Otras herramientas que también aprenderás a usar en nuestros programas son: GitHub, Git, React, Amazon Web Services, Pandas, Matplotlib, Plotly, etc."
-# font_size: ["17px"]
+ - name: how-it-works
+ position: 3
+ background: "veryLightBlue2"
+ layout: iconogram
+ swipable: True
+ heading:
+ text: ""
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
+ sub_heading:
+ text: ""
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ style: '{ "textAlign": "center", "width": "60%" }'
+ text_link: "#"
+ icons:
+ - icon: "touch"
+ title: Completa el formulario antes del 1 de abril de 2023
+ - icon: "receive_mail"
+ title: Recibirás un correo electrónico con toda la información para avanzar en el proceso
+ - icon: "talk"
+ title: Haz una entrevista personal vía telefónica con el equipo de admisiones
+ - icon: "terminal"
+ title: Reserva tu plaza y ¡acelera tu carrera!
+
+ # - name: python_y_javascript
+ # position: 8
+ # layout: two_column_right
+ # background: "veryLightBlue2" # Name of the color(from components/Styling/index.js) or color code ex: #C9F9F9
+ # image:
+ # src: "/images/why-4geeks/python-image.png"
+ # #/static/images/why-4geeks/python-image.png
+ # video: "B01-eTfgqqc"
+ # heading:
+ # text:
+ # "Python y Javascript"
+ # xl lg md sm xs
+ # font_size: ["50px", "50px", "50px", "50px", "50px"]
+ # content:
+ # text: "Nuestros programas están basados en el uso de Phyton y Javascript. ¿La razón? En el mercado laboral JavaScript tiene 26 veces más vacantes de trabajo que Ruby on Rails. Python tiene 10 veces más oportunidades que Node.JS. Además, están entre las carreras mejor pagadas en todo el mundo. Otras herramientas que también aprenderás a usar en nuestros programas son: GitHub, Git, React, Amazon Web Services, Pandas, Matplotlib, Plotly, etc."
+ # font_size: ["17px"]
why_python:
position: 6
@@ -186,9 +179,9 @@ why_4geeks:
sub_heading: ""
footer:
text: Ver opciones de financiación
- text_link:
+ text_link: ""
apply_schollarship: # form that is displayed at the end of the landing
# title: "Apoyo Profesional Ilimitado"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
diff --git a/src/data/landing/caracas-aprende-a-programar.es.yml b/src/data/landing/caracas-aprende-a-programar.es.yml
index b3b7f3890..240e241ed 100644
--- a/src/data/landing/caracas-aprende-a-programar.es.yml
+++ b/src/data/landing/caracas-aprende-a-programar.es.yml
@@ -7,7 +7,7 @@ meta_info:
image: "/images/bg/remote.jpeg"
keywords: "Aprende a programar, 4Geeks academy, aprende programacion, aprende ingenieria informatica"
- template: "landing_nonav" # <--- choose your landing template
+ template: "landing_a" # <--- choose your landing template
redirects: [] # <--- URL redirections to avoid 404 errors
# Set a particular course or location to the landing page
@@ -87,7 +87,7 @@ follow_bar:
#
badges:
- position: 6
+ position: 5
heading: "Premios y reconocimientos que validan nuestra excelencia"
program_details:
@@ -120,30 +120,35 @@ who_is_hiring:
# Possible layours: [two_column_left_image, two_column_right_image]
components:
- name: top_coding_bootcamp
- position: 5
+ position: 2
layout: two_column_left
proportions: [4, 8]
+ background: "#f1f1f1"
image:
style: '{ "backgroundSize": "contain" }'
- src: "/static/images/badges/Course-Report-Badge-2023.png"
+ src: "/images/badges/Course-Report-Badge-2023.png"
link: "https://www.coursereport.com/schools/4geeks-academy"
heading:
text:
"Tenemos 3 años consecutivos siendo seleccionados como uno de los mejores coding bootcamps del mundo"
#xl lg md sm xs
- font_size: ["40px", "40px", "40px", "40px", "40px"]
+ font_size: ["38px", "36px", "32px", "30px", "30px"]
- name: more_testimonials
position: 9
layout: two_column_left
image:
+ style: '{ "border" : "3px solid black" }'
+ shadow: true
src: "https://storage.googleapis.com/4geeks-academy-website/landing-pictures/testimonials.webp"
heading:
text: "Escúchalo de nuestros alumnos"
#xl lg md sm xs
font_size: ["40px", "34px", "34px", "25px", "20px"]
button:
- text: "Más testimoniales"
- color: null
+ text: "Historias de Éxito"
+ background: black
+ color: white
+ hover_color: "#FFB718"
path: "https://www.youtube.com/watch?v=plwPwyrxX84"
content:
text: "Mi experiencia con 4Geeks ha sido magnífica, me ha encantado. Tengo unos profesores maravillosos y tengo unos compañeros súper geniales. He aprendido bastante sobre HTML, CSS, JavaScript, React y Python. Mis profesores siempre estuvieron atentos a lo que necesitaba. Igual hay una plataforma donde podemos hablar todos los estudiantes de 4Geeks y nos ayudamos entre todos.... ¡Ha sido genial tomar esta decisión! -Beatriz Hernández"
@@ -156,6 +161,8 @@ components:
position: 7
layout: two_column_right
image:
+ style: '{ "border" : "3px solid black" }'
+ shadow: true
src: "/images/bg/people_happy.jpg"
video: "B01-eTfgqqc"
heading:
@@ -171,3 +178,8 @@ components:
# position: 7
# heading: "¿Porqué enseñamos Python?" # optional or set to white space to hide
# sub_heading: " " # optional or set to white space to hide
+
+apply_schollarship: # form that is displayed at the end of the landing
+ # title: "Apoyo Profesional Ilimitado"
+ imageSide: "left"
+ image: "../../../static/images/landing/apply.png"
\ No newline at end of file
diff --git a/src/data/landing/caracas-bootcamp-de-programacion.es.yml b/src/data/landing/caracas-bootcamp-de-programacion.es.yml
index 69a407641..24bcd0544 100644
--- a/src/data/landing/caracas-bootcamp-de-programacion.es.yml
+++ b/src/data/landing/caracas-bootcamp-de-programacion.es.yml
@@ -7,7 +7,7 @@ meta_info:
image: "/images/bg/remote.jpeg"
keywords: "Bootcamp de programacion, Aprende a programar, 4Geeks academy, aprende programacion, aprende ingenieria informatica"
- template: "landing_nonav" # <--- choose your landing template
+ template: "landing_a" # <--- choose your landing template
redirects: [] # <--- URL redirections to avoid 404 errors
# Set a particular course or location to the landing page
@@ -85,9 +85,13 @@ follow_bar:
#
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
+apply_schollarship: # form that is displayed at the end of the landing
+ # title: "Apoyo Profesional Ilimitado"
+ imageSide: "left"
+ image: "../../../static/images/landing/apply.png"
badges:
- position: 6
+ position: 5
heading: "Premios y reconocimientos que validan nuestra excelencia"
program_details:
@@ -120,30 +124,35 @@ who_is_hiring:
# Possible layours: [two_column_left_image, two_column_right_image]
components:
- name: top_coding_bootcamp
- position: 5
+ position: 2
layout: two_column_left
proportions: [4, 8]
+ background: "#e6e6e6"
image:
- style: '{ "backgroundSize": "contain" }'
- src: "/static/images/badges/Course-Report-Badge-2023.png"
+ style: '{ "backgroundSize": "contain"}'
+ src: "/images/badges/Course-Report-Badge-2023.png"
link: "https://www.coursereport.com/schools/4geeks-academy"
heading:
text:
"Tenemos 3 años consecutivos siendo seleccionados como uno de los mejores coding bootcamps del mundo"
#xl lg md sm xs
- font_size: ["40px", "40px", "40px", "40px", "40px"]
+ font_size: ["38px", "36px", "32", "30px", "30px"]
+ padding: "0px"
- name: more_testimonials
position: 9
layout: two_column_left
image:
+ shadow: true
src: "https://storage.googleapis.com/4geeks-academy-website/landing-pictures/testimonials.webp"
heading:
text: "Escúchalo de nuestros alumnos"
#xl lg md sm xs
font_size: ["40px", "34px", "34px", "25px", "20px"]
button:
- text: "Más testimoniales"
- color: null
+ text: "Historias de Éxito"
+ background: black
+ color: white
+ hover_color: "#FFB718"
path: "https://www.youtube.com/watch?v=plwPwyrxX84"
content:
text: "Mi experiencia con 4Geeks ha sido magnífica, me ha encantado. Tengo unos profesores maravillosos y tengo unos compañeros súper geniales. He aprendido bastante sobre HTML, CSS, JavaScript, React y Python. Mis profesores siempre estuvieron atentos a lo que necesitaba. Igual hay una plataforma donde podemos hablar todos los estudiantes de 4Geeks y nos ayudamos entre todos.... ¡Ha sido genial tomar esta decisión! -Beatriz Hernández"
diff --git a/src/data/landing/caracas-curso-de-programacion.es.yml b/src/data/landing/caracas-curso-de-programacion.es.yml
index 0e38829bb..0dd5280be 100644
--- a/src/data/landing/caracas-curso-de-programacion.es.yml
+++ b/src/data/landing/caracas-curso-de-programacion.es.yml
@@ -7,7 +7,7 @@ meta_info:
image: "/images/bg/remote.jpeg"
keywords: "Curso de programación, Aprende a programar, 4Geeks academy, aprende programacion, aprende ingenieria informatica"
- template: "landing_nonav" # <--- choose your landing template
+ template: "landing_a" # <--- choose your landing template
redirects: [] # <--- URL redirections to avoid 404 errors
# Set a particular course or location to the landing page
@@ -86,8 +86,13 @@ follow_bar:
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
+apply_schollarship: # form that is displayed at the end of the landing
+ # title: "Apoyo Profesional Ilimitado"
+ imageSide: "left"
+ image: "../../../static/images/landing/apply.png"
+
badges:
- position: 6
+ position: 5
heading: "Premios y reconocimientos que validan nuestra excelencia"
program_details:
@@ -120,30 +125,34 @@ who_is_hiring:
# Possible layours: [two_column_left_image, two_column_right_image]
components:
- name: top_coding_bootcamp
- position: 5
+ position: 2
layout: two_column_left
proportions: [4, 8]
+ background: "#e6e6e6"
image:
style: '{ "backgroundSize": "contain" }'
- src: "/static/images/badges/Course-Report-Badge-2023.png"
+ src: "/images/badges/Course-Report-Badge-2023.png"
link: "https://www.coursereport.com/schools/4geeks-academy"
heading:
text:
"Tenemos 3 años consecutivos siendo seleccionados como uno de los mejores coding bootcamps del mundo"
#xl lg md sm xs
- font_size: ["40px", "40px", "40px", "40px", "40px"]
+ font_size: ["38px", "36px", "32px", "32px", "30px"]
- name: more_testimonials
position: 9
layout: two_column_left
image:
+ shadow: true
src: "https://storage.googleapis.com/4geeks-academy-website/landing-pictures/testimonials.webp"
heading:
text: "Escúchalo de nuestros alumnos"
#xl lg md sm xs
font_size: ["40px", "34px", "34px", "25px", "20px"]
button:
- text: "Más testimoniales"
- color: null
+ text: "Historias de Éxito"
+ background: black
+ color: white
+ hover_color: "#FFB718"
path: "https://www.youtube.com/watch?v=plwPwyrxX84"
content:
text: "Mi experiencia con 4Geeks ha sido magnífica, me ha encantado. Tengo unos profesores maravillosos y tengo unos compañeros súper geniales. He aprendido bastante sobre HTML, CSS, JavaScript, React y Python. Mis profesores siempre estuvieron atentos a lo que necesitaba. Igual hay una plataforma donde podemos hablar todos los estudiantes de 4Geeks y nos ayudamos entre todos.... ¡Ha sido genial tomar esta decisión! -Beatriz Hernández"
diff --git a/src/data/landing/caracas-tecnologia-financiera.es.yml b/src/data/landing/caracas-tecnologia-financiera.es.yml
index 5a905fba0..ea527047e 100644
--- a/src/data/landing/caracas-tecnologia-financiera.es.yml
+++ b/src/data/landing/caracas-tecnologia-financiera.es.yml
@@ -9,7 +9,7 @@ meta_info:
image: "/images/bg/main-bg.jpg"
keywords: "Bootcamp de programación, Bootcamp de python, Bootcamp de javascript, Bootcamp de full stack, Bootcamp, 4Geeks Academy"
- template: "landing_nonav" # <--- choose your landing template
+ template: "landing_a" # <--- choose your landing template
redirects: # <--- URL redirections to avoid 404 errors
[]
@@ -91,7 +91,7 @@ follow_bar:
program_details:
position: 4
heading: "Domina Python, JS y React"
- sub_heading: "Un bootcamp de programación sobre las tecnologías más usadas del mundo"
+ sub_heading: "Un bootcamp de programación sobre las tecnologías más usadas del mundo"
# Possible layours: [two_column_left_image, two_column_right_image]
components:
@@ -124,9 +124,10 @@ components:
GeekForce es el proceso colectivo de apoyo profesional del Bootcamp. La 'fuerza' significa empoderamiento profesional y es una membresía de por vida. Brinda asistencia para la colocación laboral del estudiante y para que se prepare para conseguir un trabajo en tecnología.
- name: top_coding_bootcamp
- position: 6
+ position: 4
layout: two_column_left
proportions: [4, 8]
+ background: "#e6e6e6"
image:
style: '{ "backgroundSize": "contain" }'
src: "/images/badges/Course-Report-Badge-2023.png"
@@ -134,22 +135,22 @@ components:
heading:
text:
"Tenemos 3 años consecutivos siendo seleccionados como uno de los mejores coding bootcamps del mundo"
- #xl lg md sm xs
- font_size: ["40px", "40px", "40px", "40px", "40px"]
+ #xl lg md sm xs
+ font_size: ["38px", "36px", "32px", "30px", "30px"]
- name: alianza
position: 2
layout: two_column_left
proportions: [5, 7]
image:
- style: '{ "backgroundSize": "contain" }'
+ style: '{ "backgroundSize": "cover", "background-position": "top"}'
src: "/images/ownpeoplecoding2.jpg"
+ shadow: true
heading:
text: "4Geeks Academy & Tecnología Financiera: ¡La alianza que impulsará tu vida profesional!"
font_size: ["30px", "30px", "30px", "30px", "30px"]
sub_heading:
text: "Si formas parte de Tecnología Financiera ahora también podrás ser uno de nuestros geeks.
-
-En 4Geeks Academy sabemos lo que buscas y queremos darte todas las herramientas necesarias para que puedas aprender a programar y logres cambiar tu vida por completo."
+ En 4Geeks Academy sabemos lo que buscas y queremos darte todas las herramientas necesarias para que puedas aprender a programar y logres cambiar tu vida por completo."
font_size: ["16px", "16px", "16px", "16px", "16px"]
content:
font_size: ["16px"]
@@ -158,7 +159,7 @@ En 4Geeks Academy sabemos lo que buscas y queremos darte todas las herramientas
badges:
- position: 3
+ position: 7
heading: "4Geeks Academy cuenta con premios y reconocimientos de validan su excelencia"
why_4geeks:
@@ -170,4 +171,9 @@ who_is_hiring:
position: 8
limit: 4
heading: "¿Quién contrata a nuestros alumnos?"
- sub_heading: "Nos encanta ver crecer a nuestros estudiantes, es por eso que nos esforzamos cada día por tener más aliados, para que puedas trabajar en empresas que te ayuden a seguir creciendo profesionalmente."
\ No newline at end of file
+ sub_heading: "Nos encanta ver crecer a nuestros estudiantes, es por eso que nos esforzamos cada día por tener más aliados, para que puedas trabajar en empresas que te ayuden a seguir creciendo profesionalmente."
+
+apply_schollarship: # form that is displayed at the end of the landing
+ # title: "Apoyo Profesional Ilimitado"
+ imageSide: "left"
+ image: "../../../static/images/landing/apply.png"
\ No newline at end of file
diff --git a/src/data/landing/clark-scholarship.us.yml b/src/data/landing/clark-scholarship.us.yml
index e9891acbe..d2eedeb73 100644
--- a/src/data/landing/clark-scholarship.us.yml
+++ b/src/data/landing/clark-scholarship.us.yml
@@ -1,6 +1,7 @@
meta_info:
slug: clark-scholarship # <--- URL 4geeksacademy.com/us/landing/example
+ visibility: "visible" # visible (default), hidden (not indexed) or unlisted (listed but not in sitemap).
# This will show on social media when shared
title: "Get a Scholarship and join our software development program now. It's LIVE, on-line (or in-person if you want as well). Learn to code and launch your career in Tech"
description: "Coding has become an essencial skills for every career, enroll in 4Geeks Academy coding program and learn to code to have a better life."
@@ -34,7 +35,7 @@ form:
apply_schollarship: # form that is displayed at the end of the landing
# title: "Get more info about this award-winning development course"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -49,11 +50,11 @@ features:
# up left down right
styles: '{ "fontSize": "20px", "margin": "10px 0px 10px 0px" }'
bullets:
- - Available nationwide
- - Fill out the contact form or call 786-416-6640
- - Invest less than $6k and gain access to jobs paying more than 60k a year!
- - Enjoy the full benefits of our bootcamp
- - Rolling admission. Apply now!
+ - Available nationwide
+ - Fill out the contact form or call 786-416-6640
+ - Invest less than $6k and gain access to jobs paying more than 60k a year!
+ - Enjoy the full benefits of our bootcamp
+ - Rolling admission. Apply now!
short_badges:
- name: "Premios Tecnologia Siglo XXI"
@@ -90,7 +91,7 @@ follow_bar:
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
rating_reviews:
- position: 1
+ position: 7
heading: "Top rated on all available review sites"
rating_list:
- alt: "Career Karma"
@@ -111,23 +112,11 @@ rating_reviews:
url: ""
program_details:
- position: 3
+ position: 1
background: "#FFFFFF"
heading: "Program details"
sub_heading: "Real-life projects and exactly what companies are looking for"
-iconogram:
- position: 2
- icons:
- - icon: "touch"
- title: REQUEST INFO
- - icon: "receive_mail"
- title: RECEIVE AN E-MAIL WITH THE DETAILS
- - icon: "talk"
- title: TALK TO ADMISSIONS
- - icon: "terminal"
- title: LEARN TO CODE
-
why_python:
position: 5
@@ -161,32 +150,36 @@ who_is_hiring:
# sub_heading: "Take a look at our previous student projects"
components:
- - name: how_it_works
- position: 4
+ - name: Reserva tu plaza y ¡acelera tu carrera!
+ position: 2
background: "veryLightBlue2"
- layout: two_column_right
- proportions: [6, 6]
- image:
- style: '{ "backgroundSize": "contain" }'
- src: "/images/landing/_CU_Horiz_Red_LG.png"
+ layout: iconogram
+ swipable: True
heading:
text: "How it works"
font_size: ["30px", "30px", "30px", "30px", "30px"]
sub_heading:
text: "Techboost is a national workforce development program funded by the Department of Labor that is run in alliance with Clark University and selected IT education providers. 4Geeks Academy has been chosen as a partner in the program, making it possible to offer a limited number of $4K scholarships to our bootcamp. We couldn't be prouder to be part of this important initiative!"
- font_size: ["18px", "18px", "18px", "18px", "18px"]
- button:
- text: "Apply here"
- color: null
- path: "https://tqaclark.agsprime.net/one_workforce/self_registration_module/participant_self_registration_form?EDIT_MODE=false&staff_organization_id=6329D58D569BD902D19F1E8C"
- content:
- text: |
-
1. Apply and ask for the Clark Scholarship fund.
-
2. Show/provide proof of working permit in the US.
-
3. If you are unemployed, that's good here. But if you are underpaid or need a new job or a new salary, you also are subject to receive the Scholarship.
-
4. Complete the program.
-
5. Let's start together to find a job. Your success will open more doors to upcoming students.
- font_size: ["16px"]
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ style: '{ "textAlign": "center", "width": "60%" }'
+ text_link: "#"
+ icons:
+ - icon: "touch"
+ title: ""
+ content: 1. Apply and ask for the Clark Scholarship fund.
+ - icon: "receive_mail"
+ title: ""
+ content: 2. Show/provide proof of working permit in the US.
+ - icon: "talk"
+ title: ""
+ content: 3. If you are unemployed, that's good here. But if you are underpaid or need a new job or a new salary, you also are subject to receive the Scholarship
+ - icon: "talk"
+ title: ""
+ content: 4. Complete the program.
+ - icon: "talk"
+ title: ""
+ content: 5. Let's start together to find a job. Your success will open more doors to upcoming students.
+
- name: python_y_javascript
position: 11
layout: two_column_right
diff --git a/src/data/landing/colombia-aprender-a-programar.es.yml b/src/data/landing/colombia-aprender-a-programar.es.yml
index 373956340..ed46a46f3 100644
--- a/src/data/landing/colombia-aprender-a-programar.es.yml
+++ b/src/data/landing/colombia-aprender-a-programar.es.yml
@@ -36,7 +36,7 @@ navbar:
apply_schollarship: # form that is displayed at the end of the landing
# title: "Get more info about this award-winning development course"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -90,6 +90,21 @@ follow_bar:
#
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
+components:
+ - name: top_coding_bootcamp
+ position: 1
+ layout: two_column_left
+ proportions: [4, 8]
+ background: "#f1f1f1"
+ image:
+ style: '{ "backgroundSize": "contain" }'
+ src: "/images/badges/Course-Report-Badge-2023.png"
+ link: "https://www.coursereport.com/schools/4geeks-academy"
+ heading:
+ text:
+ "Tenemos 3 años consecutivos siendo seleccionados como uno de los mejores coding bootcamps del mundo"
+ #xl lg md sm xs
+ font_size: ["38px", "36px", "32px", "30px", "30px"]
rating_reviews:
position: 2
diff --git a/src/data/landing/colombia-bootcamp-programacion.es.yml b/src/data/landing/colombia-bootcamp-programacion.es.yml
index 55871f96f..087e9d0ae 100644
--- a/src/data/landing/colombia-bootcamp-programacion.es.yml
+++ b/src/data/landing/colombia-bootcamp-programacion.es.yml
@@ -36,7 +36,7 @@ navbar:
apply_schollarship: # form that is displayed at the end of the landing
# title: "Get more info about this award-winning development course"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -90,6 +90,21 @@ follow_bar:
#
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
+components:
+ - name: top_coding_bootcamp
+ position: 1
+ layout: two_column_left
+ proportions: [4, 8]
+ background: "#f1f1f1"
+ image:
+ style: '{ "backgroundSize": "contain" }'
+ src: "/images/badges/Course-Report-Badge-2023.png"
+ link: "https://www.coursereport.com/schools/4geeks-academy"
+ heading:
+ text:
+ "Tenemos 3 años consecutivos siendo seleccionados como uno de los mejores coding bootcamps del mundo"
+ #xl lg md sm xs
+ font_size: ["38px", "36px", "32px", "30px", "30px"]
rating_reviews:
position: 2
diff --git a/src/data/landing/colombia-curso-programacion.es.yml b/src/data/landing/colombia-curso-programacion.es.yml
index efbb5ca67..85dcd6a30 100644
--- a/src/data/landing/colombia-curso-programacion.es.yml
+++ b/src/data/landing/colombia-curso-programacion.es.yml
@@ -36,7 +36,7 @@ navbar:
apply_schollarship: # form that is displayed at the end of the landing
# title: "Get more info about this award-winning development course"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -90,6 +90,21 @@ follow_bar:
#
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
+components:
+ - name: top_coding_bootcamp
+ position: 2
+ layout: two_column_left
+ proportions: [4, 8]
+ background: "#f1f1f1"
+ image:
+ style: '{ "backgroundSize": "contain" }'
+ src: "/images/badges/Course-Report-Badge-2023.png"
+ link: "https://www.coursereport.com/schools/4geeks-academy"
+ heading:
+ text:
+ "Tenemos 3 años consecutivos siendo seleccionados como uno de los mejores coding bootcamps del mundo"
+ #xl lg md sm xs
+ font_size: ["38px", "36px", "32px", "30px", "30px"]
rating_reviews:
position: 2
@@ -113,7 +128,7 @@ rating_reviews:
url: ""
badges:
- position: 3
+ position: 10
heading: "4Geeks Academy cuenta con premios y reconocimientos que validan su excelencia"
program_details:
diff --git a/src/data/landing/colombia-job-guarantee.es.yml b/src/data/landing/colombia-job-guarantee.es.yml
index 13ae673b8..812f7eaa2 100644
--- a/src/data/landing/colombia-job-guarantee.es.yml
+++ b/src/data/landing/colombia-job-guarantee.es.yml
@@ -36,7 +36,7 @@ navbar:
apply_schollarship: # form that is displayed at the end of the landing
# title: "Get more info about this award-winning development course"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -58,24 +58,6 @@ features:
- Aprovecha nuestras opciones de Financiamiento
-short_badges:
- - name: "Premios Tecnologia Siglo XXI"
- url: ""
- image: "../../../static/images/awards/premios_tecnologia_sigloxxi.png"
- alt: "Mejor centro de Coding Bootcamp"
- - name: "Course Report"
- url: ""
- image: "../../../static/images/badges/Course-Report-Badge-2023.png"
- alt: "Top Coding Bootcamps Course Report"
- - name: "Switchup"
- url: ""
- image: "../../../static/images/badges/switchup-badge-2023.png"
- alt: "Best coding bootcamp Switchup 2023"
- - name: "Florida Department of Education"
- url: ""
- image: "../../../static/images/badges/licensed.png"
- alt: "Florida Department of Education"
-
follow_bar:
position: "top" # top, bottom, hidden
content:
@@ -94,7 +76,7 @@ follow_bar:
#
rating_reviews:
- position: 1
+ position: 3
heading: "Lee acerca de nosotros"
rating_list:
- alt: "Career Karma"
@@ -115,27 +97,15 @@ rating_reviews:
url: ""
badges:
- position: 2
+ position: 7
heading: "4Geeks Academy cuenta con premios y reconocimientos que validan su excelencia"
program_details:
- position: 3
+ position: 1
background: "#FFFFFF"
heading: "Domina Python, JS y React"
sub_heading: "Un curso de programación sobre las tecnologías más usadas del mundo"
-iconogram:
- position: 4
- icons:
- - icon: "touch"
- title: Incríbete en el Programa
- - icon: "instructor"
- title: Obtén tu certificación
- - icon: "talk"
- title: Completa Nuestro GeekForce
- - icon: "terminal"
- title: Consigue tu Empleo soñado
-
geeks_vs_others:
position: 6
heading: "¿Qué hace a este bootcamp tan exitoso?"
@@ -148,7 +118,7 @@ why_4geeks:
sub_heading: " "
who_is_hiring:
- position: 8
+ position: 14
limit: 4
heading: "¿Quién contrata a nuestros alumnos?"
sub_heading: "84% de nuestros estudiantes que completaron el proceso de GeekFORCE han conseguido trabajo luego de haberse graduado (incluso dentro de los sigiuientes 100 días)"
@@ -159,8 +129,36 @@ alumni_projects:
sub_heading: "Proyectos hechos por estudiantes de la academia"
components:
+ - name: ""
+ position: 12
+ background: "veryLightBlue2"
+ layout: iconogram
+ swipable: True
+ heading:
+ text: "Garantía de Empleo"
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
+ sub_heading:
+ text: ""
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ style: '{ "textAlign": "center", "width": "60%" }'
+ button:
+ text: "Conditiones Applican"
+ color: black
+ # hover_color: "white"
+ # background: "black"
+ path: "#"
+ icons:
+ - icon: "touch"
+ title: Incríbete en el Programa
+ - icon: "instructor"
+ title: Obtén tu certificación
+ - icon: "talk"
+ title: Completa Nuestro GeekForce
+ - icon: "terminal"
+ title: Consigue tu Empleo soñado
+
- name: python_y_javascript
- position: 5
+ position: 2
layout: two_column_right
background: "veryLightBlue2" # Name of the color(from components/Styling/index.js) or color code ex: #C9F9F9
image:
diff --git a/src/data/landing/conding-bootcamp-colombia.es.yml b/src/data/landing/conding-bootcamp-colombia.es.yml
new file mode 100644
index 000000000..1a9cebe35
--- /dev/null
+++ b/src/data/landing/conding-bootcamp-colombia.es.yml
@@ -0,0 +1,130 @@
+meta_info:
+ slug: conding-bootcamp-colombia # <--- URL 4geeksacademy.com/es/landing/conding-bootcamp-colombia
+
+ visibility: "visible" # visible (default), hidden (not indexed) or unlisted (listed but not in sitemap).
+ # This will show on social media when shared
+ title: "Bootcamp de programación en Colombia."
+ description: "Mejora tus habilidades en programación o aprende a programar desde cero y recibe soporte técnivo y profesional de por vida."
+ image: "/images/bg/main-bg.jpg"
+ keywords: "Bootcamp de Programación, Bootcamp programacion Colombia, Bootcamp de python, Bootcamp de React y Javascript, Bootcamp de Informática, Coding Bootcamp, 4Geeks Academy"
+
+ template: "landing_a" # <--- choose your landing template
+ redirects: # <--- URL redirections to avoid 404 errors
+ ["/landing/bootcamp-colombia"]
+
+ # Set a particular course or location to the landing page
+ # this UTM fields will be also included in the CRM contact
+ utm_course: ["full-stack"]
+ utm_location: ["bogota-colombia"]
+ automation: strong # comma separated, "soft" is the default value
+ tag: website-lead # comma separated, "request_more_info" is the default value
+
+navbar:
+ logoUrl: "#" # relative(/apply), absolute(https://google.com) or id(#componentName)
+ buttonText: "Información"
+ buttonUrl: "#bottom" # url accepts: relative(/apply), absolute(https://google.com), id(#componentName) or position(#top #bottom)
+
+form:
+ # posible fields: "first_name", "last_name", "full_name", "phone", "email"
+ # always the first_name, email and phone will be mandatory if added.
+ fields: ["full_name", "phone", "email"]
+ #margin_md: "0 auto 0 -30px"
+ heading: "Conoce más información"
+ button_label: Obtener más información
+ redirect: "https://marketing892162.typeform.com/to/XhfwihKQ" #you can redirect to another url or entirely diffrent website
+
+ # jumbotron on the top (cannot be commented out)
+apply_schollarship: # form that is displayed at the end of the landing
+ # title: "Get more info about this award-winning development course"
+ imageSide: "left"
+ image: "../../../static/images/landing/apply.png"
+
+header_data:
+ background: "#FFF1D1"
+ tagline: ¡Bienvenido a 4Geeks Academy! La academia de programación líder en el mundo
+ tagline_color: "black"
+ sub_heading: Con más de 7 años de experiencia tenemos presencia en USA, Europa y Latinoamérica. En nuestra academia, te enseñamos habilidades y destrezas relevantes para el futuro
+ # background_image: "../../../static/images/bg/main-bg.jpg"
+ #video: "https://www.videoask.com/fm984j5nz"
+ image_filter: brightness(0.4)
+
+features:
+ marginTop: 0px #<-- separation between tagline and the bullets
+ # up left down right
+ styles: '{ "fontSize": "20px", "margin": "10px 0px 10px 0px" }'
+ bullets:
+ - Un Desarrollador en Madrid gana 24.000€ al año.
+ - Hay más vacantes que en cualquier otra industria
+ - Impulsa tu Carrera y hazte programador de software
+
+short_badges:
+ - name: "Premios Tecnologia Siglo XXI"
+ url: ""
+ image: "../../../static/images/awards/premios_tecnologia_sigloxxi.png"
+ alt: "Mejor centro de Coding Bootcamp"
+ - name: "Course Report"
+ url: ""
+ image: "../../../static/images/badges/Course-Report-Badge-2023.png"
+ alt: "Top Coding Bootcamps Course Report"
+ - name: "Switchup"
+ url: ""
+ image: "../../../static/images/badges/switchup-badge-2023.png"
+ alt: "Best coding bootcamp Switchup 2023"
+ - name: "Florida Department of Education"
+ url: ""
+ image: "../../../static/images/badges/licensed.png"
+ alt: "Florida Department of Education"
+
+follow_bar:
+ position: "top" # top, bottom, hidden
+ content:
+ text: "Financiamiento sin interés. \n Plan de pago a 12 cuotas."
+ text_mobile: "Financiamiento sin interés. \n Hasta 12 cuotas."
+ # devices: XL LG MD SM XS
+ font_size: ["25px", "25px", "25px", "18px", "4.3vw"]
+ button:
+ text: "Obtener más información"
+ path: "#top"
+ phone:
+ text: "Llama"
+
+#
+# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
+#
+
+program_details:
+ position: 1
+ heading: "Domina Python, JS y React"
+ sub_heading: "Un curso de programación sobre las tecnologías más usadas del mundo"
+
+#nuevo_componente:
+#position: 2
+
+why_4geeks:
+ position: 4
+ heading: "¿Por qué 4Geeks?"
+ sub_heading: ""
+
+badges:
+ position: 3
+ heading: "4Geeks Academy cuenta con premios y reconocimientos de validan su excelencia"
+
+who_is_hiring:
+ position: 6
+ limit: 4
+ heading: "¿Quién contrata a nuestros alumnos?"
+ sub_heading: "Nos encanta ver crecer a nuestros estudiantes, es por eso que nos esforzamos cada día por tener más aliados, para que puedas trabajar en empresas que te ayuden a seguir creciendo profesionalmente."
+
+components:
+ - name: name
+ position: 1
+ layout: overlaped
+ image:
+ src: "/images/landing/dos-mujeres-1.png"
+ heading:
+ text: "How it works?"
+ content:
+ text: "Al aprender a programar con 4Geeks Academy tendrás clases online completamente en vivo, la oportunidad de certificarte internacionalmente en poco tiempo y de conseguir tu primer empleo como programador con nuestro apoyo. Descubre cómo puede ser tu vida como un profesional en programación con 4Geeks Academy, ¡comienza ahora!"
+ button:
+ # text: Aplicar
+ # color: "#0097CD"
diff --git a/src/data/landing/costa-rica-aprende-a-programar.es.yml b/src/data/landing/costa-rica-aprende-a-programar.es.yml
index 7730729ed..3e95bf7f5 100644
--- a/src/data/landing/costa-rica-aprende-a-programar.es.yml
+++ b/src/data/landing/costa-rica-aprende-a-programar.es.yml
@@ -36,7 +36,7 @@ navbar:
apply_schollarship: # form that is displayed at the end of the landing
# title: "Get more info about this award-winning development course"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -90,6 +90,21 @@ follow_bar:
#
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
+components:
+ - name: top_coding_bootcamp
+ position: 1
+ layout: two_column_left
+ proportions: [4, 8]
+ background: "#f1f1f1"
+ image:
+ style: '{ "backgroundSize": "contain" }'
+ src: "/images/badges/Course-Report-Badge-2023.png"
+ link: "https://www.coursereport.com/schools/4geeks-academy"
+ heading:
+ text:
+ "Tenemos 3 años consecutivos siendo seleccionados como uno de los mejores coding bootcamps del mundo"
+ #xl lg md sm xs
+ font_size: ["38px", "36px", "32px", "30px", "30px"]
rating_reviews:
position: 2
@@ -113,7 +128,7 @@ rating_reviews:
url: ""
badges:
- position: 3
+ position: 10
heading: "4Geeks Academy cuenta con premios y reconocimientos que validan su excelencia"
program_details:
diff --git a/src/data/landing/costa-rica-bootcamp-programacion.es.yml b/src/data/landing/costa-rica-bootcamp-programacion.es.yml
index 1750f48c8..d058ca9a5 100644
--- a/src/data/landing/costa-rica-bootcamp-programacion.es.yml
+++ b/src/data/landing/costa-rica-bootcamp-programacion.es.yml
@@ -36,7 +36,7 @@ navbar:
apply_schollarship: # form that is displayed at the end of the landing
# title: "Get more info about this award-winning development course"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -90,6 +90,21 @@ follow_bar:
#
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
+components:
+ - name: top_coding_bootcamp
+ position: 1
+ layout: two_column_left
+ proportions: [4, 8]
+ background: "#f1f1f1"
+ image:
+ style: '{ "backgroundSize": "contain" }'
+ src: "/images/badges/Course-Report-Badge-2023.png"
+ link: "https://www.coursereport.com/schools/4geeks-academy"
+ heading:
+ text:
+ "Tenemos 3 años consecutivos siendo seleccionados como uno de los mejores coding bootcamps del mundo"
+ #xl lg md sm xs
+ font_size: ["38px", "36px", "32px", "30px", "30px"]
rating_reviews:
position: 2
diff --git a/src/data/landing/costa-rica-curso-de-programacion.es.yml b/src/data/landing/costa-rica-curso-de-programacion.es.yml
index ff5be2710..7e8620cb0 100644
--- a/src/data/landing/costa-rica-curso-de-programacion.es.yml
+++ b/src/data/landing/costa-rica-curso-de-programacion.es.yml
@@ -36,7 +36,7 @@ navbar:
apply_schollarship: # form that is displayed at the end of the landing
# title: "Get more info about this award-winning development course"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -90,6 +90,21 @@ follow_bar:
#
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
+components:
+ - name: top_coding_bootcamp
+ position: 1
+ layout: two_column_left
+ proportions: [4, 8]
+ background: "#f1f1f1"
+ image:
+ style: '{ "backgroundSize": "contain" }'
+ src: "/images/badges/Course-Report-Badge-2023.png"
+ link: "https://www.coursereport.com/schools/4geeks-academy"
+ heading:
+ text:
+ "Tenemos 3 años consecutivos siendo seleccionados como uno de los mejores coding bootcamps del mundo"
+ #xl lg md sm xs
+ font_size: ["38px", "36px", "32px", "30px", "30px"]
rating_reviews:
position: 2
@@ -132,3 +147,4 @@ who_is_hiring:
limit: 4
heading: "¿Quién contrata a nuestros alumnos?"
sub_heading: "84% de nuestros estudiantes que completaron el proceso de GeekFORCE han conseguido trabajo luego de haberse graduado (incluso dentro de los sigiuientes 100 días)"
+
diff --git a/src/data/landing/ecuador-aprender-programacion.es.yml b/src/data/landing/ecuador-aprender-programacion.es.yml
index b25eda05b..b073a681a 100644
--- a/src/data/landing/ecuador-aprender-programacion.es.yml
+++ b/src/data/landing/ecuador-aprender-programacion.es.yml
@@ -36,7 +36,7 @@ navbar:
apply_schollarship: # form that is displayed at the end of the landing
# title: "Get more info about this award-winning development course"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -90,6 +90,21 @@ follow_bar:
#
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
+components:
+ - name: top_coding_bootcamp
+ position: 1
+ layout: two_column_left
+ proportions: [4, 8]
+ background: "#f1f1f1"
+ image:
+ style: '{ "backgroundSize": "contain" }'
+ src: "/images/badges/Course-Report-Badge-2023.png"
+ link: "https://www.coursereport.com/schools/4geeks-academy"
+ heading:
+ text:
+ "Tenemos 3 años consecutivos siendo seleccionados como uno de los mejores coding bootcamps del mundo"
+ #xl lg md sm xs
+ font_size: ["38px", "36px", "32px", "30px", "30px"]
rating_reviews:
position: 2
diff --git a/src/data/landing/ecuador-bootcamp-programacion.es.yml b/src/data/landing/ecuador-bootcamp-programacion.es.yml
index f24f1e301..b30434dfa 100644
--- a/src/data/landing/ecuador-bootcamp-programacion.es.yml
+++ b/src/data/landing/ecuador-bootcamp-programacion.es.yml
@@ -36,7 +36,7 @@ navbar:
apply_schollarship: # form that is displayed at the end of the landing
# title: "Get more info about this award-winning development course"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -90,6 +90,21 @@ follow_bar:
#
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
+components:
+ - name: top_coding_bootcamp
+ position: 1
+ layout: two_column_left
+ proportions: [4, 8]
+ background: "#f1f1f1"
+ image:
+ style: '{ "backgroundSize": "contain" }'
+ src: "/images/badges/Course-Report-Badge-2023.png"
+ link: "https://www.coursereport.com/schools/4geeks-academy"
+ heading:
+ text:
+ "Tenemos 3 años consecutivos siendo seleccionados como uno de los mejores coding bootcamps del mundo"
+ #xl lg md sm xs
+ font_size: ["38px", "36px", "32px", "30px", "30px"]
rating_reviews:
position: 2
diff --git a/src/data/landing/ecuador-curso-de-programacion.es.yml b/src/data/landing/ecuador-curso-de-programacion.es.yml
index 298b6d708..433ac0eb6 100644
--- a/src/data/landing/ecuador-curso-de-programacion.es.yml
+++ b/src/data/landing/ecuador-curso-de-programacion.es.yml
@@ -36,7 +36,7 @@ navbar:
apply_schollarship: # form that is displayed at the end of the landing
# title: "Get more info about this award-winning development course"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -90,9 +90,24 @@ follow_bar:
#
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
+components:
+ - name: top_coding_bootcamp
+ position: 1
+ layout: two_column_left
+ proportions: [4, 8]
+ background: "#f1f1f1"
+ image:
+ style: '{ "backgroundSize": "contain" }'
+ src: "/images/badges/Course-Report-Badge-2023.png"
+ link: "https://www.coursereport.com/schools/4geeks-academy"
+ heading:
+ text:
+ "Tenemos 3 años consecutivos siendo seleccionados como uno de los mejores coding bootcamps del mundo"
+ #xl lg md sm xs
+ font_size: ["38px", "36px", "32px", "30px", "30px"]
rating_reviews:
- position: 2
+ position: 5
heading: "Lee acerca de nosotros"
rating_list:
- alt: "Career Karma"
@@ -113,7 +128,7 @@ rating_reviews:
url: ""
badges:
- position: 3
+ position: 10
heading: "4Geeks Academy cuenta con premios y reconocimientos que validan su excelencia"
program_details:
diff --git a/src/data/landing/europe-germany-coding-course.us.yml b/src/data/landing/europe-germany-coding-course.us.yml
index 7af8ab217..0e6808816 100644
--- a/src/data/landing/europe-germany-coding-course.us.yml
+++ b/src/data/landing/europe-germany-coding-course.us.yml
@@ -30,7 +30,7 @@ form:
apply_schollarship: # form that is displayed at the end of the landing
# title: "Get more info about this award-winning development course"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -46,9 +46,9 @@ features:
# up left down right
styles: '{ "fontSize": "20px", "margin": "10px 0px 10px 0px" }'
bullets:
- - Tailor-made career support, our goal is to get you a job in tech.
- - No previous experience or coding skills required.
- - Part-Time focused. No need to stop your life.
+ - Tailor-made career support, our goal is to get you a job in tech.
+ - No previous experience or coding skills required.
+ - Part-Time focused. No need to stop your life.
short_badges:
- name: "Premios Tecnologia Siglo XXI"
@@ -85,7 +85,7 @@ follow_bar:
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
rating_reviews:
- position: 1
+ position: 5
heading: "Top rated on all available review sites"
rating_list:
- alt: "Career Karma"
@@ -106,7 +106,7 @@ rating_reviews:
url: ""
badges:
- position: 2
+ position: 10
heading: "4Geeks Academy has awards and recognitions that validate its excellence"
program_details:
diff --git a/src/data/landing/europe-learn-to-code.us.yml b/src/data/landing/europe-learn-to-code.us.yml
index 1c440129a..699b4ccb1 100644
--- a/src/data/landing/europe-learn-to-code.us.yml
+++ b/src/data/landing/europe-learn-to-code.us.yml
@@ -36,7 +36,7 @@ header_data:
tagline: Learn To Code
sub_heading: "Become a software developer and get a job in tech in one of the best coding bootcamps around the world."
background_image: "../../../static/images/Happy-People-Landing-4Geeks-ES.jpg"
- image_filter: brightness(0.4)
+ image_filter: brightness(0.25)
features:
marginTop: 10px #<-- separation between tagline and the bullets
@@ -78,13 +78,13 @@ short_badges:
alt: "Best coding bootcamp Switchup 2023"
- name: "Florida Department of Education"
url: ""
- image: "../../../static/images/badges/licensed.png"
+ image: "../../../static/images/badges/licensed-inverted.png"
alt: "Florida Department of Education"
#
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
badges:
- position: 1 # It's the position of the component that will be rendered first
+ position: 10 # It's the position of the component that will be rendered first
heading: "4Geeks Academy has awards and recognitions that validate it's excellence"
about4Geeks:
@@ -102,18 +102,6 @@ about4Geeks:
image: "../../../static/images/bg/community.png"
image_mobile: "../../../static/images/bg/community.png"
-iconogram:
- position: 3
- icons:
- - icon: "touch"
- title: Apply for your scholarship before October 8th, 2021
- - icon: "receive_mail"
- title: You will receive an email with all the information and a logic test
- - icon: "talk"
- title: Do an online interview with our admissions team
- - icon: "terminal"
- title: Get the result, book your spot and start coding
-
who_is_hiring:
position: 4
heading: "OUR STUDENTS WORK AT"
@@ -126,33 +114,6 @@ who_is_hiring:
- name: "Apple"
image: "../../../static/images/partner/apple.png"
-choose_your_program:
- position: 5
- title: Our Programs
- paragraph: Programs in Full-Time or Part-Time modality with live classes taught by experts
- programs:
- - title: "Full Stack Developer"
- sub_title: "Level 1"
- icon: "fullstack"
- description: |
- From 0 to becoming a Full-Stack Jr. programmer, you will work with HTML5, CSS3, Bootstrap, JS, Reactjs, SQL, Python, Flask, REST API's, etc. to design and create responsive websites. You'll gain a solid foundation of front, back, database, distributed processes, and deployment with passionate instructors and an up-to-date, hands-on syllabus.
- Available Part-Time or Full-Time mode. Download
"here the syllabus".
-
- text_link: Apply now
- link: "#" # moves to start position
-
- - title: "AI & Machine Learning"
- sub_title: "Developers and STEM Profiles"
- icon: "machine"
- description: |
- Get trained by a renowned expert in A.I.; explore Machine Learning's fundamentals and Deep Learning with some of the most powerful technologies that truly scale intelligence for business. Practice with real-life business scenarios typical in business and review some of the tools used in the industry. Strategize and develop your A.I. following the lifecycle development from start to end, including deployment into production and maintenance with Privacy, Security, and Ethics.
- Download
"here the syllabus".
-
-
- text_link: Apply now
- link: "#"
-
-
why_4geeks:
position: 7
heading: "In words of our students"
@@ -164,10 +125,65 @@ why_4geeks:
apply_schollarship: # form that is displayed at the end of the landing
# title: "Apoyo Profesional Ilimitado"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# Possible layours: [two_column_left_image, two_column_right_image]
components:
+
+ - name: ""
+ position: 3
+ background: "veryLightBlue2"
+ layout: iconogram
+ swipable: True
+ heading:
+ text: ""
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
+ sub_heading:
+ text: ""
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ style: '{ "textAlign": "center", "width": "60%" }'
+ text_link: "#"
+ icons:
+ - icon: "touch"
+ title: Apply for your scholarship before October 8th, 2021
+ - icon: "receive_mail"
+ title: You will receive an email with all the information and a logic test
+ - icon: "talk"
+ title: Do an online interview with our admissions team
+ - icon: "terminal"
+ title: Get the result, book your spot and start coding
+
+ - name: "whatever"
+ layout: choose_your_program
+ position: 5
+ heading:
+ text: Our Programs
+ content:
+ text: Programs in Full-Time or Part-Time modality with live classes taught by experts
+ font_size: ["16px"]
+ path: ""
+ programs:
+ - title: "Full Stack Developer"
+ sub_title: "Level 1"
+ icon: "fullstack_2"
+ description: |
+ From 0 to becoming a Full-Stack Jr. programmer, you will work with HTML5, CSS3, Bootstrap, JS, Reactjs, SQL, Python, Flask, REST API's, etc. to design and create responsive websites. You'll gain a solid foundation of front, back, database, distributed processes, and deployment with passionate instructors and an up-to-date, hands-on syllabus.
+ Available Part-Time or Full-Time mode. Download
"here the syllabus".
+
+ text_link: Apply now
+ link: "#" # moves to start position
+
+ - title: "AI & Machine Learning"
+ sub_title: "Developers and STEM Profiles"
+ icon: "machine_2"
+ description: |
+ Get trained by a renowned expert in A.I.; explore Machine Learning's fundamentals and Deep Learning with some of the most powerful technologies that truly scale intelligence for business. Practice with real-life business scenarios typical in business and review some of the tools used in the industry. Strategize and develop your A.I. following the lifecycle development from start to end, including deployment into production and maintenance with Privacy, Security, and Ethics.
+ Download
"here the syllabus".
+
+
+ text_link: Apply now
+ link: "#"
+
- name: python_y_javascript
position: 6
layout: two_column_right
diff --git a/src/data/landing/europe-portugal-coding-course.us.yml b/src/data/landing/europe-portugal-coding-course.us.yml
index 45ade37cf..bb396c0fa 100644
--- a/src/data/landing/europe-portugal-coding-course.us.yml
+++ b/src/data/landing/europe-portugal-coding-course.us.yml
@@ -30,7 +30,7 @@ form:
apply_schollarship: # form that is displayed at the end of the landing
# title: "Get more info about this award-winning development course"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -46,9 +46,9 @@ features:
# up left down right
styles: '{ "fontSize": "20px", "margin": "10px 0px 10px 0px" }'
bullets:
- - Tailor-made career support, our goal is to get you a job in tech.
- - No previous experience or coding skills required.
- - Part-Time focused. No need to stop your life.
+ - Tailor-made career support, our goal is to get you a job in tech.
+ - No previous experience or coding skills required.
+ - Part-Time focused. No need to stop your life.
short_badges:
- name: "Premios Tecnologia Siglo XXI"
@@ -106,7 +106,7 @@ rating_reviews:
url: ""
badges:
- position: 2
+ position: 5
heading: "4Geeks Academy has awards and recognitions that validate its excellence"
program_details:
diff --git a/src/data/landing/hireline-partnership.es.yml b/src/data/landing/hireline-partnership.es.yml
index 7922a84b0..37f1b85a0 100644
--- a/src/data/landing/hireline-partnership.es.yml
+++ b/src/data/landing/hireline-partnership.es.yml
@@ -8,7 +8,7 @@ meta_info:
image: "../../../static/images/bg/main-bg.jpg"
keywords: "Aprende a programar, 4Geeks academy, aprende programacion, aprende ingenieria informatica, curso programacion"
- template: "landing_nonav" # <--- choose your landing template
+ template: "landing_a" # <--- choose your landing template
redirects: [] # <--- URL redirections to avoid 404 errors
# Set a particular course or location to the landing page
@@ -80,6 +80,11 @@ follow_bar:
phone:
text: ""
+apply_schollarship: # form that is displayed at the end of the landing
+ # title: "Get more info about this award-winning development course"
+ imageSide: "left"
+ image: "../../../static/images/landing/apply.png"
+
#
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
@@ -132,8 +137,9 @@ components:
layout: two_column_right
proportions: [6, 6]
image:
- style: '{ "backgroundSize": "contain" }'
+ style: '{ "backgroundSize": "cover", "background-position": "top"}'
src: "/images/ownpeoplecoding2.jpg"
+ shadow: true
heading:
text: "En Alianza con Hireline"
font_size: ["30px", "30px", "30px", "30px", "30px"]
@@ -153,9 +159,10 @@ components:
*Beneficios extra disponibles
font_size: ["16px"]
- name: top_coding_bootcamp
- position: 6
+ position: 5
layout: two_column_left
proportions: [4, 8]
+ background: "#e6e6e6"
image:
style: '{ "backgroundSize": "contain" }'
src: "/images/badges/Course-Report-Badge-2023.png"
diff --git a/src/data/landing/influencer-landing.es.yml b/src/data/landing/influencer-landing.es.yml
index 59efe6a61..e1c93b87f 100644
--- a/src/data/landing/influencer-landing.es.yml
+++ b/src/data/landing/influencer-landing.es.yml
@@ -27,18 +27,23 @@ form:
# posible fields: "first_name", "last_name", "full_name", "phone", "email"
# always the first_name, email and phone will be mandatory if added.
fields: ["full_name", "phone", "email"]
- margin_md: "0 auto 0 -30px"
+ #margin_md: "0 auto 0 -30px"
heading: "Conoce más información"
button_label: Obtener más información
redirect: "https://marketing892162.typeform.com/to/XhfwihKQ" #you can redirect to another url or entirely diffrent website
# jumbotron on the top (cannot be commented out)
+apply_schollarship: # form that is displayed at the end of the landing
+ # title: "Get more info about this award-winning development course"
+ imageSide: "left"
+ image: "../../../static/images/landing/apply.png"
+
header_data:
- background: "#FFF1D1"
+ background: "#FFFFFF"
tagline: ¡Bienvenido a 4Geeks Academy! La academia de programación líder en el mundo
tagline_color: "black"
sub_heading: Con más de 7 años de experiencia tenemos presencia en USA, Europa y Latinoamérica. En nuestra academia, te enseñamos habilidades y destrezas relevantes para el futuro
- background_image: "../../../static/images/bg/main-bg.jpg"
+ # background_image: "../../../static/images/bg/main-bg.jpg"
#video: "https://www.videoask.com/fm984j5nz"
image_filter: brightness(0.4)
@@ -84,23 +89,23 @@ follow_bar:
#
program_details:
- position: 1
+ position: 2
heading: "Domina Python, JS y React"
sub_heading: "Un curso de programación sobre las tecnologías más usadas del mundo"
why_4geeks:
- position: 2
+ position: 4
heading: "¿Por qué 4Geeks?"
sub_heading: " "
geeks_vs_others:
- position: 3
+ position: 5
heading: "¿Por qué somos tan exitosos?"
paragraph: "Un galardonado curso de programación"
total_rows: 5
badges:
- position: 4
+ position: 5
heading: "4Geeks Academy cuenta con premios y reconocimientos de validan su excelencia"
who_is_hiring:
@@ -110,34 +115,70 @@ who_is_hiring:
sub_heading: "Nos encanta ver crecer a nuestros estudiantes, es por eso que nos esforzamos cada día por tener más aliados, para que puedas trabajar en empresas que te ayuden a seguir creciendo profesionalmente."
components:
+ - name: name
+ position: 1
+ layout: two_column_left
+ proportions: [5, 7]
+ background: "#FFF8E8"
+ image:
+ style: '{ "backgroundSize": "contain"}'
+ src: "/images/landing/hombre-con-laptop.png"
+ heading:
+ text: "How it works?"
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
+ sub_heading:
+ text: "¿Quieres desatar tu potencial como Full-Stack Developer y/o Data Scientist?"
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ content:
+ font_size: ["16px"]
+ text: |
+ Al aprender a programar con 4Geeks Academy tendrás clases online completamente en vivo, la oportunidad de certificarte internacionalmente en poco tiempo y de conseguir tu primer empleo como programador con nuestro apoyo.
+
+
Descubre cómo puede ser tu vida como un profesional en programación con 4Geeks Academy, ¡comienza ahora!
+
- name: top_coding_bootcamp
- position: 8
+ position: 3
layout: two_column_left
proportions: [4, 8]
+ background: "#f1f1f1"
image:
style: '{ "backgroundSize": "contain" }'
src: "/images/badges/Course-Report-Badge-2023.png"
link: "https://www.coursereport.com/schools/4geeks-academy"
heading:
text:
- "Hemos sido seleccionados entre los mejores Coding Bootcamps del mundo por 3 años consecutivos"
+ "Tenemos 3 años consecutivos siendo seleccionados como uno de los mejores coding bootcamps del mundo"
#xl lg md sm xs
- font_size: ["40px", "40px", "40px", "40px", "40px"]
- - name: geeksinfo
- position: 5
- layout: geeksInfo
- - name: passion
- position: 7
- layout: two_column_right
- proportions: [6, 6]
- image:
- style: '{ "backgroundSize": "contain" }'
- src: "/images/badges/switchup-badge-2023.png"
- link: "https://www.switchup.org/bootcamps/4geeks-academy"
- video: "JLSP_1HYoAg"
- heading:
- text: "Nanutria y 4Geeks"
- font_size: ["40px", "40px", "40px", "40px", "40px"]
- content:
- text: "Nanutria tiene todas las características de una persona con la que nos identificamos en 4Geeks. Es Ingeniero, es ingenioso, es talentoso y es constante. Se decidió por la comedia pero mantiene los rasgos de lo que todos queremos poder ser, cada uno en sus áreas. Ahora Nanutria también recomienda 4Geeks Academy"
- font_size: ["16px"]
\ No newline at end of file
+ font_size: ["38px", "36px", "32px", "30px", "30px"]
+
+ # - name: top_coding_bootcamp
+ # position: 8
+ # layout: two_column_left
+ # proportions: [4, 8]
+ # image:
+ # style: '{ "backgroundSize": "contain" }'
+ # src: "/images/badges/Course-Report-Badge-2023.png"
+ # link: "https://www.coursereport.com/schools/4geeks-academy"
+ # heading:
+ # text:
+ # "Hemos sido seleccionados entre los mejores Coding Bootcamps del mundo por 3 años consecutivos"
+ # #xl lg md sm xs
+ # font_size: ["40px", "40px", "40px", "40px", "40px"]
+ # - name: geeksinfo
+ # position: 5
+ # layout: geeksInfo
+ # - name: passion
+ # position: 7
+ # layout: two_column_right
+ # proportions: [6, 6]
+ # image:
+ # style: '{ "backgroundSize": "contain" }'
+ # src: "/images/badges/switchup-badge-2023.png"
+ # link: "https://www.switchup.org/bootcamps/4geeks-academy"
+ # video: "JLSP_1HYoAg"
+ # heading:
+ # text: "Nanutria y 4Geeks"
+ # font_size: ["40px", "40px", "40px", "40px", "40px"]
+ # content:
+ # text: "Nanutria tiene todas las características de una persona con la que nos identificamos en 4Geeks. Es Ingeniero, es ingenioso, es talentoso y es constante. Se decidió por la comedia pero mantiene los rasgos de lo que todos queremos poder ser, cada uno en sus áreas. Ahora Nanutria también recomienda 4Geeks Academy"
+ # font_size: ["16px"]
\ No newline at end of file
diff --git a/src/data/landing/madrid-aprende-a-programar.es.yml b/src/data/landing/madrid-aprende-a-programar.es.yml
index 65e3df42a..683b8e068 100644
--- a/src/data/landing/madrid-aprende-a-programar.es.yml
+++ b/src/data/landing/madrid-aprende-a-programar.es.yml
@@ -7,7 +7,7 @@ meta_info:
image: "/images/bg/remote.jpeg"
keywords: "Aprende a programar, 4Geeks academy, aprende programacion, aprende ingenieria informatica"
- template: "landing_nonav" # <--- choose your landing template
+ template: "landing_a" # <--- choose your landing template
redirects: [] # <--- URL redirections to avoid 404 errors
# Set a particular course or location to the landing page
@@ -75,12 +75,17 @@ short_badges:
image: "../../../static/images/badges/licensed.png"
alt: "Florida Department of Education"
+apply_schollarship: # form that is displayed at the end of the landing
+ # title: "Get more info about this award-winning development course"
+ imageSide: "left"
+ image: "../../../static/images/landing/apply.png"
+
#
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
badges:
- position: 6
+ position: 5
heading: "Premios y reconocimientos que validan nuestra excelencia"
program_details:
@@ -113,9 +118,10 @@ who_is_hiring:
# Possible layours: [two_column_left_image, two_column_right_image]
components:
- name: top_coding_bootcamp
- position: 5
+ position: 2
layout: two_column_left
proportions: [4, 8]
+ background: "#f1f1f1"
image:
style: '{ "backgroundSize": "contain" }'
src: "/images/badges/Course-Report-Badge-2023.png"
@@ -139,9 +145,7 @@ components:
color: null
path: "https://www.youtube.com/watch?v=plwPwyrxX84"
content:
- text: "'Mi experiencia con 4Geeks ha sido magnífica, me ha encantado. Tengo unos profesores maravillosos y tengo unos compañeros súper geniales. He aprendido bastante sobre HTML, CSS, JavaScript, React y Python. Mis profesores siempre estuvieron atentos a lo que necesitaba. Igual hay una plataforma donde podemos hablar todos los estudiantes de 4Geeks y nos ayudamos entre todos.... ¡Ha sido genial tomar esta decisión!'
-
-Beatriz Hernández"
+ text: "'Mi experiencia con 4Geeks ha sido magnífica, me ha encantado. Tengo unos profesores maravillosos y tengo unos compañeros súper geniales. He aprendido bastante sobre HTML, CSS, JavaScript, React y Python. Mis profesores siempre estuvieron atentos a lo que necesitaba. Igual hay una plataforma donde podemos hablar todos los estudiantes de 4Geeks y nos ayudamos entre todos.... ¡Ha sido genial tomar esta decisión!' Beatriz Hernández"
font_size: ["16px"]
- name: divider_one
position: 9
diff --git a/src/data/landing/madrid-bootcamp-programacion.es.yml b/src/data/landing/madrid-bootcamp-programacion.es.yml
index c5b319d0b..b66e1b55f 100644
--- a/src/data/landing/madrid-bootcamp-programacion.es.yml
+++ b/src/data/landing/madrid-bootcamp-programacion.es.yml
@@ -30,7 +30,7 @@ form:
apply_schollarship: # form that is displayed at the end of the landing
# title: "Apoyo Profesional Ilimitado"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -89,7 +89,7 @@ follow_bar:
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
who_is_hiring:
- position: 1
+ position: 10
limit: 4
heading: "Nuestros estudiantes trabajan en las mejores empresas"
sub_heading: "Más de 500 partners, más de 150 vacantes abiertas como Full-Stack Developer en nuestra bolsa de empleo "
@@ -106,7 +106,7 @@ badges:
heading: "4Geeks Academy España ha ganado más de 20 premios desde 2020, siendo reconocido una y otra vez como el Mejor Coding Bootcamp de España"
program_details:
- position: 5
+ position: 2
background: "#FFFFFF"
heading: "Detalles del programa"
sub_heading: "Aprende las tecnologías que demandan las empresas"
@@ -164,19 +164,20 @@ choose_your_program:
components:
- name: inmediatez
- position: 2
+ position: 11
layout: two_column_left
- background: "#C9F9F9" # Name of the color(from components/Styling/index.js) or color code ex: #C9F9F9
+ background: "lightYellow" # Name of the color(from components/Styling/index.js) or color code ex: #C9F9F9
image:
+ style: '{ "backgroundSize": "cover", "min-height": "300px"}'
src: "/images/landing/PeopleStudying.jpeg"
+ shadow: true
heading:
text:
"¡No te quedes fuera!"
# xl lg md sm xs
font_size: ["50px", "50px", "50px", "50px", "50px"]
content:
- text: "Nuestras plazas son limitadas, aplica ahora y no te quedes fuera.
- Nuestras becas está sujetas a disponibilidad, habla con nuestro equipo de admisiones ahora y aprovecha esta oportunidad"
+ text: "Nuestras plazas son limitadas, aplica ahora y no te quedes fuera. Nuestras becas está sujetas a disponibilidad, habla con nuestro equipo de admisiones ahora y aprovecha esta oportunidad"
font_size: ["16px"]
- name: geeksinfo
@@ -184,9 +185,9 @@ components:
layout: geeksInfo
- name: python_y_javascript
- position: 8
+ position: 1
layout: two_column_right
- background: "#C9F9F9" # Name of the color(from components/Styling/index.js) or color code ex: #C9F9F9
+ background: "lightBlue" # Name of the color(from components/Styling/index.js) or color code ex: #C9F9F9
image:
src: "/images/why-4geeks/python-image.png"
heading:
@@ -195,14 +196,12 @@ components:
# xl lg md sm xs
font_size: ["50px", "50px", "50px", "50px", "50px"]
content:
- text: "Nuestro programa está basado en el uso de Python y Javascript. ¿La razón? En el mercado laboral JavaScript tiene 26 veces más vacantes de trabajo que Ruby on Rails y Python tiene 10 veces más trabajos que node.js.
-
- Otras herramientas que también aprenderás a usar en nuestro programa son: GitHub, CSS3, HTML5, Flask, PostgreSQL, etc."
+ text: "Nuestro programa está basado en el uso de Python y Javascript. ¿La razón? En el mercado laboral JavaScript tiene 26 veces más vacantes de trabajo que Ruby on Rails y Python tiene 10 veces más trabajos que node.js. Otras herramientas que también aprenderás a usar en nuestro programa son: GitHub, CSS3, HTML5, Flask, PostgreSQL, etc."
font_size: ["16px"]
- name: top_coding_bootcamp
- position: 7
- background: "#FFF1D1"
+ position: 4
+ background: "#F1f1f1"
layout: two_column_left
proportions: [4, 8]
image:
@@ -216,8 +215,8 @@ components:
font_size: ["40px", "40px", "40px", "40px", "40px"]
- name: seguridad_europa
- position: 11
- background: "#C9F9F9"
+ position: 7
+ background: "#f1f1f1"
layout: two_column_right
proportions: [8, 4]
image:
diff --git a/src/data/landing/madrid-carne-joven.es.yml b/src/data/landing/madrid-carne-joven.es.yml
index e3f684746..dfae4b938 100644
--- a/src/data/landing/madrid-carne-joven.es.yml
+++ b/src/data/landing/madrid-carne-joven.es.yml
@@ -5,7 +5,7 @@ meta_info:
description: "La programación se ha convertido en un conocimiento esencial para el desarrollo profesional, aprende a programar con 4Geeks Academy y Carné Joven."
image: "/images/bg/remote.jpeg"
keywords: "Aprende a programar, 4Geeks academy, aprende programacion, aprende ingenieria informatica"
- template: "landing_nonav" # <--- choose your landing template
+ template: "landing_a" # <--- choose your landing template
redirects: ["/landing/impulsa-tu-carrera-carne-joven"] # <--- URL redirections to avoid 404 errors
# Set a particular course or location to the landing page
# this UTM fields will be also included in the CRM contact
@@ -24,9 +24,10 @@ form:
# jumbotron on the top (cannot be commented out)
header_data:
+ background: "#FFF1D1"
tagline: Aprende a programar con Carné Joven
sub_heading: ""
- image: "../../../static/images/Happy-People-Landing-4Geeks-ES.jpg"
+ #image: "../../../static/images/Happy-People-Landing-4Geeks-ES.jpg"
image_filter: brightness(0.4)
features:
@@ -38,6 +39,7 @@ features:
- Un Desarrollador en Madrid gana 24.000€ al año
- Hay más vacantes que en cualquier otra industria
- ¡Impulsa tu Carrera! y hazte programador de software
+
follow_bar:
position: "top" # top, bottom, hidden
content:
@@ -68,36 +70,43 @@ short_badges:
url: ""
image: "../../../static/images/badges/licensed.png"
alt: "Florida Department of Education"
+
+apply_schollarship: # form that is displayed at the end of the landing
+ # title: "Apoyo Profesional Ilimitado"
+ imageSide: "left"
+ image: "../../../static/images/landing/apply.png"
#
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
-in_the_news:
+# in_the_news:
+# position: 1
+# heading: "4Geeks en los medios"
+
+program_details:
position: 1
- heading: "4Geeks en los medios"
+ heading: "Lo que aprenderás"
+ sub_heading: "Python, Javascript y React son las tecnologías más usadas del mundo"
badges:
position: 6
heading: "Premios y reconocimientos que validan nuestra excelencia"
-program_details:
- position: 3
- heading: "Lo que aprenderás"
- sub_heading: "Python, Javascript y React son las tecnologías más usadas del mundo"
+
geeks_vs_others:
- position: 4
+ position: 5
heading: "¿Qué hace a 4Geeks Academy tan exitoso?"
paragraph: ""
total_rows: 5
why_4geeks:
- position: 5
+ position: 6
heading: "Porqué 4Geeks"
sub_heading: ""
who_is_hiring:
- position: 6
+ position: 7
limit: 4
heading: "¿Quién contrata a nuestros alumnos?"
sub_heading: "Nuestros partners de contratación crecen todos los días, con más de 150 aliados a nivel global y decenas de vacantes activas en nuestras bolsas de empleo."
@@ -109,20 +118,23 @@ who_is_hiring:
# Possible layours: [two_column_left_image, two_column_right_image]
components:
- - name: first_syllabus_form
- position: 4
- layout: syllabus
- button:
- text: "Descarga Instantánea"
- heading:
- text: "Descarga el Programa de Estudios"
+ # - name: first_syllabus_form
+ # position: 4
+ # layout: syllabus
+ # background: "#fff"
+ # button:
+ # text: "Descarga Instantánea"
+ # heading:
+ # text: "Descarga el Programa de Estudios"
+
- name: top_coding_bootcamp
- position: 5
+ position: 3
layout: two_column_left
+ background: "#f1f1f1"
proportions: [4, 8]
image:
style: '{ "backgroundSize": "contain" }'
- src: "/images/badges/switchup.png"
+ src: "/images/badges/switchup-badge-2023.png"
link: "https://www.switchup.org/bootcamps/4geeks-academy"
heading:
text:
@@ -133,14 +145,17 @@ components:
position: 9
layout: two_column_left
image:
+ shadow: true
src: "https://storage.googleapis.com/4geeks-academy-website/landing-pictures/testimonials.webp"
heading:
text: "Escúchalo de nuestros alumnos"
#xl lg md sm xs
font_size: ["40px", "34px", "34px", "25px", "20px"]
button:
- text: "Más testimoniales"
- color: null
+ text: "Testimoniales"
+ background: black
+ color: white
+ hover_color: "#bdbdbd"
path: "https://www.youtube.com/watch?v=plwPwyrxX84"
content:
text: "Mentoría como nunca antes. Decenas de Instructores, en varios idiomas, todos los días, a cualquier hora. Estaremos contigo todo el tiempo, aun cuando hayas conseguido trabajo. Una vez eres parte de 4Geeks, estaremos para siempre contigo."
@@ -163,8 +178,9 @@ components:
content:
text: ""
font_size: ["16px"]
+
- name: some_other_id
- position: 2
+ position: 19
layout: single_column
image:
style: '{"height": ["500px", "500px", "400px", "300px", "200px"], "background-size": "contain" }'
@@ -173,7 +189,7 @@ components:
# video: #youtube id
heading:
text: "Aplica a una beca del 50%"
- #xl lg md sm xs
+ #xl lg md sm xs
font_size: ["40px", "34px", "34px", "25px", "20px"]
content:
text: ""
diff --git a/src/data/landing/madrid-curso-de-programacion.es.yml b/src/data/landing/madrid-curso-de-programacion.es.yml
index 5388ad3aa..10ff1d07b 100644
--- a/src/data/landing/madrid-curso-de-programacion.es.yml
+++ b/src/data/landing/madrid-curso-de-programacion.es.yml
@@ -30,7 +30,7 @@ form:
apply_schollarship: # form that is displayed at the end of the landing
# title: "Apoyo Profesional Ilimitado"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -46,9 +46,9 @@ features:
# up left down right
styles: '{ "fontSize": "20px", "margin": "10px 0px 10px 0px" }'
bullets:
- - Aprende las tecnologías que demandan las empresas.
- - Clases reducidas, presenciales o en remoto, y con acompañamiento de por vida.
- - No se necesita experiencia previa, ¡empieza desde cero!
+ - Aprende las tecnologías que demandan las empresas.
+ - Clases reducidas, presenciales o en remoto, y con acompañamiento de por vida.
+ - No se necesita experiencia previa, ¡empieza desde cero!
short_badges:
- name: "Premios Tecnologia Siglo XXI"
@@ -85,7 +85,7 @@ follow_bar:
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
rating_reviews:
- position: 1
+ position: 3
heading: "Lo que opinan de 4Geeks Academy..."
rating_list:
- alt: "Career Karma"
@@ -106,7 +106,7 @@ rating_reviews:
url: ""
badges:
- position: 2
+ position: 5
heading: "4Geeks Academy tiene premios y reconocimientos que validan su excelencia"
program_details:
@@ -144,7 +144,7 @@ who_is_hiring:
components:
- name: python_y_javascript
- position: 3
+ position: 1
layout: two_column_right
background: "veryLightBlue2" # Name of the color(from components/Styling/index.js) or color code ex: #C9F9F9
image:
@@ -155,7 +155,5 @@ components:
# xl lg md sm xs
font_size: ["50px", "50px", "50px", "50px", "50px"]
content:
- text: "Nuestro programa está basado en el uso de Python y Javascript. ¿La razón? En el mercado laboral JavaScript tiene 26 veces más vacantes de trabajo que Ruby on Rails y Python tiene 10 veces más trabajos que node.js.
-
- Otras herramientas que también aprenderás a usar en nuestro programa son: GitHub, CSS3, HTML5, Flask, PostgreSQL, etc."
+ text: "Nuestro programa está basado en el uso de Python y Javascript. ¿La razón? En el mercado laboral JavaScript tiene 26 veces más vacantes de trabajo que Ruby on Rails y Python tiene 10 veces más trabajos que node.js. Otras herramientas que también aprenderás a usar en nuestro programa son: GitHub, CSS3, HTML5, Flask, PostgreSQL, etc."
font_size: ["16px"]
diff --git a/src/data/landing/madrid-united-way-espana.es.yml b/src/data/landing/madrid-united-way-espana.es.yml
index 09c7182ac..70f14aaa3 100644
--- a/src/data/landing/madrid-united-way-espana.es.yml
+++ b/src/data/landing/madrid-united-way-espana.es.yml
@@ -28,6 +28,11 @@ form:
motivation: "Únete a nuestra comunidad de más de 3500 personas. Conviértete en Full-Stack Developer y ¡cambia tu vida!"
button_label: Solicita tu plaza
redirect: "/es/gracias" #you can redirect to another url or entirely diffrent website
+
+apply_schollarship: # form that is displayed at the end of the landing
+ # title: "Apoyo Profesional Ilimitado"
+ imageSide: "left"
+ image: "../../../static/images/landing/apply.png"
navbar:
buttonText: "Aplica ahora"
@@ -86,12 +91,11 @@ follow_bar:
phone:
text: "Call "
-
components:
- name: how-it-works
- position: 3
+ position: 2
background: "veryLightBlue2"
- layout: multi_column
+ layout: iconogram
swipable: True
heading:
text: "Cómo funciona"
@@ -100,36 +104,26 @@ components:
text: 'La Fundación United Way y 4Geeks Academy España se unen con el objetivo de proporcionar formación digital a través de becas a personas con bajos recursos económicos, para que inicien su carrera profesional en el ámbito de la tecnología, mejorando la inclusión en un sector poco diverso.'
font_size: ["16px", "16px", "16px", "16px", "16px"]
style: '{ "textAlign": "center", "width": "60%" }'
- columns:
- - image:
- style: '{ "backgroundSize": "contain", "height": "130px" }'
- src: "/images/landing/graduated-icon.png"
- content:
- text: "Conviértete en Full-Stack Developer aplicando a esta iniciativa impulsada por United Way. ¡Acelera tu carrera!"
- font_size: ["16px"]
- size: [3,3,3,3]
- - image:
- style: '{ "backgroundSize": "contain", "height": "130px" }'
- src: "/images/landing/pc-icon.png"
- content:
- text: "Una vez aceptado en el Programa Full-Stack recibirás formación de calidad, mentorías y servicio de carreras para que impulses tu futuro."
- font_size: ["16px"]
- size: [3,3,3,3]
- - image:
- style: '{ "backgroundSize": "contain", "height": "130px" }'
- src: "/images/landing/cicle-icon.png"
- content:
- text: "Para ayudar a otros participantes, deberás pagar esta beca solo cuando consigas trabajo, sin intereses y a un precio muy por debajo del mercado."
- font_size: ["16px"]
- size: [3,3,3,3]
+ text_link: "#"
+ icons:
+ - icon: "graduation-2"
+ title: REQUEST INFO
+ content: "Conviértete en Full-Stack Developer aplicando a esta iniciativa impulsada por United Way. ¡Acelera tu carrera!"
+ - icon: "laptop_new"
+ title: RECEIVE AN E-MAIL WITH THE DETAILS
+ content: "Una vez aceptado en el Programa Full-Stack recibirás formación de calidad, mentorías y servicio de carreras para que impulses tu futuro."
+ - icon: "job"
+ title: TALK TO ADMISSIONS
+ content: "Para ayudar a otros participantes, deberás pagar esta beca solo cuando consigas trabajo, sin intereses y a un precio muy por debajo del mercado."
- name: a-quien-va-dirigido
position: 3
layout: two_column_left
proportions: [5, 7]
image:
- style: '{ "backgroundSize": "contain" }'
+ style: '{ "backgroundSize": "cover" }'
src: "/images/landing/GrupoVariasNacionalidades.png"
+ shadow: true
heading:
text: "A quién va dirigido"
font_size: ["30px", "30px", "30px", "30px", "30px"]
@@ -187,7 +181,7 @@ components:
text: |
Desde 2015 enseñamos en programación. Tenemos 7 campus entre USA, Latinoamérica y Europa. Más de 3500 personas han impulsado su carrera gracias a 4Geeks Academy.
-
Hemos sido reconocidos como el Mejor Coding Bootcamp de España (2021, 2022 y 2023) y el Mejor Centro de Formación de España (2023)
+
Hemos sido reconocidos como el Mejor Coding Bootcamp de España (2021, 2022 y 2023) y el Mejor Centro de Formación de España (2023)
Formato part-time intensivo de 18 semanas que ha sido reconocido como el Mejor Programa para la Inserción Profesional según los Premios Excelencia Educativa.
@@ -234,12 +228,13 @@ components:
- name: better-future
position: 10
- layout: two_column_right
+ layout: two_column_left
proportions: [6, 6]
background: "#F5F5F5"
image:
style: '{ "backgroundSize": "contain" }'
- src: "/images/landing/temp4.png"
+ src: "/images/landing/comunity-support.png"
+ shadow: true
heading:
text: "¿Preparado para iniciar el camino hacia un mejor futuro?"
font_size: ["40px", "40px", "40px", "40px", "40px"]
@@ -249,7 +244,7 @@ components:
button:
text: "Solicita tu Plaza"
color: "white"
- background: "blue"
+ background: "black"
hover_color: "white"
path: "#top"
@@ -259,7 +254,7 @@ components:
proportions: [6, 6]
background: "veryLightBlue2"
image:
- style: '{ "backgroundSize": "contain", "maxHeight": "270px" }'
+ style: '{ "backgroundSize": "contain", "maxHeight": "220px" }'
src: "/images/landing/Bcas-UnitedWay-Madrid.png"
heading:
text: "El Proyecto Social Tech es en colaboración con United Way España, Bcas y 4Geeks Academy"
diff --git a/src/data/landing/mexico-aprender-programacion.es.yml b/src/data/landing/mexico-aprender-programacion.es.yml
index 6de1c6efa..5033e9ba4 100644
--- a/src/data/landing/mexico-aprender-programacion.es.yml
+++ b/src/data/landing/mexico-aprender-programacion.es.yml
@@ -34,9 +34,9 @@ navbar:
apply_schollarship: # form that is displayed at the end of the landing
- # title: "Get more info about this award-winning development course"
+ # title: "Apoyo Profesional Ilimitado"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -112,16 +112,22 @@ rating_reviews:
rating: 4.9
url: ""
-badges:
- position: 3
- heading: "4Geeks Academy cuenta con premios y reconocimientos que validan su excelencia"
-
program_details:
position: 1
background: "#FFFFFF"
heading: "Domina Python, JS y React"
sub_heading: "Un curso de programación sobre las tecnologías más usadas del mundo"
+badges:
+ position: 4
+ heading: "4Geeks Academy cuenta con premios y reconocimientos que validan su excelencia"
+
+geeks_vs_others:
+ position: 3
+ heading: "¿Qué hace a 4Geeks Academy tan exitoso?"
+ paragraph: ""
+ total_rows: 5
+
why_4geeks:
position: 4
heading: "Por qué 4Geeks"
diff --git a/src/data/landing/mexico-bootcamp-programacion.es.yml b/src/data/landing/mexico-bootcamp-programacion.es.yml
index 65a9bc81a..4fb1f7b9e 100644
--- a/src/data/landing/mexico-bootcamp-programacion.es.yml
+++ b/src/data/landing/mexico-bootcamp-programacion.es.yml
@@ -34,15 +34,15 @@ navbar:
apply_schollarship: # form that is displayed at the end of the landing
- # title: "Get more info about this award-winning development course"
+ # title: "Apoyo Profesional Ilimitado"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
background: "#FFF1D1"
- tagline: Aprende a programar desde cero o potencia tu carrera en el mundo tech
- sub_heading: Forma parte hoy de una experiencia sin igual que llevará tu carrera al siguiente nivel
+ tagline: "Aprende a programar desde cero o potencia tu carrera en el mundo tech"
+ sub_heading: ""
badge: "../../../static/images/badges/Course-Report-Badge-2023.png"
image_filter: brightness(0.3)
@@ -52,9 +52,9 @@ features:
# up left down right
styles: '{ "fontSize": "20px", "margin": "10px 0px 10px 0px" }'
bullets:
- - Mentorías de código ilimitadas, apoyo profesional de por vida y mucho más…
- - Programa 100% Remoto y Medio Tiempo. ¡Certificate en tan solo 18 semanas!
- - Contamos con un plan de Trabajo Garantizado y distintas opciones de Financiamiento.
+ - "Mentorías de código ilimitadas, apoyo profesional de por vida y mucho más…"
+ - "Programa 100% Remoto y Medio Tiempo. ¡Certificate en tan solo 18 semanas!"
+ - "Contamos con un plan de Trabajo Garantizado y distintas opciones de Financiamiento."
short_badges:
- name: "Premios Tecnologia Siglo XXI"
@@ -112,16 +112,22 @@ rating_reviews:
rating: 4.9
url: ""
-badges:
- position: 3
- heading: "4Geeks Academy cuenta con premios y reconocimientos que validan su excelencia"
-
program_details:
position: 1
background: "#FFFFFF"
heading: "Domina Python, JS y React"
sub_heading: "Un curso de programación sobre las tecnologías más usadas del mundo"
+badges:
+ position: 4
+ heading: "4Geeks Academy cuenta con premios y reconocimientos que validan su excelencia"
+
+geeks_vs_others:
+ position: 3
+ heading: "¿Qué hace a 4Geeks Academy tan exitoso?"
+ paragraph: ""
+ total_rows: 5
+
why_4geeks:
position: 4
heading: "Por qué 4Geeks"
diff --git a/src/data/landing/mexico-curso-programacion.es.yml b/src/data/landing/mexico-curso-programacion.es.yml
index f4a170e5a..7e184cd52 100644
--- a/src/data/landing/mexico-curso-programacion.es.yml
+++ b/src/data/landing/mexico-curso-programacion.es.yml
@@ -34,15 +34,15 @@ navbar:
apply_schollarship: # form that is displayed at the end of the landing
- # title: "Get more info about this award-winning development course"
+ # title: "Apoyo Profesional Ilimitado"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
background: "#FFF1D1"
- tagline: Bootcamp de Programación en México
- sub_heading: Aprende a programar desde cero o mejora tus habilidades en programación y recibe soporte técnico y profesional de por vida.
+ tagline: "Aprende a programar desde cero o potencia tu carrera en el mundo tech"
+ sub_heading: ""
badge: "../../../static/images/badges/Course-Report-Badge-2023.png"
image_filter: brightness(0.3)
@@ -52,9 +52,9 @@ features:
# up left down right
styles: '{ "fontSize": "20px", "margin": "10px 0px 10px 0px" }'
bullets:
- - Aprende las tecnologías más demandadas por las grandes empresas.
- - Programa 100% Remoto y Medio Tiempo. ¡Certificate en tan solo 18 semanas!
- - Contamos con un plan de Trabajo Garantizado y distintas opciones de Financiamiento.
+ - "Mentorías de código ilimitadas, apoyo profesional de por vida y mucho más…"
+ - "Programa 100% Remoto y Medio Tiempo. ¡Certificate en tan solo 18 semanas!"
+ - "Contamos con un plan de Trabajo Garantizado y distintas opciones de Financiamiento."
short_badges:
- name: "Premios Tecnologia Siglo XXI"
@@ -112,16 +112,22 @@ rating_reviews:
rating: 4.9
url: ""
-badges:
- position: 3
- heading: "4Geeks Academy cuenta con premios y reconocimientos que validan su excelencia"
-
program_details:
position: 1
background: "#FFFFFF"
heading: "Domina Python, JS y React"
sub_heading: "Un curso de programación sobre las tecnologías más usadas del mundo"
+badges:
+ position: 4
+ heading: "4Geeks Academy cuenta con premios y reconocimientos que validan su excelencia"
+
+geeks_vs_others:
+ position: 3
+ heading: "¿Qué hace a 4Geeks Academy tan exitoso?"
+ paragraph: ""
+ total_rows: 5
+
why_4geeks:
position: 4
heading: "Por qué 4Geeks"
diff --git a/src/data/landing/miami-full-stack-programs.us.yml b/src/data/landing/miami-full-stack-programs.us.yml
index 51355ad34..1656b2135 100644
--- a/src/data/landing/miami-full-stack-programs.us.yml
+++ b/src/data/landing/miami-full-stack-programs.us.yml
@@ -26,6 +26,11 @@ form:
button_label: Get more information
redirect: null #you can redirect to another url or entirely diffrent website
+apply_schollarship: # form that is displayed at the end of the landing
+ # title: "Apoyo Profesional Ilimitado"
+ imageSide: "left"
+ image: "../../../static/images/landing/apply.png"
+
# jumbotron on the top (cannot be commented out)
header_data:
tagline: Become a Software Developer and Boost your Career in Tech
@@ -81,7 +86,7 @@ short_badges:
#
rating_reviews:
- position: 1
+ position: 5
heading: "Top rated on all available review sites"
rating_list:
- alt: "Career Karma"
@@ -135,12 +140,13 @@ alumni_projects:
# Possible layours: [two_column_left_image, two_column_right_image]
components:
- name: passion
- position: 6
+ position: 4
+ background: "lightYellow"
layout: two_column_right
proportions: [6, 6]
image:
style: '{ "backgroundSize": "contain" }'
- src: "/images/badges/switchup-badge-2023.png"
+ src: "/images/landing/why-4geeks-academy-preview.png"
link: "https://www.switchup.org/bootcamps/4geeks-academy"
video: "SixRm6R8rc0"
heading:
@@ -150,27 +156,32 @@ components:
text: "We have graduated thousands of students around the world. People from Europe, North America, and Latin America have enjoyed, learned and grown with us. We are focused on being the bridge between your passion about coding and the skills you need to launch your career within the tech industry. Here you will find some of them talking about their experience:"
font_size: ["16px"]
- name: top_coding_bootcamp
- position: 5
+ position: 8
+ background: "veryLightBlue2"
layout: two_column_left
proportions: [4, 8]
image:
style: '{ "backgroundSize": "contain" }'
src: "/images/badges/Course-Report-Badge-2023.png"
link: "https://www.coursereport.com/schools/4geeks-academy"
- heading:
+ content:
+ style: '{ "line-height": "30px" }'
text:
"We have been selected as one of the Top Coding Bootcamps globally for 3 years in a row"
- #xl lg md sm xs
- font_size: ["40px", "40px", "40px", "40px", "40px"]
+ #xl lg md sm xs
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
- name: geeksinfo
- position: 4
+ position: 1
layout: geeksInfo
- name: working_in_tech
- position: 7
+ position: 3
+ background: "#f1f1f1"
proportions: [4, 8]
layout: two_column_left
image:
+ style: '{ "backgroundSize": "cover" }'
src: "https://storage.googleapis.com/4geeks-academy-website/landing-pictures/testimonials.webp"
+ shadow: true
heading:
text:
"86% of our graduates are now working in the field with an average entry salary of $50,000/yr."
diff --git a/src/data/landing/miami-income-sharing-agreement.us.yml b/src/data/landing/miami-income-sharing-agreement.us.yml
index e3ddba713..73a36933e 100644
--- a/src/data/landing/miami-income-sharing-agreement.us.yml
+++ b/src/data/landing/miami-income-sharing-agreement.us.yml
@@ -27,12 +27,17 @@ form:
button_label: Get more information
redirect: null #you can redirect to another url or entirely diffrent website
+apply_schollarship: # form that is displayed at the end of the landing
+ # title: "Apoyo Profesional Ilimitado"
+ imageSide: "left"
+ image: "../../../static/images/landing/apply.png"
+
# jumbotron on the top (cannot be commented out)
header_data:
tagline: Pay nothing until you make it
sub_heading: Become a software developer without upfront investment.
- image: "../../../static/images/4geeks-main.jpg"
- image_filter: brightness(0.3)
+ background_image: "../../../static/images/4geeks-main.jpg"
+ image_filter: brightness(0.25)
features:
marginTop: 0px #<-- separation between tagline and the bullets
@@ -73,19 +78,19 @@ short_badges:
alt: "Best coding bootcamp Switchup 2023"
- name: "Florida Department of Education"
url: ""
- image: "../../../static/images/badges/licensed.png"
+ image: "../../../static/images/badges/licensed-inverted.png"
alt: "Florida Department of Education"
#
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
-in_the_news:
- position: 1
- heading: "Read about us in the media..."
+# in_the_news:
+# position: 1
+# heading: "Read about us in the media..."
badges:
- position: 2
+ position: 6
heading: "4Geeks Academy has awards and recognitions that validate it's excellence"
geeks_vs_others:
@@ -113,7 +118,7 @@ alumni_projects:
# Possible layours: [two_column_left_image, two_column_right_image]
components:
- name: isa_explanation
- position: 2
+ position: 1
layout: columns
proportions: [3, 2]
heading:
@@ -163,7 +168,7 @@ components:
src: "/images/isa/isa6.png"
- name: first_syllabus_form
- position: 4
+ position: 3
layout: syllabus
button:
text: "Instant Download"
@@ -172,16 +177,19 @@ components:
# xl lg md sm xs
font_size: ["40px", "40px", "40px", "40px", "40px"]
- name: top_coding_bootcamp
- position: 4
+ position: 2
layout: two_column_left
+ background: "#ebebeb"
proportions: [4, 8]
image:
style: '{ "backgroundSize": "contain" }'
- src: "/images/badges/switchup.png"
+ src: "/images/badges/switchup-badge-2023.png"
link: "https://www.switchup.org/bootcamps/4geeks-academy"
button:
text: "Read testimonials"
- color: null
+ color: "white"
+ background: "black"
+ hover: "white"
path: "https://www.switchup.org/bootcamps/4geeks-academy"
heading:
text:
@@ -192,8 +200,11 @@ components:
position: 7
proportions: [4, 8]
layout: two_column_left
+ background: "lightBlue"
image:
+ style: '{ "backgroundSize": "cover" }'
src: "https://storage.googleapis.com/4geeks-academy-website/landing-pictures/testimonials.webp"
+ shadow: true
heading:
text:
"89% of our graduates are now working as software developers with an average entry salary of $50,000/yr."
diff --git a/src/data/landing/miami-mttc.us.yml b/src/data/landing/miami-mttc.us.yml
index 8a8cca37c..e747f5829 100644
--- a/src/data/landing/miami-mttc.us.yml
+++ b/src/data/landing/miami-mttc.us.yml
@@ -9,7 +9,7 @@ meta_info:
image: "public/images/landing/uwm_pantone_2021_2.png"
keywords: "Coding Classes, Learn to code, Miami, 4Geeks Academy"
- template: "landing_nonav" # <--- choose your landing template
+ template: "landing_a" # <--- choose your landing template
redirects: # <--- URL redirections to avoid 404 errors
[]
@@ -23,12 +23,17 @@ meta_info:
form:
# posible fields: "first_name", "last_name", "full_name", "phone", "email"
# always the first_name, email and phone will be mandatory if added.
- fields: ["full_name", "phone", "email"]
+ fields: ["full_name", "phone", "email", "course"]
heading: "Apply to 4Geeks"
- motivation: "A top quality program at No Cost for you. No excuses. Become a developer and change your life"
- button_label: Apply Now
+ #motivation: "A top quality program at No Cost for you. No excuses. Become a developer and change your life"
+ button_label: Apply
redirect: "/us/thank-you/?lang=us" #you can redirect to another url or entirely diffrent website
+apply_schollarship: # form that is displayed at the end of the landing
+ # title: "Get more info about this award-winning development course"
+ imageSide: "left"
+ image: "../../../static/images/landing/apply.png"
+
navbar:
buttonText: "Apply now"
buttonUrl: "#top" # url accepts: relative(/apply), absolute(https://google.com), id(#componentName) or position(#top #bottom)
@@ -36,7 +41,7 @@ navbar:
header_data:
background: "#FFF1D1"
- tagline: "No excuses. No Cost. Miami Tech Talent is bringing 100% scholraships. We are changing the Game"
+ tagline: "No excuses. No Cost. Miami Tech Talent is bringing 100% scholarships. We are changing the Game"
tagline_color: "black"
badge: "../../../static/images/badges/Course-Report-Badge-2023.png"
image_filter: brightness(0.3)
@@ -82,36 +87,44 @@ follow_bar:
phone:
text: "Call "
-choose_your_program:
- position: 8
- title: Our Programs
- paragraph: We are specialized on Part-time Programs with live classes taught by experts. Plan for a +25 hours a week of workload
- programs:
- - title: "Full Stack Developer"
- sub_title: "Level 1"
- icon: "fullstack"
- description: |
- From 0 to becoming a Full-Stack Jr. programmer, you will work with HTML5, CSS3, Bootstrap, JS, Reactjs, SQL, Python, Flask, REST API's, etc. to design and create responsive websites. You'll gain a solid foundation of front, back, database, distributed processes, and deployment with passionate instructors and an up-to-date, hands-on syllabus.
- Available Part-Time or Full-Time mode. Download
.
-
- text_link: Apply now
- link: "#" # moves to start position
-
- - title: "Data Science & Machine Learning"
- sub_title: "No experience required"
- icon: "machine"
- description: |
- Get trained by a renowned expert in Machine Learning and DS: explore Machine Learning's fundamentals and Deep Learning with some of the most powerful technologies that truly scale intelligence for business. Practice with real-life business scenarios typical in business and review some of the tools used in the industry. Strategize and develop your A.I. following the lifecycle development from start to end, including deployment into production and maintenance with Privacy, Security, and Ethics.
- Download .
+components:
+ - name: "whatever"
+ layout: choose_your_program
+ background: "lightBlue"
+ position: 3
+ heading:
+ text: Our Programs
+ content:
+ text: Programs in Full-Time or Part-Time modality with live classes taught by experts
+ font_size: ["16px"]
+ path: ""
+ programs:
+ - title: "Full Stack Developer"
+ sub_title: "Level 1"
+ icon: "fullstack_2"
+ description: |
+ From 0 to becoming a Full-Stack Jr. programmer, you will work with HTML5, CSS3, Bootstrap, JS, Reactjs, SQL, Python, Flask, REST API's, etc. to design and create responsive websites. You'll gain a solid foundation of front, back, database, distributed processes, and deployment with passionate instructors and an up-to-date, hands-on syllabus.
+ Available Part-Time or Full-Time mode.
+ Download "here the syllabus"
+
+ text_link: Apply now
+ link: "#" # moves to start position
- text_link: Apply now
- link: "#"
+ - title: "Data Science & Machine Learning"
+ sub_title: "No experience required"
+ icon: "machine_2"
+ description: |
+ Get trained by a renowned expert in Machine Learning and DS: explore Machine Learning's fundamentals and Deep Learning with some of the most powerful technologies that truly scale intelligence for business. Practice with real-life business scenarios typical in business and review some of the tools used in the industry. Strategize and develop your A.I. following the lifecycle development from start to end, including deployment into production and maintenance with Privacy, Security, and Ethics.
+ Download
"here the syllabus".
+
+ text_link: Apply now
+ link: "#"
+
-components:
- name: how-it-works
- position: 3
+ position: 2
background: "veryLightBlue2"
- layout: multi_column
+ layout: iconogram
swipable: True
heading:
text: "How It Works"
@@ -120,29 +133,66 @@ components:
text: 'According to the U.S. Bureau of Labor Statistics,
software developers in the U.S. have a higher than average job outlook and earn a median salary of $110,140 a year. Improve your chances to be one of them.'
font_size: ["16px", "16px", "16px", "16px", "16px"]
style: '{ "textAlign": "center", "width": "60%" }'
- columns:
+ icons:
+ - icon: "graduation-2"
+ title: ""
+ content: "Apply to the United Way Miami Workforce Project to jumpstart your career in coding."
+ - icon: "terminal"
+ title: ""
+ content: "Once accepted, students enroll in the 4Geeks Full-Stack Software Development Program. 4Geeks provides quality training and offers supporting services —like resume review and career coaching—to help participants find jobs after graduating."
+ - icon: "job"
+ title: ""
+ content: "Participants pay program costs after they start jobs making more than $35,000 a year. Participants who don't find a job or keep jobs with salaries above $35,000 pay nothing."
+
+ - name: elegibility
+ position: 3
+ layout: cards_carousel
+ heading:
+ text: "Elegibility in this Program"
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
+ content: #If a link is placed in the content, use the same inline style as the example.
+ text: 'Learn more about
eligibility conditions and apply'
+ font_size: ["18px", "18px", "18px", "18px", "18px"]
+ path: "https://storage.googleapis.com/media-breathecode/bc38ffebe9e56f8cd62e10d5d0839f98d7528c4fe7756456630588d2c2048a2a"
+ sub_heading:
+ text: |
+ You may qualify if are a
Miami resident and belong to one of these groups:
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ button:
+ text: "APPLY NOW"
+ color: "white"
+ hover_color: "white"
+ path: "#top"
+ background: "black"
+ cards:
- image:
- style: '{ "backgroundSize": "contain", "height": "130px" }'
- src: "/images/landing/graduated-icon.png"
- content:
- text: "Apply to the Miami Tech Talent Coalition Program to jumpstart your career in coding. More info here
."
- font_size: ["16px"]
- size: [3,3,3,3]
+ style: '{ "backgroundSize": "cover", "minHeight": "230px", "borderRadius": "80px" }'
+ src: "/images/low-income-people-of-color.png"
+ heading:
+ text: "Low-income people of color"
+ style: '{ "fontWeight": "700" }'
+ font_size: "15px"
+ # button:
+ # text: "See more"
- image:
- style: '{ "backgroundSize": "contain", "height": "130px" }'
- src: "/images/landing/pc-icon.png"
- content:
- text: "You will have to approve a Logical test. Then you will be invited to complete the Pre-work, and finally you are going to have a couple of onboarding sessions. After completing these stages, you will be enrolled and formally a part of the program."
- font_size: ["16px"]
- size: [3,3,3,3]
+ style: '{ "backgroundSize": "cover", "minHeight": "230px", "borderRadius": "80px" }'
+ src: "/images/low-income-veterans.png"
+ heading:
+ text: "Low-income veterans"
+ style: '{ "fontWeight": "700" }'
+ font_size: "15px"
+ # button:
+ # text: "See more"
+ # link: /
- image:
- style: '{ "backgroundSize": "contain", "height": "130px" }'
- src: "/images/landing/cicle-icon.png"
- content:
- text: "You will never have to pay but you will have to express commitment, passion and desire to get a Job after graduation, so more people can benefit from it as well as you did!."
- font_size: ["16px"]
- size: [3,3,3,3]
-
+ style: '{ "backgroundSize": "cover", "minHeight": "230px", "borderRadius": "80px" }'
+ src: "/images/low-income-female-heads-of-household.png"
+ heading:
+ text: "Low-income single female heads of household"
+ style: '{ "fontWeight": "700" }'
+ font_size: "15px"
+ # button:
+ # text: "See more"
- name: coding
position: 4
@@ -170,7 +220,7 @@ components:
> CAREER FLEXIBILITY
Coding skills prepare you for a variety of jobs in the rapidly-shifting digital economy.
- name: geeksinfo
- position: 7
+ position: 1
layout: geeksInfo
- name: why4geeks
@@ -191,7 +241,7 @@ components:
text: |
Founded in 2015, we are specialists of code. We have +7 campuses spread over the United States, Latin America and Europe. Over 2,500 students have graduated from our programs with valuable coding skills.
- Our coding bootcamps are designed to be flexible so that anyone, even learners raising children or working full-time, can enroll and succeed.
+ Our coding bootcamps are designed to be flexible so that anyone, including learners raising children or working full-time, can enroll and succeed.
These programs (Part-time -16 weeks long- or Full-Time -9 weeks long-) will teach you the skills you need to succeed as a software developer.
@@ -199,7 +249,7 @@ components:
- name: pay
position: 11
- background: "veryLightBlue2"
+ # background: "veryLightBlue2"
layout: two_column_right
proportions: [6, 6]
image:
@@ -207,20 +257,30 @@ components:
src: "/static/images/staff/luisa.png"
video: "https://www.youtube.com/watch?v=PWkgaAT8pHg&t=13s"
heading:
+ style: '{ "margin-top": "0px" }'
text: "You don't need to be worried about payments. Only about your career ahead"
font_size: ["30px", "30px", "30px", "30px", "30px"]
+ # sub_heading:
+ # text: "We changed the game by offering the program with no costs associated. You will need to find a job to make the program worth it, and to keep the program alive for new students."
sub_heading:
- text: "We changed the game by offering the program with no costs associated. You will need to find a job to make the program worth it, and to keep the program alive for new students."
font_size: ["18px", "18px", "18px", "18px", "18px"]
- button:
- content:
+ style: '{ "font-weight": "100" }'
text: |
- 1. Enroll in the program.
- 2. Learn software development skills.
- 3. Graduate and complete your projects.
- 4. Land a job.
- 5. Keep building a career you love.
- font_size: ["16px"]
+ We changed the game by offering the program with no costs associated. You will need to find a job to make the program worth it, and to keep the program alive for new students.
+
+ bullets:
+ item_style: '{ "padding": 0, "font-weight": "100" }'
+ items:
+ - text: Enroll in the program.
+ icon: null
+ - text: Learn software development skills.
+ icon: null
+ - text: Graduate and complete your projects.
+ icon: null
+ - text: Land a job.
+ icon: null
+ - text: Keep building a career you love.
+ icon: null
- name: testimonials
position: 9
@@ -233,13 +293,14 @@ components:
# ["azu-bota","nai-kali","cha-fabr"]
- name: better-future
- position: 10
- layout: two_column_right
+ position: 2
+ layout: two_column_left
proportions: [6, 6]
background: "#F5F5F5"
image:
- style: '{ "backgroundSize": "contain" }'
- src: "/images/landing/temp4.png"
+ style: '{ "backgroundSize": "cover" }'
+ src: "/images/landing/comunity-support.png"
+ shadow: true
heading:
text: "Ready to start your journey to a better future?"
font_size: ["40px", "40px", "40px", "40px", "40px"]
@@ -249,17 +310,17 @@ components:
button:
text: "APPLY NOW"
color: "white"
- background: "blue"
+ background: "black"
hover_color: "white"
path: "#top"
- name: Miami Tech Talent Coalition
- position: 11
+ position: 9
layout: two_column_right
proportions: [6, 6]
background: "veryLightBlue2"
image:
- style: '{ "backgroundSize": "contain", "maxHeight": "270px" }'
+ style: '{ "backgroundSize": "contain", "maxHeight": "130px" }'
src: "/images/landing/miamitech-logo.png"
heading:
text: "The Miami Tech Coalition and 4Geeks Academy Mission"
diff --git a/src/data/landing/miami-programming-bootcamp.us.yml b/src/data/landing/miami-programming-bootcamp.us.yml
index 2fc4134f1..249cd99e7 100644
--- a/src/data/landing/miami-programming-bootcamp.us.yml
+++ b/src/data/landing/miami-programming-bootcamp.us.yml
@@ -27,11 +27,16 @@ form:
button_label: Get more information
redirect: null #you can redirect to another url or entirely diffrent website
+apply_schollarship: # form that is displayed at the end of the landing
+ # title: "Apoyo Profesional Ilimitado"
+ imageSide: "left"
+ image: "../../../static/images/landing/apply.png"
+
# jumbotron on the top (cannot be commented out)
header_data:
tagline: Programming Bootcamp
sub_heading: "Become a web developer in 9 or 16 weeks"
- image: "../../../static/images/4geeks-main.jpg"
+ background_image: "../../../static/images/4geeks-main.jpg"
image_filter: brightness(0.3)
features:
@@ -73,7 +78,7 @@ short_badges:
alt: "Best coding bootcamp Switchup 2023"
- name: "Florida Department of Education"
url: ""
- image: "../../../static/images/badges/licensed.png"
+ image: "../../../static/images/badges/licensed-inverted.png"
alt: "Florida Department of Education"
#
@@ -81,15 +86,15 @@ short_badges:
#
in_the_news:
- position: 1
- heading: "Read about us in the media..."
+ position: 15
+ heading: ""
badges:
- position: 2
+ position: 6
heading: "4Geeks Academy has awards and recognitions that validate it's excellence"
program_details:
- position: 3
+ position: 1
heading: "Master Python, JS and React"
sub_heading: "The 3 most used languages in the world"
@@ -127,28 +132,31 @@ components:
# xl lg md sm xs
font_size: ["40px", "40px", "40px", "40px", "40px"]
- name: top_coding_bootcamp
- position: 4
+ position: 2
layout: two_column_left
+ background: "#ebebeb"
proportions: [4, 8]
image:
style: '{ "backgroundSize": "contain" }'
- src: "/images/badges/switchup.png"
+ src: "/images/badges/switchup-badge-2023.png"
link: "https://www.switchup.org/bootcamps/4geeks-academy"
button:
text: "Read testimonials"
- color: null
+ color: "white"
+ background: "black"
path: "https://www.switchup.org/bootcamps/4geeks-academy"
heading:
text:
"We have been named one of the TOP programming bootcamps in the World"
# xl lg md sm xs
- font_size: ["40px", "40px", "40px", "40px", "40px"]
+ font_size: ["38px", "36px", "32px", "32px", "28px"]
- name: working_as_software_developers
- position: 7
+ position: 6
proportions: [4, 8]
layout: two_column_left
image:
src: "https://storage.googleapis.com/4geeks-academy-website/landing-pictures/testimonials.webp"
+ shadow: true
heading:
text:
"89% of our graduates are now working as software developers with an average entry salary of $50,000/yr."
diff --git a/src/data/landing/miami-scholarships-blacks-in-technology.us.yml b/src/data/landing/miami-scholarships-blacks-in-technology.us.yml
index d80924bd6..cba001b2d 100644
--- a/src/data/landing/miami-scholarships-blacks-in-technology.us.yml
+++ b/src/data/landing/miami-scholarships-blacks-in-technology.us.yml
@@ -39,9 +39,9 @@ header_data:
sub_heading: ""
partner_logo_url: "../../../static/images/partner/bit-logo.png" # optional
badge: "../../../static/images/badges/Course-Report-Badge-2023.png"
- # background_image: "../../../static/images/Happy-People-Landing-4Geeks-ES.jpg" # optional
- background: "black" #background property, it can be a hex color
- image_filter: brightness(0.4)
+ background_image: "../../../static/images/Happy-People-Landing-4Geeks-ES.jpg" # optional
+ background: "#000000" #background property, it can be a hex color
+ image_filter: brightness(0.25)
features:
marginTop: 20px #<-- separation between tagline and the bullets
@@ -69,7 +69,7 @@ short_badges:
alt: "Best coding bootcamp Switchup 2023"
- name: "Florida Department of Education"
url: ""
- image: "../../../static/images/badges/licensed.png"
+ image: "../../../static/images/badges/licensed-inverted.png"
alt: "Florida Department of Education"
follow_bar:
@@ -91,7 +91,7 @@ follow_bar:
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
rating_reviews:
- position: 1
+ position: 3
heading: "Top rated on all available review sites"
rating_list:
- alt: "Career Karma"
@@ -111,20 +111,8 @@ rating_reviews:
rating: 5
url: ""
-iconogram:
- position: 3
- icons:
- - icon: "touch"
- title: Apply for your scholarship before March 31st, 2022
- - icon: "receive_mail"
- title: You will receive an email with all the information and a logic test
- - icon: "talk"
- title: Do an online interview with our admissions team
- - icon: "terminal"
- title: Get the result, book your spot and start coding
-
who_is_hiring:
- position: 4
+ position: 10
heading: "OUR STUDENTS WORK AT"
sub_heading: "Get a job in less than 3 months thanks to our growing network of more than 500 technology companies. Access to national and international offers and a community of more than 2000 graduates"
featured:
@@ -135,30 +123,6 @@ who_is_hiring:
- name: "Apple"
image: "../../../static/images/partner/apple.png"
-choose_your_program:
- position: 5
- title: Our Programs
- paragraph: Programs in Full-Time or Part-Time modality with live classes taught by experts
- programs:
- - title: "Full Stack Developer"
- sub_title: "Level 1"
- icon: "fullstack"
- description: |
- From 0 to becoming a Full-Stack Jr. programmer, you will work with HTML5, CSS3, Bootstrap, JS, Reactjs, SQL, Python, Flask, REST API's, etc. to design and create responsive websites. You'll gain a solid foundation of front, back, database, distributed processes, and deployment with passionate instructors and an up-to-date, hands-on syllabus.
- Available Part-Time or Full-Time mode. Download "here the syllabus".
-
- text_link: Apply for a scholarship
- link: "#" # moves to start position
-
- - title: "AI & Machine Learning"
- sub_title: "Developers and STEM Profiles"
- icon: "machine"
- description: |
- Get trained by a renowned expert in A.I.; explore Machine Learning's fundamentals and Deep Learning with some of the most powerful technologies that truly scale intelligence for business. Practice with real-life business scenarios typical in business and review some of the tools used in the industry. Strategize and develop your A.I. following the lifecycle development from start to end, including deployment into production and maintenance with Privacy, Security, and Ethics.
- Download
"here the syllabus".
-
- text_link: Apply for a scholarship
- link: "#"
geeks_vs_others:
position: 4
@@ -177,18 +141,74 @@ why_4geeks:
apply_schollarship: # form that is displayed at the end of the landing
# title: "Apoyo Profesional Ilimitado"
- imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ imageSide: "left"
+ image: "../../../static/images/landing/apply.png"
# Possible layours: [two_column_left_image, two_column_right_image]
components:
+
+ - name: how-it-works
+ position: 2
+ background: "veryLightBlue2"
+ layout: iconogram
+ swipable: True
+ heading:
+ text: ""
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
+ sub_heading:
+ text: ""
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ style: '{ "textAlign": "center", "width": "60%" }'
+ text_link: "#"
+ icons:
+ - icon: "touch"
+ title: Apply for your scholarship before March 31st, 2022
+ - icon: "receive_mail"
+ title: You will receive an email with all the information and a logic test
+ - icon: "talk"
+ title: Do an online interview with our admissions team
+ - icon: "terminal"
+ title: Get the result, book your spot and start coding
+
+
+ - name: "whatever"
+ layout: choose_your_program
+ position: 1
+ heading:
+ text: Our Programs
+ content:
+ text: Programs in Full-Time or Part-Time modality with live classes taught by experts
+ font_size: ["16px"]
+ path: ""
+ programs:
+ - title: "Full Stack Developer"
+ sub_title: "Level 1"
+ icon: "fullstack_2"
+ description: |
+ From 0 to becoming a Full-Stack Jr. programmer, you will work with HTML5, CSS3, Bootstrap, JS, Reactjs, SQL, Python, Flask, REST API's, etc. to design and create responsive websites. You'll gain a solid foundation of front, back, database, distributed processes, and deployment with passionate instructors and an up-to-date, hands-on syllabus.
+ Available Part-Time or Full-Time mode. Download
"here the syllabus".
+
+ text_link: Apply for a scholarship
+ link: "#" # moves to start position
+
+ - title: "AI & Machine Learning"
+ sub_title: "Developers and STEM Profiles"
+ icon: "machine_2"
+ description: |
+ Get trained by a renowned expert in A.I.; explore Machine Learning's fundamentals and Deep Learning with some of the most powerful technologies that truly scale intelligence for business. Practice with real-life business scenarios typical in business and review some of the tools used in the industry. Strategize and develop your A.I. following the lifecycle development from start to end, including deployment into production and maintenance with Privacy, Security, and Ethics.
+ Download
"here the syllabus".
+
+ text_link: Apply for a scholarship
+ link: "#"
+
- name: blacks_in_technolgy
position: 6
layout: two_column_right
background: "veryLightBlue2" # Name of the color(from components/Styling/index.js) or color code ex: #C9F9F9
image:
src: "/images/landing/affrican_person_small.jpeg"
+ shadow: true
# video: "B01-eTfgqqc"
heading:
text:
@@ -199,12 +219,5 @@ components:
text: "Access to the largest community of black technologists"
font_size: ["18px", "18px", "18px", "18px", "18px"]
content:
- text: "
CAREER SUPPORT
-Job boards, mentorships, and strategic partnerships give members an upper hand in their job search and career advancement goals.
-
-
NETWORKING
-Professional and social events connect our community. Virtual and physical events are core to the BIT mission.
-
-
TECH RESOURCES
-Through our relationships, the BIT Foundation offers discounts on technical training, and events and conferences."
+ text: "
CAREER SUPPORT
Job boards, mentorships, and strategic partnerships give members an upper hand in their job search and career advancement goals.
NETWORKING
Professional and social events connect our community. Virtual and physical events are core to the BIT mission.
TECH RESOURCES
Through our relationships, the BIT Foundation offers discounts on technical training, and events and conferences."
font_size: ["16px"]
diff --git a/src/data/landing/miami-united-way.us.yml b/src/data/landing/miami-united-way.us.yml
index ec10f9cc9..5aaf12859 100644
--- a/src/data/landing/miami-united-way.us.yml
+++ b/src/data/landing/miami-united-way.us.yml
@@ -28,7 +28,12 @@ form:
motivation: "A top quality program at No Cost for you. No excuses. Become a developer and change your life"
button_label: Apply Now
redirect: "/us/thank-you/?lang=us" #you can redirect to another url or entirely diffrent website
-
+
+apply_schollarship: # form that is displayed at the end of the landing
+ # title: "Apoyo Profesional Ilimitado"
+ imageSide: "left"
+ image: "../../../static/images/landing/apply.png"
+
navbar:
buttonText: "Apply now"
buttonUrl: "#top" # url accepts: relative(/apply), absolute(https://google.com), id(#componentName) or position(#top #bottom)
@@ -54,7 +59,7 @@ features:
- "Get up to $6400 for living stipends to pay your regular costs while taking the program"
- "100 Spots Available. Only 50 left!"
- "Now open and accepting applications!"
- styles: '{ "color": "black", "fontWeight":"400", "fontSize":"20px" }'
+ styles: '{ "color": "gray", "fontWeight":"500" }'
short_badges:
- name: "Premios Tecnologia Siglo XXI"
@@ -87,12 +92,26 @@ follow_bar:
phone:
text: "Call "
+iconogram:
+ position: 3
+ heading:
+ text: "Aqui puede ser un titulo"
+ icons:
+ - icon: "graduation-2"
+ title: ""
+ content: "Apply to the United Way Miami Workforce Project to jumpstart your career in coding."
+ - icon: "laptop_new"
+ title: ""
+ content: "Once accepted, students enroll in the 4Geeks Full-Stack Software Development Program. 4Geeks provides quality training and offers supporting services —like resume review and career coaching—to help participants find jobs after graduating."
+ - icon: "job"
+ title: ""
+ content: "Participants pay program costs after they start jobs making more than $35,000 a year. Participants who don't find a job or keep jobs with salaries above $35,000 pay nothing."
components:
- name: how-it-works
- position: 3
- background: "veryLightBlue2"
- layout: multi_column
+ position: 2
+ background: "#E3F9FE !important"
+ layout: iconogram
swipable: True
heading:
text: "How It Works"
@@ -101,43 +120,33 @@ components:
text: 'According to the U.S. Bureau of Labor Statistics,
software developers in the U.S. have a higher than average job outlook and earn a median salary of $110,140 a year. Improve your chances to be one of them.'
font_size: ["16px", "16px", "16px", "16px", "16px"]
style: '{ "textAlign": "center", "width": "60%" }'
- columns:
- - image:
- style: '{ "backgroundSize": "contain", "height": "130px" }'
- src: "/images/landing/graduated-icon.png"
- content:
- text: "Apply to the United Way Miami Workforce Project to jumpstart your career in coding."
- font_size: ["16px"]
- size: [3,3,3,3]
- - image:
- style: '{ "backgroundSize": "contain", "height": "130px" }'
- src: "/images/landing/pc-icon.png"
- content:
- text: "Once accepted, students enroll in the 4Geeks Full-Stack Software Development Program. 4Geeks provides quality training and offers supporting services —like resume review and career coaching—to help participants find jobs after graduating."
- font_size: ["16px"]
- size: [3,3,3,3]
- - image:
- style: '{ "backgroundSize": "contain", "height": "130px" }'
- src: "/images/landing/cicle-icon.png"
- content:
- text: "Participants pay program costs after they start jobs making more than $35,000 a year. Participants who don't find a job or keep jobs with salaries above $35,000 pay nothing."
- font_size: ["16px"]
- size: [3,3,3,3]
+ text_link: "/"
+ icons:
+ - icon: "graduation-2"
+ title: ""
+ content: "Apply to the United Way Miami Workforce Project to jumpstart your career in coding."
+ - icon: "laptop_new"
+ title: ""
+ content: "Once accepted, students enroll in the 4Geeks Full-Stack Software Development Program. 4Geeks provides quality training and offers supporting services —like resume review and career coaching—to help participants find jobs after graduating."
+ - icon: "circle"
+ title: ""
+ content: "Participants pay program costs after they start jobs making more than $35,000 a year. Participants who don't find a job or keep jobs with salaries above $35,000 pay nothing."
+
- name: elegibility
position: 3
- layout: multi_column
+ layout: cards_carousel
swipable: True
heading:
- text: "Program Eligibility"
+ text: "Elegibility in this Program"
font_size: ["30px", "30px", "30px", "30px", "30px"]
content:
- text: '
Learn more about
eligibility conditions and apply'
- font_size: ["16px", "16px", "16px", "16px", "16px"]
+ text: 'Learn more about
eligibility conditions and apply'
+ font_size: ["18px", "18px", "18px", "18px", "18px"]
path: "https://storage.googleapis.com/media-breathecode/bc38ffebe9e56f8cd62e10d5d0839f98d7528c4fe7756456630588d2c2048a2a"
sub_heading:
text: |
- If you work or live in Miami-Dade and have an annual household income below the Area Median Income, who is a citizen, permanent resident, or DACA recipient is invited to apply.
People of color, veterans, and single female heads of household are encouraged to apply.
+ You may qualify if are a
Miami resident and belong to one of these groups:
font_size: ["16px", "16px", "16px", "16px", "16px"]
button:
text: "APPLY NOW"
@@ -145,31 +154,34 @@ components:
hover_color: "white"
path: "#top"
background: "black"
- columns:
+ cards:
- image:
style: '{ "backgroundSize": "cover", "minHeight": "230px", "borderRadius": "80px" }'
- src: "/images/landing/of_color.png"
- content:
- text: "PEOPLE
OF COLOR"
+ src: "/images/low-income-people-of-color.png"
+ heading:
+ text: "Low-income people of color"
style: '{ "fontWeight": "700" }'
- font_size: ["16px"]
- size: [3,3,3,3]
+ font_size: "15px"
+ # button:
+ # text: "See more"
- image:
- style: '{ "backgroundSize": "cover", "borderRadius": "80px" }'
- src: "/images/landing/veteran2.png"
- content:
- text: "VETERANS"
+ style: '{ "backgroundSize": "cover", "minHeight": "230px", "borderRadius": "80px" }'
+ src: "/images/low-income-veterans.png"
+ heading:
+ text: "Low-income veterans"
style: '{ "fontWeight": "700" }'
- font_size: ["16px"]
- size: [3,3,3,3]
+ font_size: "15px"
+ # button:
+ # text: "See more"
- image:
- style: '{ "backgroundSize": "cover", "borderRadius": "80px" }'
- src: "/images/landing/mom-household.png"
- content:
- text: "SINGLE FEMALE HEADS OF HOUSEHOLD"
+ style: '{ "backgroundSize": "cover", "minHeight": "230px", "borderRadius": "80px" }'
+ src: "/images/low-income-female-heads-of-household.png"
+ heading:
+ text: "Low-income single female heads of household"
style: '{ "fontWeight": "700" }'
- font_size: ["16px"]
- size: [3,3,3,3]
+ font_size: "15px"
+ # button:
+ # text: "See more"
- name: coding
position: 4
@@ -197,11 +209,11 @@ components:
> CAREER FLEXIBILITY
Coding skills prepare you for a variety of jobs in the rapidly-shifting digital economy.
- name: geeksinfo
- position: 7
+ position: 1
layout: geeksInfo
- name: why4geeks
- position: 5
+ position: 2
layout: two_column_left
proportions: [5, 7]
image:
@@ -218,7 +230,7 @@ components:
text: |
Founded in 2015, we are specialists of code. We have +7 campuses spread over the United States, Latin America and Europe. Over 2,500 students have graduated from our programs with valuable coding skills.
-
Our coding bootcamps are designed to be flexible so that anyone, even learners raising children or working full-time, can enroll and succeed.
+
Our coding bootcamps are designed to be flexible so that anyone, even learners raising children or working full-time, can enroll and succeed.
These programs (Part-time -16 weeks long- or Full-Time -9 weeks long-) will teach you the skills you need to succeed as a software developer.
@@ -226,7 +238,7 @@ components:
- name: pay
position: 8
- background: "veryLightBlue2"
+ background: "#C7F3FD"
layout: two_column_right
proportions: [6, 6]
image:
@@ -265,13 +277,14 @@ components:
# ["azu-bota","nai-kali","cha-fabr"]
- name: better-future
- position: 10
- layout: two_column_right
+ position: 7
+ layout: two_column_left
proportions: [6, 6]
background: "#F5F5F5"
image:
- style: '{ "backgroundSize": "contain" }'
- src: "/images/landing/temp4.png"
+ style: '{ "backgroundSize": "cover" }'
+ src: "/images/landing/comunity-support.png"
+ shadow: true
heading:
text: "Take the first step towards a better future today."
font_size: ["40px", "40px", "35px", "30px", "25px"]
@@ -281,17 +294,17 @@ components:
button:
text: "APPLY NOW"
color: "white"
- background: "blue"
+ background: "black"
hover_color: "white"
path: "#top"
- name: united
- position: 11
+ position: 9
layout: two_column_right
proportions: [6, 6]
- background: "veryLightBlue2"
+ background: "lightBlue"
image:
- style: '{ "backgroundSize": "contain", "maxHeight": "270px" }'
+ style: '{ "backgroundSize": "contain", "maxHeight": "170px" }'
src: "/images/landing/united-way-two.png"
heading:
text: "The United Way Miami Workforce Project is a partnership between United Way Miami and 4Geeks Academy."
diff --git a/src/data/landing/no-excuses.us.yml b/src/data/landing/no-excuses.us.yml
index eda44481d..bb727d5c6 100644
--- a/src/data/landing/no-excuses.us.yml
+++ b/src/data/landing/no-excuses.us.yml
@@ -7,7 +7,7 @@ meta_info:
image: "/images/bg/main-bg.jpg"
keywords: "Scholarships for coding program, coding course, Financial aid Coding Classes, Learn to code with a scholarship"
- template: "landing_nonav" # <--- choose your landing template
+ template: "landing_a" # <--- choose your landing template
redirects: [] # <--- URL redirections to avoid 404 errors
# Set a particular course or location to the landing page
@@ -32,9 +32,9 @@ form:
redirect: null #you can redirect to another url or entirely diffrent website
apply_schollarship: # form that is displayed at the end of the landing
- # title: "Get more info about this award-winning development course"
+ # title: "Apoyo Profesional Ilimitado"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -50,11 +50,11 @@ features:
styles: '{ "fontSize": "20px", "margin": "10px 0px 10px 0px" }'
text: With our expertise and your hard work, you'll be a professional developer in just 18 weeks!
bullets:
- - Scholarships available. Award winning Bootcamp at the Best pricing
- - Unlimited Mentorship and senior support FOREVER
- - 84% placement rate
- - Job placement rate of 81%
- - "Part-time: it’s immersive but with a flexible schedule"
+ - Scholarships available. Award winning Bootcamp at the Best pricing
+ - Unlimited Mentorship and senior support FOREVER
+ - 84% placement rate
+ - Job placement rate of 81%
+ - "Part-time: it’s immersive but with a flexible schedule"
short_badges:
- name: "Premios Tecnologia Siglo XXI"
@@ -117,19 +117,6 @@ program_details:
heading: "Program details"
sub_heading: "Real-life projects and exactly what companies are looking for"
-iconogram:
- position: 2
- icons:
- - icon: "touch"
- title: Request Info
- - icon: "receive_mail"
- title: Receive an email with details
- - icon: "talk"
- title: Talk to Admissions
- - icon: "terminal"
- title: Learn to Code
-
-
why_python:
position: 5
heading: "Why Python and React.js" # optional or set to white space to hide
@@ -157,35 +144,32 @@ who_is_hiring:
sub_heading: "550+ hiring partners, and 50+ job openings right now for software development"
components:
- #- name: how_it_works
- # position: 4
- # background: "veryLightBlue2"
- # layout: two_column_right
- # proportions: [6, 6]
- # image:
- # style: '{ "backgroundSize": "contain" }'
- # src: "/images/landing/_CU_Horiz_Red_LG.png"
- # heading:
- # text: "How it works"
- # font_size: ["30px", "30px", "30px", "30px", "30px"]
- # sub_heading:
- # text: "Thanks to the partnership with Clark University, 4Geeks Academy is now offering the possibility to join our Coding program with a scholarship equal to $4000. You just need to consider the following:"
- # font_size: ["18px", "18px", "18px", "18px", "18px"]
- # button:
- # text: "Apply here"
- # color: null
- # path: "https://tqaclark.agsprime.net/one_workforce/self_registration_module/participant_self_registration_form?EDIT_MODE=false&staff_organization_id=6329D58D569BD902D19F1E8C"
- # content:
- # text: |
- #
1. Apply and ask for the Clark Scholarship fund.
- #
2. Show/provide proof of working permit in the US.
- #
3. If you are unemployed, that's good here. But if you are underpaid or need a new job or a new salary, you also are subject to receive the Scholarship.
- #
4. Complete the program.
- #
5. Let's start together to find a job. Your success will open more doors to upcoming students.
- # font_size: ["16px"]
+ - name: how-it-works
+ position: 4
+ layout: iconogram
+ swipable: True
+ heading:
+ text: ""
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
+ sub_heading:
+ text: ""
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ style: '{ "textAlign": "center", "width": "60%" }'
+ text_link: "#"
+ icons:
+ - icon: "touch"
+ title: Request Info
+ - icon: "receive_mail"
+ title: Receive an email with details
+ - icon: "talk"
+ title: Talk to Admissions
+ - icon: "terminal"
+ title: Learn to Code
+
- name: top_coding_bootcamp
position: 6
layout: two_column_left
+ background: "#fbfbfb"
proportions: [4, 8]
image:
style: '{ "backgroundSize": "contain" }'
@@ -195,7 +179,7 @@ components:
text:
"We have been selected as one of the Top Coding Bootcamps globally for 3 years in a row"
#xl lg md sm xs
- font_size: ["40px", "40px", "40px", "40px", "40px"]
+ font_size: ["38px", "36px", "34px", "32px", "30px"]
- name: geeksinfo
position: 5
layout: geeksInfo
diff --git a/src/data/landing/santiago-ads-clases-de-programacion.es.yml b/src/data/landing/santiago-ads-clases-de-programacion.es.yml
index 9350d5db3..71ad32203 100644
--- a/src/data/landing/santiago-ads-clases-de-programacion.es.yml
+++ b/src/data/landing/santiago-ads-clases-de-programacion.es.yml
@@ -7,7 +7,7 @@ meta_info:
image: "/images/bg/main-bg.jpg"
keywords: "Clase de programación, Clase de python, clase de javascript, Clase de informática, Coding Bootcamp, 4Geeks Academy"
- template: "landing_nonav" # <--- choose your landing template
+ template: "landing_a" # <--- choose your landing template
redirects: # <--- URL redirections to avoid 404 errors
[]
@@ -33,9 +33,9 @@ form:
redirect: "/es/gracias/?lang=es" #you can redirect to another url or entirely diffrent website
apply_schollarship: # form that is displayed at the end of the landing
- # title: "Get more info about this award-winning development course"
+ # title: "Apoyo Profesional Ilimitado"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -92,7 +92,7 @@ short_badges:
#
rating_reviews:
- position: 1
+ position: 3
heading: "Lee acerca de nosotros"
rating_list:
- alt: "Career Karma"
@@ -141,6 +141,7 @@ components:
image:
style: '{ "backgroundSize": "contain" }'
src: "/images/landing/group_194.png"
+ shadow: true
heading:
text: "Membresías"
font_size: ["50px", "50px", "50px", "50px", "50px"]
@@ -169,35 +170,36 @@ components:
# xl lg md sm xs
font_size: ["50px", "50px", "50px", "50px", "50px"]
content:
- text: "Nuestro programa está basado en el uso de Python y Javascript. ¿La razón? En el mercado laboral JavaScript tiene 26 veces más vacantes de trabajo que Ruby on Rails y Python te permite acceder a distintas áreas del mundo de la programación.
-
- Otras herramientas que también aprenderás a usar en nuestro programa son: HTML5, CSS3, React, Flask, etc."
+ text: "Nuestro programa está basado en el uso de Python y Javascript. ¿La razón? En el mercado laboral JavaScript tiene 26 veces más vacantes de trabajo que Ruby on Rails y Python te permite acceder a distintas áreas del mundo de la programación. Otras herramientas que también aprenderás a usar en nuestro programa son: HTML5, CSS3, React, Flask, etc."
font_size: ["16px"]
-
-choose_your_program:
- position: 5
- title: Nuestras Modalidades
- paragraph: Programa Full Stack Developer en Modalidad Part Time y Full Time
- programs:
- - title: "Part Time"
- sub_title: "18 semanas"
- icon: "fullstack"
- description: |
- De cero a tener tu primer trabajo como Full Stack Developer, con una duración de 18 semanas, con clases 3 veces por semana, compatible con horario laboral o de estudios.
-
- Precio: 3.450.000 CLP
-
- text_link: Obtener más información
- link: "#top" # moves to start position
-
- - title: "Full Time"
- sub_title: "9 semanas"
- icon: "fullstack"
- description: |
- Programa intensivo de 9 semanas, con clases de lunes a viernes durante todo el día, para vivir una experiencia inmersiva en el mundo del código.
-
- Precio: 3.800.000 CLP
+ - name: "whatever"
+ layout: choose_your_program
+ position: 5
+ heading:
+ text: Nuestros Programas
+ content:
+ text: Contamos con programas que combinan clases prácticas dictadas por expertos
+ font_size: ["16px"]
+ path: ""
+ programs:
+ - title: "Full Stack Developer"
+ sub_title: "Nivel 1"
+ icon: "fullstack_2"
+ description: |
+ Aprende desde cero, empezando por lo básico: HTML + CSS3 + Javascript.
+
+ Aprende las habilidades más solicitadas con instructores apasionados y un plan de estudios práctico para ayudarte a encontrar un trabajo de programación como desarrollador Jr.
+
+ text_link: Postula
+ link: "#"
+ - title: "NodeJs Back End Development"
+ sub_title: "Nivel 2"
+ icon: "software_2"
+ description: |
+ Este programa de estudio te permitirá trabajar y desarrollar el back-end de software y aplicaciones web, utilizando uno de los lenguajes de programacion más demandados en el mundo, Javascript.
+
+ Aprenderás a crear tu ambiente de trabajo y realizar las configuraciones pertinentes para poder trabajar con el stack más solicitado de NodeJs
- text_link: Obtener más información
- link: "#top"
+ text_link: Postula
+ link: "#"
diff --git a/src/data/landing/santiago-aprende-a-programar.es.yml b/src/data/landing/santiago-aprende-a-programar.es.yml
index 9f1f94fbb..8dc31d5fe 100644
--- a/src/data/landing/santiago-aprende-a-programar.es.yml
+++ b/src/data/landing/santiago-aprende-a-programar.es.yml
@@ -33,6 +33,11 @@ form:
button_label: Obtener malla y más información
redirect: "/es/gracias/?lang=es" #you can redirect to another url or entirely diffrent website
+apply_schollarship: # form that is displayed at the end of the landing
+ # title: "Apoyo Profesional Ilimitado"
+ imageSide: "left"
+ image: "../../../static/images/landing/apply.png"
+
# jumbotron on the top (cannot be commented out)
header_data:
background: "#FFF1D1"
@@ -42,7 +47,7 @@ header_data:
image_filter: brightness(0.3)
features:
- marginTop: 0px #<-- separation between tagline and the bullets
+ marginTop: 25px #<-- separation between tagline and the bullets
# up left down right
styles: '{ "fontSize": "20px", "margin": "10px 0px 10px 0px" }'
@@ -93,11 +98,11 @@ short_badges:
# filter: ["CNN Español", "La Tercera", "Las Ultimas Noticias", "Emol"]
badges:
- position: 1
+ position: 5
heading: "4Geeks Academy cuenta con premios y reconocimientos que validan su excelencia"
about4Geeks:
- position: 2
+ position: 1
heading: Aprende a programar desde cero con 4Geeks
sub_heading: "Una comunidad de más de 4000 estudiantes, profesores, partners y exalumnos, conectados por medio de Slack, GitHub, Social Media y 4Geeks.com (nuestra plataforma educacional)"
list:
@@ -111,18 +116,6 @@ about4Geeks:
image: "../../../static/images/bg/community.png"
image_mobile: "../../../static/images/bg/community.png"
-iconogram:
- position: 3
- icons:
- - icon: "touch"
- title: Postula al programa
- - icon: "receive_mail"
- title: Recibe un correo electrónico con la información
- - icon: "talk"
- title: Haz una entrevista con nuestro equipo
- - icon: "terminal"
- title: Aprende a programar con nosotros
-
who_is_hiring:
position: 4
heading: "DÓNDE TRABAJAN NUESTROS ESTUDIANTES"
@@ -135,33 +128,6 @@ who_is_hiring:
- name: "Apple"
image: "../../../static/images/partner/apple.png"
-choose_your_program:
- position: 5
- title: Nuestros Programas
- paragraph: Contamos con programas que combinan clases prácticas dictadas por expertos
- programs:
- - title: "Full Stack Developer"
- sub_title: "Nivel 1"
- icon: "fullstack"
- description: |
- Aprende desde cero, empezando por lo básico: HTML + CSS3 + Javascript.
-
- Aprende las habilidades más solicitadas con instructores apasionados y un plan de estudios práctico para ayudarte a encontrar un trabajo de programación como desarrollador Jr.
-
- text_link: Postula
- link: "#"
- - title: "NodeJs Back End Development"
- sub_title: "Nivel 2"
- icon: "software"
- description: |
- Este programa de estudio te permitirá trabajar y desarrollar el back-end de software y aplicaciones web, utilizando uno de los lenguajes de programacion más demandados en el mundo, Javascript.
-
- Aprenderás a crear tu ambiente de trabajo y realizar las configuraciones pertinentes para poder trabajar con el stack más solicitado de NodeJs
-
- text_link: Postula
- link: "#"
-
-
why_4geeks:
position: 7
heading: "Escúchalo de nuestros alumnos"
@@ -169,6 +135,60 @@ why_4geeks:
# Possible layours: [two_column_left_image, two_column_right_image]
components:
+
+ - name: how-it-works
+ position: 3
+ layout: iconogram
+ swipable: True
+ heading:
+ text: ""
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
+ sub_heading:
+ text: ""
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ style: '{ "textAlign": "center", "width": "60%" }'
+ text_link: "#"
+ icons:
+ - icon: "touch"
+ title: Postula al programa
+ - icon: "receive_mail"
+ title: Recibe un correo electrónico con la información
+ - icon: "talk"
+ title: Haz una entrevista con nuestro equipo
+ - icon: "terminal"
+ title: Aprende a programar con nosotros
+
+ - name: "whatever"
+ layout: choose_your_program
+ position: 5
+ heading:
+ text: Nuestros Programas
+ content:
+ text: Contamos con programas que combinan clases prácticas dictadas por expertos
+ font_size: ["16px"]
+ path: ""
+ programs:
+ - title: "Full Stack Developer"
+ sub_title: "Nivel 1"
+ icon: "fullstack_2"
+ description: |
+ Aprende desde cero, empezando por lo básico: HTML + CSS3 + Javascript.
+
+ Aprende las habilidades más solicitadas con instructores apasionados y un plan de estudios práctico para ayudarte a encontrar un trabajo de programación como desarrollador Jr.
+
+ text_link: Postula
+ link: "#"
+ - title: "NodeJs Back End Development"
+ sub_title: "Nivel 2"
+ icon: "software_2"
+ description: |
+ Este programa de estudio te permitirá trabajar y desarrollar el back-end de software y aplicaciones web, utilizando uno de los lenguajes de programacion más demandados en el mundo, Javascript.
+
+ Aprenderás a crear tu ambiente de trabajo y realizar las configuraciones pertinentes para poder trabajar con el stack más solicitado de NodeJs
+
+ text_link: Postula
+ link: "#"
+
- name: python_y_javascript
position: 6
layout: two_column_right
@@ -183,9 +203,7 @@ components:
# xl lg md sm xs
font_size: ["50px", "50px", "50px", "50px", "50px"]
content:
- text: "Nuestros programa está basado en el uso de Python y Javascript. ¿La razón? En el mercado laboral JavaScript tiene 26 veces más vacantes de trabajo que Ruby on Rails y Python tiene 10 veces más trabajos que node.js.
-
- Otras herramientas que también aprenderás a usar en nuestro programa son: GitHub, CSS3, HTML5, Flask, etc."
+ text: "Nuestros programa está basado en el uso de Python y Javascript. ¿La razón? En el mercado laboral JavaScript tiene 26 veces más vacantes de trabajo que Ruby on Rails y Python tiene 10 veces más trabajos que node.js.
Otras herramientas que también aprenderás a usar en nuestro programa son: GitHub, CSS3, HTML5, Flask, etc."
font_size: ["16px"]
- name: top_coding_bootcamp
position: 8
@@ -193,17 +211,19 @@ components:
proportions: [4, 8]
image:
style: '{ "backgroundSize": "contain" }'
- src: "/images/badges/switchup.png"
+ src: "/images/badges/switchup-badge-2023.png"
link: "https://www.switchup.org/bootcamps/4geeks-academy"
button:
text: "Leer testimoniales"
- color: null
+ color: white
+ background: black
+ hover: "blue"
path: "https://www.switchup.org/bootcamps/4geeks-academy"
heading:
text:
"Hemos sido nombrados uno de los TOP coding bootcamps en el mundo"
#xl lg md sm xs
- font_size: ["40px", "40px", "40px", "40px", "40px"]
+ font_size: ["36px", "36px", "36px", "36px", "36px"]
# why_python:
# position: 7
diff --git a/src/data/landing/santiago-banco-ripley.es.yml b/src/data/landing/santiago-banco-ripley.es.yml
index 12853cc7e..c79bcfcf3 100644
--- a/src/data/landing/santiago-banco-ripley.es.yml
+++ b/src/data/landing/santiago-banco-ripley.es.yml
@@ -9,7 +9,7 @@ meta_info:
image: "/images/bg/main-bg.jpg"
keywords: "Bootcamp de programación, Bootcamp de python, Bootcamp de javascript, Bootcamp de full stack, Bootcamp, 4Geeks Academy"
- template: "landing_nonav" # <--- choose your landing template
+ template: "landing_a" # <--- choose your landing template
redirects: # <--- URL redirections to avoid 404 errors
["/landing/alianza-banco-ripley"]
@@ -29,6 +29,11 @@ form:
button_label: Obtener malla y más información
redirect: "/es/gracias/?lang=es" #you can redirect to another url or entirely diffrent website
+apply_schollarship: # form that is displayed at the end of the landing
+ # title: "Apoyo Profesional Ilimitado"
+ imageSide: "left"
+ image: "../../../static/images/landing/apply.png"
+
navbar:
buttonText: "Postular"
buttonUrl: "#bottom" # url accepts: relative(/apply), absolute(https://google.com), id(#componentName) or position(#top #bottom)
@@ -94,6 +99,32 @@ program_details:
# Possible layours: [two_column_left_image, two_column_right_image]
components:
+ - name: "whatever"
+ layout: choose_your_program
+ position: 5
+ heading:
+ text: Nuestras Modalidades
+ content:
+ text: Programa Full Stack Developer en Modalidad Part Time y Full Time
+ font_size: ["16px"]
+ path: ""
+ programs:
+ - title: "Part Time"
+ sub_title: "18 semanas"
+ icon: "fullstack_2"
+ description: |
+ De cero a tener tu primer trabajo como Full Stack Developer, con una duración de 18 semanas, con clases 3 veces por semana, compatible con horario laboral o de estudios.
+ text_link: Obtener más información
+ link: "#top" # moves to start position
+
+ - title: "Full Time"
+ sub_title: "9 semanas"
+ icon: "fullstack_2"
+ description: |
+ Programa intensivo de 9 semanas, con clases de lunes a viernes durante todo el día, para vivir una experiencia inmersiva en el mundo del código.
+ text_link: Obtener más información
+ link: "#top"
+
- name: geeksinfo
position: 4
layout: geeksInfo
@@ -134,9 +165,7 @@ components:
# xl lg md sm xs
font_size: ["50px", "50px", "50px", "50px", "50px"]
content:
- text: "Nuestro programa está basado en el uso de Python y JavaScript. ¿La razón? En el mercado laboral JavaScript tiene 26 veces más vacantes de trabajo que Ruby on Rails y Python te permite acceder a distintas áreas del mundo de la programación.
-
- Otras herramientas que también aprenderás a usar en nuestro programa son: HTML5, CSS3, React, Flask, etc."
+ text: "Nuestro programa está basado en el uso de Python y JavaScript. ¿La razón? En el mercado laboral JavaScript tiene 26 veces más vacantes de trabajo que Ruby on Rails y Python te permite acceder a distintas áreas del mundo de la programación.
Otras herramientas que también aprenderás a usar en nuestro programa son: HTML5, CSS3, React, Flask, etc."
font_size: ["16px"]
- name: alianza
@@ -157,7 +186,7 @@ components:
text: |
Es por ello que junto a Banco Ripley, les traemos un descuento especial para todos los clientes del banco que paguen con sus tarjetas.
-
Válido para Tarjetas de Crédito y Débito Mastercard Banco Ripley.
+
Válido para Tarjetas de Crédito y Débito Mastercard Banco Ripley.
Aplica exclusivamente para el programa Full Stack Development en su modalidad part time y full time.
@@ -177,7 +206,7 @@ components:
button:
text: "Postula Ahora"
color: "white"
- hover_color: "white"
+ hover_color: "rgb(255, 183, 24)"
path: "#top"
background: "black"
columns:
@@ -205,27 +234,6 @@ components:
style: '{ "fontWeight": "700" }'
font_size: ["16px"]
size: [3,3,3,3]
-
-choose_your_program:
- position: 5
- title: Nuestras Modalidades
- paragraph: Programa Full Stack Developer en Modalidad Part Time y Full Time
- programs:
- - title: "Part Time"
- sub_title: "18 semanas"
- icon: "fullstack"
- description: |
- De cero a tener tu primer trabajo como Full Stack Developer, con una duración de 18 semanas, con clases 3 veces por semana, compatible con horario laboral o de estudios.
- text_link: Obtener más información
- link: "#top" # moves to start position
-
- - title: "Full Time"
- sub_title: "9 semanas"
- icon: "fullstack"
- description: |
- Programa intensivo de 9 semanas, con clases de lunes a viernes durante todo el día, para vivir una experiencia inmersiva en el mundo del código.
- text_link: Obtener más información
- link: "#top"
why_4geeks:
position: 7
diff --git a/src/data/landing/santiago-bootcamp-de-programacion.es.yml b/src/data/landing/santiago-bootcamp-de-programacion.es.yml
index 453cce8b0..8986b6721 100644
--- a/src/data/landing/santiago-bootcamp-de-programacion.es.yml
+++ b/src/data/landing/santiago-bootcamp-de-programacion.es.yml
@@ -9,7 +9,7 @@ meta_info:
image: "/images/bg/main-bg.jpg"
keywords: "Bootcamp de Programación, Bootcamp de Codigo, Bootcamp de python, Bootcamp de React y Javascript, Bootcamp de Full Stack, Coding Bootcamp, 4Geeks Academy"
- template: "landing_nonav" # <--- choose your landing template
+ template: "landing_a" # <--- choose your landing template
redirects: # <--- URL redirections to avoid 404 errors
["/landing/bootcamp-de-programacion-santiago"]
@@ -29,6 +29,11 @@ form:
button_label: Obtener más información
redirect: "/es/gracias/?lang=es" #you can redirect to another url or entirely diffrent website
+apply_schollarship: # form that is displayed at the end of the landing
+ # title: "Apoyo Profesional Ilimitado"
+ imageSide: "left"
+ image: "../../../static/images/landing/apply.png"
+
navbar:
buttonText: "Postular"
buttonUrl: "#bottom" # url accepts: relative(/apply), absolute(https://google.com), id(#componentName) or position(#top #bottom)
@@ -93,17 +98,6 @@ program_details:
heading: "Domina Python, JS y React"
sub_heading: "Un curso de programación sobre las tecnologías más usadas del mundo"
-iconogram:
- position: 4
- icons:
- - icon: "touch"
- title: Solicita información
- - icon: "receive_mail"
- title: Recibe un correo electrónico con los detalles
- - icon: "talk"
- title: Haz una entrevista con nuestro equipo
- - icon: "terminal"
- title: Aprende a programar con nosotros
geeks_vs_others:
position: 6
@@ -123,6 +117,28 @@ who_is_hiring:
sub_heading: "Nos encanta ver crecer a nuestros estudiantes, es por eso que nos esforzamos cada día por tener más aliados, para que puedas trabajar en empresas que te ayuden a seguir creciendo profesionalmente."
components:
+ - name: how-it-works
+ position: 4
+ layout: iconogram
+ swipable: True
+ heading:
+ text: ""
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
+ sub_heading:
+ text: ""
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ style: '{ "textAlign": "center", "width": "60%" }'
+ text_link: "#"
+ icons:
+ - icon: "touch"
+ title: Solicita información
+ - icon: "receive_mail"
+ title: Recibe un correo electrónico con los detalles
+ - icon: "talk"
+ title: Haz una entrevista con nuestro equipo
+ - icon: "terminal"
+ title: Aprende a programar con nosotros
+
- name: python_y_javascript
position: 5
layout: two_column_right
@@ -140,16 +156,19 @@ components:
- name: more_testimonials
position: 9
- layout: two_column_right
+ layout: two_column_left
image:
src: "https://storage.googleapis.com/4geeks-academy-website/landing-pictures/testimonials.webp"
+ shadow: true
heading:
- text: "Escúchalo de nuestros alumnos"
+ text: "Testimonios de Nuestros Alumnos"
#xl lg md sm xs
font_size: ["40px", "34px", "34px", "25px", "20px"]
button:
text: "Ver Testimoniales"
- color: null
+ color: white
+ background: black
+ hover: white
path: "https://www.youtube.com/watch?v=rtpfwwfE0yY&ab_channel=4GeeksAcademy"
content:
text: "Mentorías ilimitadas, distintos instructores, todas las semanas. Te acompañaremos en este camino para que puedas convertirte en Full Stack Developer Junior y conseguir tu primer empleo en el área. Siempre te acompañaremos, aún cuando ya hayas conseguido trabajo, una vez eres parte de 4Geeks, siempre serás parte de la comunidad y sus beneficios."
diff --git a/src/data/landing/santiago-clases-de-programacion.es.yml b/src/data/landing/santiago-clases-de-programacion.es.yml
index 58370103a..b9b4d808e 100644
--- a/src/data/landing/santiago-clases-de-programacion.es.yml
+++ b/src/data/landing/santiago-clases-de-programacion.es.yml
@@ -7,7 +7,7 @@ meta_info:
image: "/images/bg/main-bg.jpg"
keywords: "Clase de programación, Clase de python, clase de javascript, Clase de informática, Coding Bootcamp, 4Geeks Academy"
- template: "landing_nonav" # <--- choose your landing template
+ template: "landing_a" # <--- choose your landing template
redirects: # <--- URL redirections to avoid 404 errors
["/landing/clases-de-programacion-santiago"]
@@ -33,9 +33,9 @@ form:
redirect: "/es/gracias/?lang=es" #you can redirect to another url or entirely diffrent website
apply_schollarship: # form that is displayed at the end of the landing
- # title: "Get more info about this award-winning development course"
+ # title: "Apoyo Profesional Ilimitado"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -130,6 +130,38 @@ who_is_hiring:
# Possible layours: [two_column_left_image, two_column_right_image]
components:
+ - name: "whatever"
+ layout: choose_your_program
+ position: 5
+ heading:
+ text: Nuestras Modalidades
+ content:
+ text: Programa Full Stack Developer en Modalidad Part Time y Full Time
+ font_size: ["16px"]
+ path: ""
+ programs:
+ - title: "Part Time"
+ sub_title: "18 semanas"
+ icon: "fullstack_2"
+ description: |
+ De cero a tener tu primer trabajo como Full Stack Developer, con una duración de 18 semanas, con clases 3 veces por semana, compatible con horario laboral o de estudios.
+
+ Precio: 3.450.000 CLP
+
+ text_link: Obtener más información
+ link: "#top" # moves to start position
+
+ - title: "Full Time"
+ sub_title: "9 semanas"
+ icon: "fullstack_2"
+ description: |
+ Programa intensivo de 9 semanas, con clases de lunes a viernes durante todo el día, para vivir una experiencia inmersiva en el mundo del código.
+
+ Precio: 3.800.000 CLP
+
+ text_link: Obtener más información
+ link: "#top"
+
- name: geeksinfo
position: 3
layout: geeksInfo
@@ -172,30 +204,4 @@ components:
text: "Nuestro programa está basado en el uso de Python y Javascript. ¿La razón? En el mercado laboral JavaScript tiene 26 veces más vacantes de trabajo que Ruby on Rails y Python te permite acceder a distintas áreas del mundo de la programación. Otras herramientas que también aprenderás a usar en nuestro programa son: HTML5, CSS3, React, Flask, etc."
font_size: ["16px"]
-choose_your_program:
- position: 5
- title: Nuestras Modalidades
- paragraph: Programa Full Stack Developer en Modalidad Part Time y Full Time
- programs:
- - title: "Part Time"
- sub_title: "18 semanas"
- icon: "fullstack"
- description: |
- De cero a tener tu primer trabajo como Full Stack Developer, con una duración de 18 semanas, con clases 3 veces por semana, compatible con horario laboral o de estudios.
-
- Precio: 3.450.000 CLP
-
- text_link: Obtener más información
- link: "#top" # moves to start position
-
- - title: "Full Time"
- sub_title: "9 semanas"
- icon: "fullstack"
- description: |
- Programa intensivo de 9 semanas, con clases de lunes a viernes durante todo el día, para vivir una experiencia inmersiva en el mundo del código.
-
- Precio: 3.800.000 CLP
-
- text_link: Obtener más información
- link: "#top"
diff --git a/src/data/landing/santiago-curso-de-programacion.es.yml b/src/data/landing/santiago-curso-de-programacion.es.yml
index adfc739b7..54c2e5270 100644
--- a/src/data/landing/santiago-curso-de-programacion.es.yml
+++ b/src/data/landing/santiago-curso-de-programacion.es.yml
@@ -28,9 +28,9 @@ form:
redirect: "/es/gracias/?lang=es" #you can redirect to another url or entirely diffrent website
apply_schollarship: # form that is displayed at the end of the landing
- # title: "Get more info about this award-winning development course"
+ # title: "Apoyo Profesional Ilimitado"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -108,7 +108,7 @@ rating_reviews:
url: ""
badges:
- position: 2
+ position: 5
heading: "4Geeks Academy cuenta con premios y reconocimientos de validan su excelencia"
program_details:
@@ -146,16 +146,18 @@ alumni_projects:
# Possible layours: [two_column_left_image, two_column_right_image]
components:
- name: top_coding_bootcamp
- position: 5
- layout: two_column_left
+ position: 12
+ layout: two_column_right
proportions: [4, 8]
image:
style: '{ "backgroundSize": "contain" }'
- src: "/images/badges/switchup.png"
+ src: "/images/badges/switchup-badge-2023.png"
link: "https://www.switchup.org/bootcamps/4geeks-academy"
button:
text: "Leer testimoniales"
- color: null
+ color: white
+ background: black
+ hover: white
path: "https://www.switchup.org/bootcamps/4geeks-academy"
heading:
text:
diff --git a/src/data/landing/santiago-node-js.es.yml b/src/data/landing/santiago-node-js.es.yml
index 9d8125806..47ab47e6d 100644
--- a/src/data/landing/santiago-node-js.es.yml
+++ b/src/data/landing/santiago-node-js.es.yml
@@ -7,7 +7,7 @@ meta_info:
image: "/images/bg/main-bg.jpg"
keywords: "Clase de programación, Clase de node, clase de javascript, Coding Bootcamp, 4Geeks Academy"
- template: "landing_nonav" # <--- choose your landing template
+ template: "landing_a" # <--- choose your landing template
redirects: # <--- URL redirections to avoid 404 errors
["/landing/curso-node-js-santiago"]
@@ -33,9 +33,9 @@ form:
redirect: "/es/gracias/?lang=es" #you can redirect to another url or entirely diffrent website
apply_schollarship: # form that is displayed at the end of the landing
- # title: "Get more info about this award-winning development course"
+ # title: "Apoyo Profesional Ilimitado"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -91,17 +91,6 @@ follow_bar:
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
-iconogram:
- position: 3
- icons:
- - icon: "touch"
- title: Solicita información
- - icon: "receive_mail"
- title: Recibe un correo electrónico con los detalles
- - icon: "talk"
- title: Haz una entrevista con nuestro equipo
- - icon: "terminal"
- title: Aprende Nodejs con nosotros
rating_reviews:
position: 1
@@ -131,6 +120,28 @@ why_4geeks:
# Possible layours: [two_column_left_image, two_column_right_image]
components:
+ - name: how-it-works
+ position: 3
+ layout: iconogram
+ swipable: True
+ heading:
+ text: ""
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
+ sub_heading:
+ text: ""
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ style: '{ "textAlign": "center", "width": "60%" }'
+ text_link: "#"
+ icons:
+ - icon: "touch"
+ title: Solicita información
+ - icon: "receive_mail"
+ title: Recibe un correo electrónico con los detalles
+ - icon: "talk"
+ title: Haz una entrevista con nuestro equipo
+ - icon: "terminal"
+ title: Aprende Nodejs con nosotros
+
- name: geeksinfo
position: 4
layout: geeksInfo
diff --git a/src/data/landing/template-landing.us.yml b/src/data/landing/template-landing.us.yml
index 37a89e648..92b87e859 100644
--- a/src/data/landing/template-landing.us.yml
+++ b/src/data/landing/template-landing.us.yml
@@ -32,11 +32,16 @@ form:
# redirect: "https://google.com" #you can redirect to another url or entirely diffrent website
# jumbotron on the top (cannot be commented out)
+apply_schollarship: # form that is displayed at the end of the landing
+ # title: "Get more info about this award-winning development course"
+ imageSide: "left"
+ image: "../../../static/images/landing/apply.png"
+
header_data:
background: "#FFF1D1"
tagline: Become a web developer in as 16 weeks through work on real project and mentorship by ezperienced professionals
sub_heading: "86% of our graduates have already started their future-proof, tech careers with on overage entry salary of $50.000"
- image: "../../../static/images/4geeks-main.jpg"
+ # background_image: "../../../static/images/4geeks-main.jpg"
badge: "../../../static/images/badges/switchup.png" #Tmage on the right side of the form
image_filter: brightness(0.4) #0 is dark, 1 is bright
@@ -45,16 +50,16 @@ features:
# up left down right
styles: '{ "fontSize": "20px", "margin": "10px 0px 10px 0px" }'
- bullets:
- - Un Desarrollador en Madrid hace €25mil anual
- - Hay más vacantes que en cualquier otra industria
- - Impulsa tu Carrera y hazte programador de software
button:
text: "APPLY NOW"
color: "white"
path: "https://www.switchup.org/bootcamps/4geeks-academy"
background: "blue"
hover_color: "black"
+ bullets:
+ - Un Desarrollador en Madrid hace €25mil anual
+ - Hay más vacantes que en cualquier otra industria
+ - Impulsa tu Carrera y hazte programador de software
follow_bar:
position: "top" # top, bottom, hidden
@@ -91,33 +96,33 @@ short_badges:
# ⬇ FROM HERE ON YOU CAN COMMENT ANYTHING TO HIDE IT ON THE LANDING ⬇
#
-rating_reviews:
- position: 0
- rating_list:
- - alt: "Career Karma"
- image: "../../../static/images/badges/career-karma.png"
- rating: 4.86
- url: ""
- - alt: "Switchup"
- image: "../../../static/images/badges/switchup-img.png"
- rating: 4.86
- url: ""
- - alt: "Coruse Report"
- image: "../../../static/images/badges/course-report.png"
- rating: 4.86
- url: ""
- - alt: "Google"
- image: "../../../static/images/badges/google.png"
- rating: 4.86
- url: ""
-
-in_the_news:
- position: 1
- heading: "4Geeks en los medios"
- filter: ["CNN Español","La Tercera","Las Ultimas Noticias","Emol"] # remove this filter property if you don't want to filter the news logos
+# # rating_reviews:
+# # position: 0
+# # rating_list:
+# # - alt: "Career Karma"
+# # image: "../../../static/images/badges/career-karma.png"
+# # rating: 4.86
+# # url: ""
+# # - alt: "Switchup"
+# # image: "../../../static/images/badges/switchup-img.png"
+# # rating: 4.86
+# # url: ""
+# # - alt: "Coruse Report"
+# # image: "../../../static/images/badges/course-report.png"
+# # rating: 4.86
+# # url: ""
+# # - alt: "Google"
+# # image: "../../../static/images/badges/google.png"
+# # rating: 4.86
+# # url: ""
+
+# in_the_news:
+# position: 1
+# heading: "4Geeks en los medios"
+# filter: ["CNN Español","La Tercera","Las Ultimas Noticias","Emol"] # remove this filter property if you don't want to filter the news logos
why_4geeks:
- position: 2
+ position: 4
heading: "Porqué 4Geeks"
sub_heading: "Porque somos los mejores"
footer:
@@ -125,170 +130,393 @@ why_4geeks:
text_link: "#"
geeks_vs_others:
- position: 3
+ position: 6
heading: "¿Qué hace a 4Geeks Academy exitoso?"
paragraph: ""
sub_heading: "lorem ipsum dot simet"
total_rows: 5
program_details:
- position: 4
+ position: 10
heading: "Lo que aprenderás"
background: "#FFFFFF"
sub_heading: "Las tecnologias más buscadas en el mercado laboral"
-alumni_projects:
- position: 5
- heading: "Alumnos"
- sub_heading: "Lo que aprenderás"
-
who_is_hiring:
- position: 6
- limit: 4
+ position: 9
+ limit: 3
heading: "Who is hiring"
sub_heading: "These comanies are hiring"
badges:
- position: 7
+ position: 5
heading: "4Geeks Academy has awards and recognitions that validate it's excellence"
-apply_schollarship: # form that is displayed at the end of the landing
- # title: "Apoyo Profesional Ilimitado"
- imageSide: "right"
- image: "../../../static/images/comunity-support.png"
-
# Possible layours: [two_column_left, two_column_right]
components:
- - name: first_syllabus_form
- position: 8
- layout: syllabus
- button:
- text: "Instant Download"
- heading:
- text: "Download the course syllabus"
- #xl lg md sm xs
- font_size: ["40px", "40px", "40px", "40px", "40px"]
- - name: more_testimonials
- position: 9
- layout: two_column_left
+ - name: new_design
+ position: 1
+ layout: two_column_right
swipable: False
background: "#FFFFFF"
- image:
+ image:
style: "{}"
- src: "https://storage.googleapis.com/4geeks-academy-website/landing-pictures/testimonials.webp"
+ src: "/images/landing/feliz-empresario.png"
link: "https://google.com" # take uses somewhere when they click on the image
+ shadow: true
heading:
- text: "Escúchalo de nuestros alumnos"
- #xl lg md sm xs
- font_size: ["40px","34px","34px","25px", "20px"]
+ text: "Finance your future"
+ sub_heading:
+ text: "We're all about making our high-quality education affordable to everyone."
button:
- text: "Ver testimoniales"
- color: pink
- hover_color: "black"
- background: "blue"
+ text: "See all financing options"
+ color: white
+ hover_color: "white"
+ background: "black"
path: "https://www.youtube.com/watch?v=plwPwyrxX84"
content:
- text: "Mentoría como nunca antes. Decenas de Instructores, en varios idiomas, todos los días, a cualquier hora. Estaremos contigo todo el tiempo, aun cuando hayas conseguido trabajo. Una vez eres parte de 4Geeks, estaremos para siempre contigo."
+ text: "We're all about making our high-quality education affordable to everyone. That's why we offer multiple options to help you fund our coding bootcamps stress-free. Whether it's an ISA, scholarship, payment plan or Job Guarantee we're here to guide you every step of the way."
font_size: ["16px"]
path: ""
- - name: divider_one
- position: 10
- layout: divider
- height: ["50px","50px","50px","50px","50px"]
- - name: some_id
- position: 11
+
+ - name: new_design_with_bullets
+ position: 2
layout: two_column_right
- image:
+ swipable: False
+ background: "#FFFFFF"
+ image:
style: "{}"
- src: "../../../static/images/projects/ims.jpg"
+ src: "/images/landing/grupo-ventanas.png"
link: "https://google.com" # take uses somewhere when they click on the image
- video: "plwPwyrxX84" #youtube id
+ shadow: true
heading:
- text: "Todo lo hacemos con pasión y con la mirada puesta en tu desarrollo profesional."
- #xl lg md sm xs
- font_size: ["40px","34px","34px","25px", "20px"]
+ text: "Finance your future"
+ sub_heading:
+ text: "We're all about making our high-quality education affordable to everyone."
+ button:
+ text: "See all financing options"
+ color: white
+ hover_color: "white"
+ background: "black"
+ path: "https://www.youtube.com/watch?v=plwPwyrxX84"
content:
- text: " "
+ text: "We're all about making our high-quality education affordable to everyone. That's why we offer multiple options to help you fund our coding bootcamps stress-free. Whether it's an ISA, scholarship, payment plan or Job Guarantee we're here to guide you every step of the way."
font_size: ["16px"]
- - name: some_other_id
- position: 12
- layout: single_column
+ path: ""
+ bullets:
+ items:
+ - heading: "Lorem ipsum dolor sit amet"
+ text: "Some text description for the bullet"
+ icon: "check" #string with icon for example ['check', 'cicle', etc]
+ - heading: "Lorem ipsum dolor sit amet"
+ text: "Some text description for the bullet"
+ icon: "check" #string with icon for example ['check', 'cicle', etc]
+
+ - name: new_design_left
+ position: 3
+ layout: two_column_left
+ swipable: False
+ background: "#FFFFFF"
image:
- style: '{"height": ["400px", "400px", "400px", "300px", "200px"], "background-size": "contain" }'
- src: "../../../static/images/projects/ims.jpg"
+ style: "{}"
+ src: "/images/landing/hombre-con-laptop.png"
link: "https://google.com" # take uses somewhere when they click on the image
- video: "plwPwyrxX84" #youtube id
heading:
- text: "Todo lo hacemos con pasión y con la mirada puesta en tu desarrollo profesional."
- # xl lg md sm xs
+ text: "Escúchalo de nuestros alumnos"
+ #xl lg md sm xs
font_size: ["40px","34px","34px","25px", "20px"]
+ button:
+ text: "Ver testimoniales"
+ color: white
+ hover_color: "blue"
+ background: "black"
+ path: "https://www.youtube.com/watch?v=plwPwyrxX84"
+ content:
+ text: "Mentoría como nunca antes. Decenas de Instructores, en varios idiomas, todos los días, a cualquier hora. Estaremos contigo todo el tiempo, aun cuando hayas conseguido trabajo. Una vez eres parte de 4Geeks, estaremos para siempre contigo."
+ font_size: ["16px"]
+ path: ""
+
+ - name: how-it-works
+ position: 14
+ layout: iconogram
+ swipable: True
+ heading:
+ text: "Iconogram"
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
sub_heading:
- text:
- "Tipos de datos con súperpoderes:"
- font_size: ["15px"]
- - name: testimonials
+ text: "Sub heading iconogram"
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ style: '{ "textAlign": "center", "width": "60%" }'
+ text_link: "#"
+ icons:
+ - icon: "touch"
+ title: Request Info
+ - icon: "receive_mail"
+ title: Receive an email with details
+ - icon: "talk"
+ title: Talk to Admissions
+ - icon: "terminal"
+ title: Learn to Code
+
+ - name: how-it-works
position: 15
- layout: testimonials_new
- filter_indexes: ['azu-bota','nai-kali','cha-fabr']
+ background: "veryLightBlue2"
+ layout: iconogram
+ swipable: True
+ heading:
+ text: "Iconogram"
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
+ sub_heading:
+ text: 'According to the U.S. Bureau of Labor Statistics,
software developers in the U.S. have a higher than average job outlook and earn a median salary of $110,140 a year. Improve your chances to be one of them.'
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ style: '{ "textAlign": "center", "width": "60%" }'
+ icons:
+ - icon: "graduation-2"
+ title: "Title"
+ content: "Apply to the United Way Miami Workforce Project to jumpstart your career in coding."
+ - icon: "terminal"
+ title: "Title"
+ content: "Once accepted, students enroll in the 4Geeks Full-Stack Software Development Program. 4Geeks provides quality training and offers supporting services —like resume review and career coaching—to help participants find jobs after graduating."
+ - icon: "job"
+ title: "Title"
+ content: "Participants pay program costs after they start jobs making more than $35,000 a year. Participants who don't find a job or keep jobs with salaries above $35,000 pay nothing."
- bullets:
- - Número
- - String
- - Boolean
- - Iterables
- - Dictionary
- - Lista
- - Tupla
- - Rango
- - Set & Frozenset
- - Tabla Hash
+ - name: elegibility
+ position: 11
+ layout: cards_carousel
+ heading:
+ text: "Elegibility in this Program"
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
+ content:
+ text: 'Learn more about
eligibility conditions and apply'
+ font_size: ["18px", "18px", "18px", "18px", "18px"]
+ path: "https://storage.googleapis.com/media-breathecode/bc38ffebe9e56f8cd62e10d5d0839f98d7528c4fe7756456630588d2c2048a2a"
+ sub_heading:
+ text: |
+ You may qualify if are a
Miami resident and belong to one of these groups:
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ button:
+ text: "APPLY NOW"
+ color: "white"
+ hover_color: "white"
+ path: "#top"
+ background: "black"
+ cards:
+ - image:
+ style: '{ "backgroundSize": "cover", "minHeight": "230px", "borderRadius": "80px" }'
+ src: "/images/low-income-people-of-color.png"
+ heading:
+ text: "Low-income people of color"
+ style: '{ "fontWeight": "700" }'
+ font_size: "15px"
+ button:
+ text: "See more"
+ - image:
+ style: '{ "backgroundSize": "cover", "minHeight": "230px", "borderRadius": "80px" }'
+ src: "/images/low-income-veterans.png"
+ heading:
+ text: "Low-income veterans"
+ style: '{ "fontWeight": "700" }'
+ font_size: "15px"
+ button:
+ text: "See more"
- content:
- text: " "
- font_size: ["16px"]
+ - name: elegibility
+ position: 12
+ layout: cards_carousel
+ heading:
+ text: "Elegibility in this Program"
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
+ content:
+ text: 'Learn more about
eligibility conditions and apply'
+ font_size: ["18px", "18px", "18px", "18px", "18px"]
+ path: "https://storage.googleapis.com/media-breathecode/bc38ffebe9e56f8cd62e10d5d0839f98d7528c4fe7756456630588d2c2048a2a"
+ sub_heading:
+ text: |
+ You may qualify if are a
Miami resident and belong to one of these groups:
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ button:
+ text: "APPLY NOW"
+ color: "white"
+ hover_color: "white"
+ path: "#top"
+ background: "black"
+ cards:
+ - image:
+ style: '{ "backgroundSize": "cover", "minHeight": "230px", "borderRadius": "80px" }'
+ src: "/images/low-income-people-of-color.png"
+ heading:
+ text: "Low-income people of color"
+ style: '{ "fontWeight": "700" }'
+ font_size: "15px"
+ button:
+ text: "See more"
+ - image:
+ style: '{ "backgroundSize": "cover", "minHeight": "230px", "borderRadius": "80px" }'
+ src: "/images/low-income-veterans.png"
+ heading:
+ text: "Low-income veterans"
+ style: '{ "fontWeight": "700" }'
+ font_size: "15px"
+ button:
+ text: "See more"
+ - image:
+ style: '{ "backgroundSize": "cover", "minHeight": "230px", "borderRadius": "80px" }'
+ src: "/images/low-income-female-heads-of-household.png"
+ heading:
+ text: "Low-income single female heads of household"
+ style: '{ "fontWeight": "700" }'
+ font_size: "15px"
+ button:
+ text: "See more"
-why_python:
- position: 13
- heading: "¿Porqué enseñamos Python?" # optional or set to white space to hide
- sub_heading: " " # optional or set to white space to hide
+ - name: elegibility
+ position: 13
+ layout: cards_carousel
+ heading:
+ text: "Elegibility in this Program"
+ font_size: ["30px", "30px", "30px", "30px", "30px"]
+ content:
+ text: 'Learn more about
eligibility conditions and apply'
+ font_size: ["18px", "18px", "18px", "18px", "18px"]
+ path: "https://storage.googleapis.com/media-breathecode/bc38ffebe9e56f8cd62e10d5d0839f98d7528c4fe7756456630588d2c2048a2a"
+ sub_heading:
+ text: |
+ You may qualify if are a
Miami resident and belong to one of these groups:
+ font_size: ["16px", "16px", "16px", "16px", "16px"]
+ button:
+ text: "APPLY NOW"
+ color: "white"
+ hover_color: "white"
+ path: "#top"
+ background: "black"
+ cards:
+ - image:
+ style: '{ "backgroundSize": "cover", "minHeight": "230px", "borderRadius": "80px" }'
+ src: "/images/low-income-people-of-color.png"
+ heading:
+ text: "Low-income people of color"
+ style: '{ "fontWeight": "700" }'
+ font_size: "15px"
+ button:
+ text: "See more"
+ - image:
+ style: '{ "backgroundSize": "cover", "minHeight": "230px", "borderRadius": "80px" }'
+ src: "/images/low-income-veterans.png"
+ heading:
+ text: "Low-income veterans"
+ style: '{ "fontWeight": "700" }'
+ font_size: "15px"
+ # button:
+ # text: "See more"
+ - image:
+ style: '{ "backgroundSize": "cover", "minHeight": "230px", "borderRadius": "80px" }'
+ src: "/images/low-income-female-heads-of-household.png"
+ heading:
+ text: "Low-income single female heads of household"
+ style: '{ "fontWeight": "700" }'
+ font_size: "15px"
+ button:
+ text: "See more"
+
-choose_your_program:
- position: 5
- title: Our Programs____Landing
- paragraph: Programs in Full-Time or Part-Time modality with live classes taught by experts
- programs:
- - title: "Full Stack Developer"
- sub_title: "Level 1"
- icon: "fullstack"
- description: |
- From 0 to becoming a Full-Stack Jr. programmer, you will work with HTML5, CSS3, Bootstrap, JS, Reactjs, SQL, Python, Flask, REST API's, etc. to design and create responsive websites. You'll gain a solid foundation of front, back, database, distributed processes, and deployment with passionate instructors and an up-to-date, hands-on syllabus.
- Available Part-Time or Full-Time mode. Download
"here the syllabus".
-
- text_link: Apply for a scholarship
- link: "#" # moves to start position
-
- - title: "AI & Machine Learning"
- sub_title: "Developers and STEM Profiles"
- icon: "machine"
- description: |
- Get trained by a renowned expert in A.I.; explore Machine Learning's fundamentals and Deep Learning with some of the most powerful technologies that truly scale intelligence for business. Practice with real-life business scenarios typical in business and review some of the tools used in the industry. Strategize and develop your A.I. following the lifecycle development from start to end, including deployment into production and maintenance with Privacy, Security, and Ethics.
- Download
"here the syllabus".
+ - name: name
+ position: 8
+ layout: overlaped
+ image:
+ src: "/images/landing/dos-mujeres-1.png"
+ heading:
+ text: "Python y Javascript"
+ content:
+ text: |
+
Nuestros programa está basado en el uso de Phyton y Javascript. La razón? En el mercado laboral JavaScript tiene 26 veces más vacantes de trabajo que Ruby on Rails. Python tiene 10 veces más trabajos que node.js.
+ Otras herramientas que también aprenderás a usar en nuestro programa son: GitHub, CSS3, HTML5, Flask, etc.
+ button:
+ text: Aplicar
+ color: black
+
+ - name: "whatever"
+ layout: choose_your_program
+ position: 7
+ heading:
+ text: Nuestros Programas
+ content:
+ text: Contamos con programas que combinan clases prácticas dictadas por expertos
+ font_size: ["16px"]
+ path: ""
+ programs:
+ - title: "Full Stack Developer"
+ sub_title: "Nivel 1"
+ icon: "fullstack_2"
+ description: |
+ Aprende desde cero, empezando por lo básico: HTML + CSS3 + Javascript.
+
+ Aprende las habilidades más solicitadas con instructores apasionados y un plan de estudios práctico para ayudarte a encontrar un trabajo de programación como desarrollador Jr.
+
+ text_link: Aplica a una beca
+ link: "#"
+ - title: "Ingeniero de Software"
+ sub_title: "Nivel 2"
+ icon: "software_2"
+ description: |
+ Profundizamos a un nivel avanzado principios específicos de desarrollo, llevando tu carrera a otro nivel.
+
+ Texto que resuma y explique que este programa tiene modalidad part time y full time. Que también resuma eficientemente el syballus del programa. Acá incluiría un
link para poder descargar el PDF con el detalle del programa.
+ Desarrolla más habilidades adentrándote en el mundo de computación y aplicaciones nativas de la nube. Aprende las habilidades que el 90% de las empresas Fortune 500 están buscando.
+
+ text_link: Aplica a una beca
+ link: "#"
+
+# # - name: divider_one
+# # position: 10
+# # layout: divider
+# # height: ["50px","50px","50px","50px","50px"]
+
+# # - name: some_other_id
+# # position: 12
+# # layout: single_column
+# # image:
+# # style: '{"height": ["400px", "400px", "400px", "300px", "200px"], "background-size": "contain" }'
+# # src: "../../../static/images/projects/ims.jpg"
+# # link: "https://google.com" # take uses somewhere when they click on the image
+# # video: "plwPwyrxX84" #youtube id
+# # heading:
+# # text: "Todo lo hacemos con pasión y con la mirada puesta en tu desarrollo profesional."
+# # # xl lg md sm xs
+# # font_size: ["40px","34px","34px","25px", "20px"]
+# # sub_heading:
+# # text:
+# # "Tipos de datos con súperpoderes:"
+# # font_size: ["15px"]
+
+# # - name: testimonials
+# # position: 15
+# # layout: testimonials_new
+# # filter_indexes: ['azu-bota','nai-kali','cha-fabr']
+# # content:
+# # text: " "
+# # font_size: ["16px"]
+
+# why_python:
+# position: 13
+# heading: "¿Porqué enseñamos Python?" # optional or set to white space to hide
+# sub_heading: " " # optional or set to white space to hide
+
+# testimonial:
+# position: 14
+# heading: "Lo que dicen nuestros alumnos"
+# sub_heading: "Descúbrelo tú mismo"
+# students:
+# - name: Guensie Grecy
+# sub_heading: From lawyer to software developer
+# comment: I was a lawyer for 6 years and I decided to change my career. I attended 4Geeks Academy, a coding bootcamp, that was last year (2018), I graduated in August, and after graduating in October, I was able to get a job as a web developer. I had no background whatsoever in coding. I didn't know anything about anything computer-technology wise, so that's an encouragement because it's possible!
+# video: https://www.youtube.com/watch?v=SixRm6R8rc0
+# - name: Jordan Aguiriano
+# sub_heading: Previously a Nurse, now a software developer
+# comment: For me the most amazing thing about 4Geeks was the syllabus, the fact that you guys teach exactly what the market is looking for.
+# video: https://www.youtube.com/watch?v=LvnxLyqaQDo
+
+#NUEVO COMPONENTE PROGRAMAS
- text_link: Apply for a scholarship
- link: "#"
-
-testimonial:
- position: 14
- heading: "Lo que dicen nuestros alumnos"
- sub_heading: "Descúbrelo tú mismo"
- students:
- - name: Guensie Grecy
- sub_heading: From lawyer to software developer
- comment: I was a lawyer for 6 years and I decided to change my career. I attended 4Geeks Academy, a coding bootcamp, that was last year (2018), I graduated in August, and after graduating in October, I was able to get a job as a web developer. I had no background whatsoever in coding. I didn't know anything about anything computer-technology wise, so that's an encouragement because it's possible!
- video: https://www.youtube.com/watch?v=SixRm6R8rc0
- - name: Jordan Aguiriano
- sub_heading: Previously a Nurse, now a software developer
- comment: For me the most amazing thing about 4Geeks was the syllabus, the fact that you guys teach exactly what the market is looking for.
- video: https://www.youtube.com/watch?v=LvnxLyqaQDo
diff --git a/src/data/landing/trust-the-geeks.es.yml b/src/data/landing/trust-the-geeks.es.yml
index 545c3fa23..f4fc4ed93 100644
--- a/src/data/landing/trust-the-geeks.es.yml
+++ b/src/data/landing/trust-the-geeks.es.yml
@@ -34,9 +34,9 @@ navbar:
apply_schollarship: # form that is displayed at the end of the landing
- # title: "Get more info about this award-winning development course"
+ # title: "Apoyo Profesional Ilimitado"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -114,31 +114,9 @@ rating_reviews:
url: ""
badges:
- position: 2
+ position: 12
heading: "4Geeks Academy cuenta con premios y reconocimientos que validan su excelencia"
-choose_your_program:
- position: 4
- title: Nuestros programas
- paragraph: Contamos con programas que combinan clases prácticas dictadas por expertos
- programs:
- - title: "Full Stack Developer"
- sub_title: "Desde Cero"
- icon: "fullstack"
- description: |
- Convierte en un programador que utiliza las tecnologias más búscadas, mentoria personalizada y un plan de estudios y career support para conseguir tu primer trabajo.
-
- text_link: Aplica
- link: "#" # moves to start position
-
- - title: "Data Science & Machine Learning"
- sub_title: "Desde Cero"
- icon: "machine"
- description: |
- Conviértete en un científico de datos, desarrolla modelos de predicción y uneté a una de las profesiones mejores pagadas del mundo.
- text_link: Aplica
- link: "#" # moves to start position
-
geeks_vs_others:
position: 7
heading: "¿Qué hace a este bootcamp tan exitoso?"
@@ -162,6 +140,33 @@ alumni_projects:
sub_heading: "Proyectos hechos por estudiantes de la academia"
components:
+ - name: "whatever"
+ layout: choose_your_program
+ position: 4
+ heading:
+ text: Nuestros Programas
+ content:
+ text: Contamos con programas que combinan clases prácticas dictadas por expertos
+ font_size: ["16px"]
+ path: ""
+ programs:
+ - title: "Full Stack Developer"
+ sub_title: "Desde Cero"
+ icon: "fullstack_2"
+ description: |
+ Convierte en un programador que utiliza las tecnologias más búscadas, mentoria personalizada y un plan de estudios y career support para conseguir tu primer trabajo.
+
+ text_link: Aplica
+ link: "#" # moves to start position
+
+ - title: "Data Science & Machine Learning"
+ sub_title: "Desde Cero"
+ icon: "machine_2"
+ description: |
+ Conviértete en un científico de datos, desarrolla modelos de predicción y uneté a una de las profesiones mejores pagadas del mundo.
+ text_link: Aplica
+ link: "#" # moves to start position
+
- name: top_coding_bootcamp
position: 6
layout: two_column_left
diff --git a/src/data/landing/uruguay-aprender-programacion.es.yml b/src/data/landing/uruguay-aprender-programacion.es.yml
index 818d10f29..71b0e0a75 100644
--- a/src/data/landing/uruguay-aprender-programacion.es.yml
+++ b/src/data/landing/uruguay-aprender-programacion.es.yml
@@ -34,9 +34,9 @@ navbar:
apply_schollarship: # form that is displayed at the end of the landing
- # title: "Get more info about this award-winning development course"
+ # title: "Apoyo Profesional Ilimitado"
imageSide: "right"
- image: "../../../static/images/comunity-support.png"
+ image: "../../../static/images/landing/apply.png"
# jumbotron on the top (cannot be commented out)
header_data:
@@ -113,7 +113,7 @@ rating_reviews:
url: ""
badges:
- position: 3
+ position: 13
heading: "4Geeks Academy cuenta con premios y reconocimientos que validan su excelencia"
program_details:
diff --git a/src/data/page/financial.es.yml b/src/data/page/financial.es.yml
index b45b2bbc9..763a258fd 100644
--- a/src/data/page/financial.es.yml
+++ b/src/data/page/financial.es.yml
@@ -26,12 +26,12 @@ intro:
heading_second: "Necesitas saber lo siguiente"
content_second: "En 4Geeks te acompañamos en todo el proceso. En caso que tengas dudas, lo mejor es que consultes con un miembro del equipo de Admisiones. Queremos mostrarte cómo es el proceso paso a paso:"
bullets:
- - "Necesitas elegir el Programa que deseas."
- - "Tienes que elegir cuál Campus te conviene más."
- - "Hay opciones de financiación dependiendo de la sede. Por ejemplo, en Miami trabajamos con Skills Fund, Climb y Quotanda, pero en Madrid con Quotanda o Stuent Finance, y en Chile Lumni y Quotanda."
- - "Debemos preguntar o leer más sobre nuestro Plan de Paga Cuando Consigas Trabajo (ISA). Este Plan está habilitado solo para programas Full-Time. Por otro lado, tenemos un montón de
- partnerships con organiaciones que nos ayudan a ofrecer becas y Promociones especiales. Consulta porque siempre hay alguna disponible."
- - "Ahora Aplica. El equipo de Admisiones de la sede que te interesa, te va a estar contactando pronto. Tu Carrera como programador está a un click de comenzar."
+ - "Necesitas elegir el Programa que deseas."
+ - "Tienes que elegir cuál Campus te conviene más."
+ - "Hay opciones de financiación dependiendo de la sede. Por ejemplo, en Miami trabajamos con Skills Fund, Climb y Quotanda, pero en Madrid con Quotanda o Stuent Finance, y en Chile Lumni y Quotanda."
+ - "Debemos preguntar o leer más sobre nuestro Plan de Paga Cuando Consigas Trabajo (ISA). Este Plan está habilitado solo para programas Full-Time. Por otro lado, tenemos un montón de
+ partnerships con organiaciones que nos ayudan a ofrecer becas y Promociones especiales. Consulta porque siempre hay alguna disponible."
+ - "Ahora Aplica. El equipo de Admisiones de la sede que te interesa, te va a estar contactando pronto. Tu Carrera como programador está a un click de comenzar."
## PRICES AND PAYMENTS SECTION
prices:
diff --git a/src/data/page/financial.us.yml b/src/data/page/financial.us.yml
index 9511d7088..ac26d70b0 100644
--- a/src/data/page/financial.us.yml
+++ b/src/data/page/financial.us.yml
@@ -26,11 +26,11 @@ intro:
heading_second: "What you need to know"
content_second: "We are with you throughout the process. If you have any question, please get in contact with your Admissions Advisor here. Now, let's break it down:"
bullets:
- - "You need to choose a program."
- - "You need to choose a city/Campus."
- - "Each campus offers you different options. For example: Miami (Skills Fund, Climb), Madrid (Quotanda or Stuent Finance), Chile (Quotanda)."
- - "Ask for Income Sharing Agreements (only available for Full-Time students), Scholarships available (we are always finding new ways to lower the final price), and/or partnerships with special offers."
- - "Apply, go through the admissions process or call us now. We are here to help. Your Coding Career at 4Geeks is about to start."
+ - "You need to choose a program."
+ - "You need to choose a city/Campus."
+ - "Each campus offers you different options. For example: Miami (Skills Fund, Climb), Madrid (Quotanda or Stuent Finance), Chile (Quotanda)."
+ - "Ask for Income Sharing Agreements (only available for Full-Time students), Scholarships available (we are always finding new ways to lower the final price), and/or partnerships with special offers."
+ - "Apply, go through the admissions process or call us now. We are here to help. Your Coding Career at 4Geeks is about to start."
## TUITION AND PAYMENTS SECTION
prices:
diff --git a/src/data/page/pricing.es.yml b/src/data/page/pricing.es.yml
index 94778a5e3..8732caad6 100644
--- a/src/data/page/pricing.es.yml
+++ b/src/data/page/pricing.es.yml
@@ -26,12 +26,12 @@ intro:
heading_second: "Necesitas saber lo siguiente"
content_second: "En 4Geeks te acompañamos en todo el proceso. En caso que tengas dudas, lo mejor es que consultes con un miembro del equipo de Admisiones. Queremos mostrarte cómo es el proceso paso a paso:"
bullets:
- - "Necesitas elegir el Programa que deseas."
- - "Tienes que elegir cuál Campus te conviene más."
- - "Hay opciones de financiación dependiendo de la sede. Por ejemplo, en Miami trabajamos con Skills Fund, Climb y Quotanda, pero en Madrid con Confía o Bcas, y en Chile Lumni y Quotanda."
- - "Debemos preguntar o leer más sobre nuestro Plan de Paga Cuando Consigas Trabajo (ISA). Este Plan está habilitado solo para programas Full-Time. Por otro lado, tenemos un montón de
- partnerships con organiaciones que nos ayudan a ofrecer becas y Promociones especiales. Consulta porque siempre hay alguna disponible."
- - "Ahora Aplica. El equipo de Admisiones de la sede que te interesa, te va a estar contactando pronto. Tu Carrera como programador está a un click de comenzar."
+ - "Necesitas elegir el Programa que deseas."
+ - "Tienes que elegir cuál Campus te conviene más."
+ - "Hay opciones de financiación dependiendo de la sede. Por ejemplo, en Miami trabajamos con Skills Fund, Climb y Quotanda, pero en Madrid con Confía o Bcas, y en Chile Lumni y Quotanda."
+ - "Debemos preguntar o leer más sobre nuestro Plan de Paga Cuando Consigas Trabajo (ISA). Este Plan está habilitado solo para programas Full-Time. Por otro lado, tenemos un montón de
+ partnerships con organiaciones que nos ayudan a ofrecer becas y Promociones especiales. Consulta porque siempre hay alguna disponible."
+ - "Ahora Aplica. El equipo de Admisiones de la sede que te interesa, te va a estar contactando pronto. Tu Carrera como programador está a un click de comenzar."
## PRICES AND PAYMENTS SECTION
prices:
diff --git a/src/data/page/privacy-policy.es.yml b/src/data/page/privacy-policy.es.yml
index 4999b5347..cd6d912cc 100644
--- a/src/data/page/privacy-policy.es.yml
+++ b/src/data/page/privacy-policy.es.yml
@@ -13,7 +13,7 @@ meta_info:
# image: "/images/bg/pricing-bg.jpg"
consent:
- message: Al completar este formulario acepto que mi información será utilizada para enviarme información comercial sobre 4Geeks Academy y que podria resultar una relación comercial a partir de esto. Revisa nuestra
+ message: Al completar este formulario acepto que mi información será utilizada para enviarme información comercial sobre 4Geeks Academy y que podria resultar una relación comercial a partir de esto. Revisa nuestra
link_label: Política de Privacidad
url: /es/privacidad
diff --git a/src/pages/landings.js b/src/pages/landings.js
index 4d6bdb69a..1430c7654 100644
--- a/src/pages/landings.js
+++ b/src/pages/landings.js
@@ -76,6 +76,7 @@ const NotFoundPage = () => {
if (filter === "") return true;
if (node.meta_info.utm_location.some((slug) => slug.includes(filter)))
return true;
+ if (node.meta_info.slug.includes(filter)) return true;
return false;
};
return (
@@ -99,7 +100,7 @@ const NotFoundPage = () => {
border="1px solid hsl(0,0%,80%)"
borderRadius="3px"
type="text"
- placeholder="Filter by location"
+ placeholder="Filter by slug or campus (location)"
onChange={(value) => {
setFilter(value);
}}
diff --git a/src/templates/awards.js b/src/templates/awards.js
index eeea9845b..36fe5c403 100644
--- a/src/templates/awards.js
+++ b/src/templates/awards.js
@@ -420,9 +420,6 @@ export const query = graphql`
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
breakpoints: [200, 340, 520, 890]
)
- # fluid(maxWidth: 500, quality: 100, srcSetBreakpoints: [ 200, 340, 520, 890 ]){
- # ...GatsbyImageSharpFluid_withWebp_noBase64 # Without Blur effect
- # }
}
}
title
diff --git a/src/templates/coding-bootcamp.js b/src/templates/coding-bootcamp.js
index 5f882c84f..c0a1f65e0 100644
--- a/src/templates/coding-bootcamp.js
+++ b/src/templates/coding-bootcamp.js
@@ -833,9 +833,6 @@ export const query = graphql`
width: 800
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 800){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
project_content
diff --git a/src/templates/course-datascience.js b/src/templates/course-datascience.js
index ef3b77a0d..8c6df3403 100644
--- a/src/templates/course-datascience.js
+++ b/src/templates/course-datascience.js
@@ -458,9 +458,6 @@ export const query = graphql`
height: 289
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxHeight: 289, maxWidth: 390){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
tech_list {
@@ -472,9 +469,6 @@ export const query = graphql`
height: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxHeight: 100, maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
alt
@@ -557,10 +551,6 @@ export const query = graphql`
quality: 100
breakpoints: [200, 340, 520, 890]
)
-
- # fluid(maxWidth: 500, quality: 100, srcSetBreakpoints: [ 200, 340, 520, 890 ]){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
}
@@ -595,6 +585,7 @@ export const query = graphql`
content
link
link_text
+ icon
}
}
heading
@@ -635,10 +626,6 @@ export const query = graphql`
width: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
-
- # fluid(maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
}
@@ -701,10 +688,6 @@ export const query = graphql`
width: 150
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
-
- # fluid(maxWidth: 150){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
@@ -720,10 +703,6 @@ export const query = graphql`
width: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
-
- # fluid(maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
@@ -741,10 +720,6 @@ export const query = graphql`
width: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
-
- # fluid(maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
@@ -762,10 +737,6 @@ export const query = graphql`
width: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
-
- # fluid(maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
diff --git a/src/templates/course-engineering.js b/src/templates/course-engineering.js
index 797d492d2..efe13a3f0 100644
--- a/src/templates/course-engineering.js
+++ b/src/templates/course-engineering.js
@@ -451,9 +451,6 @@ export const query = graphql`
height: 289
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxHeight: 289, maxWidth: 390){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
tech_list {
@@ -465,9 +462,6 @@ export const query = graphql`
height: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxHeight: 100, maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
alt
@@ -594,10 +588,6 @@ export const query = graphql`
width: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
-
- # fluid(maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
}
@@ -656,10 +646,6 @@ export const query = graphql`
width: 150
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
-
- # fluid(maxWidth: 150){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
@@ -675,10 +661,6 @@ export const query = graphql`
width: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
-
- # fluid(maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
@@ -696,9 +678,6 @@ export const query = graphql`
width: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
@@ -716,10 +695,6 @@ export const query = graphql`
width: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
-
- # fluid(maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
@@ -750,10 +725,6 @@ export const query = graphql`
height: 14
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
-
- # fluid(maxHeight: 14){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
student_thumb {
@@ -763,9 +734,6 @@ export const query = graphql`
height: 200
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxHeight: 200){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
short_content
@@ -793,10 +761,6 @@ export const query = graphql`
width: 800
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
-
- # fluid(maxWidth: 800){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
project_content
@@ -886,10 +850,6 @@ export const query = graphql`
width: 800
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
-
- # fluid(maxWidth: 800){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
}
diff --git a/src/templates/course-machine-learning.js b/src/templates/course-machine-learning.js
index 5180f02b7..5ec6397af 100644
--- a/src/templates/course-machine-learning.js
+++ b/src/templates/course-machine-learning.js
@@ -464,9 +464,6 @@ export const query = graphql`
height: 289
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxHeight: 289, maxWidth: 390){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
tech_list {
@@ -478,9 +475,6 @@ export const query = graphql`
height: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxHeight: 100, maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
alt
@@ -563,10 +557,6 @@ export const query = graphql`
quality: 100
breakpoints: [200, 340, 520, 890]
)
-
- # fluid(maxWidth: 500, quality: 100, srcSetBreakpoints: [ 200, 340, 520, 890 ]){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
}
@@ -641,10 +631,6 @@ export const query = graphql`
width: 500
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
-
- # fluid(maxWidth: 500){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
greeting
@@ -664,10 +650,6 @@ export const query = graphql`
width: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
-
- # fluid(maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
}
@@ -730,10 +712,6 @@ export const query = graphql`
width: 150
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
-
- # fluid(maxWidth: 150){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
@@ -749,10 +727,6 @@ export const query = graphql`
width: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
-
- # fluid(maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
@@ -770,10 +744,6 @@ export const query = graphql`
width: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
-
- # fluid(maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
@@ -791,10 +761,6 @@ export const query = graphql`
width: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
-
- # fluid(maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
diff --git a/src/templates/course.js b/src/templates/course.js
index 2d8ee5bda..dcf6499a0 100644
--- a/src/templates/course.js
+++ b/src/templates/course.js
@@ -468,9 +468,6 @@ export const query = graphql`
height: 289
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxHeight: 289, maxWidth: 390){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
tech_list {
@@ -482,9 +479,6 @@ export const query = graphql`
height: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxHeight: 100, maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
alt
@@ -573,6 +567,7 @@ export const query = graphql`
content
link
link_text
+ icon
}
}
heading
@@ -669,9 +664,6 @@ export const query = graphql`
width: 800
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 800){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
project_content
diff --git a/src/templates/financial.js b/src/templates/financial.js
index 1451701c9..e459d9bd4 100644
--- a/src/templates/financial.js
+++ b/src/templates/financial.js
@@ -151,9 +151,6 @@ export const query = graphql`
quality: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 1600, quality: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
alt
@@ -180,9 +177,6 @@ export const query = graphql`
width: 450
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 450){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
content
@@ -261,9 +255,6 @@ export const query = graphql`
quality: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 1200, quality: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
}
@@ -290,9 +281,6 @@ export const query = graphql`
width: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
@@ -310,9 +298,6 @@ export const query = graphql`
width: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
@@ -330,9 +315,6 @@ export const query = graphql`
width: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
@@ -350,9 +332,6 @@ export const query = graphql`
width: 200
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 200){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
diff --git a/src/templates/geekforce.js b/src/templates/geekforce.js
index 647a3ca21..97949ceef 100644
--- a/src/templates/geekforce.js
+++ b/src/templates/geekforce.js
@@ -356,10 +356,6 @@ export const query = graphql`
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
quality: 100
)
-
- # fluid(maxWidth: 800, quality: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
image_alt
@@ -382,10 +378,6 @@ export const query = graphql`
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
quality: 100
)
-
- # fluid(maxWidth: 800, quality: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
position
@@ -404,10 +396,6 @@ export const query = graphql`
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
quality: 100
)
-
- # fluid(maxWidth: 800, quality: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
}
@@ -431,13 +419,6 @@ export const query = graphql`
height: 200
placeholder: NONE
)
-
- # fluid(maxWidth: 200){
- # ...GatsbyImageSharpFluid_withWebp
- # }
- # fixed(width: 200, height: 200) {
- # ...GatsbyImageSharpFixed
- # }
}
}
content
@@ -462,9 +443,6 @@ export const query = graphql`
width: 150
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 150){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
diff --git a/src/templates/geekpal.js b/src/templates/geekpal.js
index 4bd063d86..1f534225c 100644
--- a/src/templates/geekpal.js
+++ b/src/templates/geekpal.js
@@ -350,9 +350,6 @@ export const query = graphql`
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
quality: 100
)
- # fluid(maxWidth: 800, quality: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
image_alt
@@ -375,9 +372,6 @@ export const query = graphql`
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
quality: 100
)
- # fluid(maxWidth: 800, quality: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
position
@@ -396,9 +390,6 @@ export const query = graphql`
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
quality: 100
)
- # fluid(maxWidth: 800, quality: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
}
@@ -422,13 +413,6 @@ export const query = graphql`
height: 200
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
-
- # fluid(maxWidth: 200){
- # ...GatsbyImageSharpFluid_withWebp
- # }
- # fixed(width: 200, height: 200) {
- # ...GatsbyImageSharpFixed
- # }
}
}
content
@@ -453,9 +437,6 @@ export const query = graphql`
width: 150
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 150){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
diff --git a/src/templates/graduates.js b/src/templates/graduates.js
index 05f282221..0791c317d 100644
--- a/src/templates/graduates.js
+++ b/src/templates/graduates.js
@@ -138,9 +138,6 @@ export const query = graphql`
width: 800
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 800){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
alt
@@ -169,9 +166,6 @@ export const query = graphql`
width: 800
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 800){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
project_content
diff --git a/src/templates/index.js b/src/templates/index.js
index aa4748ff4..fd7cd3372 100644
--- a/src/templates/index.js
+++ b/src/templates/index.js
@@ -534,9 +534,6 @@ export const query = graphql`
width: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
@@ -609,9 +606,6 @@ export const query = graphql`
width: 800
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 800){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
}
@@ -746,9 +740,6 @@ export const query = graphql`
width: 1200
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 1200){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
image_mobile {
@@ -758,9 +749,6 @@ export const query = graphql`
width: 800
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 800){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
}
diff --git a/src/templates/jobs.js b/src/templates/jobs.js
index f06348ee4..75e43be6d 100644
--- a/src/templates/jobs.js
+++ b/src/templates/jobs.js
@@ -48,9 +48,6 @@ export const query = graphql`
width: 800
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 800){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
}
@@ -60,104 +57,3 @@ export const query = graphql`
}
`;
export default BaseRender(Jobs);
-
-{
- /*
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {yml.about.content}
-
-
-
-
-
- {yml.about.button}
-
-
-
-
-
-
-
-
-
-
*/
-}
diff --git a/src/templates/landing_a.js b/src/templates/landing_a.js
index b54cd6070..561094683 100644
--- a/src/templates/landing_a.js
+++ b/src/templates/landing_a.js
@@ -1,28 +1,21 @@
import React, { useEffect } from "react";
-import { graphql, navigate } from "gatsby";
+import { graphql } from "gatsby";
import { landingSections } from "../components/Landing";
import FollowBar from "../components/FollowBar";
import LeadForm from "../components/LeadForm";
-import { H1, H2, H4, Paragraph, Span } from "../components/Heading";
-import {
- GridContainerWithImage,
- Div,
- GridContainer,
-} from "../components/Sections";
+import { Paragraph } from "../components/Heading";
+import { GridContainerWithImage, Div, Grid } from "../components/Sections";
import { Colors, StyledBackgroundSection } from "../components/Styling";
-import { GatsbyImage, getImage } from "gatsby-plugin-image";
-import LandingNavbar from "../components/NavbarDesktop/landing";
import BaseRender from "./_baseLandingLayout";
import { processFormEntry } from "../actions";
import { SessionContext } from "../session.js";
-import LandingContainer from "../components/LandingContainer";
-import Marquee_v2 from "../components/Marquee_v2";
+import LandingNavbar from "../components/NavbarDesktop/landing";
+import LandingHeader from "../components/LandingHeader";
const Landing = (props) => {
- const { session, setLocation } = React.useContext(SessionContext);
+ const { session } = React.useContext(SessionContext);
const { data, pageContext, yml, filteredPrograms } = props;
const [components, setComponents] = React.useState({});
- const [inLocation, setInLocation] = React.useState("");
const applySchollarship =
data.allLandingYaml.edges.length !== 0
@@ -54,15 +47,6 @@ const Landing = (props) => {
});
setComponents({ ...yml, ..._components });
}, [yml]);
- useEffect(() => {
- if (yml.meta_info && yml.meta_info.utm_location)
- setLocation(yml.meta_info.utm_location[0] || null);
-
- const urlParams = new URLSearchParams(window.location.search);
- const _inLoc = urlParams.get("in") || null;
- if (_inLoc && _inLoc != "")
- setInLocation(_inLoc.replace(/^\w/, (c) => c.toUpperCase()) + " ");
- }, []);
// data sent to the form already prefilled
const preData = {
@@ -149,222 +133,13 @@ const Landing = (props) => {
-
-
-
- {yml.header_data.partner_logo_url && (
- <>
-
-
-
-
-
-
- )}
-
- {inLocation}
- {yml.header_data.tagline}
- {/* _ */}
-
- {yml.header_data.sub_heading !== "" && (
-
- {yml.header_data.sub_heading}
-
- )}
- {Array.isArray(yml.features.bullets) &&
- yml.features.bullets.map((f, i) => (
-
- {"• "}
- {f}
-
- ))}
- {yml.features.text && (
-
- )}
- {yml.short_badges && (
-
-
- {Array.isArray(yml.short_badges) &&
- yml.short_badges.map((l, i) => {
- return (
-
- );
- })}
-
-
- )}
-
-
-
-
-
+
{Object.keys(components)
.filter(
(name) =>
@@ -386,84 +161,39 @@ const Landing = (props) => {
});
})}
-
-
{applySchollarship?.imageSide === "right" ? (
<>
- {/*
*/}
-
+
+
);
};
@@ -511,7 +298,6 @@ export const query = graphql`
query LandingAQuery(
$file_name: String!
$lang: String!
- $utm_course: String
) {
allPageYaml(
filter: {
@@ -563,7 +349,6 @@ export const query = graphql`
}
phone {
text
- number
}
}
navbar {
@@ -584,13 +369,6 @@ export const query = graphql`
text
bullets
styles
- button {
- text
- path
- background
- color
- hover_color
- }
}
badges {
position
@@ -639,17 +417,10 @@ export const query = graphql`
}
}
}
- iconogram {
- position
- icons {
- icon
- title
- }
- }
+
in_the_news {
heading
position
- filter
}
rating_reviews {
position
@@ -702,28 +473,10 @@ export const query = graphql`
width: 150
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 150){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
- # featured
}
}
- choose_your_program {
- position
- title
- paragraph
- programs {
- text_link
- link
- sub_title
- title
- description
- icon
- }
- }
-
why_python {
position
heading
@@ -750,9 +503,25 @@ export const query = graphql`
proportions
layout
filter_indexes
+ text_link
+ icons {
+ icon
+ title
+ content
+ }
image {
src
style
+ shadow
+ link
+ shadow
+ }
+ programs {
+ title
+ sub_title
+ icon
+ description
+ text_link
link
}
video
@@ -767,17 +536,40 @@ export const query = graphql`
heading {
text
font_size
+ style
}
sub_heading {
text
+ style
font_size
}
- bullets
content {
text
+ style
font_size
path
}
+ bullets {
+ item_style
+ items {
+ heading
+ text
+ icon
+ }
+ }
+ cards {
+ image {
+ src
+ style
+ }
+ heading {
+ text
+ font_size
+ }
+ button {
+ text
+ }
+ }
columns {
size
content {
@@ -804,7 +596,7 @@ export const query = graphql`
)
}
}
- image {
+ background_image {
childImageSharp {
gatsbyImageData(
layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
@@ -827,20 +619,9 @@ export const query = graphql`
position
heading
paragraph
- sub_heading
+
total_rows
}
- testimonial {
- position
- heading
- sub_heading
- students {
- name
- sub_heading
- comment
- video
- }
- }
}
}
}
@@ -925,13 +706,7 @@ export const query = graphql`
}
}
}
- iconogram {
- position
- icons {
- icon
- title
- }
- }
+
in_the_news {
heading
position
@@ -988,25 +763,8 @@ export const query = graphql`
width: 150
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 150){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
- # featured
- }
- }
- choose_your_program {
- position
- title
- paragraph
- programs {
- text_link
- link
- sub_title
- title
- description
- icon
}
}
@@ -1034,11 +792,25 @@ export const query = graphql`
background
proportions
layout
+ text_link
+ icons {
+ icon
+ title
+ content
+ }
image {
src
style
link
}
+ programs {
+ title
+ sub_title
+ icon
+ description
+ text_link
+ link
+ }
video
height
button {
@@ -1054,7 +826,11 @@ export const query = graphql`
text
font_size
}
- bullets
+ bullets {
+ heading
+ text
+ icon
+ }
content {
text
font_size
@@ -1086,7 +862,7 @@ export const query = graphql`
)
}
}
- image {
+ background_image {
childImageSharp {
gatsbyImageData(
layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
@@ -1137,11 +913,7 @@ export const query = graphql`
}
}
}
- allCourseYaml(
- filter: {
- fields: { file_name: { eq: $utm_course }, lang: { eq: $lang } }
- }
- ) {
+ allCourseYaml(filter: { fields: { lang: { eq: $lang } } }) {
edges {
node {
meta_info {
@@ -1218,12 +990,6 @@ export const query = graphql`
height: 200
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxHeight: 200){
- # ...GatsbyImageSharpFluid_withWebp
- # }
- # fixed(width: 250, height: 250) {
- # ...GatsbyImageSharpFixed
- # }
}
}
content
@@ -1250,9 +1016,6 @@ export const query = graphql`
width: 800
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 800){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
project_content
@@ -1292,12 +1055,9 @@ export const query = graphql`
childImageSharp {
gatsbyImageData(
layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
- width: 150
+ width: 600
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 150){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
diff --git a/src/templates/landing_noform.js b/src/templates/landing_noform.js
deleted file mode 100644
index 02cf03a91..000000000
--- a/src/templates/landing_noform.js
+++ /dev/null
@@ -1,1220 +0,0 @@
-import React, { useEffect } from "react";
-import { graphql, navigate } from "gatsby";
-import { landingSections } from "../components/Landing";
-import FollowBar from "../components/FollowBar";
-import { H1, H2, Paragraph } from "../components/Heading";
-import { Div, GridContainer } from "../components/Sections";
-import { Colors, Button } from "../components/Styling";
-import { GatsbyImage, getImage } from "gatsby-plugin-image";
-import BaseRender from "./_baseLandingLayout";
-import { SessionContext } from "../session.js";
-import LandingNavbar from "../components/NavbarDesktop/landing";
-import LandingContainer from "../components/LandingContainer";
-import { transferQuerystrings } from "../utils/utils.js";
-
-const Landing = (props) => {
- const { session, setLocation } = React.useContext(SessionContext);
- const { pageContext, yml } = props;
- const [components, setComponents] = React.useState({});
- const [inLocation, setInLocation] = React.useState("");
-
- useEffect(() => {
- let _components = {};
- if (yml.components)
- yml.components.forEach(({ name, ...rest }) => {
- _components[name] = rest;
- });
- setComponents({ ...yml, ..._components });
- }, [yml]);
- useEffect(() => {
- if (yml.meta_info && yml.meta_info.utm_location)
- setLocation(yml.meta_info?.utm_location[0]);
-
- const urlParams = new URLSearchParams(window.location.search);
- const _inLoc = urlParams.get("in") || null;
- if (_inLoc && _inLoc != "")
- setInLocation(_inLoc.replace(/^\w/, (c) => c.toUpperCase()) + " ");
- }, []);
-
- const landingLocation =
- session &&
- session.locations?.find(
- (l) => l.breathecode_location_slug === yml.meta_info.utm_location
- );
-
- const utm = session && session.utm;
-
- return (
- <>
-
-
-
- {yml.follow_bar.content.text.split("\n").map((c, i) => (
-
- {c}
-
- ))}
- {yml.follow_bar.content.text_mobile &&
- yml.follow_bar.content.text_mobile.split("\n").map((c, i) => (
-
- {c}
-
- ))}
-
-
-
-
-
- {yml.header_data.partner_logo_url && (
- <>
-
-
-
-
-
-
- )}
-
- {inLocation}
- {yml.header_data.tagline}
- {/* _ */}
-
- {yml.header_data.sub_heading !== "" && (
-
- {yml.header_data.sub_heading}
-
- )}
- {Array.isArray(yml.features.bullets) &&
- yml.features.bullets.map((f, i) => (
-
- {"• "}
- {f}
-
- ))}
- {yml.features.text && /<\/?[a-z0-9]+>/g.test(yml.features.text) ? (
-
- ) : (
- yml.features.text && (
-
- {yml.features.text}
-
- )
- )}
- {yml.features.button && (
-
- )}
- {yml.short_badges && (
-
- {yml.short_badges.map((l, i) => {
- return (
- i <= 3 && (
-
-
-
- )
- );
- })}
-
- )}
-
-
- {/*
*/}
-
-
- {Object.keys(components)
- .filter(
- (name) =>
- components[name] &&
- (landingSections[name] || landingSections[components[name].layout])
- )
- .sort((a, b) =>
- components[b].position > components[a].position ? -1 : 1
- )
- .map((name, index) => {
- const layout = components[name].layout || name;
- return landingSections[layout]({
- ...props,
- yml: components[name],
- session,
- course: yml.meta_info?.utm_course,
- location: components.meta_info?.utm_location,
- index: index,
- });
- })}
-
-
- );
-};
-export const query = graphql`
- query LandingNoformQuery(
- $file_name: String!
- $lang: String!
- $utm_course: String
- ) {
- allPageYaml(
- filter: {
- fields: { file_name: { regex: "/geekpal/" }, lang: { eq: $lang } }
- }
- ) {
- edges {
- node {
- list {
- image {
- childImageSharp {
- gatsbyImageData(
- layout: CONSTRAINED
- width: 800
- placeholder: NONE
- quality: 100
- )
- }
- }
- }
- }
- }
- }
- allLandingYaml(
- filter: { fields: { file_name: { eq: $file_name }, lang: { eq: $lang } } }
- ) {
- edges {
- node {
- meta_info {
- title
- description
- image
- keywords
- utm_course
- utm_location
- automation
- tag
- }
- follow_bar {
- position
- content {
- text
- text_mobile
- font_size
- }
- button {
- text
- path
- }
- phone {
- text
- number
- }
- }
- navbar {
- logoUrl
- buttonText
- buttonUrl
- }
- form {
- heading
- motivation
- redirect
- fields
- button_label
- }
- features {
- marginTop
- text
- bullets
- styles
- button {
- text
- path
- background
- color
- hover_color
- }
- }
- badges {
- position
- heading
- }
- short_badges {
- name
- url
- image {
- childImageSharp {
- gatsbyImageData(
- layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
- height: 120 # --> maxHeight
- quality: 100
- placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
- )
- }
- }
- }
- about4Geeks {
- position
- heading
- sub_heading
- list {
- title
- }
- paragraph
- button_text
- button_link
- image {
- childImageSharp {
- gatsbyImageData(
- layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
- width: 1200
- placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
- )
- }
- }
- image_mobile {
- childImageSharp {
- gatsbyImageData(
- layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
- width: 800
- placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
- )
- }
- }
- }
- iconogram {
- position
- icons {
- icon
- title
- }
- }
- in_the_news {
- heading
- position
- filter
- }
- rating_reviews {
- position
- heading
- rating_list {
- alt
- image {
- childImageSharp {
- gatsbyImageData(
- layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
- width: 1200
- placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
- )
- }
- }
- rating
- url
- }
- }
- program_details {
- position
- heading
- background
- sub_heading
- }
- why_4geeks {
- position
- heading
- sub_heading
- footer {
- text
- text_link
- }
- }
- alumni_projects {
- position
- heading
- sub_heading
- }
- who_is_hiring {
- position
- heading
- sub_heading
- featured {
- name
- image {
- childImageSharp {
- gatsbyImageData(
- layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
- width: 150
- placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
- )
- # fluid(maxWidth: 150){
- # ...GatsbyImageSharpFluid_withWebp
- # }
- }
- }
- # featured
- }
- }
- choose_your_program {
- position
- title
- paragraph
- programs {
- text_link
- link
- sub_title
- title
- description
- icon
- }
- }
-
- why_python {
- position
- heading
- sub_heading
- }
- apply_schollarship {
- imageSide
- image {
- childImageSharp {
- gatsbyImageData(
- layout: CONSTRAINED
- width: 800
- placeholder: NONE
- quality: 100
- )
- }
- }
- }
- components {
- name
- position
- background
- swipable
- proportions
- layout
- filter_indexes
- image {
- src
- style
- link
- }
- video
- height
- button {
- text
- color
- path
- background
- hover_color
- }
- heading {
- text
- font_size
- }
- sub_heading {
- text
- font_size
- style
- }
- bullets
- background
- content {
- text
- font_size
- path
- }
- columns {
- size
- content {
- text
- font_size
- style
- }
- image {
- src
- style
- }
- }
- }
- header_data {
- background
- tagline
- tagline_color
- sub_heading
- image_filter
- right_image {
- childImageSharp {
- gatsbyImageData(
- layout: FULL_WIDTH # --> CONSTRAINED || FIXED || FULL_WIDTH
- quality: 100
- placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
- )
- }
- }
- partner_logo_url {
- childImageSharp {
- gatsbyImageData(
- layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
- height: 70
- placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
- )
- }
- }
- background_image {
- childImageSharp {
- gatsbyImageData(
- layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
- width: 1000
- placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
- )
- # fluid(maxWidth: 1000){
- # ...GatsbyImageSharpFluid_withWebp
- # }
- }
- }
- badge {
- childImageSharp {
- gatsbyImageData(
- layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
- width: 1000
- placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
- )
- }
- }
- }
- geeks_vs_others {
- position
- heading
- paragraph
- sub_heading
- total_rows
- }
- testimonial {
- position
- heading
- sub_heading
- students {
- name
- sub_heading
- comment
- video
- }
- }
- }
- }
- }
- allDownloadableYaml(
- filter: { fields: { file_name: { eq: $file_name }, lang: { eq: $lang } } }
- ) {
- edges {
- node {
- meta_info {
- title
- description
- image
- keywords
- automation
- tag
- current_download
- }
- follow_bar {
- position
- content {
- text
- text_mobile
- font_size
- }
- button {
- text
- path
- }
- phone {
- text
- number
- }
- }
- navbar {
- logoUrl
- buttonText
- buttonUrl
- }
- form {
- heading
- motivation
- redirect
- fields
- button_label
- }
- features {
- marginTop
- text
- bullets
- styles
- }
- badges {
- position
- heading
- }
- about4Geeks {
- position
- heading
- sub_heading
- list {
- title
- }
- paragraph
- button_text
- button_link
- image {
- childImageSharp {
- gatsbyImageData(
- layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
- width: 1200
- placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
- )
- }
- }
- image_mobile {
- childImageSharp {
- gatsbyImageData(
- layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
- width: 800
- placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
- )
- }
- }
- }
- iconogram {
- position
- icons {
- icon
- title
- }
- }
- in_the_news {
- heading
- position
- filter
- }
- rating_reviews {
- position
- heading
- rating_list {
- alt
- image {
- childImageSharp {
- gatsbyImageData(
- layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
- width: 1200
- placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
- )
- }
- }
- rating
- url
- }
- }
- program_details {
- position
- heading
- background
- sub_heading
- }
- why_4geeks {
- position
- heading
- sub_heading
- footer {
- text
- text_link
- }
- }
- alumni_projects {
- position
- heading
- sub_heading
- }
- who_is_hiring {
- position
- heading
- sub_heading
- featured {
- name
- image {
- childImageSharp {
- gatsbyImageData(
- layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
- width: 150
- placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
- )
- # fluid(maxWidth: 150){
- # ...GatsbyImageSharpFluid_withWebp
- # }
- }
- }
- # featured
- }
- }
- choose_your_program {
- position
- title
- paragraph
- programs {
- text_link
- link
- sub_title
- title
- description
- icon
- }
- }
-
- why_python {
- position
- heading
- sub_heading
- }
- apply_schollarship {
- imageSide
- image {
- childImageSharp {
- gatsbyImageData(
- layout: CONSTRAINED
- width: 800
- placeholder: NONE
- quality: 100
- )
- }
- }
- }
- components {
- name
- position
- background
- proportions
- layout
- image {
- src
- style
- link
- }
- video
- height
- button {
- text
- color
- path
- }
- heading {
- text
- font_size
- }
- sub_heading {
- text
- font_size
- }
- bullets
- content {
- text
- font_size
- }
- columns {
- size
- content {
- text
- font_size
- }
- image {
- src
- style
- }
- }
- }
- header_data {
- tagline
- sub_heading
- image_filter
- partner_logo_url {
- childImageSharp {
- gatsbyImageData(
- layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
- width: 500
- placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
- )
- }
- }
- image {
- childImageSharp {
- gatsbyImageData(
- layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
- width: 1000
- placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
- )
- }
- }
- badge {
- childImageSharp {
- gatsbyImageData(
- layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
- width: 1000
- placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
- )
- }
- }
- }
- geeks_vs_others {
- position
- heading
- paragraph
- sub_heading
- total_rows
- }
- testimonial {
- position
- heading
- sub_heading
- students {
- name
- sub_heading
- comment
- video
- }
- }
- }
- }
- }
- allCredentialsYaml(filter: { fields: { lang: { eq: $lang } } }) {
- edges {
- node {
- credentials {
- title
- icon
- value
- }
- }
- }
- }
- allCourseYaml(
- filter: {
- fields: { file_name: { eq: $utm_course }, lang: { eq: $lang } }
- }
- ) {
- edges {
- node {
- meta_info {
- slug
- title
- bc_slug
- visibility
- show_in_apply
- }
- apply_form {
- label
- }
- typical {
- heading
- sub_heading
- schedule {
- title
- time
- icon
- content
- step
- }
- }
- alumni {
- heading
- sub_heading
- }
- details {
- heading
- sub_heading
- left_labels {
- description
- projects
- duration
- skills
- }
- about {
- title
- sub_title
- list {
- label
- content
- link
- link_text
- icon
- }
- }
- details_modules {
- title
- projects
- slug
- module_name
- duration
- description
- step
- }
- }
- }
- }
- }
- allTestimonialsYaml(filter: { fields: { lang: { eq: $lang } } }) {
- edges {
- node {
- testimonials {
- student_name
- slug
- testimonial_date
- hidden
- include_in_marquee
- student_thumb {
- childImageSharp {
- gatsbyImageData(
- layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
- height: 200
- placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
- )
- # fluid(maxHeight: 200){
- # ...GatsbyImageSharpFluid_withWebp
- # }
- # fixed(width: 250, height: 250) {
- # ...GatsbyImageSharpFixed
- # }
- }
- }
- content
- source_url
- source_url_text
- }
- }
- }
- }
- allAlumniProjectsYaml(filter: { fields: { lang: { eq: $lang } } }) {
- edges {
- node {
- header {
- tagline
- sub_heading
- }
- projects {
- project_name
- slug
- project_image {
- childImageSharp {
- gatsbyImageData(
- layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
- width: 800
- placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
- )
- # fluid(maxWidth: 800){
- # ...GatsbyImageSharpFluid_withWebp
- # }
- }
- }
- project_content
- project_video
- live_link
- github_repo
- alumni {
- first_name
- last_name
- job_title
- github
- linkedin
- twitter
- }
- }
- button_section {
- button_text
- button_link
- }
- }
- }
- }
- allPartnerYaml(filter: { fields: { lang: { eq: $lang } } }) {
- edges {
- node {
- partners {
- tagline
- sub_heading
- footer_tagline
- footer_button
- footer_link
- images {
- name
- link
- follow
- image {
- childImageSharp {
- gatsbyImageData(
- layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
- width: 150
- placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
- )
- # fluid(maxWidth: 150){
- # ...GatsbyImageSharpFluid_withWebp
- # }
- }
- }
- featured
- }
- }
- }
- }
- }
- }
-`;
-
-export default BaseRender(Landing, {
- landingNavbar: true,
- landingFooter: true,
-});
diff --git a/src/templates/landing_nonav.js b/src/templates/landing_nonav.js
index 2e33ba517..261174e10 100644
--- a/src/templates/landing_nonav.js
+++ b/src/templates/landing_nonav.js
@@ -1,27 +1,21 @@
import React, { useEffect } from "react";
-import { graphql, navigate } from "gatsby";
+import { graphql } from "gatsby";
import { landingSections } from "../components/Landing";
import FollowBar from "../components/FollowBar";
import LeadForm from "../components/LeadForm";
-import { H1, H2, H4, Paragraph, Span } from "../components/Heading";
-import {
- GridContainerWithImage,
- Div,
- GridContainer,
-} from "../components/Sections";
-import { Colors, StyledBackgroundSection, Button } from "../components/Styling";
-import { GatsbyImage, getImage } from "gatsby-plugin-image";
+import { Paragraph } from "../components/Heading";
+import { GridContainerWithImage, Div, Grid } from "../components/Sections";
+import { Colors, StyledBackgroundSection } from "../components/Styling";
import BaseRender from "./_baseLandingLayout";
import { processFormEntry } from "../actions";
import { SessionContext } from "../session.js";
import LandingNavbar from "../components/NavbarDesktop/landing";
-import LandingContainer from "../components/LandingContainer";
+import LandingHeader from "../components/LandingHeader";
const Landing = (props) => {
- const { session, setLocation } = React.useContext(SessionContext);
+ const { session } = React.useContext(SessionContext);
const { data, pageContext, yml, filteredPrograms } = props;
const [components, setComponents] = React.useState({});
- const [inLocation, setInLocation] = React.useState("");
const applySchollarship =
data.allLandingYaml.edges.length !== 0
@@ -53,15 +47,6 @@ const Landing = (props) => {
});
setComponents({ ...yml, ..._components });
}, [yml]);
- useEffect(() => {
- if (yml.meta_info && yml.meta_info.utm_location)
- setLocation(yml.meta_info?.utm_location[0]);
-
- const urlParams = new URLSearchParams(window.location.search);
- const _inLoc = urlParams.get("in") || null;
- if (_inLoc && _inLoc != "")
- setInLocation(_inLoc.replace(/^\w/, (c) => c.toUpperCase()) + " ");
- }, []);
// data sent to the form already prefilled
const preData = {
@@ -147,261 +132,13 @@ const Landing = (props) => {
))}
-
-
-
- {yml.header_data.partner_logo_url && (
- <>
-
-
-
-
-
-
- )}
-
- {inLocation}
- {yml.header_data.tagline}
- {/* _ */}
-
- {yml.header_data.sub_heading !== "" && (
-
- {yml.header_data.sub_heading}
-
- )}
- {Array.isArray(yml.features.bullets) &&
- yml.features.bullets.map((f, i) => (
-
- {"• "}
- {f}
-
- ))}
- {yml.features.text && (
-
- )}
- {yml.features.button && (
-
- )}
- {yml.short_badges && (
-
- {yml.short_badges.map((l, i) => {
- return (
- i <= 3 && (
-
-
-
- )
- );
- })}
-
- )}
-
-
-
-
-
+
{Object.keys(components)
.filter(
@@ -424,81 +161,36 @@ const Landing = (props) => {
});
})}
-
-
{applySchollarship?.imageSide === "right" ? (
<>
- {/*
*/}
{
<>
{
)}
-
+
+
);
};
@@ -620,13 +367,6 @@ export const query = graphql`
text
bullets
styles
- button {
- text
- path
- background
- color
- hover_color
- }
}
badges {
position
@@ -675,17 +415,10 @@ export const query = graphql`
}
}
}
- iconogram {
- position
- icons {
- icon
- title
- }
- }
+
in_the_news {
heading
position
- filter
}
rating_reviews {
position
@@ -738,28 +471,10 @@ export const query = graphql`
width: 150
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 150){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
- # featured
}
}
- choose_your_program {
- position
- title
- paragraph
- programs {
- text_link
- link
- sub_title
- title
- description
- icon
- }
- }
-
why_python {
position
heading
@@ -785,10 +500,25 @@ export const query = graphql`
swipable
proportions
layout
+ text_link
+ icons {
+ icon
+ title
+ content
+ }
image {
src
style
link
+ shadow
+ }
+ programs {
+ title
+ sub_title
+ icon
+ description
+ text_link
+ link
}
video
height
@@ -802,18 +532,41 @@ export const query = graphql`
heading {
text
font_size
+ style
}
sub_heading {
text
+ style
font_size
}
- bullets
+ bullets {
+ item_style
+ items {
+ heading
+ text
+ icon
+ }
+ }
background
content {
text
+ style
font_size
path
}
+ cards {
+ image {
+ src
+ style
+ }
+ heading {
+ text
+ font_size
+ }
+ button {
+ text
+ }
+ }
columns {
size
content {
@@ -848,9 +601,6 @@ export const query = graphql`
width: 1000
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 1000){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
badge {
@@ -867,20 +617,9 @@ export const query = graphql`
position
heading
paragraph
- sub_heading
+
total_rows
}
- testimonial {
- position
- heading
- sub_heading
- students {
- name
- sub_heading
- comment
- video
- }
- }
}
}
}
@@ -965,13 +704,7 @@ export const query = graphql`
}
}
}
- iconogram {
- position
- icons {
- icon
- title
- }
- }
+
in_the_news {
heading
position
@@ -1028,28 +761,10 @@ export const query = graphql`
width: 150
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 150){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
- # featured
- }
- }
- choose_your_program {
- position
- title
- paragraph
- programs {
- text_link
- link
- sub_title
- title
- description
- icon
}
}
-
why_python {
position
heading
@@ -1074,11 +789,25 @@ export const query = graphql`
background
proportions
layout
+ text_link
+ icons {
+ icon
+ title
+ content
+ }
image {
src
style
link
}
+ programs {
+ title
+ sub_title
+ icon
+ description
+ text_link
+ link
+ }
video
height
button {
@@ -1094,7 +823,11 @@ export const query = graphql`
text
font_size
}
- bullets
+ bullets {
+ heading
+ text
+ icon
+ }
content {
text
font_size
@@ -1124,7 +857,7 @@ export const query = graphql`
)
}
}
- image {
+ background_image {
childImageSharp {
gatsbyImageData(
layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
@@ -1251,12 +984,6 @@ export const query = graphql`
height: 200
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxHeight: 200){
- # ...GatsbyImageSharpFluid_withWebp
- # }
- # fixed(width: 250, height: 250) {
- # ...GatsbyImageSharpFixed
- # }
}
}
content
@@ -1283,9 +1010,6 @@ export const query = graphql`
width: 800
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 800){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
project_content
@@ -1325,12 +1049,9 @@ export const query = graphql`
childImageSharp {
gatsbyImageData(
layout: CONSTRAINED # --> CONSTRAINED || FIXED || FULL_WIDTH
- width: 150
+ width: 600
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 150){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
diff --git a/src/templates/outcomes.js b/src/templates/outcomes.js
index fb3d5c919..212d35e39 100644
--- a/src/templates/outcomes.js
+++ b/src/templates/outcomes.js
@@ -474,9 +474,6 @@ export const query = graphql`
quality: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 500, quality: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
image_paragraph
@@ -501,11 +498,3 @@ export const query = graphql`
}
`;
export default BaseRender(Outcomes);
-
-// image{
-// childImageSharp {
-// fluid(maxWidth: 500, quality: 100, srcSetBreakpoints: [ 200, 340, 520, 890 ]){
-// ...GatsbyImageSharpFluid_withWebp
-// }
-// }
-// }
diff --git a/src/templates/partners.js b/src/templates/partners.js
index 749b0c821..2b5ea4da2 100644
--- a/src/templates/partners.js
+++ b/src/templates/partners.js
@@ -104,7 +104,6 @@ const Partners = (props) => {
}}
alt={yml.header.image_alt}
image={getImage(yml.header.image.childImageSharp.gatsbyImageData)}
- // fluid={l.image.childImageSharp.fluid}
/>
@@ -471,9 +470,6 @@ export const query = graphql`
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
breakpoints: [200, 340, 520, 890]
)
- # fluid(maxWidth: 1200, quality: 100, srcSetBreakpoints: [ 200, 340, 520, 890 ]){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
}
@@ -491,9 +487,6 @@ export const query = graphql`
quality: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 1600, quality: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
}
diff --git a/src/templates/press.js b/src/templates/press.js
index 7e36f5637..b13334d05 100644
--- a/src/templates/press.js
+++ b/src/templates/press.js
@@ -262,7 +262,6 @@ const Press = (props) => {
image={getImage(
l.logo != null && l.logo.childImageSharp.gatsbyImageData
)}
- // fluid={l.logo != null && l.logo.childImageSharp.gatsbyImageData}
/>
NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxHeight:60){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
location
@@ -369,9 +365,6 @@ export const query = graphql`
height: 277
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxHeight:277){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
title
@@ -396,9 +389,6 @@ export const query = graphql`
height: 60
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxHeight: 60,){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
location
diff --git a/src/templates/pricing.js b/src/templates/pricing.js
index 9cde6f8cf..0e0d08d74 100644
--- a/src/templates/pricing.js
+++ b/src/templates/pricing.js
@@ -212,9 +212,6 @@ export const query = graphql`
quality: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 1600, quality: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
alt
@@ -245,9 +242,6 @@ export const query = graphql`
width: 450
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 450){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
content
@@ -323,9 +317,6 @@ export const query = graphql`
quality: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 1200, quality: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
}
@@ -359,9 +350,6 @@ export const query = graphql`
width: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
@@ -379,9 +367,6 @@ export const query = graphql`
width: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
@@ -399,9 +384,6 @@ export const query = graphql`
width: 100
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 100){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
@@ -419,9 +401,6 @@ export const query = graphql`
width: 200
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 200){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
featured
diff --git a/src/templates/privacy-policy.js b/src/templates/privacy-policy.js
index b4e5f6d3d..14432d925 100644
--- a/src/templates/privacy-policy.js
+++ b/src/templates/privacy-policy.js
@@ -113,9 +113,6 @@ export const query = graphql`
width: 800
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 800){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
alt
diff --git a/src/templates/terms-conditions.js b/src/templates/terms-conditions.js
index 34c0d2c49..aaf6c5619 100644
--- a/src/templates/terms-conditions.js
+++ b/src/templates/terms-conditions.js
@@ -99,9 +99,6 @@ export const query = graphql`
width: 800
placeholder: NONE # --> NONE || DOMINANT_COLOR || BLURRED | TRACED_SVG
)
- # fluid(maxWidth: 800){
- # ...GatsbyImageSharpFluid_withWebp
- # }
}
}
alt
diff --git a/src/test/test.yml.js b/src/test/test.yml.js
index de4b292f2..57a7c5ac8 100644
--- a/src/test/test.yml.js
+++ b/src/test/test.yml.js
@@ -1,6 +1,7 @@
var colors = require("colors");
const fs = require("fs");
const { walk, loadYML, empty, fail, success } = require("./_utils");
+const { log } = require("console");
const metas = [
{ key: "slug", type: "string", mandatory: true },
@@ -36,7 +37,10 @@ walk(`${__dirname}/../data/`, async function (err, files) {
)
.forEach((_path) => {
const doc = loadYML(_path);
- if (!doc || !doc.yaml) fail("Invalid YML syntax for " + _path);
+ if (!doc || !doc.yaml) {
+ fail("Invalid YML syntax for " + _path);
+ console.log(doc);
+ }
});
const _files = files.filter(
diff --git a/src/utils/dictionaries/redirects.json b/src/utils/dictionaries/redirects.json
index 9406ac84f..7ac0e4963 100644
--- a/src/utils/dictionaries/redirects.json
+++ b/src/utils/dictionaries/redirects.json
@@ -1,8 +1,8 @@
[
"/20-millones",
+ "/20-million",
"/aplica",
"/es/apply",
- "/20-million",
"/apply",
"/es/blog",
"/calendario",
@@ -40,9 +40,9 @@
"/precio",
"/politicas-de-privacidad",
"/programas",
+ "/programs",
"/alumnos",
"/students",
- "/programs",
"/gracias",
"/gracias/apply",
"/thank",
@@ -52,7 +52,6 @@
"/es/academia",
"/porque-4geeks",
"/es/datascience",
- "/us/datascience",
"/curso/full-time",
"/full-time",
"/es/full-time",
@@ -70,6 +69,7 @@
"/us/coding-bootcamps/full-stack-web-development-bootcamp-full-time",
"/us/course/full-stack-web-development-bootcamp-full-time",
"/course/full-stack-web-development-bootcamp-full-time",
+ "/us/datascience",
"/part-time",
"/programa",
"/es/part-time",
@@ -100,8 +100,8 @@
"/us/coding-bootcamps/full-stack-web-development-bootcamp-part-time",
"/course/full-stack-web-development-bootcamp-part-time",
"/us/course/full-stack-web-development-bootcamp-part-time",
- "/es/machine-learning",
"/us/machine-learning",
+ "/es/machine-learning",
"/ingenieria-software",
"/es/software-engineering",
"/es/course/ingenieria-software",
@@ -113,32 +113,33 @@
"/coding-bootcamps/software-engineer-bootcamp",
"/landing/becas-partner",
"/landing/becas-ticjob-españa",
+ "/landing/aprende-a-programar-colombia",
"/landing/bootcamp-colombia",
+ "/landing/curso-de-programacion-colombia",
"/landing/bootcamp-colombia-jg",
+ "/landing/aprende-a-programar-costa-rica",
"/landing/bootcamp-costa-rica",
+ "/landing/curso-de-programacion-costa-rica",
"/landing/europe-germany-coding-course",
"/landing/europe-portugal-coding-course",
- "/landing/impulsa-tu-carrera-carne-joven",
"/landing/coding-course",
+ "/landing/impulsa-tu-carrera-carne-joven",
"/landing/united-way-espana",
- "/landing/mexico",
- "/landing/coding-classes",
- "/landing/coding-classes-parttime",
- "/landing/coding-school",
+ "/landing/aprende-a-programar-mexico",
+ "/landing/bootcamp-mexico",
+ "/landing/curso-de-programacion-mexico",
"/landing/full-stack-programs",
"/landing/income-sharing-agreement",
- "/landing/learn-to-code",
"/landing/programming-bootcamp",
- "/landing/programming-courses",
"/bit",
"/landing/united-way",
"/landing/aprende-a-programar-santiago",
"/landing/alianza-banco-ripley",
"/landing/bootcamp-de-programacion-santiago",
- "/landing/clases-de-programacion-santiago",
- "/landing/curso-de-programacion-santiago",
"/landing/curso-node-js-santiago",
"",
+ "/landing/curso-de-programacion-santiago",
+ "/landing/clases-de-programacion-santiago",
"/landing/uruguay",
"/career",
"/venezuela",
@@ -162,14 +163,14 @@
"/location/remoto",
"/remoto",
"/es/location/enlinea-remoto",
- "/location/online",
- "/location/remote",
- "/online",
- "/us/location/online-remote",
"/es/location/hamburg-germany",
"/location/hamburg-germany",
"/hamburg",
"/us/location/hamburg-germany",
+ "/location/online",
+ "/location/remote",
+ "/online",
+ "/us/location/online-remote",
"/es/bolivia",
"/us/bolivia",
"/bolivia",
diff --git a/static/images/badges/licensed-inverted.png b/static/images/badges/licensed-inverted.png
new file mode 100644
index 000000000..764c12b50
Binary files /dev/null and b/static/images/badges/licensed-inverted.png differ
diff --git a/static/images/landing/apply.png b/static/images/landing/apply.png
new file mode 100644
index 000000000..6c2636190
Binary files /dev/null and b/static/images/landing/apply.png differ
diff --git a/static/images/landing/comunity-support.png b/static/images/landing/comunity-support.png
new file mode 100644
index 000000000..49e8900ec
Binary files /dev/null and b/static/images/landing/comunity-support.png differ
diff --git a/static/images/landing/dos-mujeres-1.png b/static/images/landing/dos-mujeres-1.png
new file mode 100644
index 000000000..6ffd36678
Binary files /dev/null and b/static/images/landing/dos-mujeres-1.png differ
diff --git a/static/images/landing/feliz-empresario.png b/static/images/landing/feliz-empresario.png
new file mode 100644
index 000000000..0d97fe196
Binary files /dev/null and b/static/images/landing/feliz-empresario.png differ
diff --git a/static/images/landing/group-1.png b/static/images/landing/group-1.png
new file mode 100644
index 000000000..8965951c0
Binary files /dev/null and b/static/images/landing/group-1.png differ
diff --git a/static/images/landing/group-2.png b/static/images/landing/group-2.png
new file mode 100644
index 000000000..aa95181ed
Binary files /dev/null and b/static/images/landing/group-2.png differ
diff --git a/static/images/landing/grupo-ventanas.png b/static/images/landing/grupo-ventanas.png
new file mode 100644
index 000000000..b4699cc64
Binary files /dev/null and b/static/images/landing/grupo-ventanas.png differ
diff --git a/static/images/landing/hombre-con-laptop.png b/static/images/landing/hombre-con-laptop.png
new file mode 100644
index 000000000..69ced51b4
Binary files /dev/null and b/static/images/landing/hombre-con-laptop.png differ
diff --git a/static/images/landing/tres-personas.png b/static/images/landing/tres-personas.png
new file mode 100644
index 000000000..a056a3068
Binary files /dev/null and b/static/images/landing/tres-personas.png differ
diff --git a/static/images/landing/vector-stroke.png b/static/images/landing/vector-stroke.png
new file mode 100644
index 000000000..40e173a48
Binary files /dev/null and b/static/images/landing/vector-stroke.png differ
diff --git a/static/images/landing/vector-stroke1.png b/static/images/landing/vector-stroke1.png
new file mode 100644
index 000000000..4fd70f241
Binary files /dev/null and b/static/images/landing/vector-stroke1.png differ
diff --git a/static/images/landing/vector-stroke2.png b/static/images/landing/vector-stroke2.png
new file mode 100644
index 000000000..39cff91d2
Binary files /dev/null and b/static/images/landing/vector-stroke2.png differ
diff --git a/static/images/landing/why-4geeks-academy-preview.png b/static/images/landing/why-4geeks-academy-preview.png
new file mode 100644
index 000000000..3fa4c1017
Binary files /dev/null and b/static/images/landing/why-4geeks-academy-preview.png differ
diff --git a/static/images/low-income-female-heads-of-household.png b/static/images/low-income-female-heads-of-household.png
new file mode 100644
index 000000000..5b5b69a07
Binary files /dev/null and b/static/images/low-income-female-heads-of-household.png differ
diff --git a/static/images/low-income-people-of-color-2.png b/static/images/low-income-people-of-color-2.png
new file mode 100644
index 000000000..b99bf91f0
Binary files /dev/null and b/static/images/low-income-people-of-color-2.png differ
diff --git a/static/images/low-income-people-of-color.png b/static/images/low-income-people-of-color.png
new file mode 100644
index 000000000..4f9a5c5ae
Binary files /dev/null and b/static/images/low-income-people-of-color.png differ
diff --git a/static/images/low-income-veterans.png b/static/images/low-income-veterans.png
new file mode 100644
index 000000000..0222b9db8
Binary files /dev/null and b/static/images/low-income-veterans.png differ
+