<?xml version="1.0" encoding="utf-8"?>
<!-- generator="Joomla! - Open Source Content Management" -->
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en-gb">
	<title type="text">Education Overview</title>
	<subtitle type="text"></subtitle>
	<link rel="alternate" type="text/html" href="https://adamson.ai"/>
	<id>https://adamson.ai/education/education</id>
	<updated>2025-06-09T10:07:18+00:00</updated>
	<author>
		<name>Adam Son Systems</name>
	</author>
	<generator uri="https://www.joomla.org">Joomla! - Open Source Content Management</generator>
	<link rel="self" type="application/atom+xml" href="https://adamson.ai/education/education?format=feed&amp;type=atom"/>
	<entry>
		<title>CS-Rack</title>
		<link rel="alternate" type="text/html" href="https://adamson.ai/product/cs-series/cs-rack"/>
		<published>2022-06-14T19:35:38+00:00</published>
		<updated>2022-06-14T19:35:38+00:00</updated>
		<id>https://adamson.ai/product/cs-series/cs-rack</id>
		<author>
			<name>Adamson</name>
		</author>
		<summary type="html">&lt;p&gt;&lt;img src=&quot;https://adamson.ai/images/CS%20Rack%20ISO-01.png#joomlaImage://local-images/CS Rack ISO-01.png?width=5764&amp;height=4922&quot;&gt;&lt;/p&gt;&lt;h2&gt;CS-Rack&lt;/h2&gt;
&lt;p&gt;Adamson has developed a rack solution, configured to interface seamlessly with our CS-Series loudspeaker products. All CS-Racks are equipped with a Power Distribution System (PDS), a Network Distribution System (NDS) and two Luminex GigaCore 10 switches featuring Milan compatible AVNU certified audio networking functionality. Each CS-Rack offers two additional rack units of empty space for additional equipment. &lt;/p&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/Rendering%20PDS.png&quot; alt=&quot;PDS&quot; width=&quot;533&quot; height=&quot;272&quot; loading=&quot;lazy&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;blueprintleftizertxt text-left&quot;&gt;
&lt;h3&gt;Power Distribution System&lt;/h3&gt;
&lt;p&gt;Available in 110V and 230V models, the Power Distribution System (PDS) is designed to ensure that all CS-Series system components receive ample power. The PDS provides six circuits of 208V or 230V, 16A power offered via powerCON or Socapex outputs. An integrated data port allows users to monitor consumption data, both per power output and for overall draw.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;row row-reverse-it&quot;&gt;
&lt;div class=&quot;blueprintleftizertxt text-right&quot;&gt;
&lt;h3&gt;Network Distribution System&lt;/h3&gt;
&lt;p&gt;The NDS is a network and analog patch bay, that allows users to send redundant networked audio and control to CS-Series loudspeakers on a single network cable. The NDS combines Primary and Secondary LAN using the two Luminex GigaCore 10 switches.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/Rendering%20NDS.png&quot; alt=&quot;NDS&quot; width=&quot;533&quot; height=&quot;272&quot; loading=&quot;lazy&quot; /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;br /&gt;
&lt;div class=&quot;et_pb_module et_pb_image et_pb_image_2 et-animated et_had_animation&quot;&gt;
&lt;h2&gt;&lt;img src=&quot;https://adamson.ai/images/GigaCore_10-1.png&quot; alt=&quot;Luminex&quot; width=&quot;535&quot; height=&quot;223&quot; loading=&quot;lazy&quot; /&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;blueprintleftizertxt text-left&quot;&gt;
&lt;h3&gt;Luminex GigaCore 10&lt;/h3&gt;
&lt;p&gt;The GigaCore's plug and play technology allows Adamson users to set up redundant AVNU certified AVB Milan audio networks easily. With robust housing and rugged connectors the switch is the perfect match even for the most challenging environments.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;</summary>
		<content type="html">&lt;p&gt;&lt;img src=&quot;https://adamson.ai/images/CS%20Rack%20ISO-01.png#joomlaImage://local-images/CS Rack ISO-01.png?width=5764&amp;height=4922&quot;&gt;&lt;/p&gt;&lt;h2&gt;CS-Rack&lt;/h2&gt;
&lt;p&gt;Adamson has developed a rack solution, configured to interface seamlessly with our CS-Series loudspeaker products. All CS-Racks are equipped with a Power Distribution System (PDS), a Network Distribution System (NDS) and two Luminex GigaCore 10 switches featuring Milan compatible AVNU certified audio networking functionality. Each CS-Rack offers two additional rack units of empty space for additional equipment. &lt;/p&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/Rendering%20PDS.png&quot; alt=&quot;PDS&quot; width=&quot;533&quot; height=&quot;272&quot; loading=&quot;lazy&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;blueprintleftizertxt text-left&quot;&gt;
&lt;h3&gt;Power Distribution System&lt;/h3&gt;
&lt;p&gt;Available in 110V and 230V models, the Power Distribution System (PDS) is designed to ensure that all CS-Series system components receive ample power. The PDS provides six circuits of 208V or 230V, 16A power offered via powerCON or Socapex outputs. An integrated data port allows users to monitor consumption data, both per power output and for overall draw.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;row row-reverse-it&quot;&gt;
&lt;div class=&quot;blueprintleftizertxt text-right&quot;&gt;
&lt;h3&gt;Network Distribution System&lt;/h3&gt;
&lt;p&gt;The NDS is a network and analog patch bay, that allows users to send redundant networked audio and control to CS-Series loudspeakers on a single network cable. The NDS combines Primary and Secondary LAN using the two Luminex GigaCore 10 switches.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/Rendering%20NDS.png&quot; alt=&quot;NDS&quot; width=&quot;533&quot; height=&quot;272&quot; loading=&quot;lazy&quot; /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;br /&gt;
&lt;div class=&quot;et_pb_module et_pb_image et_pb_image_2 et-animated et_had_animation&quot;&gt;
&lt;h2&gt;&lt;img src=&quot;https://adamson.ai/images/GigaCore_10-1.png&quot; alt=&quot;Luminex&quot; width=&quot;535&quot; height=&quot;223&quot; loading=&quot;lazy&quot; /&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;blueprintleftizertxt text-left&quot;&gt;
&lt;h3&gt;Luminex GigaCore 10&lt;/h3&gt;
&lt;p&gt;The GigaCore's plug and play technology allows Adamson users to set up redundant AVNU certified AVB Milan audio networks easily. With robust housing and rugged connectors the switch is the perfect match even for the most challenging environments.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;</content>
		<category term="Uncategorised" />
	</entry>
	<entry>
		<title>Contact </title>
		<link rel="alternate" type="text/html" href="https://adamson.ai/company/contact-adamson/contact-us"/>
		<published>2020-01-21T14:25:53+00:00</published>
		<updated>2020-01-21T14:25:53+00:00</updated>
		<id>https://adamson.ai/company/contact-adamson/contact-us</id>
		<author>
			<name>Developer</name>
		</author>
		<summary type="html">&lt;div&gt;
&lt;h3&gt;CONTACT DETAILS&lt;/h3&gt;
&lt;p&gt;1401 Scugog Line 6&lt;br /&gt;&lt;br /&gt;Port Perry, Ontario&lt;br /&gt;&lt;br /&gt;L9L 0C3&lt;br /&gt;&lt;br /&gt;Canada&lt;/p&gt;
&lt;br /&gt;phone: +1 905-982-0520&lt;br /&gt;&lt;br /&gt;fax: +1 905-982-0609&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;http://www.adamsonsystems.com&quot;&gt; http://www.adamson.ai&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;h3&gt;CONTACT FORM&lt;/h3&gt;
{rsform 25}&lt;/div&gt;
&lt;div&gt;
&lt;h3&gt;MISCELLANEOUS INFORMATION&lt;/h3&gt;
Our global head office is open from 8-4 pm EST daily.&lt;br /&gt;&lt;br /&gt;Facility tours are only available with a scheduled appointment.&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;</summary>
		<content type="html">&lt;div&gt;
&lt;h3&gt;CONTACT DETAILS&lt;/h3&gt;
&lt;p&gt;1401 Scugog Line 6&lt;br /&gt;&lt;br /&gt;Port Perry, Ontario&lt;br /&gt;&lt;br /&gt;L9L 0C3&lt;br /&gt;&lt;br /&gt;Canada&lt;/p&gt;
&lt;br /&gt;phone: +1 905-982-0520&lt;br /&gt;&lt;br /&gt;fax: +1 905-982-0609&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;http://www.adamsonsystems.com&quot;&gt; http://www.adamson.ai&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;h3&gt;CONTACT FORM&lt;/h3&gt;
{rsform 25}&lt;/div&gt;
&lt;div&gt;
&lt;h3&gt;MISCELLANEOUS INFORMATION&lt;/h3&gt;
Our global head office is open from 8-4 pm EST daily.&lt;br /&gt;&lt;br /&gt;Facility tours are only available with a scheduled appointment.&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;</content>
		<category term="Uncategorised" />
	</entry>
	<entry>
		<title>S-Rack</title>
		<link rel="alternate" type="text/html" href="https://adamson.ai/product/s-series/s-rack"/>
		<published>2016-11-09T19:35:38+00:00</published>
		<updated>2016-11-09T19:35:38+00:00</updated>
		<id>https://adamson.ai/product/s-series/s-rack</id>
		<author>
			<name>Adamson</name>
		</author>
		<summary type="html">&lt;p&gt;&lt;img src=&quot;https://adamson.ai/images/S-Rack-01.png#joomlaImage://local-images/S-Rack-01.png?width=8001&amp;height=4501&quot;&gt;&lt;/p&gt;&lt;h2&gt;S-Rack&lt;/h2&gt;
