Skip to content

v25: add team trial banner card to docs home #4788

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
veerapaananen wants to merge 1 commit into
base: main
Choose a base branch
from
Draft

v25: add team trial banner card to docs home #4788

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
31 changes: 31 additions & 0 deletions articles/index.adoc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,17 @@
link:/learn/training[Start video course]


[.cards.quiet.large.callout.hide-title]
== Request a Team Trial

[.card.large]
=== Evaluate Vaadin the right way—with your team

Check warning on line 56 in articles/index.adoc

View workflow job for this annotation

GitHub Actions / lint 

[vale] reported by reviewdog 🐶
[Vaadin.HeadingCase] 'Evaluate Vaadin the right way—with your team' should be in title case.

Raw Output:
{"message": "[Vaadin.HeadingCase] 'Evaluate Vaadin the right way—with your team' should be in title case.", "location": {"path": "articles/index.adoc", "range": {"start": {"line": 56, "column": 5}}}, "severity": "WARNING"}

Apply for the Team Trial and get expert-led guidance before you start building together.

link:https://pages.vaadin.com/request-a-team-trial[Apply For a Free Consultation, role="button-link"]


[.cards.quiet.large.components]
== Components

Expand Down Expand Up @@ -203,5 +214,25 @@
.components.cards .card .imageblock.icon {
aspect-ratio: 111 / 80;
}

.callout .card {
background-color: var(--blue-50);
}

html[theme~=dark] .callout .card {
color: #FFF;
background-color: var(--blue-500);
border: none;
}

html[theme~=dark] .callout .card a:hover::before {
border: 1px solid white;
box-shadow: none;
}

html[theme~=dark] .callout .card .button-link {
color: white;
text-decoration: underline;
}
</style>
++++