Browse the style and make it yours. Choose your favorite color palette and fonts directly in the Project to define your unique style.
Replace the placeholder images with your own photos or graphics. Insert your text and information to personalize the content.
Use the same template to create all the pages you need. When you're happy with the result, simply hit 'Publish' to make your site live.
Freedoca
Lignt
Medium
Regular
Semi Bold
Bold
Montserrat
Lignt
Regular
Bold
Raleway
Lignt
Regular
Bold
Lato
Lignt
Regular
Bold
Freedoca: Lorem excepteur voluptate pariatur voluptate nulla. Minim incididunt deserunt commodo excepteur occaecat.
Montserrat: Lorem excepteur voluptate pariatur voluptate nulla. Minim incididunt deserunt commodo excepteur occaecat.
Raleway: Lorem excepteur voluptate pariatur voluptate nulla. Minim incididunt deserunt commodo excepteur occaecat.
Lato: Lorem excepteur voluptate pariatur voluptate nulla. Minim incididunt deserunt commodo excepteur occaecat.
Just add 'ascent-linehover’ class.
Link with animated underline for titles and text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Text link lineover enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Ut enim ad minim veniam, Text link lineover quis nostrud exercitation ullamco. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu Text link linehover fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consecteturis nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluboris nisi ut aliqptate velit esse cillum dor adipiscing elit, sed do eiusmod tempor ib in repridunt ut labore et dolore magna aliqua. laboris nisi ut aliquipris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voillum dor adipiscing elit, sed do a commodo illum dor adipboris nisi ut aliqiscing elit, sed do ure dolor in reprehenderit in voluptate.
CSS extra classes in Ascent Script CODE
For Header: fade-in to avoid blinking / fade-out + header-slide
For modals: fade / zoom / slide-top, slide-bottom , slide-left, slide-right
Special Effects:
ascent-linehover animated underline
ascent-radial-gradient-white (half radial)
pointer-events-none Disable links
Laborum non ex laborum nostrud in qui anim qui. Excepteur fugiat eu veniam ullamco consectetur deserunt ipsum anim nostrud ut elit. Est et nisi officia enim amet ea est ut.
Sint cupidatat ex incididunt ipsum in eu. Duis tempor anim reprehenderit non exercitation nulla cupidatat commodo duis. Nostrud labore aliqua deserunt cupidatat duis reprehenderit tempor.
Sint cupidatat ex incididunt ipsum in eu. Duis tempor anim repre henderit non exercitation nulla cupi datat commodo duis. Nostrud labore aliqua dese runt cupidatat duis reprehenderit tempor.
Pop-Up message
Welcome to Yoursite.com we value your privacy. Please review our Privacy Policy to understand how we collect and protect your data.
Ascent Project
All the resources for building a full website
Header Video or Image + 3 menu
+ Footer + Bar
Special scroll options to show the menu
Ascent Core
Modal Classes
Google map
4 available into the project
4 ready to use in DMF file
Fade-in Body
Privacy Pop-Up
Progress Bar
Back to top
Expose / Ascent / Wonder
Three remarkable designs now together in one powerful offer
Animate Beyond Elements
Reveal component is not available on Modal
With Ascent you can also animate Modal contents, just assign the class.