&lt;p&gt;Adamson has developed a rack solution, configured to interface seamlessly with our S-Series loudspeaker products. All S-Racks are equipped with two or three Lab.gruppen PLM+ series amplifiers, featuring Lake processing and Dante™ audio networking functionality.&lt;/p&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/S-Series%20Panel%20edit-01.png&quot; alt=&quot;S-Series Panel Drawing&quot; width=&quot;496&quot; height=&quot;94&quot; loading=&quot;lazy&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;blueprintleftizertxt text-left&quot;&gt;
&lt;h3&gt;Audio Panel&lt;/h3&gt;
&lt;p&gt;The 19”, 2U Adamson S-Rack Audio Panel is comprised of XLR in and thru connections (analog or AES/EBU), etherCON RJ45 connections (Dante™ and control). Jumping signals from rack to rack is simple, for both analog and digital signals. The S-Rack Audio Panel offers 3x Speakon™ NL8 and 12x NL4 (Amplifier Channels A+B, B, C+D, D available per amplifier) output connections. This allows for cabling efficiency and flexibility matching the needs of small to medium sized Adamson systems.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;row row-reverse-it&quot;&gt;
&lt;div class=&quot;blueprintleftizertxt text-right&quot;&gt;
&lt;h3&gt;AC Panel&lt;/h3&gt;
&lt;p&gt;The 19”, 2U Adamson AC Panel is available in two versions - 120 V and 230 V. The 120 V version comes with a single 3-phase L21-30 input socket, and the 230 V version comes with CEE 32 A 3-phase input and link connections. Each version comes with three hard-wired 32 A Powercon™ connections, as well as auxillary power plugs.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/Products/E-Rack/ACPanel.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/Products/E-Rack/Cisco.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;blueprintleftizertxt text-left&quot;&gt;
&lt;h3&gt;Cisco SG350-20&lt;/h3&gt;
&lt;p&gt;The SG350-20 exceeds the performance benchmark set by Audinate. Adamson has adopted its use along with specific configuratons designed to optimize transmission of Dante™ signals and Lake control data.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;</summary>
		<content type="html">&lt;p&gt;&lt;img src=&quot;https://adamson.ai/images/S-Rack-01.png#joomlaImage://local-images/S-Rack-01.png?width=8001&amp;height=4501&quot;&gt;&lt;/p&gt;&lt;h2&gt;S-Rack&lt;/h2&gt;
&lt;p&gt;Adamson has developed a rack solution, configured to interface seamlessly with our S-Series loudspeaker products. All S-Racks are equipped with two or three Lab.gruppen PLM+ series amplifiers, featuring Lake processing and Dante™ audio networking functionality.&lt;/p&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/S-Series%20Panel%20edit-01.png&quot; alt=&quot;S-Series Panel Drawing&quot; width=&quot;496&quot; height=&quot;94&quot; loading=&quot;lazy&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;blueprintleftizertxt text-left&quot;&gt;
&lt;h3&gt;Audio Panel&lt;/h3&gt;
&lt;p&gt;The 19”, 2U Adamson S-Rack Audio Panel is comprised of XLR in and thru connections (analog or AES/EBU), etherCON RJ45 connections (Dante™ and control). Jumping signals from rack to rack is simple, for both analog and digital signals. The S-Rack Audio Panel offers 3x Speakon™ NL8 and 12x NL4 (Amplifier Channels A+B, B, C+D, D available per amplifier) output connections. This allows for cabling efficiency and flexibility matching the needs of small to medium sized Adamson systems.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;row row-reverse-it&quot;&gt;
&lt;div class=&quot;blueprintleftizertxt text-right&quot;&gt;
&lt;h3&gt;AC Panel&lt;/h3&gt;
&lt;p&gt;The 19”, 2U Adamson AC Panel is available in two versions - 120 V and 230 V. The 120 V version comes with a single 3-phase L21-30 input socket, and the 230 V version comes with CEE 32 A 3-phase input and link connections. Each version comes with three hard-wired 32 A Powercon™ connections, as well as auxillary power plugs.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/Products/E-Rack/ACPanel.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/Products/E-Rack/Cisco.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;blueprintleftizertxt text-left&quot;&gt;
&lt;h3&gt;Cisco SG350-20&lt;/h3&gt;
&lt;p&gt;The SG350-20 exceeds the performance benchmark set by Audinate. Adamson has adopted its use along with specific configuratons designed to optimize transmission of Dante™ signals and Lake control data.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;</content>
		<category term="Uncategorised" />
	</entry>
	<entry>
		<title>Blueprint AV™</title>
		<link rel="alternate" type="text/html" href="https://adamson.ai/product/system-control/blueprint-av"/>
		<published>2016-11-09T19:35:38+00:00</published>
		<updated>2016-11-09T19:35:38+00:00</updated>
		<id>https://adamson.ai/product/system-control/blueprint-av</id>
		<author>
			<name>Adamson</name>
		</author>
		<summary type="html">&lt;h2&gt;Blueprint AV™&lt;/h2&gt;
&lt;p&gt;Choose from any of Adamson’s products and deploy them in your virtual space. Design is simple and easy, yet complex simulation options are at your finger tips. In a rush to hang your array? Use the Auto Shoot function and operate solely in 2D for even faster simulations. Putting together a large proposal for a client? Utilize our high resolution 3D simulations in a variety of ways - SPL, Time, Directivity, you can even place virtual microphones anywhere in the environment! Blueprint AV™ is now available as a native Java-run program for both PC™ and Mac™ Platforms.&lt;/p&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/Products/Blueprint/Tab-1.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;blueprintleftizertxt text-left&quot;&gt;
&lt;h3&gt;Room Design&lt;/h3&gt;
&lt;p&gt;Using basic geometric shapes, anybody is capable of designing a space; from a basic field, to a complex structure. When arena or stadium design is needed, a multi-point extrude surface will easily allow you to set multiple inclines and elevated surfaces with a few keystrokes. The revolve surface is available for tricky rounded areas and can be easily joined to the extrude surface. Even basic geometric shapes have the option of arced edges, so getting stuck with blocky surface points is no longer an issue.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;row row-reverse-it&quot;&gt;
&lt;div class=&quot;blueprintleftizertxt text-right&quot;&gt;
&lt;h3&gt;Simulation&lt;/h3&gt;
&lt;p&gt;Placing virtual cabinets in Blueprint AV™ is simple and quick. The Auto Shoot function is available to easily determine how many cabinets are needed for a specific environment. Once your cabinets are hung, the Mechanical tab will tell the rigging team all they need to know. The desired level of precision is set by the user, with fast results for complex designs. Grid size and resolution are both dynamic. Use the capture function to save multiple simulations for easy comparison.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/Products/Blueprint/Screeshot2.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/Products/Blueprint/System-Tech.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;blueprintleftizertxt text-left&quot;&gt;
&lt;h3&gt;Download for Free&lt;/h3&gt;
&lt;p&gt;Blueprint AV is available free of charge. Choose your operating system through the link below.&lt;br /&gt;&lt;br /&gt;&lt;a class=&quot;btn btn-primary&quot; href=&quot;https://adamson.ai/support/downloads-directory/design-and-control/blueprint-av&quot;&gt;Blueprint Download Page&lt;/a&gt;&lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;</summary>
		<content type="html">&lt;h2&gt;Blueprint AV™&lt;/h2&gt;
&lt;p&gt;Choose from any of Adamson’s products and deploy them in your virtual space. Design is simple and easy, yet complex simulation options are at your finger tips. In a rush to hang your array? Use the Auto Shoot function and operate solely in 2D for even faster simulations. Putting together a large proposal for a client? Utilize our high resolution 3D simulations in a variety of ways - SPL, Time, Directivity, you can even place virtual microphones anywhere in the environment! Blueprint AV™ is now available as a native Java-run program for both PC™ and Mac™ Platforms.&lt;/p&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/Products/Blueprint/Tab-1.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;blueprintleftizertxt text-left&quot;&gt;
&lt;h3&gt;Room Design&lt;/h3&gt;
&lt;p&gt;Using basic geometric shapes, anybody is capable of designing a space; from a basic field, to a complex structure. When arena or stadium design is needed, a multi-point extrude surface will easily allow you to set multiple inclines and elevated surfaces with a few keystrokes. The revolve surface is available for tricky rounded areas and can be easily joined to the extrude surface. Even basic geometric shapes have the option of arced edges, so getting stuck with blocky surface points is no longer an issue.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;row row-reverse-it&quot;&gt;
&lt;div class=&quot;blueprintleftizertxt text-right&quot;&gt;
&lt;h3&gt;Simulation&lt;/h3&gt;
&lt;p&gt;Placing virtual cabinets in Blueprint AV™ is simple and quick. The Auto Shoot function is available to easily determine how many cabinets are needed for a specific environment. Once your cabinets are hung, the Mechanical tab will tell the rigging team all they need to know. The desired level of precision is set by the user, with fast results for complex designs. Grid size and resolution are both dynamic. Use the capture function to save multiple simulations for easy comparison.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/Products/Blueprint/Screeshot2.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/Products/Blueprint/System-Tech.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;blueprintleftizertxt text-left&quot;&gt;
&lt;h3&gt;Download for Free&lt;/h3&gt;
&lt;p&gt;Blueprint AV is available free of charge. Choose your operating system through the link below.&lt;br /&gt;&lt;br /&gt;&lt;a class=&quot;btn btn-primary&quot; href=&quot;https://adamson.ai/support/downloads-directory/design-and-control/blueprint-av&quot;&gt;Blueprint Download Page&lt;/a&gt;&lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;</content>
		<category term="Uncategorised" />
	</entry>
	<entry>
		<title>E-Rack</title>
		<link rel="alternate" type="text/html" href="https://adamson.ai/product/e-series/e-rack"/>
		<published>2016-11-09T19:35:38+00:00</published>
		<updated>2016-11-09T19:35:38+00:00</updated>
		<id>https://adamson.ai/product/e-series/e-rack</id>
		<author>
			<name>Adamson</name>
		</author>
		<summary type="html">&lt;h2&gt;E-Rack&lt;/h2&gt;
&lt;p&gt;Adamson has developed a rack solution, configured to interface seamlessly with our E-Series loudspeaker products. All E-Racks are equipped with two or three Lab.gruppen PLM+ series amplifiers, featuring Lake processing and Dante™ audio networking functionality.&lt;/p&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/Products/E-Rack/AudioPanel.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;blueprintleftizertxt text-left&quot;&gt;
&lt;h3&gt;Audio Panel&lt;/h3&gt;
&lt;p&gt;The 19”, 2U Adamson Audio Panel is comprised of XLR in and thru connections (analog or AES/EBU), etherCON RJ45 connections (Dante™ and control) and both Speakon™ NL8 and Socapex output connections. Jumping signals from rack to rack is simple, for both analog and digital signals&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;row row-reverse-it&quot;&gt;
&lt;div class=&quot;blueprintleftizertxt text-right&quot;&gt;
&lt;h3&gt;AC Panel&lt;/h3&gt;
&lt;p&gt;The 19”, 2U Adamson AC Panel is available in two versions - 120 V and 230 V. The 120 V version comes with a single 3-phase L21-30 input socket, and the 230 V version comes with CEE 32 A 3-phase input and link connections. Each version comes with three hard-wired 32 A Powercon™ connections, as well as auxillary power plugs.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/Products/E-Rack/ACPanel.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/Products/E-Rack/Cisco.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;blueprintleftizertxt text-left&quot;&gt;
&lt;h3&gt;Cisco SG350-20&lt;/h3&gt;
&lt;p&gt;The SG350-20 exceeds the performance benchmark set by Audinate. Adamson has adopted its use along with specific configuratons designed to optimize transmission of Dante™ signals and Lake control data.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;</summary>
		<content type="html">&lt;h2&gt;E-Rack&lt;/h2&gt;
