• Skip to main content

DayBack

The Calendar You've Been Waiting For

  • Calendar
    • For Salesforce
      • DayBack Calendar for Salesforce
      • Field Service
      • Calendar Sharing in Salesforce
    • FileMaker Calendar
    • For Google Calendar
    • For Google Sheets
    • For Microsoft 365
    • For Basecamp
    • Integrations
  • Extensions
  • Pricing
  • Blog
  • Support
    • Support Options
    • Documentation
    • Documentation for DayBack Classic (older)
    • Implementation Packages
  • Contact
    • Our Mission
    • Team & Community
    • Careers
    • Contact Us
    • +1 (855) 733-3263
  • Timelines
    • Overview
    • History of the polio vaccine
    • Women’s Suffrage
    • Science Fiction
    • Your Vote in Context: the 2020 US Elections
    • History of Claris FileMaker
  • Sign In

Elements

Tabs & Accordion

[devider size=”mini” thickness=”1px” ] [column_row][one_half] [tabs title=”FIRST,SECOND,THIRD,”][tab id=”1″]Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.[/tab][tab id=”2″]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.[/tab][tab id=”3″] First Second Third Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. [/tab][/tabs] [/one_half][one_half_last] [accordiongroup][accordion title=”First Accordion” open=”yes”]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.[/accordion][accordion title=”Second Accordion” open=”no”]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.[/accordion][accordion title=”Third Accordion” open=”no”]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.[/accordion][/accordiongroup] [/one_half_last][/column_row] [spacer size=”big”]

Alerts & Skills

[devider size=”mini” thickness=”1px” ] [column_row][one_third] [alert color=info]Info: This is an info alert [/alert] [alert color=note]Note: This is an note alert [/alert] [alert color=confirm]Confirm: This is an confirm alert [/alert] [alert color=error]Error: This is an error alert [/alert] [/one_third][two_third_last] [skill amount=”88″ name=”Photoshop” color=””][skill amount=”97″ name=”Html & Css” color=””][skill amount=”59″ name=”Illustrator” color=””][skill amount=”42″ name=”Indesign” color=””] [/two_third_last][/column_row] [spacer size=”big”]

List Elements

[devider size=”mini” thickness=”1px” ] [column_row][one_third]
  • Default list style
  • Default list style
  • Default list style
  • Default list style
[/one_third][one_third]
  • [iconfont type=”fa-angle-right” size=”normal” color=””]List style with arrow icon
  • [iconfont type=”fa-angle-right” size=”normal” color=””]List style with arrow icon
  • [iconfont type=”fa-angle-right” size=”normal” color=””]List style with arrow icon
  • [iconfont type=”fa-angle-right” size=”normal” color=””]List style with arrow icon
[/one_third][one_third_last]
  • [iconfont type=”fa-book” size=”normal” color=””]List style with custom icon
  • [iconfont type=”fa-cloud-download” size=”normal” color=””]List style with custom icon
  • [iconfont type=”fa-headphones” size=”normal” color=””]List style with custom icon
  • [iconfont type=”fa-bell-o” size=”normal” color=””]List style with custom icon
[/one_third_last][/column_row] [spacer size=”big”]

Animated Elements

[devider size=”mini” thickness=”1px” ] [column_row][one_fourth animation=”frombottom” delay=”200″]
I came from the BOTTOM

You can animate your different elements smoothly as soon they gets visible on the page.

[/one_fourth][one_fourth animation=”fromtop” delay=”200″]
I came from the TOP

You can animate your different elements smoothly as soon they gets visible on the page.

[/one_fourth][one_fourth animation=”fromleft” delay=”200″]
I came from the LEFT

You can animate your different elements smoothly as soon they gets visible on the page.

[/one_fourth][one_fourth_last animation=”fromright” delay=”200″]
I came from the RIGHT

You can animate your different elements smoothly as soon they gets visible on the page.

[/one_fourth_last][/column_row] [column_row][one_third animation=”fadein” delay=”200″]
I just FADED IN

You can animate your different elements smoothly as soon they gets visible on the page.

[/one_third][one_third animation=”zoomin” delay=”200″]
I just ZOOMED IN

You can animate your different elements smoothly as soon they gets visible on the page.

[/one_third][one_third_last animation=”zoomout” delay=”200″]
I just ZOOMED OUT

You can animate your different elements smoothly as soon they gets visible on the page.

[/one_third_last][/column_row] [spacer size=”big”]

Testimonial Slider

[devider size=”mini” thickness=”1px” ] [quoteslider][quote name=”Paula Sher”]It’s through mistakes that you actually can grow. You have to get bad in order to get good.[/quote][quote name=”Antoine de Saint-Exupéry”]A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.[/quote][quote name=”Saul Bass”]I want to make beautiful things, even if nobody cares, as opposed to ugly things. That’s my intent.[/quote][/quoteslider] [spacer size=”big”]

Retina Icons

[devider size=”mini” thickness=”1px” ] [column_row][one_fifth]

[iconfont type=”fa-camera” size=”4x” color=””] [/one_fifth][one_fifth]

[iconfont type=”fa-leaf” size=”4x” color=”#4da5f5″] [/one_fifth][one_fifth]

[iconfont type=”fa-bell” size=”4x” color=””] [/one_fifth][one_fifth]

[iconfont type=”fa-bolt” size=”4x” color=”#4da5f5″] [/one_fifth][one_fifth_last]

[iconfont type=”fa-gamepad” size=”4x” color=””] [/one_fifth_last][/column_row]

And Much More …

 

[spacer size=”big”]

Counter

[devider size=”mini” thickness=”1px” ] [column_row][one_fourth]

[iconfont type=”fa-check-square-o” size=”3x” color=””] [counter from=”0″ to=237 speed=12 sub=”Projects Completed”] [/one_fourth][one_fourth]

[iconfont type=”fa-coffee” size=”3x” color=””] [counter from=”0″ to=21589 speed=831 sub=”Cups Consumed”] [/one_fourth][one_fourth]

[iconfont type=”fa-thumbs-o-up” size=”3x” color=””] [counter from=”0″ to=118 speed=9 sub=”Satisfied Clients”] [/one_fourth][one_fourth_last]

[iconfont type=”fa-cutlery” size=”3x” color=””] [counter from=”0″ to=667 speed=31 sub=”Pizza’s ordered”] [/one_fourth_last][/column_row]

  • Facebook
  • Instagram
  • LinkedIn
  • Twitter
  • Vimeo

© SeedCode, Inc. 2013–2023
+1 (855) 733-3263
who shot this?

X

View Details
Keep me informed
Which calendar sources interest you?
Interested in a calendar source we haven't listed? Have a question for us? Please let us know.
Loading