Section

A simple container to divide your page into sections,
like the one you’re currently reading

Main Section

  
Section
  
A simple container to divide your page into sections, like the one you're currently reading.
  Get Started For Free

Hero Section

  
Centered hero
  

    
Quickly design and customize responsive mobile-first sites with Astral.CSS Frame work.
    

      Primary button
      Secondary
    
  

  
Centered screenshot
   

     
Quickly design and customize responsive mobile-first sites with Astral.CSS Framework.
     

       Primary button
       Secondary
    
   

  

    

      
  
  

   
Responsive left-aligned hero with image
   
Quickly design and customize responsive mobile-first sites with Astral.CSS Framework
  

    Primary
    Default
    
   
  
	

  

    

     
Vertically left hero sign-up form
     
Below is an example form built entirely with Astral.CSS's form controls.
   
   

    

      

       Email address
       
     
     

      Password
      
     
     


      Remember me
      
     
     Sign up
     

      By clicking Sign up, you agree to the terms of use.
   
  
 

Features Section

  
  
Featured title
  
Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.
  Get Started For Free


  
  
Featured title
  
Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.
  Get Started For Free


  
  
Featured title
  
Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.
  Get Started For Free