Skip to content
This repository has been archived by the owner on Feb 17, 2025. It is now read-only.

Added pendant/templates/page-about.html to meet the design suggested … #5759

Closed
Closed
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
181 changes: 181 additions & 0 deletions pendant/templates/page-about.html
Original file line number Diff line number Diff line change
@@ -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"} /-->