Panels

Panel - Flat

This is the standard flat panel used all over the secure site.
It has three basic blocks (don't need to use them all): Heading, Body, Footer

Panel title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

			
                                <div class="panel panel-flat">
                    <div class="panel-heading">
                        <h3 class="panel-title">Panel title</h3>
			        </div>
                    <div class="panel-body">
                        <p>
					        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
				        </p>
                    </div>
                    <div class="panel-footer">
                        <button class="btn btn-primary btn-bock-xs">Submit</button>
                    </div>
                </div>

Panel - Fit

Changes the display to table so panel fits to the content.

Panel title

Lorem ipsum dolor sit amet.

			
                                <div class="panel panel-flat panel-fit">
                    <div class="panel-heading">
                        <h3 class="panel-title">Panel title</h3>
			        </div>
                    <div class="panel-body">
                        <p>
					        Lorem ipsum dolor sit amet.
				        </p>
                    </div>
                </div>

Panel - Shadow

White panel with drop shadow. Primarily used on New Business Tracker for pending policies.

Panel title

Lorem ipsum dolor sit amet.

			
                                <div class="panel panel-flat panel-shadow">
                    <div class="panel-heading">
                        <h3 class="panel-title">Panel title</h3>
			        </div>
                    <div class="panel-body">
                        <p>
					        Lorem ipsum dolor sit amet.
				        </p>
                    </div>
                </div>

Login / Register
- Login / Register
  Username*
  
  Password*
  
  Remember me
  
  Forgot username?
  
  Forgot password?
  
  Register Register
Contact Us
Social Media
Social
- Connect with Allianz Life
  
  Share your thoughts and get the latest news.
  
  Facebook
  
  Twitter
  
  LinkedIn
  
  YouTube

Panel - Flat

Panel title

Panel - Fit

Panel title

Panel - Shadow

Panel title

Login / Register

Connect with Allianz Life

Error