Diff: STRATO-apps/wordpress_03/app/wp-content/themes/blocksy/inc/components/patterns/pattern-6.php
Keine Baseline-Datei – Diff nur gegen leer.
1
-
1
+
<?php
2
+
3
+
4
+
return [
5
+
'title' => __( 'Blocksy - Hero Section', 'blocksy' ),
6
+
'categories' => ['intro', 'blocksy'],
7
+
8
+
'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"7rem","bottom":"7rem"}}},"backgroundColor":"white","layout":{"type":"constrained"}} -->
9
+
<div class="wp-block-group alignfull has-white-background-color has-background" style="padding-top:7rem;padding-bottom:7rem"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|80","left":"var:preset|spacing|80"}}}} -->
10
+
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"45%"} -->
11
+
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:45%"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"30px","left":"30px"}}}} -->
12
+
<div class="wp-block-columns"><!-- wp:column -->
13
+
<div class="wp-block-column"><!-- wp:spacer {"height":"60px","className":"ct-hidden-md ct-hidden-sm"} -->
14
+
<div style="height:60px" aria-hidden="true" class="wp-block-spacer ct-hidden-md ct-hidden-sm"></div>
15
+
<!-- /wp:spacer -->
16
+
17
+
<!-- wp:image {"id":7639,"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"20px"},"spacing":{"margin":{"bottom":"30px"}}}} -->
18
+
<figure class="wp-block-image size-full has-custom-border" style="margin-bottom:30px"><img src="' . trailingslashit( get_template_directory_uri() ) . 'inc/components/patterns/assets/pattern-image-2.webp" alt="" class="wp-image-7639" style="border-radius:20px;aspect-ratio:1;object-fit:cover"/></figure>
19
+
<!-- /wp:image -->
20
+
21
+
<!-- wp:image {"id":7641,"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"20px"}}} -->
22
+
<figure class="wp-block-image size-full has-custom-border"><img src="' . trailingslashit( get_template_directory_uri() ) . 'inc/components/patterns/assets/pattern-image-4.webp" alt="" class="wp-image-7641" style="border-radius:20px;aspect-ratio:1;object-fit:cover"/></figure>
23
+
<!-- /wp:image --></div>
24
+
<!-- /wp:column -->
25
+
26
+
<!-- wp:column -->
27
+
<div class="wp-block-column"><!-- wp:image {"id":7640,"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"20px"},"spacing":{"margin":{"bottom":"30px"}}}} -->
28
+
<figure class="wp-block-image size-full has-custom-border" style="margin-bottom:30px"><img src="' . trailingslashit( get_template_directory_uri() ) . 'inc/components/patterns/assets/pattern-image-3.webp" alt="" class="wp-image-7640" style="border-radius:20px;aspect-ratio:1;object-fit:cover"/></figure>
29
+
<!-- /wp:image -->
30
+
31
+
<!-- wp:image {"id":7868,"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"20px"}}} -->
32
+
<figure class="wp-block-image size-full has-custom-border"><img src="' . trailingslashit( get_template_directory_uri() ) . 'inc/components/patterns/assets/pattern-image-5.webp" alt="" class="wp-image-7868" style="border-radius:20px;aspect-ratio:1;object-fit:cover"/></figure>
33
+
<!-- /wp:image --></div>
34
+
<!-- /wp:column --></div>
35
+
<!-- /wp:columns --></div>
36
+
<!-- /wp:column -->
37
+
38
+
<!-- wp:column {"verticalAlignment":"center"} -->
39
+
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"level":1,"style":{"typography":{"lineHeight":"1.2","fontStyle":"normal","fontWeight":"800","fontSize":"70px"},"spacing":{"margin":{"bottom":"20px"}},"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"textColor":"black"} -->
40
+
<h1 class="wp-block-heading has-black-color has-text-color has-link-color" style="margin-bottom:20px;font-size:70px;font-style:normal;font-weight:800;line-height:1.2">The Perfect Theme For Stunning Websites!</h1>
41
+
<!-- /wp:heading -->
42
+
43
+
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"border":{"bottom":{"color":"#0000001f","style":"solid","width":"1px"},"top":{},"right":{},"left":{}},"spacing":{"padding":{"bottom":"40px"},"margin":{"bottom":"40px"}}},"textColor":"black","fontSize":"medium"} -->
44
+
<p class="has-black-color has-text-color has-link-color has-medium-font-size" style="border-bottom-color:#0000001f;border-bottom-style:solid;border-bottom-width:1px;margin-bottom:40px;padding-bottom:40px">Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
45
+
<!-- /wp:paragraph -->
46
+
47
+
<!-- wp:columns -->
48
+
<div class="wp-block-columns"><!-- wp:column -->
49
+
<div class="wp-block-column"><!-- wp:heading {"style":{"spacing":{"margin":{"bottom":"0"}},"typography":{"fontStyle":"normal","fontWeight":"900"},"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"textColor":"black"} -->
50
+
<h2 class="wp-block-heading has-black-color has-text-color has-link-color" id="300" style="margin-bottom:0;font-style:normal;font-weight:900">300+</h2>
51
+
<!-- /wp:heading -->
52
+
53
+
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"typography":{"fontSize":"18px"}},"textColor":"black"} -->
54
+
<p class="has-black-color has-text-color has-link-color" style="font-size:18px">Excepteur occaecat</p>
55
+
<!-- /wp:paragraph --></div>
56
+
<!-- /wp:column -->
57
+
58
+
<!-- wp:column -->
59
+
<div class="wp-block-column"><!-- wp:heading {"style":{"spacing":{"margin":{"bottom":"0"}},"typography":{"fontStyle":"normal","fontWeight":"900"},"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"textColor":"black"} -->
60
+
<h2 class="wp-block-heading has-black-color has-text-color has-link-color" id="300" style="margin-bottom:0;font-style:normal;font-weight:900">17k</h2>
61
+
<!-- /wp:heading -->
62
+
63
+
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"typography":{"fontSize":"18px"}},"textColor":"black"} -->
64
+
<p class="has-black-color has-text-color has-link-color" style="font-size:18px">Commodo consequat</p>
65
+
<!-- /wp:paragraph --></div>
66
+
<!-- /wp:column -->
67
+
68
+
<!-- wp:column -->
69
+
<div class="wp-block-column"><!-- wp:heading {"style":{"spacing":{"margin":{"bottom":"0"}},"typography":{"fontStyle":"normal","fontWeight":"900"},"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"textColor":"black"} -->
70
+
<h2 class="wp-block-heading has-black-color has-text-color has-link-color" id="300" style="margin-bottom:0;font-style:normal;font-weight:900">83%</h2>
71
+
<!-- /wp:heading -->
72
+
73
+
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"typography":{"fontSize":"18px"}},"textColor":"black"} -->
74
+
<p class="has-black-color has-text-color has-link-color" style="font-size:18px">Aute biruredolor</p>
75
+
<!-- /wp:paragraph --></div>
76
+
<!-- /wp:column --></div>
77
+
<!-- /wp:columns --></div>
78
+
<!-- /wp:column --></div>
79
+
<!-- /wp:columns --></div>
80
+
<!-- /wp:group -->'
81
+
];