From 51eaa587e391584296503fc10c8d36264ff68279 Mon Sep 17 00:00:00 2001
From: PeterNdomano <peterndomano@gmail.com>
Date: Sun, 27 Mar 2022 00:56:41 +0300
Subject: [PATCH] Added pendant/templates/page-about.html to meet the design
 suggested in issue #5745

---
 pendant/templates/page-about.html | 181 ++++++++++++++++++++++++++++++
 1 file changed, 181 insertions(+)
 create mode 100644 pendant/templates/page-about.html

diff --git a/pendant/templates/page-about.html b/pendant/templates/page-about.html
new file mode 100644
index 0000000000..9d80d9feca
--- /dev/null
+++ b/pendant/templates/page-about.html
@@ -0,0 +1,181 @@
+
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:columns {"layout":{"inherit":true},"align":"full","backgroundColor":"foreground"} -->
+<div class="wp-block-columns alignwide has-foreground-background-color has-background">
+    <!-- wp:column {"width":"33.33%"} -->
+    <div class="wp-block-column" style="flex-basis:33.33%">
+        <!-- wp:heading {"textColor":"background"} -->
+        <h1 class="has-background-color has-text-color">About</h1>
+        <!-- /wp:heading -->
+    </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"66.66%"} -->
+    <div class="wp-block-column" style="flex-basis:66.66%">
+        <!-- wp:group -->
+        <main class="wp-block-group has-background-color has-text-color">
+            <!-- wp:post-featured-image /-->
+
+            <!-- wp:post-title {"level":2,"textColor":"background"} /-->
+            <!-- wp:post-content {"layout":{"inherit":true}} /-->
+        </main>
+        <!-- /wp:group -->
+    </div>
+    <!-- /wp:column -->
+</div>
+<!-- /wp:columns -->
+
+
+<!-- wp:group {"align":"full","style":{"spacing":{"blockGap":"60px"}},"layout":{"inherit":false,"contentSize":"500px","wideSize":"500px"}} -->
+<div class="wp-block-group alignwide">
+    <!-- wp:spacer {"height":60} -->
+    <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
+    <!-- /wp:spacer -->
+    <!-- wp:heading {"level":3} -->
+    <h3>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+        Lectus urna duis convallis convallis tellus id interdum velit laoreet.
+    </h3>
+    <!-- /wp:heading -->
+    <!-- wp:spacer {"height":60} -->
+    <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
+    <!-- /wp:spacer -->
+</div>
+<!-- /wp:group -->
+
+
+<!-- wp:media-text {"mediaLink":"https://dessign.net/creatortheme/wp-content/uploads/2016/01/fashion-beauty-model-portrait-new.jpg","mediaType":"image","imageFill":true,"backgroundColor":"tertiary","textColor":"foreground"} -->
+<div class="wp-block-media-text is-stacked-on-mobile is-image-fill has-foreground-color has-tertiary-background-color has-text-color has-background">
+    <figure class="wp-block-media-text__media" style="background-image:url(https://dessign.net/creatortheme/wp-content/uploads/2016/01/fashion-beauty-model-portrait-new.jpg);background-position:50% 50%">
+        <img src="https://dessign.net/creatortheme/wp-content/uploads/2016/01/fashion-beauty-model-portrait-new.jpg" alt="" class="wp-image-23 size-full"/>
+    </figure>
+    <div class="wp-block-media-text__content">
+        <!-- wp:spacer {"height":60} -->
+        <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
+        <!-- /wp:spacer -->
+        <!-- wp:quote {"className":"is-style-plain"} -->
+        <blockquote class="wp-block-quote is-style-plain">
+            <!-- wp:heading {"level":4} -->
+            <h4>
+                "Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+                sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                Lectus urna duis convallis convallis tellus id interdum velit laoreet."
+            </h4>
+            <!-- /wp:heading -->
+            <cite>-then citation</cite>
+        </blockquote>
+        <!-- /wp:quote -->
+        <!-- wp:spacer {"height":60} -->
+        <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
+        <!-- /wp:spacer -->
+    </div>
+</div>
+<!-- /wp:media-text -->
+
+
+<div class="wp-block-group">
+    <!-- wp:spacer {"height":120} -->
+    <div style="height:120px" aria-hidden="true" class="wp-block-spacer"></div>
+    <!-- /wp:spacer -->
+    <!-- wp:columns -->
+    <div class="wp-block-columns">
+        <!-- wp:column {"width":"33.33%"} -->
+        <div class="wp-block-column" style="flex-basis:33.33%">
+            <!-- wp:heading {"level":3} -->
+            <h3>The team</h3>
+            <!-- /wp:heading -->
+        </div>
+        <!-- /wp:column -->
+
+        <!-- wp:column {"width":"66.66%"} -->
+        <div class="wp-block-column" style="flex-basis:66.66%">
+            <!-- wp:columns -->
+            <div class="wp-block-columns">
+                <!-- wp:column -->
+                <div class="wp-block-column">
+                    <!-- wp:image {"sizeSlug":"large","className":"is-style-default"} -->
+                    <figure class="wp-block-image size-large is-style-default">
+                        <img src="https://dessign.net/creatortheme/wp-content/uploads/2016/01/pexels-photo-pgoto1.jpg" alt=""/>
+                    </figure>
+                    <!-- /wp:image -->
+
+                    <!-- wp:heading {"level":5,"style":{"typography":{"textTransform":"capitalize"}},"textColor":"foreground"} -->
+                    <h5 class="has-foreground-color has-text-color" style="text-transform:capitalize">Team member name</h5>
+                    <!-- /wp:heading -->
+
+                    <!-- wp:heading {"level":6,"style":{"typography":{"textTransform":"capitalize"}}} -->
+                    <h6 style="text-transform:capitalize">member role</h6>
+                    <!-- /wp:heading -->
+                </div>
+                <!-- /wp:column -->
+
+                <!-- wp:column -->
+                <div class="wp-block-column">
+                    <!-- wp:image {"sizeSlug":"large","className":"is-style-default"} -->
+                    <figure class="wp-block-image size-large is-style-default">
+                        <img src="https://dessign.net/creatortheme/wp-content/uploads/2016/01/pexels-photo-pgoto1.jpg" alt=""/>
+                    </figure>
+                    <!-- /wp:image -->
+
+                    <!-- wp:heading {"level":5,"style":{"typography":{"textTransform":"capitalize"}},"textColor":"foreground"} -->
+                    <h5 class="has-foreground-color has-text-color" style="text-transform:capitalize">Team member name</h5>
+                    <!-- /wp:heading -->
+
+                    <!-- wp:heading {"level":6,"style":{"typography":{"textTransform":"capitalize"}}} -->
+                    <h6 style="text-transform:capitalize">member role</h6>
+                    <!-- /wp:heading -->
+                </div>
+                <!-- /wp:column -->
+            </div>
+            <!-- /wp:columns -->
+            <!-- wp:columns -->
+            <div class="wp-block-columns">
+                <!-- wp:column -->
+                <div class="wp-block-column">
+                    <!-- wp:image {"sizeSlug":"large","className":"is-style-default"} -->
+                    <figure class="wp-block-image size-large is-style-default">
+                        <img src="https://dessign.net/creatortheme/wp-content/uploads/2016/01/pexels-photo-pgoto1.jpg" alt=""/>
+                    </figure>
+                    <!-- /wp:image -->
+
+                    <!-- wp:heading {"level":5,"style":{"typography":{"textTransform":"capitalize"}},"textColor":"foreground"} -->
+                    <h5 class="has-foreground-color has-text-color" style="text-transform:capitalize">Team member name</h5>
+                    <!-- /wp:heading -->
+
+                    <!-- wp:heading {"level":6,"style":{"typography":{"textTransform":"capitalize"}}} -->
+                    <h6 style="text-transform:capitalize">member role</h6>
+                    <!-- /wp:heading -->
+                </div>
+                <!-- /wp:column -->
+
+                <!-- wp:column -->
+                <div class="wp-block-column">
+                    <!-- wp:image {"sizeSlug":"large","className":"is-style-default"} -->
+                    <figure class="wp-block-image size-large is-style-default">
+                        <img src="https://dessign.net/creatortheme/wp-content/uploads/2016/01/pexels-photo-pgoto1.jpg" alt=""/>
+                    </figure>
+                    <!-- /wp:image -->
+
+                    <!-- wp:heading {"level":5,"style":{"typography":{"textTransform":"capitalize"}},"textColor":"foreground"} -->
+                    <h5 class="has-foreground-color has-text-color" style="text-transform:capitalize">Team member name</h5>
+                    <!-- /wp:heading -->
+
+                    <!-- wp:heading {"level":6,"style":{"typography":{"textTransform":"capitalize"}}} -->
+                    <h6 style="text-transform:capitalize">member role</h6>
+                    <!-- /wp:heading -->
+                </div>
+                <!-- /wp:column -->
+            </div>
+            <!-- /wp:columns -->
+        </div>
+        <!-- /wp:column -->
+    </div>
+    <!-- /wp:columns -->
+</div>
+
+
+
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer-container"} /-->