&lt;p&gt;Adamson has developed a rack solution, configured to interface seamlessly with our E-Series loudspeaker products. All E-Racks are equipped with two or three Lab.gruppen PLM+ series amplifiers, featuring Lake processing and Dante™ audio networking functionality.&lt;/p&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/Products/E-Rack/AudioPanel.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;blueprintleftizertxt text-left&quot;&gt;
&lt;h3&gt;Audio Panel&lt;/h3&gt;
&lt;p&gt;The 19”, 2U Adamson Audio Panel is comprised of XLR in and thru connections (analog or AES/EBU), etherCON RJ45 connections (Dante™ and control) and both Speakon™ NL8 and Socapex output connections. Jumping signals from rack to rack is simple, for both analog and digital signals&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;row row-reverse-it&quot;&gt;
&lt;div class=&quot;blueprintleftizertxt text-right&quot;&gt;
&lt;h3&gt;AC Panel&lt;/h3&gt;
&lt;p&gt;The 19”, 2U Adamson AC Panel is available in two versions - 120 V and 230 V. The 120 V version comes with a single 3-phase L21-30 input socket, and the 230 V version comes with CEE 32 A 3-phase input and link connections. Each version comes with three hard-wired 32 A Powercon™ connections, as well as auxillary power plugs.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/Products/E-Rack/ACPanel.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;blueprintleftizerimg&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/Products/E-Rack/Cisco.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;blueprintleftizertxt text-left&quot;&gt;
&lt;h3&gt;Cisco SG350-20&lt;/h3&gt;
&lt;p&gt;The SG350-20 exceeds the performance benchmark set by Audinate. Adamson has adopted its use along with specific configuratons designed to optimize transmission of Dante™ signals and Lake control data.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;</content>
		<category term="Uncategorised" />
	</entry>
	<entry>
		<title>This Test article type</title>
		<link rel="alternate" type="text/html" href="https://adamson.ai/company/company/this-test-article-type"/>
		<published>2016-10-21T15:26:43+00:00</published>
		<updated>2016-10-21T15:26:43+00:00</updated>
		<id>https://adamson.ai/company/company/this-test-article-type</id>
		<author>
			<name>hesham</name>
		</author>
		<summary type="html">&lt;p style=&quot;font-size: 12.16px;&quot;&gt;&lt;span style=&quot;color: #555555; font-family: Merriweather, 'Times New Roman', Times, serif; font-size: 17.5px;&quot;&gt;At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;font-size: 12.16px;&quot;&gt;&lt;span style=&quot;color: #555555; font-family: Merriweather, 'Times New Roman', Times, serif; font-size: 17.5px;&quot;&gt;At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;font-size: 12.16px;&quot;&gt;&lt;span style=&quot;color: #555555; font-family: Merriweather, 'Times New Roman', Times, serif; font-size: 17.5px;&quot;&gt;At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;font-size: 12.16px;&quot;&gt;&lt;span style=&quot;color: #555555; font-family: Merriweather, 'Times New Roman', Times, serif; font-size: 17.5px;&quot;&gt;At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #555555; font-family: Merriweather, 'Times New Roman', Times, serif; font-size: 17.5px;&quot;&gt; &lt;/span&gt;&lt;/p&gt;</summary>
		<content type="html">&lt;p style=&quot;font-size: 12.16px;&quot;&gt;&lt;span style=&quot;color: #555555; font-family: Merriweather, 'Times New Roman', Times, serif; font-size: 17.5px;&quot;&gt;At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;font-size: 12.16px;&quot;&gt;&lt;span style=&quot;color: #555555; font-family: Merriweather, 'Times New Roman', Times, serif; font-size: 17.5px;&quot;&gt;At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;font-size: 12.16px;&quot;&gt;&lt;span style=&quot;color: #555555; font-family: Merriweather, 'Times New Roman', Times, serif; font-size: 17.5px;&quot;&gt;At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;font-size: 12.16px;&quot;&gt;&lt;span style=&quot;color: #555555; font-family: Merriweather, 'Times New Roman', Times, serif; font-size: 17.5px;&quot;&gt;At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #555555; font-family: Merriweather, 'Times New Roman', Times, serif; font-size: 17.5px;&quot;&gt; &lt;/span&gt;&lt;/p&gt;</content>
		<category term="Uncategorised" />
	</entry>
	<entry>
		<title>Carew Street, Sandringham</title>
		<link rel="alternate" type="text/html" href="https://adamson.ai/company/company/carew-street-sandringham"/>
		<published>2016-02-12T10:19:23+00:00</published>
		<updated>2016-02-12T10:19:23+00:00</updated>
		<id>https://adamson.ai/company/company/carew-street-sandringham</id>
		<author>
			<name>Adamson</name>
		</author>
		<summary type="html">&lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit.&lt;/p&gt;
</summary>
		<content type="html">&lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit.&lt;/p&gt;
</content>
		<category term="Uncategorised" />
	</entry>
	<entry>
		<title>About Us</title>
		<link rel="alternate" type="text/html" href="https://adamson.ai/"/>
		<published>2016-01-15T06:52:50+00:00</published>
		<updated>2016-01-15T06:52:50+00:00</updated>
		<id>https://adamson.ai/</id>
		<author>
			<name>Adamson</name>
		</author>
		<summary type="html">&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-xs-12 col-md-6&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/joomlart/other/about-us.jpg&quot; alt=&quot;&quot; class=&quot;img-responsive&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;col-xs-12 col-md-6&quot;&gt;
&lt;h2&gt;What We Do&lt;/h2&gt;
&lt;p&gt;At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. &lt;/p&gt;

&lt;p&gt;Cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus.&lt;/p&gt;

&lt;p&gt;Nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam &lt;a href=&quot;https://adamson.ai/#&quot; title=&quot;sample link&quot;&gt;nihil molestiae consequatur?&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;hr /&gt;&lt;br /&gt;
&lt;h2&gt;Our Co-Founders&lt;/h2&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-xs-12 col-sm-6 person-info highlight&quot;&gt;&lt;div class=&quot;inner&quot;&gt;
&lt;img src=&quot;https://adamson.ai/images/joomlart/other/fd-1.jpg&quot; alt=&quot;Sample image&quot; align=&quot;left&quot; /&gt;
&lt;h4&gt;Colin Fernandez&lt;/h4&gt;
&lt;p&gt;Position: CEO, Co-Founder&lt;/p&gt;
&lt;p&gt;Nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi &lt;a href=&quot;https://adamson.ai/#&quot; title=&quot;Sample link&quot;&gt;iure reprehenderit.&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;Emo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit&lt;/blockquote&gt;
&lt;/div&gt;&lt;/div&gt;

&lt;div class=&quot;col-xs-12 col-sm-6 person-info&quot;&gt;&lt;div class=&quot;inner&quot;&gt;
&lt;img src=&quot;https://adamson.ai/images/joomlart/other/fd-2.jpg&quot; alt=&quot;Sample image&quot; align=&quot;left&quot; /&gt;
&lt;h4&gt;Ben Lawson&lt;/h4&gt;
&lt;p&gt;Position: CEO, Co-Founder&lt;/p&gt;
&lt;p&gt;Nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum &lt;a href=&quot;https://adamson.ai/#&quot; title=&quot;Sample link&quot;&gt;iure reprehenderit.&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Emo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Emo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-xs-12 col-sm-6 person-info&quot;&gt;&lt;div class=&quot;inner&quot;&gt;
&lt;img src=&quot;https://adamson.ai/images/joomlart/other/fd-3.jpg&quot; alt=&quot;Sample image&quot; align=&quot;left&quot; /&gt;
&lt;h4&gt;Winston Hardy&lt;/h4&gt;
&lt;p&gt;Position: CTO&lt;/p&gt;
&lt;p&gt;Nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum &lt;a href=&quot;https://adamson.ai/#&quot; title=&quot;Sample link&quot;&gt;iure reprehenderit.&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;Emo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.&lt;/blockquote&gt;
&lt;/div&gt;&lt;/div&gt;

&lt;div class=&quot;col-xs-12 col-sm-6 person-info&quot;&gt;&lt;div class=&quot;inner&quot;&gt;
&lt;img src=&quot;https://adamson.ai/images/joomlart/other/fd-4.jpg&quot; alt=&quot;Sample image&quot; align=&quot;left&quot; /&gt;
&lt;h4&gt;Patrick Cannon&lt;/h4&gt;
&lt;p&gt;Position: Designer&lt;/p&gt;
&lt;p&gt;Nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum &lt;a href=&quot;https://adamson.ai/#&quot; title=&quot;Sample link&quot;&gt;iure reprehenderit.&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Emo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;well text-center&quot; style=&quot;margin-top: 60px;&quot;&gt;
&lt;p style=&quot;margin-bottom: 20px;&quot;&gt;Vestibulum vel gravida nunc wisi ligula porttitor pellentesque donec suspendisse lorem. Lacinia turpis semper lobortis mollis tempus nulla at tincidunt justo id.&lt;/p&gt;
&lt;a class=&quot;btn btn-danger&quot; href=&quot;https://adamson.ai/#&quot; title=&quot;Our projects&quot;&gt;View all projects&lt;/a&gt;
&lt;/div&gt;
</summary>
		<content type="html">&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-xs-12 col-md-6&quot;&gt;&lt;img src=&quot;https://adamson.ai/images/joomlart/other/about-us.jpg&quot; alt=&quot;&quot; class=&quot;img-responsive&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;col-xs-12 col-md-6&quot;&gt;
&lt;h2&gt;What We Do&lt;/h2&gt;
&lt;p&gt;At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. &lt;/p&gt;

&lt;p&gt;Cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus.&lt;/p&gt;

&lt;p&gt;Nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam &lt;a href=&quot;https://adamson.ai/#&quot; title=&quot;sample link&quot;&gt;nihil molestiae consequatur?&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;hr /&gt;&lt;br /&gt;
&lt;h2&gt;Our Co-Founders&lt;/h2&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-xs-12 col-sm-6 person-info highlight&quot;&gt;&lt;div class=&quot;inner&quot;&gt;
&lt;img src=&quot;https://adamson.ai/images/joomlart/other/fd-1.jpg&quot; alt=&quot;Sample image&quot; align=&quot;left&quot; /&gt;
&lt;h4&gt;Colin Fernandez&lt;/h4&gt;
&lt;p&gt;Position: CEO, Co-Founder&lt;/p&gt;
&lt;p&gt;Nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi &lt;a href=&quot;https://adamson.ai/#&quot; title=&quot;Sample link&quot;&gt;iure reprehenderit.&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;Emo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit&lt;/blockquote&gt;
&lt;/div&gt;&lt;/div&gt;

