hero

Package name:
saurabh-lohiya.github.io/portfolio

Demo:

Hello there…
John Doe
I Am Passionate Developer!
We are an award-winning strategic design company that provides consultancy services and help you create outstanding digital products.

Overview

-- ds.hero contains, a image to the right side and information to the left side of it. If you want to use it then use below given example code and add it inside a .ftd file.

Invocation:

-- ds.hero: John Doe
tag: Hello there...
designation: I Am Passionate Developer!
avatar: $assets.files.assets.me.jpg
cta-primary: My Work
cta-primary-link: index.html
cta-secondary: Hire Me
cta-secondary-link: index.html

We are an award-winning strategic design company that provides
consultancy services and help you create outstanding digital products.
Lang:
ftd

Properties:

Below are details of all properties of -- ds.hero component.
title
{
type:
Caption (required)
}
This is a default property of the hero component. It’s used to add a title to hero component.
body
{
type:
Caption (required)
}
This is a default property of the hero component. It’s used to add a body to hero component.
tag
{
type:
Caption (required)
}
This is a default property of the hero component. It’s used to add a tag to hero component.
designation
{
type:
Caption (required)
}
This is a default property of the hero component. It’s used to add a designation of author to hero component.
avatar
{
type:
ftd.image-src (required)
}
This is a default property of the hero component. Using avatar attribute image can be added.
cta-primary
{
type:
String (required)
}
This is a default property of the hero component. It’s used to add a click to action button title.
cta-primary-link
{
type:
String (optional)
}
This is a default property of the hero component. It’s used to add a link to click to action button.
cta-secondary
{
type:
String (required)
}
This is a default property of the hero component. It’s used to add a click to action button title.
cta-secondary-link
{
type:
String (optional)
}
This is a default property of the hero component. It’s used to add a link to click to action button.
Copyright © 2023