Skip to content

Commit cd625fe

Browse files
JohnPixleJohnPixle
authored
Update content-1.php
1 parent c9bc9f0 commit cd625fe

1 file changed

Lines changed: 127 additions & 35 deletions

File tree

‎inc/patterns/layout/content-1.php‎

Lines changed: 127 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -22,40 +22,132 @@
2222
'categories' => array( 'eduacademy' ),
2323
'keywords' => array( 'content', 'grid' ),
2424
'content' => '
25-
<!-- wp:group {"metadata":{"name":"hero-2"},"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"},"blockGap":"var:preset|spacing|80","margin":{"top":"0","bottom":"0"}},"background":{"backgroundImage":{"url":"' . esc_url( $eduacademy_img17 ) . '","id":163,"source":"file","title":"theme-image-17"},"backgroundSize":"1100px","backgroundPosition":"100% 0%","backgroundRepeat":"no-repeat"}},"backgroundColor":"ti-bg-alt","layout":{"type":"constrained"}} -->
26-
<div class="wp-block-group alignfull has-ti-bg-alt-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--50)"><!-- wp:group {"align":"wide","layout":{"type":"grid","minimumColumnWidth":"28rem"}} -->
27-
<div class="wp-block-group alignwide"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left","verticalAlignment":"center"}} -->
28-
<div class="wp-block-group"><!-- wp:heading {"level":1} -->
29-
<h1 class="wp-block-heading">Build Your Skills. One Lesson at a Time.</h1>
30-
<!-- /wp:heading -->
31-
32-
<!-- wp:paragraph {"fontSize":"medium"} -->
33-
<p class="has-medium-font-size">Join thousands of students learning in-demand skills with step-by-step courses, practical exercises, and expert guidance.</p>
34-
<!-- /wp:paragraph -->
35-
36-
<!-- wp:buttons -->
37-
<div class="wp-block-buttons"><!-- wp:button -->
38-
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Learn more</a></div>
39-
<!-- /wp:button --></div>
40-
<!-- /wp:buttons -->
41-
42-
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
43-
<div class="wp-block-group"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|luminous-vivid-amber"}}}},"textColor":"luminous-vivid-amber"} -->
44-
<p class="has-luminous-vivid-amber-color has-text-color has-link-color">★★★★★</p>
45-
<!-- /wp:paragraph -->
46-
47-
<!-- wp:paragraph -->
48-
<p>1K+ reviews</p>
49-
<!-- /wp:paragraph --></div>
50-
<!-- /wp:group --></div>
51-
<!-- /wp:group -->
52-
53-
<!-- wp:group {"layout":{"type":"constrained"}} -->
54-
<div class="wp-block-group"><!-- wp:image {"id":104,"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"16px"}}} -->
55-
<figure class="wp-block-image size-full has-custom-border"><img src="' . esc_url( $eduacademy_img13 ) . '" alt="" class="wp-image-104" style="border-radius:16px;aspect-ratio:1;object-fit:cover"/></figure>
56-
<!-- /wp:image --></div>
57-
<!-- /wp:group --></div>
58-
<!-- /wp:group --></div>
59-
<!-- /wp:group -->
25+
<!-- wp:group {"metadata":{"name":"content 1"},"align":"full","style":{"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
26+
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"metadata":{"name":"testimonial"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
27+
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--50)"><!-- wp:group {"metadata":{"name":"testimonial"},"align":"wide","style":{"spacing":{"padding":{"right":"0","left":"0"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"left"}} -->
28+
<div class="wp-block-group alignwide" style="padding-right:0;padding-left:0"><!-- wp:image {"id":118,"width":"140px","aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50vw"}}} -->
29+
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="https://codingschool.instawp.xyz/wp-content/uploads/2025/08/theme-image-22.webp" alt="" class="wp-image-118" style="border-radius:50vw;aspect-ratio:1;object-fit:cover;width:140px"/></figure>
30+
<!-- /wp:image -->
31+
32+
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained"}} -->
33+
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"default"}} -->
34+
<div class="wp-block-group"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|luminous-vivid-amber"}}}},"textColor":"luminous-vivid-amber","fontSize":"large"} -->
35+
<p class="has-luminous-vivid-amber-color has-text-color has-link-color has-large-font-size">★★★★★</p>
36+
<!-- /wp:paragraph -->
37+
38+
<!-- wp:paragraph {"fontSize":"medium"} -->
39+
<p class="has-medium-font-size">"The CSS course was a game changer for my freelancing career. Clear, practical, and beginner-friendly."</p>
40+
<!-- /wp:paragraph -->
41+
42+
<!-- wp:paragraph -->
43+
<p>Person</p>
44+
<!-- /wp:paragraph --></div>
45+
<!-- /wp:group --></div>
46+
<!-- /wp:group --></div>
47+
<!-- /wp:group -->
48+
49+
<!-- wp:spacer {"width":"0px","style":{"layout":[]}} -->
50+
<div style="height:100px;width:0px" aria-hidden="true" class="wp-block-spacer"></div>
51+
<!-- /wp:spacer --></div>
52+
<!-- /wp:group -->
53+
54+
<!-- wp:group {"metadata":{"name":"grid"},"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"},"blockGap":"var:preset|spacing|80","margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|ti-fg-alt"}}}},"backgroundColor":"ti-bg-inv","textColor":"ti-fg-alt","layout":{"type":"constrained"}} -->
55+
<div class="wp-block-group alignfull has-ti-fg-alt-color has-ti-bg-inv-background-color has-text-color has-background has-link-color" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--50)"><!-- wp:group {"metadata":{"name":"bento"},"align":"wide","layout":{"type":"constrained"}} -->
56+
<div class="wp-block-group alignwide"><!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"-170px"}}},"layout":{"type":"grid","minimumColumnWidth":"18rem"}} -->
57+
<div class="wp-block-group alignwide" style="margin-top:-170px"><!-- wp:group {"style":{"layout":{"columnSpan":2}},"layout":{"type":"constrained"}} -->
58+
<div class="wp-block-group"><!-- wp:cover {"url":"https://codingschool.instawp.xyz/wp-content/uploads/2025/08/theme-image-03.webp","id":108,"dimRatio":30,"overlayColor":"black","isUserOverlayColor":true,"contentPosition":"bottom left","sizeSlug":"full","style":{"border":{"radius":"16px"},"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|60","top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
59+
<div class="wp-block-cover has-custom-content-position is-position-bottom-left" style="border-radius:16px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)"><img class="wp-block-cover__image-background wp-image-108 size-full" alt="" src="https://codingschool.instawp.xyz/wp-content/uploads/2025/08/theme-image-03.webp" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-30 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"left","fontSize":"x-large"} -->
60+
<h2 class="wp-block-heading has-text-align-left has-x-large-font-size">Build Smarter, Not Harder</h2>
61+
<!-- /wp:heading -->
62+
63+
<!-- wp:paragraph {"fontSize":"medium"} -->
64+
<p class="has-medium-font-size">Discover proven workflows and tools to streamline your learning and development process.</p>
65+
<!-- /wp:paragraph --></div></div>
66+
<!-- /wp:cover --></div>
67+
<!-- /wp:group -->
68+
69+
<!-- wp:group {"style":{"layout":{"columnSpan":1}},"layout":{"type":"constrained"}} -->
70+
<div class="wp-block-group"><!-- wp:cover {"url":"https://codingschool.instawp.xyz/wp-content/uploads/2025/08/theme-image-02.webp","id":109,"dimRatio":40,"overlayColor":"black","isUserOverlayColor":true,"contentPosition":"bottom left","sizeSlug":"full","style":{"border":{"radius":"16px"},"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|60","right":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
71+
<div class="wp-block-cover has-custom-content-position is-position-bottom-left" style="border-radius:16px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)"><img class="wp-block-cover__image-background wp-image-109 size-full" alt="" src="https://codingschool.instawp.xyz/wp-content/uploads/2025/08/theme-image-02.webp" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-40 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"left","fontSize":"large"} -->
72+
<h2 class="wp-block-heading has-text-align-left has-large-font-size">Meet Your Mentors</h2>
73+
<!-- /wp:heading -->
74+
75+
<!-- wp:paragraph {"align":"left","placeholder":"Write title…","fontSize":"normal"} -->
76+
<p class="has-text-align-left has-normal-font-size">Learn from experienced instructors who bring real-world expertise to every lesson.</p>
77+
<!-- /wp:paragraph --></div></div>
78+
<!-- /wp:cover --></div>
79+
<!-- /wp:group --></div>
80+
<!-- /wp:group -->
81+
82+
<!-- wp:group {"align":"wide","layout":{"type":"grid","minimumColumnWidth":"18rem"}} -->
83+
<div class="wp-block-group alignwide"><!-- wp:group {"style":{"layout":{"columnSpan":1},"border":{"radius":"16px"},"spacing":{"blockGap":"var:preset|spacing|50"},"elements":{"link":{"color":{"text":"var:preset|color|ti-fg-alt"}}}},"backgroundColor":"ti-accent","textColor":"ti-fg-alt","layout":{"type":"flex","orientation":"vertical","verticalAlignment":"center"}} -->
84+
<div class="wp-block-group has-ti-fg-alt-color has-ti-accent-background-color has-text-color has-background has-link-color" style="border-radius:16px"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
85+
<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1"}},"fontSize":"huge"} -->
86+
<p class="has-huge-font-size" style="line-height:1">2000+</p>
87+
<!-- /wp:paragraph -->
88+
89+
<!-- wp:paragraph -->
90+
<p>Students enrolled</p>
91+
<!-- /wp:paragraph --></div>
92+
<!-- /wp:group -->
93+
94+
<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
95+
<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1"}},"fontSize":"huge"} -->
96+
<p class="has-huge-font-size" style="line-height:1">300</p>
97+
<!-- /wp:paragraph -->
98+
99+
<!-- wp:paragraph -->
100+
<p>Lessons</p>
101+
<!-- /wp:paragraph --></div>
102+
<!-- /wp:group -->
103+
104+
<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
105+
<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1"}},"fontSize":"huge"} -->
106+
<p class="has-huge-font-size" style="line-height:1">5</p>
107+
<!-- /wp:paragraph -->
108+
109+
<!-- wp:paragraph -->
110+
<p>Expert instructors</p>
111+
<!-- /wp:paragraph --></div>
112+
<!-- /wp:group --></div>
113+
<!-- /wp:group -->
114+
115+
<!-- wp:group {"style":{"layout":{"columnSpan":2}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
116+
<div class="wp-block-group"><!-- wp:cover {"url":"https://codingschool.instawp.xyz/wp-content/uploads/2025/08/theme-image-01.webp","id":110,"dimRatio":30,"overlayColor":"black","isUserOverlayColor":true,"contentPosition":"bottom left","isDark":false,"sizeSlug":"full","style":{"border":{"radius":"16px"},"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|60","top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}},"elements":{"link":{"color":{"text":"var:preset|color|ti-fg-alt"}}}},"textColor":"ti-fg-alt","layout":{"type":"constrained"}} -->
117+
<div class="wp-block-cover is-light has-custom-content-position is-position-bottom-left has-ti-fg-alt-color has-text-color has-link-color" style="border-radius:16px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)"><img class="wp-block-cover__image-background wp-image-110 size-full" alt="" src="https://codingschool.instawp.xyz/wp-content/uploads/2025/08/theme-image-01.webp" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-30 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"left","fontSize":"x-large"} -->
118+
<h2 class="wp-block-heading has-text-align-left has-x-large-font-size">Hands-On Projects</h2>
119+
<!-- /wp:heading -->
120+
121+
<!-- wp:paragraph {"fontSize":"medium"} -->
122+
<p class="has-medium-font-size">Apply what you learn through interactive projects that prepare you for real-world challenges.</p>
123+
<!-- /wp:paragraph --></div></div>
124+
<!-- /wp:cover --></div>
125+
<!-- /wp:group --></div>
126+
<!-- /wp:group --></div>
127+
<!-- /wp:group -->
128+
129+
<!-- wp:group {"metadata":{"name":"testimonial"},"align":"wide","style":{"spacing":{"padding":{"right":"0","left":"0"}}},"layout":{"type":"constrained"}} -->
130+
<div class="wp-block-group alignwide" style="padding-right:0;padding-left:0"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"grid","minimumColumnWidth":"18rem"}} -->
131+
<div class="wp-block-group alignwide"><!-- wp:group {"layout":{"type":"grid"}} -->
132+
<div class="wp-block-group"></div>
133+
<!-- /wp:group -->
134+
135+
<!-- wp:group {"style":{"layout":{"columnSpan":2}},"layout":{"type":"constrained","justifyContent":"left"}} -->
136+
<div class="wp-block-group"><!-- wp:paragraph {"align":"left","style":{"elements":{"link":{"color":{"text":"var:preset|color|luminous-vivid-amber"}}}},"textColor":"luminous-vivid-amber","fontSize":"large"} -->
137+
<p class="has-text-align-left has-luminous-vivid-amber-color has-text-color has-link-color has-large-font-size">★★★★★</p>
138+
<!-- /wp:paragraph -->
139+
140+
<!-- wp:paragraph {"align":"left","fontSize":"medium"} -->
141+
<p class="has-text-align-left has-medium-font-size">"The CSS course was a game changer for my freelancing career. Clear, practical, and beginner-friendly."</p>
142+
<!-- /wp:paragraph -->
143+
144+
<!-- wp:paragraph {"align":"left"} -->
145+
<p class="has-text-align-left">George Kent, USA</p>
146+
<!-- /wp:paragraph --></div>
147+
<!-- /wp:group --></div>
148+
<!-- /wp:group --></div>
149+
<!-- /wp:group --></div>
150+
<!-- /wp:group --></div>
151+
<!-- /wp:group -->
60152
',
61153
);

0 commit comments

Comments
 (0)