&lt;div class=&quot;col-xs-12 col-sm-6 person-info&quot;&gt;&lt;div class=&quot;inner&quot;&gt;
&lt;img src=&quot;https://adamson.ai/images/joomlart/other/fd-2.jpg&quot; alt=&quot;Sample image&quot; align=&quot;left&quot; /&gt;
&lt;h4&gt;Ben Lawson&lt;/h4&gt;
&lt;p&gt;Position: CEO, Co-Founder&lt;/p&gt;
&lt;p&gt;Nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum &lt;a href=&quot;https://adamson.ai/#&quot; title=&quot;Sample link&quot;&gt;iure reprehenderit.&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Emo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Emo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-xs-12 col-sm-6 person-info&quot;&gt;&lt;div class=&quot;inner&quot;&gt;
&lt;img src=&quot;https://adamson.ai/images/joomlart/other/fd-3.jpg&quot; alt=&quot;Sample image&quot; align=&quot;left&quot; /&gt;
&lt;h4&gt;Winston Hardy&lt;/h4&gt;
&lt;p&gt;Position: CTO&lt;/p&gt;
&lt;p&gt;Nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum &lt;a href=&quot;https://adamson.ai/#&quot; title=&quot;Sample link&quot;&gt;iure reprehenderit.&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;Emo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.&lt;/blockquote&gt;
&lt;/div&gt;&lt;/div&gt;

&lt;div class=&quot;col-xs-12 col-sm-6 person-info&quot;&gt;&lt;div class=&quot;inner&quot;&gt;
&lt;img src=&quot;https://adamson.ai/images/joomlart/other/fd-4.jpg&quot; alt=&quot;Sample image&quot; align=&quot;left&quot; /&gt;
&lt;h4&gt;Patrick Cannon&lt;/h4&gt;
&lt;p&gt;Position: Designer&lt;/p&gt;
&lt;p&gt;Nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum &lt;a href=&quot;https://adamson.ai/#&quot; title=&quot;Sample link&quot;&gt;iure reprehenderit.&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Emo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;well text-center&quot; style=&quot;margin-top: 60px;&quot;&gt;
&lt;p style=&quot;margin-bottom: 20px;&quot;&gt;Vestibulum vel gravida nunc wisi ligula porttitor pellentesque donec suspendisse lorem. Lacinia turpis semper lobortis mollis tempus nulla at tincidunt justo id.&lt;/p&gt;
&lt;a class=&quot;btn btn-danger&quot; href=&quot;https://adamson.ai/#&quot; title=&quot;Our projects&quot;&gt;View all projects&lt;/a&gt;
&lt;/div&gt;
</content>
		<category term="Uncategorised" />
	</entry>
	<entry>
		<title>Typography</title>
		<link rel="alternate" type="text/html" href="https://adamson.ai/company/company/typography"/>
		<published>2016-01-15T03:08:24+00:00</published>
		<updated>2016-01-15T03:08:24+00:00</updated>
		<id>https://adamson.ai/company/company/typography</id>
		<author>
			<name>Adamson</name>
		</author>
		<summary type="html">&lt;p&gt; &lt;/p&gt;
