F1 Color Schemes

F1 comes with some predefined color schemes.
Off On

F1 Color Schemes

F1 comes with some predefined color schemes.

Accordion Style -1

Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.

Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.

Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.

Accordion Style

The default behaviour for the accordion is to allow users to open multiple panes by clicking on the title. Panes are closed by clicking again on the title.

    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
							<div class="panel single_accordion">
								<div class="accordion_heading" role="tab" id="headingOne">
									<a role="button"  data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
									  <h5>How can I get started with your consultation service?</h5>
									</a>
								</div>
								<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
									<div class="accordion_body">
										<p>
											Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.
										</p>
									</div>
								</div>
							</div>
							<div class="panel single_accordion">
								<div class="accordion_heading" role="tab" id="headingTwo">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
									  <h5>How do you give consultation if I am from another country?</h5>

									</a>
								</div>
								<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
									<div class="accordion_body">
										<p>
											Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.
										</p>
									</div>
								</div>
							</div>
							<div class="panel single_accordion">
								<div class="accordion_heading" role="tab" id="headingThree">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
									  <h5>How can I get started with your consultation service?</h5>
									</a>
								</div>
								<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
									<div class="accordion_body">
										<p>
											Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.
										</p>
									</div>
								</div>
							</div>
						</div>

Accordion Style -2

Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.

Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.

Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.

Accordion Style

The default behaviour for the accordion is to allow users to open multiple panes by clicking on the title. Panes are closed by clicking again on the title.

    <div class="panel-group" id="accordion2" role="tablist" aria-multiselectable="true">
							<div class="panel single_accordion">
								<div class="accordion_heading" role="tab" id="headingOne">
									<a role="button"  data-toggle="collapse" data-parent="#accordion2" href="#ac2_collapse1" aria-expanded="true" aria-controls="collapseOne">
									  <h5>How can I get started with your consultation service?</h5>
									</a>
								</div>
								<div id="ac2_collapse1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
									<div class="accordion_body">
										<p>
											Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.
										</p>
									</div>
								</div>
							</div>
							<div class="panel single_accordion">
								<div class="accordion_heading" role="tab" id="headingTwo">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion2" href="#ac2_collapse2" aria-expanded="false" aria-controls="collapseTwo">
									  <h5>How do you give consultation if I am from another country?</h5>

									</a>
								</div>
								<div id="ac2_collapse2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
									<div class="accordion_body">
										<p>
											Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.
										</p>
									</div>
								</div>
							</div>
							<div class="panel single_accordion">
								<div class="accordion_heading" role="tab" id="headingThree">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion2" href="#ac2_collapse3" aria-expanded="false" aria-controls="collapseThree">
									  <h5>How can I get started with your consultation service?</h5>
									</a>
								</div>
								<div id="ac2_collapse3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
									<div class="accordion_body">
										<p>
											Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.
										</p>
									</div>
								</div>
							</div>
						</div>

Accordion Style -3

Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.

Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.

Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.

Accordion Style

The default behaviour for the accordion is to allow users to open multiple panes by clicking on the title. Panes are closed by clicking again on the title.

    <div class="panel-group" id="accordion4" role="tablist" aria-multiselectable="true">
							<div class="panel single_accordion">
								<div class="accordion_heading" role="tab" id="headingOne">
									<a role="button" class="radius2"  data-toggle="collapse" data-parent="#accordion4" href="#ac4_collapse1" aria-expanded="true" aria-controls="collapseOne">
									  <h6>
									  	How can I get started with your consultation service?
									  </h6>
									</a>
								</div>
								<div id="ac4_collapse1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
									<div class="accordion_body radius2">
										<p>
											Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.
										</p>
									</div>
								</div>
							</div>
							<div class="panel single_accordion">
								<div class="accordion_heading" role="tab" id="headingTwo">
									<a class="collapsed radius2" role="button" data-toggle="collapse" data-parent="#accordion4" href="#ac4_collapse2" aria-expanded="false" aria-controls="collapseTwo">
									  <h6>
									  	How do you give consultation if I am from another country?
									  </h6>
									</a>
								</div>
								<div id="ac4_collapse2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
									<div class="accordion_body radius2">
										<p>
											Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.
										</p>
									</div>
								</div>
							</div>
							<div class="panel single_accordion">
								<div class="accordion_heading" role="tab" id="headingThree">
									<a class="collapsed radius2" role="button" data-toggle="collapse" data-parent="#accordion4" href="#ac4_collapse3" aria-expanded="false" aria-controls="collapseThree">
									  <h6>
									  	How can I get started with your consultation service?
									  </h6>
									</a>
								</div>
								<div id="ac4_collapse3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
									<div class="accordion_body radius2">
										<p>
											Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.
										</p>
									</div>
								</div>
							</div>
						</div>

Accordion Style -4

Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.

Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.

Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.

Accordion Style

The default behaviour for the accordion is to allow users to open multiple panes by clicking on the title. Panes are closed by clicking again on the title.

    <div class="panel-group" id="accordion5" role="tablist" aria-multiselectable="true">
							<div class="panel single_accordion">
								<div class="accordion_heading" role="tab" id="headingOne">
									<a role="button"  data-toggle="collapse" data-parent="#accordion5" href="#ac5_collapse1" aria-expanded="true" aria-controls="collapseOne">
									  <h6>How can I get started with your consultation service?</h6>
									</a>
								</div>
								<div id="ac5_collapse1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
									<div class="accordion_body">
										<p>
											Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.
										</p>
									</div>
								</div>
							</div>
							<div class="panel single_accordion">
								<div class="accordion_heading" role="tab" id="headingTwo">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion5" href="#ac5_collapse2" aria-expanded="false" aria-controls="collapseTwo">
									  <h6>How do you give consultation if I am from another country?</h6>

									</a>
								</div>
								<div id="ac5_collapse2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
									<div class="accordion_body">
										<p>
											Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.
										</p>
									</div>
								</div>
							</div>
							<div class="panel single_accordion">
								<div class="accordion_heading" role="tab" id="headingThree">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion5" href="#ac5_collapse3" aria-expanded="false" aria-controls="collapseThree">
									  <h6>How can I get started with your consultation service?</h6>
									</a>
								</div>
								<div id="ac5_collapse3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
									<div class="accordion_body">
										<p>
											Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles.
										</p>
									</div>
								</div>
							</div>
						</div>