changes to try with chatgpt
This commit is contained in:
@@ -1,30 +1,31 @@
|
||||
<f:layout name="Default" />
|
||||
|
||||
<!-- No extra heading from the parent layout -->
|
||||
<f:section name="Header" />
|
||||
|
||||
<f:section name="Main">
|
||||
<f:asset.css identifier="CBHero" href="{cb:assetPath()}/frontend.css" />
|
||||
|
||||
<div class="hero">
|
||||
<header class="hero-header">
|
||||
<h1>{data.header}</h1>
|
||||
</header>
|
||||
<div class="hero-content">
|
||||
<div class="hero-text">
|
||||
<f:format.html>{data.bodytext}</f:format.html>
|
||||
</div>
|
||||
<div class="hero-image-wrapper">
|
||||
<f:if condition="{data.image}">
|
||||
<f:then>
|
||||
<f:image image="{data.image.0}" alt="Hero Image" class="hero-image" />
|
||||
</f:then>
|
||||
<f:else>
|
||||
<p>No image available</p>
|
||||
</f:else>
|
||||
</f:if>
|
||||
<div class="hero-social-icons">
|
||||
<a href="#" class="social-icon">X</a>
|
||||
<a href="#" class="social-icon">Instagram</a>
|
||||
<a href="#" class="social-icon">TikTok</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-subheader">{data.subheader}</div>
|
||||
<h2 class="hero-title">{data.header}</h2>
|
||||
<div class="hero-text">
|
||||
<f:format.html>{data.bodytext}</f:format.html>
|
||||
</div>
|
||||
<div class="hero-social-icons">
|
||||
<a href="#" class="social-icon">X</a>
|
||||
<a href="#" class="social-icon">Instagram</a>
|
||||
<a href="#" class="social-icon">TikTok</a>
|
||||
</div>
|
||||
<div class="hero-image-wrapper">
|
||||
<f:if condition="{data.image}">
|
||||
<f:then>
|
||||
<f:image image="{data.image.0}" alt="Hero Image" class="hero-image" />
|
||||
</f:then>
|
||||
<f:else>
|
||||
<p>No image available</p>
|
||||
</f:else>
|
||||
</f:if>
|
||||
</div>
|
||||
<div class="next-section-overlap"></div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user