&lt;!-- CORE TYPOGRAPHY
=======================================================--&gt;
&lt;div class=&quot;docs-section&quot;&gt;
&lt;div class=&quot;page-header&quot;&gt;
&lt;h1 id=&quot;example-typo&quot;&gt;Core Typography&lt;/h1&gt;
&lt;/div&gt;
&lt;!-- Headings --&gt;
&lt;div class=&quot;row example-row example-type&quot;&gt;
&lt;div class=&quot;col-lg-6&quot;&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Heading Text&lt;/h2&gt;
&lt;h1 style=&quot;margin-top: 0;&quot;&gt;h1. Heading &lt;small&gt;Secondary text&lt;/small&gt;&lt;/h1&gt;
&lt;h2&gt;h2. Heading &lt;small&gt;Secondary text&lt;/small&gt;&lt;/h2&gt;
&lt;h3&gt;h3. Heading &lt;small&gt;Secondary text&lt;/small&gt;&lt;/h3&gt;
&lt;h4&gt;h4. Heading &lt;small&gt;Secondary text&lt;/small&gt;&lt;/h4&gt;
&lt;h5&gt;h5. Heading &lt;small&gt;Secondary text&lt;/small&gt;&lt;/h5&gt;
&lt;h6&gt;h6. Heading &lt;small&gt;Secondary text&lt;/small&gt;&lt;/h6&gt;
&lt;div class=&quot;alert alert-warning&quot;&gt;
&lt;p&gt;&lt;strong&gt;TIPS:&lt;/strong&gt; Create lighter, secondary text in any heading with a generic &lt;code&gt;&amp;lt;small&amp;gt;&lt;/code&gt; tag or the &lt;code&gt;.small&lt;/code&gt; class.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-6&quot;&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Example body text&lt;/h2&gt;
&lt;p class=&quot;lead&quot;&gt;This is a &lt;strong&gt;lead paragraph&lt;/strong&gt;. &lt;br /&gt;Make a paragraph stand out by adding &lt;code&gt;.lead&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus.&lt;/p&gt;
&lt;p&gt;Nullam quis risus eget &lt;a href=&quot;https://adamson.ai/#&quot;&gt;urna mollis ornare&lt;/a&gt; vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;
&lt;p&gt;The following snippet of text is &lt;strong&gt;rendered as bold text&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;The following snippet of text is &lt;em&gt;rendered as italicized text&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;An abbreviation of the word attribute is &lt;abbr title=&quot;attribute&quot;&gt;attr&lt;/abbr&gt;.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //Headings --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- Address &amp; Emphasis --&gt;
&lt;div class=&quot;row example-row example-type&quot;&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Address&lt;/h2&gt;
&lt;address&gt;&lt;strong&gt;Company Name&lt;/strong&gt;&lt;br /&gt; 795 Folsom Ave, Suite 600&lt;br /&gt; San Francisco, CA 94107&lt;br /&gt; &lt;abbr title=&quot;Phone&quot;&gt;P:&lt;/abbr&gt; (123) 456-7890&lt;/address&gt;&lt;address&gt;&lt;strong&gt;Full Name&lt;/strong&gt;&lt;br /&gt; &lt;abbr title=&quot;Phone&quot;&gt;P:&lt;/abbr&gt; (123) 456-7890&lt;br /&gt; &lt;a href=&quot;mailto:first.last@example.com&quot;&gt;first.last@example.com&lt;/a&gt;&lt;/address&gt;&lt;/div&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Emphasis classes&lt;/h2&gt;
&lt;p class=&quot;text-muted&quot;&gt;This is a &lt;code&gt;.mute&lt;/code&gt; paragraph.&lt;/p&gt;
&lt;p class=&quot;text-primary&quot;&gt;This is a &lt;code&gt;.text-primary&lt;/code&gt; paragraph.&lt;/p&gt;
&lt;p class=&quot;text-warning&quot;&gt;This is a &lt;code&gt;.text-warning&lt;/code&gt; paragraph.&lt;/p&gt;
&lt;p class=&quot;text-danger&quot;&gt;This is a &lt;code&gt;.text-danger&lt;/code&gt; paragraph.&lt;/p&gt;
&lt;p class=&quot;text-success&quot;&gt;This is a &lt;code&gt;.text-success&lt;/code&gt; paragraph.&lt;/p&gt;
&lt;p class=&quot;text-info&quot;&gt;This is a &lt;code&gt;.text-info&lt;/code&gt; paragraph.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Alignment classes&lt;/h2&gt;
&lt;p class=&quot;text-left&quot;&gt;This is a left aligned text &lt;code&gt;.text-left&lt;/code&gt;&lt;/p&gt;
&lt;p class=&quot;text-center&quot;&gt;This is a center aligned text &lt;code&gt;.text-center&lt;/code&gt;&lt;/p&gt;
&lt;p class=&quot;text-right&quot;&gt;This is a right aligned text &lt;code&gt;.text-right&lt;/code&gt;&lt;/p&gt;
&lt;p class=&quot;text-justify&quot;&gt;This is a justify aligned text which is often used in Book Design, Magazine or special Typo Pages. Create a justify aligned text with &lt;code&gt;.text-justify&lt;/code&gt; class.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //Address &amp; Emphasis --&gt;&lt;/div&gt;
&lt;!-- //CORE TYPOGRAPHY --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- Blockquotes --&gt;
&lt;div class=&quot;docs-section&quot;&gt;
&lt;div class=&quot;page-header&quot;&gt;
&lt;h1 id=&quot;example-colors&quot;&gt;Blockquotes&lt;/h1&gt;
&lt;/div&gt;
&lt;div class=&quot;row example-row example-type&quot;&gt;
&lt;div class=&quot;col-lg-6&quot;&gt;
&lt;blockquote&gt;
&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.&lt;/p&gt;
&lt;small&gt;Quote's author in &lt;cite title=&quot;Source Title&quot;&gt;Source Title&lt;/cite&gt;&lt;/small&gt;&lt;/blockquote&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-6&quot;&gt;
&lt;blockquote class=&quot;pull-right&quot;&gt;
&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.&lt;/p&gt;
&lt;small&gt;Quote's author in &lt;cite title=&quot;Source Title&quot;&gt;Source Title&lt;/cite&gt;&lt;/small&gt;&lt;/blockquote&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //Blockquotes --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- TAGS
=======================================================--&gt;
&lt;div class=&quot;docs-section&quot;&gt;
&lt;div class=&quot;page-header&quot;&gt;
&lt;h1 id=&quot;example-colors&quot;&gt;Tags&lt;/h1&gt;
&lt;/div&gt;
&lt;div class=&quot;tags&quot;&gt;&lt;span class=&quot;tag&quot;&gt;&lt;a class=&quot;label label-info&quot; href=&quot;https://adamson.ai/#&quot;&gt;hotel&lt;/a&gt;&lt;/span&gt; &lt;span class=&quot;tag&quot;&gt;&lt;a class=&quot;label label-info&quot; href=&quot;https://adamson.ai/#&quot;&gt;booking&lt;/a&gt;&lt;/span&gt; &lt;span class=&quot;tag&quot;&gt;&lt;a class=&quot;label label-info&quot; href=&quot;https://adamson.ai/#&quot;&gt;discount&lt;/a&gt;&lt;/span&gt; &lt;span class=&quot;tag&quot;&gt;&lt;a class=&quot;label label-info&quot; href=&quot;https://adamson.ai/#&quot;&gt;location&lt;/a&gt;&lt;/span&gt; &lt;span class=&quot;tag&quot;&gt;&lt;a class=&quot;label label-info&quot; href=&quot;https://adamson.ai/#&quot;&gt;map&lt;/a&gt;&lt;/span&gt; &lt;span class=&quot;tag&quot;&gt;&lt;a class=&quot;label label-info&quot; href=&quot;https://adamson.ai/#&quot;&gt;travel&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //TAGS --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- COLOR SWATCHES
=======================================================--&gt;
&lt;div class=&quot;docs-section&quot;&gt;
&lt;div class=&quot;page-header&quot;&gt;
&lt;h1 id=&quot;example-color&quot;&gt;Color Swatches&lt;/h1&gt;
&lt;/div&gt;
&lt;!-- Brand Colors --&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Brand Colors&lt;/h2&gt;
&lt;div class=&quot;row example-row example-colors&quot;&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-brand-primary&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#e55a55&lt;/dt&gt;
&lt;dd&gt;Brand Primary&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-brand-secondary&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#428bca&lt;/dt&gt;
&lt;dd&gt;Brand Secondary&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-brand-warning&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#f0ad4e&lt;/dt&gt;
&lt;dd&gt;Brand Warning&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-brand-danger&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#d9534f&lt;/dt&gt;
&lt;dd&gt;Brand Danger&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-brand-info&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#5bc0de&lt;/dt&gt;
&lt;dd&gt;Brand Info&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-brand-success&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#5cb85c&lt;/dt&gt;
&lt;dd&gt;Brand Success&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- Brand Colors --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- Grayscale --&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Grayscale Levels&lt;/h2&gt;
&lt;div class=&quot;row example-row example-colors&quot;&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-gray-darker&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#222222&lt;/dt&gt;
&lt;dd&gt;Gray Darker&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-gray-dark&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#333333&lt;/dt&gt;
&lt;dd&gt;Gray Dark&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-gray&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#555555&lt;/dt&gt;
&lt;dd&gt;Gray&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-gray-light&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#999999&lt;/dt&gt;
&lt;dd&gt;Gray Light&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-gray-lighter&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#eeeeee&lt;/dt&gt;
&lt;dd&gt;Gray Lighter&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-gray-lightest&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#f7f7f7&lt;/dt&gt;
&lt;dd&gt;Gray Lightest&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //Grayscale --&gt;&lt;/div&gt;
&lt;!-- //COLOR SWATCHES --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- BUTTON
=======================================================--&gt;
&lt;div class=&quot;docs-section&quot;&gt;
&lt;div class=&quot;page-header&quot;&gt;
&lt;h1 id=&quot;example-colors&quot;&gt;Buttons&lt;/h1&gt;
&lt;/div&gt;
&lt;div class=&quot;row example-row example-type&quot;&gt;
&lt;div class=&quot;col-md-8&quot;&gt;&lt;!-- Button ---&gt;
&lt;div class=&quot;example-button clearfix&quot;&gt;&lt;a class=&quot;btn btn-default&quot; href=&quot;https://adamson.ai/#&quot;&gt;Normal Button&lt;/a&gt; &lt;a class=&quot;btn btn-primary&quot; href=&quot;https://adamson.ai/#&quot;&gt;Primary Button&lt;/a&gt; &lt;a class=&quot;btn btn-secondary&quot; href=&quot;https://adamson.ai/#&quot;&gt;Second Button&lt;/a&gt;&lt;/div&gt;
&lt;p&gt; &lt;/p&gt;
&lt;div class=&quot;example-button clearfix&quot;&gt;&lt;a class=&quot;btn btn-warning&quot; href=&quot;https://adamson.ai/#&quot;&gt;Warning Button&lt;/a&gt; &lt;a class=&quot;btn btn-danger&quot; href=&quot;https://adamson.ai/#&quot;&gt;Danger Button&lt;/a&gt; &lt;a class=&quot;btn btn-info&quot; href=&quot;https://adamson.ai/#&quot;&gt;Info Button&lt;/a&gt;&lt;/div&gt;
&lt;!-- //Button ---&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //BUTTON --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- NAVIGATIONS
================================================== --&gt;
&lt;div class=&quot;docs-section&quot;&gt;
&lt;div class=&quot;page-header&quot;&gt;
&lt;h1 id=&quot;example-navigation&quot;&gt;Navigations&lt;/h1&gt;
&lt;/div&gt;
&lt;!-- Tabs &amp; Vertical Menus --&gt;
&lt;div class=&quot;row example-row example-navigation&quot;&gt;&lt;!-- Tabs --&gt;
&lt;div class=&quot;col-lg-8&quot;&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Tabs&lt;/h2&gt;
&lt;ul class=&quot;nav nav-tabs&quot;&gt;
&lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;https://adamson.ai/#home&quot; data-toggle=&quot;tab&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#profile&quot; data-toggle=&quot;tab&quot;&gt;Profile&lt;/a&gt;&lt;/li&gt;
&lt;li class=&quot;disabled&quot;&gt;&lt;a&gt;Disabled&lt;/a&gt;&lt;/li&gt;
&lt;li class=&quot;dropdown&quot;&gt;&lt;a class=&quot;dropdown-toggle&quot; href=&quot;https://adamson.ai/#&quot; data-toggle=&quot;dropdown&quot;&gt; Dropdown &lt;/a&gt;
&lt;ul class=&quot;dropdown-menu&quot;&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#dropdown1&quot; data-toggle=&quot;tab&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#dropdown2&quot; data-toggle=&quot;tab&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#dropdown2&quot; data-toggle=&quot;tab&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;div id=&quot;myTabContent&quot; class=&quot;tab-content&quot;&gt;
&lt;div id=&quot;home&quot; class=&quot;tab-pane fade active in&quot;&gt;
&lt;p&gt;In the area of graphical user interfaces (GUI), a &lt;strong&gt;tabbed document interface&lt;/strong&gt; (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.&lt;/p&gt;
&lt;p&gt;GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&quot;profile&quot; class=&quot;tab-pane fade&quot;&gt;
&lt;p&gt;In the area of graphical user interfaces (GUI), a &lt;strong&gt;tabbed document interface&lt;/strong&gt; (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.&lt;/p&gt;
&lt;p&gt;GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&quot;dropdown1&quot; class=&quot;tab-pane fade&quot;&gt;
&lt;p&gt;In the area of graphical user interfaces (GUI), a &lt;strong&gt;tabbed document interface&lt;/strong&gt; (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.&lt;/p&gt;
&lt;p&gt;GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&quot;dropdown2&quot; class=&quot;tab-pane fade&quot;&gt;
&lt;p&gt;In the area of graphical user interfaces (GUI), a &lt;strong&gt;tabbed document interface&lt;/strong&gt; (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.&lt;/p&gt;
&lt;p&gt;GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //Tabs --&gt; &lt;!-- Vertical Menus --&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Vertical Menus&lt;/h2&gt;
&lt;ul class=&quot;nav nav-pills nav-stacked&quot;&gt;
&lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Active Menu Item&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
&lt;li class=&quot;disabled&quot;&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Disabled Menu Item&lt;/a&gt;&lt;/li&gt;
&lt;li class=&quot;dropdown&quot;&gt;&lt;a class=&quot;dropdown-toggle&quot; href=&quot;https://adamson.ai/#&quot; data-toggle=&quot;dropdown&quot;&gt; Dropdown &lt;/a&gt;
&lt;ul class=&quot;dropdown-menu&quot;&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;!-- Vertical Menus --&gt;&lt;/div&gt;
&lt;!-- Tabs &amp; Vertical Menus --&gt;&lt;/div&gt;
&lt;!-- //NAVIGATIONS --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- FORMS
================================================== --&gt;
&lt;div class=&quot;docs-section&quot;&gt;
&lt;div class=&quot;page-header&quot;&gt;
&lt;h1 id=&quot;example-typo&quot;&gt;Inputs&lt;/h1&gt;
&lt;/div&gt;
&lt;!-- Inputs --&gt;
&lt;div class=&quot;row example-row example-forms example-inputs&quot;&gt;
&lt;div class=&quot;col-md-3&quot;&gt;
&lt;div class=&quot;form-group has-success&quot;&gt;&lt;label class=&quot;control-label&quot; for=&quot;inputSuccess&quot;&gt;Input success&lt;/label&gt; &lt;input id=&quot;inputSuccess&quot; class=&quot;form-control&quot; type=&quot;text&quot; /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-3&quot;&gt;
&lt;div class=&quot;form-group has-error&quot;&gt;&lt;label class=&quot;control-label&quot; for=&quot;inputError&quot;&gt;Input error&lt;/label&gt; &lt;input id=&quot;inputError&quot; class=&quot;form-control&quot; type=&quot;text&quot; /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-3&quot;&gt;
&lt;div class=&quot;form-group has-warning&quot;&gt;&lt;label class=&quot;control-label&quot; for=&quot;inputWarning&quot;&gt;Input warning&lt;/label&gt; &lt;input id=&quot;inputWarning&quot; class=&quot;form-control&quot; type=&quot;text&quot; /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-3&quot;&gt;
&lt;div class=&quot;form-group&quot;&gt;&lt;label class=&quot;control-label&quot; for=&quot;disabledInput&quot;&gt;Disabled input&lt;/label&gt; &lt;input id=&quot;disabledInput&quot; class=&quot;form-control&quot; disabled=&quot;disabled&quot; type=&quot;text&quot; /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //Inputs --&gt;&lt;/div&gt;
&lt;!-- //FORMS --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- INDICATORS
================================================== --&gt;
&lt;div class=&quot;docs-section&quot;&gt;
&lt;div class=&quot;page-header&quot;&gt;
&lt;h1 id=&quot;example-indicators&quot;&gt;Indicators&lt;/h1&gt;
&lt;/div&gt;
&lt;!-- Alerts --&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Alerts and Notifications&lt;/h2&gt;
&lt;div class=&quot;row example-row example-indicators&quot;&gt;
&lt;div class=&quot;col-lg-6&quot;&gt;
&lt;div class=&quot;alert  alert-danger&quot;&gt;
&lt;h4&gt;error message title&lt;/h4&gt;
&lt;p&gt;Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-6&quot;&gt;
&lt;div class=&quot;alert  alert-success&quot;&gt;
&lt;h4&gt;sussess message title&lt;/h4&gt;
&lt;p&gt;Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;row example-row example-indicators&quot;&gt;
&lt;div class=&quot;col-lg-6&quot;&gt;
&lt;div class=&quot;alert  alert-info&quot;&gt;
&lt;h4&gt;info message title&lt;/h4&gt;
&lt;p&gt;Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-6&quot;&gt;
&lt;div class=&quot;alert  alert-warning&quot;&gt;
&lt;h4&gt;warning message title&lt;/h4&gt;
&lt;p&gt;Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- Alerts --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- Labels &amp; Badges --&gt;
&lt;div class=&quot;row example-row example-indicators&quot;&gt;
&lt;div class=&quot;col-lg-6&quot;&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Badges&lt;/h2&gt;
&lt;div class=&quot;example&quot;&gt;
&lt;ul class=&quot;nav nav-pills&quot;&gt;
&lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Home &lt;span class=&quot;badge&quot;&gt;42&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Profile &lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Messages &lt;span class=&quot;badge&quot;&gt;25&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Notices &lt;span class=&quot;badge&quot;&gt;2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-6&quot;&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Labels&lt;/h2&gt;
&lt;div class=&quot;example&quot;&gt;&lt;span class=&quot;label label-default&quot;&gt;Default&lt;/span&gt; &lt;span class=&quot;label label-primary&quot;&gt;Primary&lt;/span&gt; &lt;span class=&quot;label label-success&quot;&gt;Success&lt;/span&gt; &lt;span class=&quot;label label-info&quot;&gt;Info&lt;/span&gt; &lt;span class=&quot;label label-warning&quot;&gt;Warning&lt;/span&gt; &lt;span class=&quot;label label-danger&quot;&gt;Danger&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- Labels &amp; Badges --&gt;&lt;/div&gt;
&lt;!-- //INDICATORS --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- MISC
================================================== --&gt;
&lt;div class=&quot;docs-section&quot;&gt;
&lt;div class=&quot;page-header&quot;&gt;
&lt;h1 id=&quot;example-misc&quot;&gt;Misc&lt;/h1&gt;
&lt;/div&gt;
&lt;!-- List Groups --&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;List groups&lt;/h2&gt;
&lt;div class=&quot;row example-row example-misc&quot;&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;ul class=&quot;list-group&quot;&gt;
&lt;li class=&quot;list-group-item&quot;&gt;&lt;span class=&quot;badge&quot;&gt;14&lt;/span&gt; Cras justo odio&lt;/li&gt;
&lt;li class=&quot;list-group-item&quot;&gt;&lt;span class=&quot;badge&quot;&gt;2&lt;/span&gt; Dapibus ac facilisis in&lt;/li&gt;
&lt;li class=&quot;list-group-item&quot;&gt;Morbi leo risus&lt;/li&gt;
&lt;li class=&quot;list-group-item&quot;&gt;&lt;span class=&quot;badge&quot;&gt;1&lt;/span&gt; Morbi leo risus&lt;/li&gt;
&lt;li class=&quot;list-group-item&quot;&gt;&lt;span class=&quot;badge&quot;&gt;2&lt;/span&gt; Dapibus ac facilisis in&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;div class=&quot;list-group&quot;&gt;&lt;a class=&quot;list-group-item active&quot; href=&quot;https://adamson.ai/#&quot;&gt;&lt;span class=&quot;badge&quot;&gt;9&lt;/span&gt; Cras justo odio&lt;/a&gt; &lt;a class=&quot;list-group-item&quot; href=&quot;https://adamson.ai/#&quot;&gt;Dapibus ac facilisis in&lt;/a&gt; &lt;a class=&quot;list-group-item&quot; href=&quot;https://adamson.ai/#&quot;&gt;Morbi leo risus&lt;/a&gt; &lt;a class=&quot;list-group-item&quot; href=&quot;https://adamson.ai/#&quot;&gt;Porta ac consectetur ac&lt;/a&gt; &lt;a class=&quot;list-group-item&quot; href=&quot;https://adamson.ai/#&quot;&gt;Vestibulum at eros&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;div class=&quot;list-group&quot;&gt;
&lt;h4 class=&quot;list-group-item-heading&quot;&gt;List group item heading&lt;/h4&gt;
&lt;p class=&quot;list-group-item-text&quot;&gt;Donec id elit non mi porta gravida at eget metus risus varius blandit.&lt;/p&gt;
&lt;h4 class=&quot;list-group-item-heading&quot;&gt;List group item heading&lt;/h4&gt;
&lt;p class=&quot;list-group-item-text&quot;&gt;Donec id elit non mi porta gravida at eget metus.&lt;/p&gt;
&lt;h4 class=&quot;list-group-item-heading&quot;&gt;List group item heading&lt;/h4&gt;
&lt;p class=&quot;list-group-item-text&quot;&gt;Donec id elit non mi porta gravida at eget metus.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //List Groups --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- Panels --&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Panels&lt;/h2&gt;
&lt;div class=&quot;row example-row example-misc&quot;&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;div class=&quot;panel panel-default&quot;&gt;
&lt;div class=&quot;panel-heading&quot;&gt;
&lt;h3 class=&quot;panel-title&quot;&gt;Panel heading&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;panel-body&quot;&gt;Panel content&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;panel panel-primary&quot;&gt;
&lt;div class=&quot;panel-heading&quot;&gt;
&lt;h3 class=&quot;panel-title&quot;&gt;Panel primary&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;panel-body&quot;&gt;Panel content&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;div class=&quot;panel panel-success&quot;&gt;
&lt;div class=&quot;panel-heading&quot;&gt;
&lt;h3 class=&quot;panel-title&quot;&gt;Panel success&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;panel-body&quot;&gt;Panel content&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;panel panel-warning&quot;&gt;
&lt;div class=&quot;panel-heading&quot;&gt;
&lt;h3 class=&quot;panel-title&quot;&gt;Panel warning&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;panel-body&quot;&gt;Panel content&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;div class=&quot;panel panel-danger&quot;&gt;
&lt;div class=&quot;panel-heading&quot;&gt;
&lt;h3 class=&quot;panel-title&quot;&gt;Panel danger&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;panel-body&quot;&gt;Panel content&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;panel panel-info&quot;&gt;
&lt;div class=&quot;panel-heading&quot;&gt;
&lt;h3 class=&quot;panel-title&quot;&gt;Panel info&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;panel-body&quot;&gt;Panel content&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //Panels --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- Wells --&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Wells&lt;/h2&gt;
&lt;div class=&quot;row example-row example-misc&quot;&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;div class=&quot;well well-sm&quot;&gt;Look, I'm in a small well!&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;div class=&quot;well&quot;&gt;Look, I'm in a well!&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;div class=&quot;well well-lg&quot;&gt;Look, I'm in a large well!&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //Wells --&gt;&lt;/div&gt;
&lt;!-- // MISC --&gt;</summary>
		<content type="html">&lt;p&gt; &lt;/p&gt;
&lt;!-- CORE TYPOGRAPHY
=======================================================--&gt;
&lt;div class=&quot;docs-section&quot;&gt;
&lt;div class=&quot;page-header&quot;&gt;
&lt;h1 id=&quot;example-typo&quot;&gt;Core Typography&lt;/h1&gt;
&lt;/div&gt;
&lt;!-- Headings --&gt;
&lt;div class=&quot;row example-row example-type&quot;&gt;
&lt;div class=&quot;col-lg-6&quot;&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Heading Text&lt;/h2&gt;
&lt;h1 style=&quot;margin-top: 0;&quot;&gt;h1. Heading &lt;small&gt;Secondary text&lt;/small&gt;&lt;/h1&gt;
&lt;h2&gt;h2. Heading &lt;small&gt;Secondary text&lt;/small&gt;&lt;/h2&gt;
&lt;h3&gt;h3. Heading &lt;small&gt;Secondary text&lt;/small&gt;&lt;/h3&gt;
&lt;h4&gt;h4. Heading &lt;small&gt;Secondary text&lt;/small&gt;&lt;/h4&gt;
&lt;h5&gt;h5. Heading &lt;small&gt;Secondary text&lt;/small&gt;&lt;/h5&gt;
&lt;h6&gt;h6. Heading &lt;small&gt;Secondary text&lt;/small&gt;&lt;/h6&gt;
&lt;div class=&quot;alert alert-warning&quot;&gt;
&lt;p&gt;&lt;strong&gt;TIPS:&lt;/strong&gt; Create lighter, secondary text in any heading with a generic &lt;code&gt;&amp;lt;small&amp;gt;&lt;/code&gt; tag or the &lt;code&gt;.small&lt;/code&gt; class.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-6&quot;&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Example body text&lt;/h2&gt;
&lt;p class=&quot;lead&quot;&gt;This is a &lt;strong&gt;lead paragraph&lt;/strong&gt;. &lt;br /&gt;Make a paragraph stand out by adding &lt;code&gt;.lead&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus.&lt;/p&gt;
&lt;p&gt;Nullam quis risus eget &lt;a href=&quot;https://adamson.ai/#&quot;&gt;urna mollis ornare&lt;/a&gt; vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.&lt;/p&gt;
&lt;p&gt;The following snippet of text is &lt;strong&gt;rendered as bold text&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;The following snippet of text is &lt;em&gt;rendered as italicized text&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;An abbreviation of the word attribute is &lt;abbr title=&quot;attribute&quot;&gt;attr&lt;/abbr&gt;.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //Headings --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- Address &amp; Emphasis --&gt;
&lt;div class=&quot;row example-row example-type&quot;&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Address&lt;/h2&gt;
&lt;address&gt;&lt;strong&gt;Company Name&lt;/strong&gt;&lt;br /&gt; 795 Folsom Ave, Suite 600&lt;br /&gt; San Francisco, CA 94107&lt;br /&gt; &lt;abbr title=&quot;Phone&quot;&gt;P:&lt;/abbr&gt; (123) 456-7890&lt;/address&gt;&lt;address&gt;&lt;strong&gt;Full Name&lt;/strong&gt;&lt;br /&gt; &lt;abbr title=&quot;Phone&quot;&gt;P:&lt;/abbr&gt; (123) 456-7890&lt;br /&gt; &lt;a href=&quot;mailto:first.last@example.com&quot;&gt;first.last@example.com&lt;/a&gt;&lt;/address&gt;&lt;/div&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Emphasis classes&lt;/h2&gt;
&lt;p class=&quot;text-muted&quot;&gt;This is a &lt;code&gt;.mute&lt;/code&gt; paragraph.&lt;/p&gt;
&lt;p class=&quot;text-primary&quot;&gt;This is a &lt;code&gt;.text-primary&lt;/code&gt; paragraph.&lt;/p&gt;
&lt;p class=&quot;text-warning&quot;&gt;This is a &lt;code&gt;.text-warning&lt;/code&gt; paragraph.&lt;/p&gt;
&lt;p class=&quot;text-danger&quot;&gt;This is a &lt;code&gt;.text-danger&lt;/code&gt; paragraph.&lt;/p&gt;
&lt;p class=&quot;text-success&quot;&gt;This is a &lt;code&gt;.text-success&lt;/code&gt; paragraph.&lt;/p&gt;
&lt;p class=&quot;text-info&quot;&gt;This is a &lt;code&gt;.text-info&lt;/code&gt; paragraph.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Alignment classes&lt;/h2&gt;
&lt;p class=&quot;text-left&quot;&gt;This is a left aligned text &lt;code&gt;.text-left&lt;/code&gt;&lt;/p&gt;
&lt;p class=&quot;text-center&quot;&gt;This is a center aligned text &lt;code&gt;.text-center&lt;/code&gt;&lt;/p&gt;
&lt;p class=&quot;text-right&quot;&gt;This is a right aligned text &lt;code&gt;.text-right&lt;/code&gt;&lt;/p&gt;
&lt;p class=&quot;text-justify&quot;&gt;This is a justify aligned text which is often used in Book Design, Magazine or special Typo Pages. Create a justify aligned text with &lt;code&gt;.text-justify&lt;/code&gt; class.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //Address &amp; Emphasis --&gt;&lt;/div&gt;
&lt;!-- //CORE TYPOGRAPHY --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- Blockquotes --&gt;
&lt;div class=&quot;docs-section&quot;&gt;
&lt;div class=&quot;page-header&quot;&gt;
&lt;h1 id=&quot;example-colors&quot;&gt;Blockquotes&lt;/h1&gt;
&lt;/div&gt;
&lt;div class=&quot;row example-row example-type&quot;&gt;
&lt;div class=&quot;col-lg-6&quot;&gt;
&lt;blockquote&gt;
&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.&lt;/p&gt;
&lt;small&gt;Quote's author in &lt;cite title=&quot;Source Title&quot;&gt;Source Title&lt;/cite&gt;&lt;/small&gt;&lt;/blockquote&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-6&quot;&gt;
&lt;blockquote class=&quot;pull-right&quot;&gt;
&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.&lt;/p&gt;
&lt;small&gt;Quote's author in &lt;cite title=&quot;Source Title&quot;&gt;Source Title&lt;/cite&gt;&lt;/small&gt;&lt;/blockquote&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //Blockquotes --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- TAGS
=======================================================--&gt;
&lt;div class=&quot;docs-section&quot;&gt;
&lt;div class=&quot;page-header&quot;&gt;
&lt;h1 id=&quot;example-colors&quot;&gt;Tags&lt;/h1&gt;
&lt;/div&gt;
&lt;div class=&quot;tags&quot;&gt;&lt;span class=&quot;tag&quot;&gt;&lt;a class=&quot;label label-info&quot; href=&quot;https://adamson.ai/#&quot;&gt;hotel&lt;/a&gt;&lt;/span&gt; &lt;span class=&quot;tag&quot;&gt;&lt;a class=&quot;label label-info&quot; href=&quot;https://adamson.ai/#&quot;&gt;booking&lt;/a&gt;&lt;/span&gt; &lt;span class=&quot;tag&quot;&gt;&lt;a class=&quot;label label-info&quot; href=&quot;https://adamson.ai/#&quot;&gt;discount&lt;/a&gt;&lt;/span&gt; &lt;span class=&quot;tag&quot;&gt;&lt;a class=&quot;label label-info&quot; href=&quot;https://adamson.ai/#&quot;&gt;location&lt;/a&gt;&lt;/span&gt; &lt;span class=&quot;tag&quot;&gt;&lt;a class=&quot;label label-info&quot; href=&quot;https://adamson.ai/#&quot;&gt;map&lt;/a&gt;&lt;/span&gt; &lt;span class=&quot;tag&quot;&gt;&lt;a class=&quot;label label-info&quot; href=&quot;https://adamson.ai/#&quot;&gt;travel&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //TAGS --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- COLOR SWATCHES
=======================================================--&gt;
&lt;div class=&quot;docs-section&quot;&gt;
&lt;div class=&quot;page-header&quot;&gt;
&lt;h1 id=&quot;example-color&quot;&gt;Color Swatches&lt;/h1&gt;
&lt;/div&gt;
&lt;!-- Brand Colors --&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Brand Colors&lt;/h2&gt;
&lt;div class=&quot;row example-row example-colors&quot;&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-brand-primary&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#e55a55&lt;/dt&gt;
&lt;dd&gt;Brand Primary&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-brand-secondary&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#428bca&lt;/dt&gt;
&lt;dd&gt;Brand Secondary&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-brand-warning&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#f0ad4e&lt;/dt&gt;
&lt;dd&gt;Brand Warning&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-brand-danger&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#d9534f&lt;/dt&gt;
&lt;dd&gt;Brand Danger&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-brand-info&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#5bc0de&lt;/dt&gt;
&lt;dd&gt;Brand Info&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-brand-success&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#5cb85c&lt;/dt&gt;
&lt;dd&gt;Brand Success&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- Brand Colors --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- Grayscale --&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Grayscale Levels&lt;/h2&gt;
&lt;div class=&quot;row example-row example-colors&quot;&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-gray-darker&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#222222&lt;/dt&gt;
&lt;dd&gt;Gray Darker&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-gray-dark&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#333333&lt;/dt&gt;
&lt;dd&gt;Gray Dark&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-gray&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#555555&lt;/dt&gt;
&lt;dd&gt;Gray&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-gray-light&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#999999&lt;/dt&gt;
&lt;dd&gt;Gray Light&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-gray-lighter&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#eeeeee&lt;/dt&gt;
&lt;dd&gt;Gray Lighter&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-xs-6 col-md-4 col-lg-2&quot;&gt;
&lt;div class=&quot;swatch-item color-gray-lightest&quot;&gt;
&lt;dl&gt;
&lt;dt&gt;#f7f7f7&lt;/dt&gt;
&lt;dd&gt;Gray Lightest&lt;/dd&gt;
&lt;/dl&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //Grayscale --&gt;&lt;/div&gt;
&lt;!-- //COLOR SWATCHES --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- BUTTON
=======================================================--&gt;
&lt;div class=&quot;docs-section&quot;&gt;
&lt;div class=&quot;page-header&quot;&gt;
&lt;h1 id=&quot;example-colors&quot;&gt;Buttons&lt;/h1&gt;
&lt;/div&gt;
&lt;div class=&quot;row example-row example-type&quot;&gt;
&lt;div class=&quot;col-md-8&quot;&gt;&lt;!-- Button ---&gt;
&lt;div class=&quot;example-button clearfix&quot;&gt;&lt;a class=&quot;btn btn-default&quot; href=&quot;https://adamson.ai/#&quot;&gt;Normal Button&lt;/a&gt; &lt;a class=&quot;btn btn-primary&quot; href=&quot;https://adamson.ai/#&quot;&gt;Primary Button&lt;/a&gt; &lt;a class=&quot;btn btn-secondary&quot; href=&quot;https://adamson.ai/#&quot;&gt;Second Button&lt;/a&gt;&lt;/div&gt;
&lt;p&gt; &lt;/p&gt;
&lt;div class=&quot;example-button clearfix&quot;&gt;&lt;a class=&quot;btn btn-warning&quot; href=&quot;https://adamson.ai/#&quot;&gt;Warning Button&lt;/a&gt; &lt;a class=&quot;btn btn-danger&quot; href=&quot;https://adamson.ai/#&quot;&gt;Danger Button&lt;/a&gt; &lt;a class=&quot;btn btn-info&quot; href=&quot;https://adamson.ai/#&quot;&gt;Info Button&lt;/a&gt;&lt;/div&gt;
&lt;!-- //Button ---&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //BUTTON --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- NAVIGATIONS
================================================== --&gt;
&lt;div class=&quot;docs-section&quot;&gt;
&lt;div class=&quot;page-header&quot;&gt;
&lt;h1 id=&quot;example-navigation&quot;&gt;Navigations&lt;/h1&gt;
&lt;/div&gt;
&lt;!-- Tabs &amp; Vertical Menus --&gt;
&lt;div class=&quot;row example-row example-navigation&quot;&gt;&lt;!-- Tabs --&gt;
&lt;div class=&quot;col-lg-8&quot;&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Tabs&lt;/h2&gt;
&lt;ul class=&quot;nav nav-tabs&quot;&gt;
&lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;https://adamson.ai/#home&quot; data-toggle=&quot;tab&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#profile&quot; data-toggle=&quot;tab&quot;&gt;Profile&lt;/a&gt;&lt;/li&gt;
&lt;li class=&quot;disabled&quot;&gt;&lt;a&gt;Disabled&lt;/a&gt;&lt;/li&gt;
&lt;li class=&quot;dropdown&quot;&gt;&lt;a class=&quot;dropdown-toggle&quot; href=&quot;https://adamson.ai/#&quot; data-toggle=&quot;dropdown&quot;&gt; Dropdown &lt;/a&gt;
&lt;ul class=&quot;dropdown-menu&quot;&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#dropdown1&quot; data-toggle=&quot;tab&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#dropdown2&quot; data-toggle=&quot;tab&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#dropdown2&quot; data-toggle=&quot;tab&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;div id=&quot;myTabContent&quot; class=&quot;tab-content&quot;&gt;
&lt;div id=&quot;home&quot; class=&quot;tab-pane fade active in&quot;&gt;
&lt;p&gt;In the area of graphical user interfaces (GUI), a &lt;strong&gt;tabbed document interface&lt;/strong&gt; (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.&lt;/p&gt;
&lt;p&gt;GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&quot;profile&quot; class=&quot;tab-pane fade&quot;&gt;
&lt;p&gt;In the area of graphical user interfaces (GUI), a &lt;strong&gt;tabbed document interface&lt;/strong&gt; (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.&lt;/p&gt;
&lt;p&gt;GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&quot;dropdown1&quot; class=&quot;tab-pane fade&quot;&gt;
&lt;p&gt;In the area of graphical user interfaces (GUI), a &lt;strong&gt;tabbed document interface&lt;/strong&gt; (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.&lt;/p&gt;
&lt;p&gt;GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&quot;dropdown2&quot; class=&quot;tab-pane fade&quot;&gt;
&lt;p&gt;In the area of graphical user interfaces (GUI), a &lt;strong&gt;tabbed document interface&lt;/strong&gt; (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.&lt;/p&gt;
&lt;p&gt;GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //Tabs --&gt; &lt;!-- Vertical Menus --&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Vertical Menus&lt;/h2&gt;
&lt;ul class=&quot;nav nav-pills nav-stacked&quot;&gt;
&lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Active Menu Item&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
&lt;li class=&quot;disabled&quot;&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Disabled Menu Item&lt;/a&gt;&lt;/li&gt;
&lt;li class=&quot;dropdown&quot;&gt;&lt;a class=&quot;dropdown-toggle&quot; href=&quot;https://adamson.ai/#&quot; data-toggle=&quot;dropdown&quot;&gt; Dropdown &lt;/a&gt;
&lt;ul class=&quot;dropdown-menu&quot;&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;!-- Vertical Menus --&gt;&lt;/div&gt;
&lt;!-- Tabs &amp; Vertical Menus --&gt;&lt;/div&gt;
&lt;!-- //NAVIGATIONS --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- FORMS
================================================== --&gt;
&lt;div class=&quot;docs-section&quot;&gt;
&lt;div class=&quot;page-header&quot;&gt;
&lt;h1 id=&quot;example-typo&quot;&gt;Inputs&lt;/h1&gt;
&lt;/div&gt;
&lt;!-- Inputs --&gt;
&lt;div class=&quot;row example-row example-forms example-inputs&quot;&gt;
&lt;div class=&quot;col-md-3&quot;&gt;
&lt;div class=&quot;form-group has-success&quot;&gt;&lt;label class=&quot;control-label&quot; for=&quot;inputSuccess&quot;&gt;Input success&lt;/label&gt; &lt;input id=&quot;inputSuccess&quot; class=&quot;form-control&quot; type=&quot;text&quot; /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-3&quot;&gt;
&lt;div class=&quot;form-group has-error&quot;&gt;&lt;label class=&quot;control-label&quot; for=&quot;inputError&quot;&gt;Input error&lt;/label&gt; &lt;input id=&quot;inputError&quot; class=&quot;form-control&quot; type=&quot;text&quot; /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-3&quot;&gt;
&lt;div class=&quot;form-group has-warning&quot;&gt;&lt;label class=&quot;control-label&quot; for=&quot;inputWarning&quot;&gt;Input warning&lt;/label&gt; &lt;input id=&quot;inputWarning&quot; class=&quot;form-control&quot; type=&quot;text&quot; /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-3&quot;&gt;
&lt;div class=&quot;form-group&quot;&gt;&lt;label class=&quot;control-label&quot; for=&quot;disabledInput&quot;&gt;Disabled input&lt;/label&gt; &lt;input id=&quot;disabledInput&quot; class=&quot;form-control&quot; disabled=&quot;disabled&quot; type=&quot;text&quot; /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //Inputs --&gt;&lt;/div&gt;
&lt;!-- //FORMS --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- INDICATORS
================================================== --&gt;
&lt;div class=&quot;docs-section&quot;&gt;
&lt;div class=&quot;page-header&quot;&gt;
&lt;h1 id=&quot;example-indicators&quot;&gt;Indicators&lt;/h1&gt;
&lt;/div&gt;
&lt;!-- Alerts --&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Alerts and Notifications&lt;/h2&gt;
&lt;div class=&quot;row example-row example-indicators&quot;&gt;
&lt;div class=&quot;col-lg-6&quot;&gt;
&lt;div class=&quot;alert  alert-danger&quot;&gt;
&lt;h4&gt;error message title&lt;/h4&gt;
&lt;p&gt;Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-6&quot;&gt;
&lt;div class=&quot;alert  alert-success&quot;&gt;
&lt;h4&gt;sussess message title&lt;/h4&gt;
&lt;p&gt;Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;row example-row example-indicators&quot;&gt;
&lt;div class=&quot;col-lg-6&quot;&gt;
&lt;div class=&quot;alert  alert-info&quot;&gt;
&lt;h4&gt;info message title&lt;/h4&gt;
&lt;p&gt;Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-6&quot;&gt;
&lt;div class=&quot;alert  alert-warning&quot;&gt;
&lt;h4&gt;warning message title&lt;/h4&gt;
&lt;p&gt;Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- Alerts --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- Labels &amp; Badges --&gt;
&lt;div class=&quot;row example-row example-indicators&quot;&gt;
&lt;div class=&quot;col-lg-6&quot;&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Badges&lt;/h2&gt;
&lt;div class=&quot;example&quot;&gt;
&lt;ul class=&quot;nav nav-pills&quot;&gt;
&lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Home &lt;span class=&quot;badge&quot;&gt;42&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Profile &lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Messages &lt;span class=&quot;badge&quot;&gt;25&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://adamson.ai/#&quot;&gt;Notices &lt;span class=&quot;badge&quot;&gt;2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-6&quot;&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Labels&lt;/h2&gt;
&lt;div class=&quot;example&quot;&gt;&lt;span class=&quot;label label-default&quot;&gt;Default&lt;/span&gt; &lt;span class=&quot;label label-primary&quot;&gt;Primary&lt;/span&gt; &lt;span class=&quot;label label-success&quot;&gt;Success&lt;/span&gt; &lt;span class=&quot;label label-info&quot;&gt;Info&lt;/span&gt; &lt;span class=&quot;label label-warning&quot;&gt;Warning&lt;/span&gt; &lt;span class=&quot;label label-danger&quot;&gt;Danger&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- Labels &amp; Badges --&gt;&lt;/div&gt;
&lt;!-- //INDICATORS --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- MISC
================================================== --&gt;
&lt;div class=&quot;docs-section&quot;&gt;
&lt;div class=&quot;page-header&quot;&gt;
&lt;h1 id=&quot;example-misc&quot;&gt;Misc&lt;/h1&gt;
&lt;/div&gt;
&lt;!-- List Groups --&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;List groups&lt;/h2&gt;
&lt;div class=&quot;row example-row example-misc&quot;&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;ul class=&quot;list-group&quot;&gt;
&lt;li class=&quot;list-group-item&quot;&gt;&lt;span class=&quot;badge&quot;&gt;14&lt;/span&gt; Cras justo odio&lt;/li&gt;
&lt;li class=&quot;list-group-item&quot;&gt;&lt;span class=&quot;badge&quot;&gt;2&lt;/span&gt; Dapibus ac facilisis in&lt;/li&gt;
&lt;li class=&quot;list-group-item&quot;&gt;Morbi leo risus&lt;/li&gt;
&lt;li class=&quot;list-group-item&quot;&gt;&lt;span class=&quot;badge&quot;&gt;1&lt;/span&gt; Morbi leo risus&lt;/li&gt;
&lt;li class=&quot;list-group-item&quot;&gt;&lt;span class=&quot;badge&quot;&gt;2&lt;/span&gt; Dapibus ac facilisis in&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;div class=&quot;list-group&quot;&gt;&lt;a class=&quot;list-group-item active&quot; href=&quot;https://adamson.ai/#&quot;&gt;&lt;span class=&quot;badge&quot;&gt;9&lt;/span&gt; Cras justo odio&lt;/a&gt; &lt;a class=&quot;list-group-item&quot; href=&quot;https://adamson.ai/#&quot;&gt;Dapibus ac facilisis in&lt;/a&gt; &lt;a class=&quot;list-group-item&quot; href=&quot;https://adamson.ai/#&quot;&gt;Morbi leo risus&lt;/a&gt; &lt;a class=&quot;list-group-item&quot; href=&quot;https://adamson.ai/#&quot;&gt;Porta ac consectetur ac&lt;/a&gt; &lt;a class=&quot;list-group-item&quot; href=&quot;https://adamson.ai/#&quot;&gt;Vestibulum at eros&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;div class=&quot;list-group&quot;&gt;
&lt;h4 class=&quot;list-group-item-heading&quot;&gt;List group item heading&lt;/h4&gt;
&lt;p class=&quot;list-group-item-text&quot;&gt;Donec id elit non mi porta gravida at eget metus risus varius blandit.&lt;/p&gt;
&lt;h4 class=&quot;list-group-item-heading&quot;&gt;List group item heading&lt;/h4&gt;
&lt;p class=&quot;list-group-item-text&quot;&gt;Donec id elit non mi porta gravida at eget metus.&lt;/p&gt;
&lt;h4 class=&quot;list-group-item-heading&quot;&gt;List group item heading&lt;/h4&gt;
&lt;p class=&quot;list-group-item-text&quot;&gt;Donec id elit non mi porta gravida at eget metus.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //List Groups --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- Panels --&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Panels&lt;/h2&gt;
&lt;div class=&quot;row example-row example-misc&quot;&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;div class=&quot;panel panel-default&quot;&gt;
&lt;div class=&quot;panel-heading&quot;&gt;
&lt;h3 class=&quot;panel-title&quot;&gt;Panel heading&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;panel-body&quot;&gt;Panel content&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;panel panel-primary&quot;&gt;
&lt;div class=&quot;panel-heading&quot;&gt;
&lt;h3 class=&quot;panel-title&quot;&gt;Panel primary&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;panel-body&quot;&gt;Panel content&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;div class=&quot;panel panel-success&quot;&gt;
&lt;div class=&quot;panel-heading&quot;&gt;
&lt;h3 class=&quot;panel-title&quot;&gt;Panel success&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;panel-body&quot;&gt;Panel content&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;panel panel-warning&quot;&gt;
&lt;div class=&quot;panel-heading&quot;&gt;
&lt;h3 class=&quot;panel-title&quot;&gt;Panel warning&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;panel-body&quot;&gt;Panel content&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;div class=&quot;panel panel-danger&quot;&gt;
&lt;div class=&quot;panel-heading&quot;&gt;
&lt;h3 class=&quot;panel-title&quot;&gt;Panel danger&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;panel-body&quot;&gt;Panel content&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;panel panel-info&quot;&gt;
&lt;div class=&quot;panel-heading&quot;&gt;
&lt;h3 class=&quot;panel-title&quot;&gt;Panel info&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;panel-body&quot;&gt;Panel content&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //Panels --&gt;
&lt;p&gt; &lt;/p&gt;
&lt;!-- Wells --&gt;
&lt;h2 class=&quot;sub-title&quot;&gt;Wells&lt;/h2&gt;
&lt;div class=&quot;row example-row example-misc&quot;&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;div class=&quot;well well-sm&quot;&gt;Look, I'm in a small well!&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;div class=&quot;well&quot;&gt;Look, I'm in a well!&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-lg-4&quot;&gt;
&lt;div class=&quot;well well-lg&quot;&gt;Look, I'm in a large well!&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- //Wells --&gt;&lt;/div&gt;
&lt;!-- // MISC --&gt;</content>
		<category term="Uncategorised" />
	</entry>
</feed>
