https://shokusanpro.com/ en https://shokusanpro.com/node/117 <span class="field field--name-title field--type-string field--label-hidden">Visiting apple farmers in Aomori</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>office</span></span> <span class="field field--name-created field--type-created field--label-hidden">Sun, 10/09/2022 - 16:43</span> Sun, 09 Oct 2022 07:43:16 +0000 office 117 at https://shokusanpro.com https://shokusanpro.com/node/117#comments https://shokusanpro.com/customer/voice/shounaiShokusankai <span class="field field--name-title field--type-string field--label-hidden">Shounai Shokusan Group</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>office</span></span> <span class="field field--name-created field--type-created field--label-hidden">Sun, 10/09/2022 - 16:43</span> Sun, 09 Oct 2022 07:43:16 +0000 office 116 at https://shokusanpro.com https://shokusanpro.com/customer/voice/shounaiShokusankai#comments https://shokusanpro.com/customer/voice/kayamorinouen <span class="field field--name-title field--type-string field--label-hidden">Phytic acid cultivation Koshihikari &quot;Den&quot;</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>office</span></span> <span class="field field--name-created field--type-created field--label-hidden">Wed, 05/11/2022 - 16:43</span> Wed, 11 May 2022 07:25:38 +0000 master 95 at https://shokusanpro.com https://shokusanpro.com/customer/voice/kayamorinouen#comments https://shokusanpro.com/customer/voice/f1 <span class="field field--name-title field--type-string field--label-hidden">Phytic acid cultivation Koshihikari &quot;Den&quot;</span> <div class="field field--name-field-mt-tst-testimonial-image field--type-image field--label-hidden field__item"> <div class="overlay-container overlay-container--circle"> <span class="overlay overlay--colored"> <a class="overlay-target-link image-popup" href="/sites/default/files/2022-05/kayamori-1.jpg"></a> </span> <img loading="lazy" src="/sites/default/files/styles/mt_testimonial/public/2022-05/kayamori-1.jpg?itok=L9IP6CA1" width="1773" height="1182" alt="Phytic acid cultivation Koshihikari &quot;Den&quot;" class="image-style-mt-testimonial" /> </div> </div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>master</span></span> <span class="field field--name-created field--type-created field--label-hidden">Sat, 07/25/2020 - 18:21</span> <div class="field field--name-field-mt-tst-subtitle field--type-string field--label-hidden field__item">Encounter with phytic acid cultivation</div> <div class="clearfix text-formatted field field--name-field-mt-tst-body field--type-text-with-summary field--label-hidden field__item"><p>Each grain of rice firmly insists on "individuality", but softly unravels in the mouth ... "Well, what is this!" I shouted unintentionally. I still remember the deliciousness of the rice balls I received in front of the hearth when I visited the Kayamori farm.</p> <p><a href="/sites/default/files/customers/kayamorinouen/case/DSC05389.JPG"><img alt="" data-entity-type="file" data-entity-uuid="b10d0912-a1fc-4685-9f34-2865e59e0a81" height="500" src="/sites/default/files/customers/kayamorinouen/case/%E6%A4%8D%E9%85%B8%E6%A0%BD%E5%9F%B9%E3%82%B3%E3%82%B7%E3%83%92%E3%82%AB%E3%83%AA%E4%BC%9D%E3%81%8B%E3%82%82%E3%82%8A%E3%82%84%E8%BE%B2%E5%9C%92_2022_1_500x500.png" width="500" loading="lazy" /></a></p> <p>"The tension and elasticity of the surface of the rice is different. Each grain is clear and the aftertaste is good. You can already see the difference when you cook it. This is the characteristic of the phytic acid cultivation Koshihikari" Den ". is. Noriyuki Kayamori, the owner of Kayamori Farm, says so. The 11th generation of a farmer who has continued since the Edo period more than 300 years ago. He talked to Noriyuki-san, who has been searching for and practicing delicious and safe rice cultivation for over 30 years.</p> <p><a href="/sites/default/files/customers/kayamorinouen/case/DSC09662.JPG"><img alt="" data-entity-type="file" data-entity-uuid="7cb1ea9f-5b90-48f8-a20f-52d280422cab" height="489" src="/sites/default/files/customers/kayamorinouen/case/%E6%A4%8D%E9%85%B8%E6%A0%BD%E5%9F%B9%E3%82%B3%E3%82%B7%E3%83%92%E3%82%AB%E3%83%AA%E4%BC%9D%E3%81%8B%E3%82%82%E3%82%8A%E3%82%84%E8%BE%B2%E5%9C%92_2022_2B_500x489.png" width="500" loading="lazy" /></a></p> <p>Mr. Noriyuki first encountered phytic acid cultivation in the early 90's. He was skeptical about organic farming at an early stage, as he focused on organic farming and tried it while studying. He "thinks he was fooled," and he tries the phytic acid liquid potassium silicate. A week later, he digs up the roots of rice and he is surprised. He made a clear difference when compared to organically grown rice. "It's just the ideal root shape." And he also admires the good taste of the harvested rice. It didn't take long for Noriyuki to switch from organic to phytic acid cultivation.</p> <p><a href="/sites/default/files/customers/kayamorinouen/case/DSC_0068.JPG"><img alt="" data-entity-type="file" data-entity-uuid="0867bbaf-2796-4d48-98a2-9a9c6203b5a9" height="500" src="/sites/default/files/customers/kayamorinouen/case/%E6%A4%8D%E9%85%B8%E6%A0%BD%E5%9F%B9%E3%82%B3%E3%82%B7%E3%83%92%E3%82%AB%E3%83%AA%E4%BC%9D%E3%81%8B%E3%82%82%E3%82%8A%E3%82%84%E8%BE%B2%E5%9C%92_2022_3_500x500.png" width="500" loading="lazy" /></a></p> <p>He said that phytic acid cultivation felt a response from the first year, but he tried various ways of using it and felt the effect clearly in the fifth year. Noriyuki describes this as "the environment of rice has changed." By purifying and activating the soil by phytic acid, the original vitality of rice was activated.</p> <p>Furthermore, while using Phytic Acid Cogen G, Phytic Acid Phytic Acid Potassium, Phytic Acid Broth F, PK Mug, etc., unexpected effects are also discovered.</p> <p><a href="/sites/default/files/customers/kayamorinouen/case/%E6%A4%8D%E9%85%B8%E6%A0%BD%E5%9F%B9%E3%82%B3%E3%82%B7%E3%83%92%E3%82%AB%E3%83%AA%E4%BC%9D%E3%81%8B%E3%82%82%E3%82%8A%E3%82%84%E8%BE%B2%E5%9C%92_3_1900x1900.jpg"><img alt="" data-entity-type="file" data-entity-uuid="e1e6b521-78f6-4055-8162-89228007459a" height="500" src="/sites/default/files/customers/kayamorinouen/case/%E6%A4%8D%E9%85%B8%E6%A0%BD%E5%9F%B9%E3%82%B3%E3%82%B7%E3%83%92%E3%82%AB%E3%83%AA%E4%BC%9D%E3%81%8B%E3%82%82%E3%82%8A%E3%82%84%E8%BE%B2%E5%9C%92_3_500x500.jpg" width="500" loading="lazy" /></a></p> <p>"Phytic acid broth F is a true soil conditioner. Even if you take out the soil deep in the ground, there is no sludge odor, etc. I think it is definitely a soil preparation and a rice environment creation."</p> <p>"There are many scenes that can be solved with phytic acid Kogen G without relying on pesticides. Seed fir can be soaked in a 250-fold solution for two days, which will increase the momentum of rice growth.<br /> In addition, I feel that the immunity of the rice itself is activated. It has a high bactericidal effect. "<br /> "Phytic acid liquid potassium silicate sometimes stopped the erosion of blast disease and reduced the damage of stink bugs. My father grows more than 50 kinds of vegetables, but he also uses phytic acid there. By introducing it, it leads to pesticide-reduced cultivation. "</p> <p><a href="/sites/default/files/customers/kayamorinouen/case/%E6%A4%8D%E9%85%B8%E6%A0%BD%E5%9F%B9%E3%82%B3%E3%82%B7%E3%83%92%E3%82%AB%E3%83%AA%E4%BC%9D%E3%81%8B%E3%82%82%E3%82%8A%E3%82%84%E8%BE%B2%E5%9C%92_7.jpg"><img alt="" data-entity-type="file" data-entity-uuid="2f4b8af4-5748-493e-aae0-78457136e931" height="173" src="/sites/default/files/customers/kayamorinouen/case/%E6%A4%8D%E9%85%B8%E6%A0%BD%E5%9F%B9%E3%82%B3%E3%82%B7%E3%83%92%E3%82%AB%E3%83%AA%E4%BC%9D%E3%81%8B%E3%82%82%E3%82%8A%E3%82%84%E8%BE%B2%E5%9C%92_7_500x173.png" width="500" loading="lazy" /></a></p> <p>When talking, Mr. Noriyuki had a friendly and laughing and easy-going image, but his life was just interesting. After he graduated from high school, he was reluctant to take over the farm. "When I took the entrance exam for Agricultural University, I gave a blank answer sheet." He reluctantly begins studying agriculture, but he cannot stay still during the off-season (winter). He is a waiter at a disco in Roppongi, and by the time he is 20, he jumps out into the world. His destination is the Americas. The poor travel abroad at that time was full of thrills and adventures. "I wonder if the overseas experience gave me a sense of courage," laughs Noriyuki. Rice farming and wandering abroad seem to be the opposite acts, but what I felt that this was firmly connected was the way of life and life story of Mr. Noriyuki.</p> <p>His eldest daughter was born in 1998. Taking this opportunity, Mr. Noriyuki turns his eyes to "safe and secure food for children." From the producer's point of view, how do you get to know safe food and taste the "genuine"?</p> <p>Therefore, I came up with the idea of ​​selling rice balls in a mobile sales car. With the cooperation and understanding of his wife (Yuko), the rice ball shop runs through the ground, overcoming the opposition of the surroundings.</p> <p><a href="/sites/default/files/customers/kayamorinouen/case/%E6%A4%8D%E9%85%B8%E6%A0%BD%E5%9F%B9%E3%82%B3%E3%82%B7%E3%83%92%E3%82%AB%E3%83%AA%E4%BC%9D%E3%81%8B%E3%82%82%E3%82%8A%E3%82%84%E8%BE%B2%E5%9C%92_5_1225x1225.png"><img alt="" data-entity-type="file" data-entity-uuid="fc5e903e-4d59-4482-9446-b3cbb3e555b4" height="500" src="/sites/default/files/customers/kayamorinouen/case/%E6%A4%8D%E9%85%B8%E6%A0%BD%E5%9F%B9%E3%82%B3%E3%82%B7%E3%83%92%E3%82%AB%E3%83%AA%E4%BC%9D%E3%81%8B%E3%82%82%E3%82%8A%E3%82%84%E8%BE%B2%E5%9C%92_5_500x500.png" width="500" loading="lazy" /></a></p> <p>And get the overwhelming support of families with children. The rice balls on the Kayamori farm firmly grasped the children's honest tongue and stomach.</p> <p>Mr. Noriyuki, who felt a response, did not stop. In 2002 he entered Tokyo. He established "Den Co., Ltd." in Akasaka. He has appeared on many TV programs including NHK, and has become famous as a "rice cooker" and "rice ball teacher". In the national rice ball shop ranking, he is by far the best. Mr. Hiromitsu Nozaki, the chef of "Waketokuyama", connections with people who are active in various fields, and volunteer activities in the Chuetsu earthquake, "everything is grateful and valuable experience," says Noriyuki.</p> <p><a href="/sites/default/files/customers/kayamorinouen/case/%E6%A4%8D%E9%85%B8%E6%A0%BD%E5%9F%B9%E3%82%B3%E3%82%B7%E3%83%92%E3%82%AB%E3%83%AA%E4%BC%9D%E3%81%8B%E3%82%82%E3%82%8A%E3%82%84%E8%BE%B2%E5%9C%92_6_1165x1165.png"><img alt="" data-entity-type="file" data-entity-uuid="93658197-6751-4136-9dec-bb2622f82312" height="500" src="/sites/default/files/customers/kayamorinouen/case/%E6%A4%8D%E9%85%B8%E6%A0%BD%E5%9F%B9%E3%82%B3%E3%82%B7%E3%83%92%E3%82%AB%E3%83%AA%E4%BC%9D%E3%81%8B%E3%82%82%E3%82%8A%E3%82%84%E8%BE%B2%E5%9C%92_6_500x500.png" width="500" loading="lazy" /></a></p> <p>His turning point came in 2017. He decided to move the stage from Tokyo to the "Kayamori Farm" itself in Niigata. What a clean decision! Based on the concept of "getting to taste what you really want to offer locally," we will start a new initiative. One of them is the Kamo Agricultural Stay Promotion Council. Enjoy the whole "field" where various things are connected, such as farming experiences and events, delicious food, nature of Kamo, creatures, soil, and air. Imagine it would be an irreplaceable experience.</p> <p>Mr. Noriyuki in front of me does not speak loudly about his philosophy. Very simple words such as "safety," "safety," "delicious," and "pleasing customers" come up repeatedly. However, at the root of this, I feel that the gentle perspective symbolized by the phrase "respecting the original vitality of rice" and the sincere feelings for the children who will bear the future are slowly flowing.</p> <p>And, vivid determination and ideas like a bold game master. Courage to take a step. I think that the actual experience of "walking around the world when I was young" is alive in "here and now".</p> <p>The effects of corona and falling rice prices are also affecting the Kayamori farm. However, Noriyuki hasn't succumbed to it. He is cheerful, "I am pleased to think about new products and methods that are unique."</p> <p><a href="/sites/default/files/customers/kayamorinouen/case/%E6%A4%8D%E9%85%B8%E6%A0%BD%E5%9F%B9%E3%82%B3%E3%82%B7%E3%83%92%E3%82%AB%E3%83%AA%E4%BC%9D%E3%81%8B%E3%82%82%E3%82%8A%E3%82%84%E8%BE%B2%E5%9C%92_4_1210x1210.png"><img alt="" data-entity-type="file" data-entity-uuid="fa696ae6-8a65-4e29-89a6-494b09cb5c01" height="500" src="/sites/default/files/customers/kayamorinouen/case/%E6%A4%8D%E9%85%B8%E6%A0%BD%E5%9F%B9%E3%82%B3%E3%82%B7%E3%83%92%E3%82%AB%E3%83%AA%E4%BC%9D%E3%81%8B%E3%82%82%E3%82%8A%E3%82%84%E8%BE%B2%E5%9C%92_4_500x500.png" width="500" loading="lazy" /></a></p> <p>Noriyuki's frontier spirit was immortal.<br /> And even today, the phytic acid-cultivated Koshihikari "Den" has climbed to the dining table nationwide, and is energizing someone's mind, body, and cells.</p> <p> </p> <h4>Koshihikari from Niigata Prefecture, which took time and effort to cultivate phytic acid</h4> <p><a href="https://kayamorinouen.com/view/item/000000000013">https://kayamorinouen.com/view/item/000000000013</a></p> </div> <div class="mt-button field field--name-field-mt-tst-testimonial-link field--type-link field--label-hidden field__item"><a href="/customer/voice/f1">Encounter with phytic acid cultivation</a></div> Sat, 25 Jul 2020 09:16:55 +0000 master 82 at https://shokusanpro.com https://shokusanpro.com/node/70 <span class="field field--name-title field--type-string field--label-hidden">Corporate 5</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>master</span></span> <span class="field field--name-created field--type-created field--label-hidden">Thu, 03/05/2020 - 01:45</span> Wed, 04 Mar 2020 16:45:51 +0000 master 70 at https://shokusanpro.com https://shokusanpro.com/node/69 <span class="field field--name-title field--type-string field--label-hidden">Corporate 4</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>master</span></span> <span class="field field--name-created field--type-created field--label-hidden">Tue, 11/26/2019 - 01:41</span> Mon, 25 Nov 2019 16:41:59 +0000 master 69 at https://shokusanpro.com https://shokusanpro.com/node/68 <span class="field field--name-title field--type-string field--label-hidden">Corporate 3</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>master</span></span> <span class="field field--name-created field--type-created field--label-hidden">Fri, 11/22/2019 - 20:23</span> Fri, 22 Nov 2019 11:23:00 +0000 master 68 at https://shokusanpro.com https://shokusanpro.com/node/67 <span class="field field--name-title field--type-string field--label-hidden">Corporate 2</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>master</span></span> <span class="field field--name-created field--type-created field--label-hidden">Fri, 11/22/2019 - 20:13</span> Fri, 22 Nov 2019 11:13:22 +0000 master 67 at https://shokusanpro.com https://shokusanpro.com/bg-colors <span class="field field--name-title field--type-string field--label-hidden">BG colors demonstration</span> <div class="clearfix text-formatted field field--name-field-mt-cnv-body field--type-text-with-summary field--label-hidden field__item"><div class="region--dark-typography region--default-background p-3 p-md-5 mb-5"> <h2>Default background color</h2> <p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing</a> elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p> <table><caption>Caption: Nullam malesuada erat ut turpis.</caption> <thead><tr><th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr></thead><tbody><tr><th scope="row">1</th> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr><tr><th scope="row">2</th> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr><tr><th scope="row">3</th> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr></tbody></table><div aria-multiselectable="true" class="collapse-group" id="accordion-example1" role="tablist"> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingOne" role="tab"> <div class="card-title"><a aria-controls="collapseOne" aria-expanded="false" class="collapsed" data-toggle="collapse" href="#collapseOne"><span>1.</span> Home</a></div> </div> <div aria-labelledby="headingOne" class="collapse" data-parent="#accordion-example1" id="collapseOne" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingTwo" role="tab"> <div class="card-title"><a aria-controls="collapseTwo" aria-expanded="false" class="collapsed" data-parent="#accordion-example1" data-toggle="collapse" href="#collapseTwo"><span>2.</span> Configure</a></div> </div> <div aria-labelledby="headingTwo" class="collapse" data-parent="#accordion-example1" id="collapseTwo" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingThree" role="tab"> <div class="card-title"><a aria-controls="collapseThree" aria-expanded="false" class="collapsed" data-parent="#accordion-example1" data-toggle="collapse" href="#collapseThree"><span>3.</span> Download</a></div> </div> <div aria-labelledby="headingThree" class="collapse" data-parent="#accordion-example1" id="collapseThree" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> </div> <div class="mb-4" role="tabpanel"> <ul class="nav nav-tabs" role="tablist"><li class="nav-item" role="presentation"><a aria-controls="home" class="active nav-link" data-toggle="tab" href="#home" role="tab">Home</a></li> <li class="nav-item" role="presentation"><a aria-controls="profile" class="nav-link" data-toggle="tab" href="#profile" role="tab">Profile</a></li> <li class="nav-item" role="presentation"><a aria-controls="messages" class="nav-link" data-toggle="tab" href="#messages" role="tab">Messages</a></li> </ul><div class="tab-content"> <div class="tab-pane fade show active" id="home" role="tabpanel"> <p><strong>Home</strong> ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, exercitationem, quaerat veniam repudiandae illo ratione eaque omnis obcaecati quidem distinctio sapiente quo assumenda amet cumque nobis nulla qui dolore autem.</p> </div> <div class="tab-pane fade" id="profile" role="tabpanel"> <p><strong>Profile</strong> ipsum dolor sit amet, consectetur adipisicing elit. Ut odio facere minima porro quis. Maiores eius quibusdam et in corrupti necessitatibus consequatur debitis laudantium hic.</p> </div> <div class="tab-pane fade" id="messages" role="tabpanel"> <p><strong>Messages</strong> ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, optio error consectetur ullam porro eligendi mollitia odio numquam aut cumque. Sed, possimus recusandae itaque laboriosam nesciunt voluptates veniam aspernatur voluptate eaque ratione totam ipsa optio aliquam incidunt dolorum amet illum.</p> </div> </div> </div> <div class="my-4"> <div class="form-item form-type-textfield form-item-name"><label class="form-required" for="edit-name">Label of field</label><br /><input aria-required="true" class="form-text required" maxlength="60" name="name" placeholder="Placeholder text" required="required" size="60" type="text" value="" /><div class="description" id="edit-name--description">Input description text</div> </div> </div> <p><a class="mt-button" href="#">Find out more</a><a class="mt-button mt-button--outline" href="#">Find out more</a><a class="mt-button mt-button--small" href="#">Button Small</a></p> <div class="my-4"><a class="mt-link-stylable" href="#">Stylable link</a></div> <input type="submit" value="Submit input" /><input class="mt-button--outline" type="submit" value="Submit input" /></div> <div class="region--dark-typography region--bright-background p-3 p-md-5 mb-5"> <h2>Bright background color</h2> <p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing</a> elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p> <table><caption>Caption: Nullam malesuada erat ut turpis.</caption> <thead><tr><th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr></thead><tbody><tr><th scope="row">1</th> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr><tr><th scope="row">2</th> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr><tr><th scope="row">3</th> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr></tbody></table><div aria-multiselectable="true" class="collapse-group" id="accordion-example1" role="tablist"> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingOne" role="tab"> <div class="card-title"><a aria-controls="collapseOne" aria-expanded="false" class="collapsed" data-toggle="collapse" href="#collapseOne"><span>1.</span> Home</a></div> </div> <div aria-labelledby="headingOne" class="collapse" data-parent="#accordion-example1" id="collapseOne" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingTwo" role="tab"> <div class="card-title"><a aria-controls="collapseTwo" aria-expanded="false" class="collapsed" data-parent="#accordion-example1" data-toggle="collapse" href="#collapseTwo"><span>2.</span> Configure</a></div> </div> <div aria-labelledby="headingTwo" class="collapse" data-parent="#accordion-example1" id="collapseTwo" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingThree" role="tab"> <div class="card-title"><a aria-controls="collapseThree" aria-expanded="false" class="collapsed" data-parent="#accordion-example1" data-toggle="collapse" href="#collapseThree"><span>3.</span> Download</a></div> </div> <div aria-labelledby="headingThree" class="collapse" data-parent="#accordion-example1" id="collapseThree" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> </div> <div class="mb-4" role="tabpanel"> <ul class="nav nav-tabs" role="tablist"><li class="nav-item" role="presentation"><a aria-controls="home" class="active nav-link" data-toggle="tab" href="#home" role="tab">Home</a></li> <li class="nav-item" role="presentation"><a aria-controls="profile" class="nav-link" data-toggle="tab" href="#profile" role="tab">Profile</a></li> <li class="nav-item" role="presentation"><a aria-controls="messages" class="nav-link" data-toggle="tab" href="#messages" role="tab">Messages</a></li> </ul><div class="tab-content"> <div class="tab-pane fade show active" id="home" role="tabpanel"> <p><strong>Home</strong> ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, exercitationem, quaerat veniam repudiandae illo ratione eaque omnis obcaecati quidem distinctio sapiente quo assumenda amet cumque nobis nulla qui dolore autem.</p> </div> <div class="tab-pane fade" id="profile" role="tabpanel"> <p><strong>Profile</strong> ipsum dolor sit amet, consectetur adipisicing elit. Ut odio facere minima porro quis. Maiores eius quibusdam et in corrupti necessitatibus consequatur debitis laudantium hic.</p> </div> <div class="tab-pane fade" id="messages" role="tabpanel"> <p><strong>Messages</strong> ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, optio error consectetur ullam porro eligendi mollitia odio numquam aut cumque. Sed, possimus recusandae itaque laboriosam nesciunt voluptates veniam aspernatur voluptate eaque ratione totam ipsa optio aliquam incidunt dolorum amet illum.</p> </div> </div> </div> <div class="my-4"> <div class="form-item form-type-textfield form-item-name"><label class="form-required" for="edit-name">Label of field</label><br /><input aria-required="true" class="form-text required" maxlength="60" name="name" placeholder="Placeholder text" required="required" size="60" type="text" value="" /><div class="description" id="edit-name--description">Input description text</div> </div> </div> <p><a class="mt-button" href="#">Find out more</a><a class="mt-button mt-button--outline" href="#">Find out more</a><a class="mt-button mt-button--small" href="#">Button Small</a></p> <div class="my-4"><a class="mt-link-stylable" href="#">Stylable link</a></div> <input type="submit" value="Submit input" /><input class="mt-button--outline" type="submit" value="Submit input" /></div> <div class="region--dark-typography region--pattern p-3 p-md-5 mb-5"> <h2>Pattern background color</h2> <p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing</a> elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p> <table><caption>Caption: Nullam malesuada erat ut turpis.</caption> <thead><tr><th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr></thead><tbody><tr><th scope="row">1</th> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr><tr><th scope="row">2</th> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr><tr><th scope="row">3</th> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr></tbody></table><div aria-multiselectable="true" class="collapse-group" id="accordion-example1" role="tablist"> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingOne" role="tab"> <div class="card-title"><a aria-controls="collapseOne" aria-expanded="false" class="collapsed" data-toggle="collapse" href="#collapseOne"><span>1.</span> Home</a></div> </div> <div aria-labelledby="headingOne" class="collapse" data-parent="#accordion-example1" id="collapseOne" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingTwo" role="tab"> <div class="card-title"><a aria-controls="collapseTwo" aria-expanded="false" class="collapsed" data-parent="#accordion-example1" data-toggle="collapse" href="#collapseTwo"><span>2.</span> Configure</a></div> </div> <div aria-labelledby="headingTwo" class="collapse" data-parent="#accordion-example1" id="collapseTwo" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingThree" role="tab"> <div class="card-title"><a aria-controls="collapseThree" aria-expanded="false" class="collapsed" data-parent="#accordion-example1" data-toggle="collapse" href="#collapseThree"><span>3.</span> Download</a></div> </div> <div aria-labelledby="headingThree" class="collapse" data-parent="#accordion-example1" id="collapseThree" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> </div> <div class="mb-4" role="tabpanel"> <ul class="nav nav-tabs" role="tablist"><li class="nav-item" role="presentation"><a aria-controls="home" class="active nav-link" data-toggle="tab" href="#home" role="tab">Home</a></li> <li class="nav-item" role="presentation"><a aria-controls="profile" class="nav-link" data-toggle="tab" href="#profile" role="tab">Profile</a></li> <li class="nav-item" role="presentation"><a aria-controls="messages" class="nav-link" data-toggle="tab" href="#messages" role="tab">Messages</a></li> </ul><div class="tab-content"> <div class="tab-pane fade show active" id="home" role="tabpanel"> <p><strong>Home</strong> ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, exercitationem, quaerat veniam repudiandae illo ratione eaque omnis obcaecati quidem distinctio sapiente quo assumenda amet cumque nobis nulla qui dolore autem.</p> </div> <div class="tab-pane fade" id="profile" role="tabpanel"> <p><strong>Profile</strong> ipsum dolor sit amet, consectetur adipisicing elit. Ut odio facere minima porro quis. Maiores eius quibusdam et in corrupti necessitatibus consequatur debitis laudantium hic.</p> </div> <div class="tab-pane fade" id="messages" role="tabpanel"> <p><strong>Messages</strong> ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, optio error consectetur ullam porro eligendi mollitia odio numquam aut cumque. Sed, possimus recusandae itaque laboriosam nesciunt voluptates veniam aspernatur voluptate eaque ratione totam ipsa optio aliquam incidunt dolorum amet illum.</p> </div> </div> </div> <div class="my-4"> <div class="form-item form-type-textfield form-item-name"><label class="form-required" for="edit-name">Label of field</label><br /><input aria-required="true" class="form-text required" maxlength="60" name="name" placeholder="Placeholder text" required="required" size="60" type="text" value="" /><div class="description" id="edit-name--description">Input description text</div> </div> </div> <p><a class="mt-button" href="#">Find out more</a><a class="mt-button mt-button--outline" href="#">Find out more</a><a class="mt-button mt-button--small" href="#">Button Small</a></p> <div class="my-4"><a class="mt-link-stylable" href="#">Stylable link</a></div> <input type="submit" value="Submit input" /><input class="mt-button--outline" type="submit" value="Submit input" /></div> <div class="region--dark-typography region--accent-background p-3 p-md-5 mb-5"> <h2>Accent background color</h2> <p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing</a> elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p> <table><caption>Caption: Nullam malesuada erat ut turpis.</caption> <thead><tr><th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr></thead><tbody><tr><th scope="row">1</th> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr><tr><th scope="row">2</th> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr><tr><th scope="row">3</th> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr></tbody></table><div aria-multiselectable="true" class="collapse-group" id="accordion-example1" role="tablist"> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingOne" role="tab"> <div class="card-title"><a aria-controls="collapseOne" aria-expanded="false" class="collapsed" data-toggle="collapse" href="#collapseOne"><span>1.</span> Home</a></div> </div> <div aria-labelledby="headingOne" class="collapse" data-parent="#accordion-example1" id="collapseOne" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingTwo" role="tab"> <div class="card-title"><a aria-controls="collapseTwo" aria-expanded="false" class="collapsed" data-parent="#accordion-example1" data-toggle="collapse" href="#collapseTwo"><span>2.</span> Configure</a></div> </div> <div aria-labelledby="headingTwo" class="collapse" data-parent="#accordion-example1" id="collapseTwo" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingThree" role="tab"> <div class="card-title"><a aria-controls="collapseThree" aria-expanded="false" class="collapsed" data-parent="#accordion-example1" data-toggle="collapse" href="#collapseThree"><span>3.</span> Download</a></div> </div> <div aria-labelledby="headingThree" class="collapse" data-parent="#accordion-example1" id="collapseThree" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> </div> <div class="mb-4" role="tabpanel"> <ul class="nav nav-tabs" role="tablist"><li class="nav-item" role="presentation"><a aria-controls="home" class="active nav-link" data-toggle="tab" href="#home" role="tab">Home</a></li> <li class="nav-item" role="presentation"><a aria-controls="profile" class="nav-link" data-toggle="tab" href="#profile" role="tab">Profile</a></li> <li class="nav-item" role="presentation"><a aria-controls="messages" class="nav-link" data-toggle="tab" href="#messages" role="tab">Messages</a></li> </ul><div class="tab-content"> <div class="tab-pane fade show active" id="home" role="tabpanel"> <p><strong>Home</strong> ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, exercitationem, quaerat veniam repudiandae illo ratione eaque omnis obcaecati quidem distinctio sapiente quo assumenda amet cumque nobis nulla qui dolore autem.</p> </div> <div class="tab-pane fade" id="profile" role="tabpanel"> <p><strong>Profile</strong> ipsum dolor sit amet, consectetur adipisicing elit. Ut odio facere minima porro quis. Maiores eius quibusdam et in corrupti necessitatibus consequatur debitis laudantium hic.</p> </div> <div class="tab-pane fade" id="messages" role="tabpanel"> <p><strong>Messages</strong> ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, optio error consectetur ullam porro eligendi mollitia odio numquam aut cumque. Sed, possimus recusandae itaque laboriosam nesciunt voluptates veniam aspernatur voluptate eaque ratione totam ipsa optio aliquam incidunt dolorum amet illum.</p> </div> </div> </div> <div class="my-4"> <div class="form-item form-type-textfield form-item-name"><label class="form-required" for="edit-name">Label of field</label><br /><input aria-required="true" class="form-text required" maxlength="60" name="name" placeholder="Placeholder text" required="required" size="60" type="text" value="" /><div class="description" id="edit-name--description">Input description text</div> </div> </div> <p><a class="mt-button" href="#">Find out more</a><a class="mt-button mt-button--outline" href="#">Find out more</a><a class="mt-button mt-button--small" href="#">Button Small</a></p> <div class="my-4"><a class="mt-link-stylable" href="#">Stylable link</a></div> <input type="submit" value="Submit input" /><input class="mt-button--outline" type="submit" value="Submit input" /></div> <div class="region--dark-typography region--tint-background p-3 p-md-5 mb-5"> <h2>Tint background color</h2> <p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing</a> elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p> <table><caption>Caption: Nullam malesuada erat ut turpis.</caption> <thead><tr><th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr></thead><tbody><tr><th scope="row">1</th> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr><tr><th scope="row">2</th> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr><tr><th scope="row">3</th> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr></tbody></table><div aria-multiselectable="true" class="collapse-group" id="accordion-example1" role="tablist"> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingOne" role="tab"> <div class="card-title"><a aria-controls="collapseOne" aria-expanded="false" class="collapsed" data-toggle="collapse" href="#collapseOne"><span>1.</span> Home</a></div> </div> <div aria-labelledby="headingOne" class="collapse" data-parent="#accordion-example1" id="collapseOne" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingTwo" role="tab"> <div class="card-title"><a aria-controls="collapseTwo" aria-expanded="false" class="collapsed" data-parent="#accordion-example1" data-toggle="collapse" href="#collapseTwo"><span>2.</span> Configure</a></div> </div> <div aria-labelledby="headingTwo" class="collapse" data-parent="#accordion-example1" id="collapseTwo" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingThree" role="tab"> <div class="card-title"><a aria-controls="collapseThree" aria-expanded="false" class="collapsed" data-parent="#accordion-example1" data-toggle="collapse" href="#collapseThree"><span>3.</span> Download</a></div> </div> <div aria-labelledby="headingThree" class="collapse" data-parent="#accordion-example1" id="collapseThree" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> </div> <div class="mb-4" role="tabpanel"> <ul class="nav nav-tabs" role="tablist"><li class="nav-item" role="presentation"><a aria-controls="home" class="active nav-link" data-toggle="tab" href="#home" role="tab">Home</a></li> <li class="nav-item" role="presentation"><a aria-controls="profile" class="nav-link" data-toggle="tab" href="#profile" role="tab">Profile</a></li> <li class="nav-item" role="presentation"><a aria-controls="messages" class="nav-link" data-toggle="tab" href="#messages" role="tab">Messages</a></li> </ul><div class="tab-content"> <div class="tab-pane fade show active" id="home" role="tabpanel"> <p><strong>Home</strong> ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, exercitationem, quaerat veniam repudiandae illo ratione eaque omnis obcaecati quidem distinctio sapiente quo assumenda amet cumque nobis nulla qui dolore autem.</p> </div> <div class="tab-pane fade" id="profile" role="tabpanel"> <p><strong>Profile</strong> ipsum dolor sit amet, consectetur adipisicing elit. Ut odio facere minima porro quis. Maiores eius quibusdam et in corrupti necessitatibus consequatur debitis laudantium hic.</p> </div> <div class="tab-pane fade" id="messages" role="tabpanel"> <p><strong>Messages</strong> ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, optio error consectetur ullam porro eligendi mollitia odio numquam aut cumque. Sed, possimus recusandae itaque laboriosam nesciunt voluptates veniam aspernatur voluptate eaque ratione totam ipsa optio aliquam incidunt dolorum amet illum.</p> </div> </div> </div> <div class="my-4"> <div class="form-item form-type-textfield form-item-name"><label class="form-required" for="edit-name">Label of field</label><br /><input aria-required="true" class="form-text required" maxlength="60" name="name" placeholder="Placeholder text" required="required" size="60" type="text" value="" /><div class="description" id="edit-name--description">Input description text</div> </div> </div> <p><a class="mt-button" href="#">Find out more</a><a class="mt-button mt-button--outline" href="#">Find out more</a><a class="mt-button mt-button--small" href="#">Button Small</a></p> <div class="my-4"><a class="mt-link-stylable" href="#">Stylable link</a></div> <input type="submit" value="Submit input" /><input class="mt-button--outline" type="submit" value="Submit input" /></div> <div class="region--light-typography region--shade-background p-3 p-md-5 mb-5"> <h2>Shade background color</h2> <p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing</a> elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p> <table><caption>Caption: Nullam malesuada erat ut turpis.</caption> <thead><tr><th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr></thead><tbody><tr><th scope="row">1</th> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr><tr><th scope="row">2</th> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr><tr><th scope="row">3</th> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr></tbody></table><div aria-multiselectable="true" class="collapse-group" id="accordion-example1" role="tablist"> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingOne" role="tab"> <div class="card-title"><a aria-controls="collapseOne" aria-expanded="false" class="collapsed" data-toggle="collapse" href="#collapseOne"><span>1.</span> Home</a></div> </div> <div aria-labelledby="headingOne" class="collapse" data-parent="#accordion-example1" id="collapseOne" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingTwo" role="tab"> <div class="card-title"><a aria-controls="collapseTwo" aria-expanded="false" class="collapsed" data-parent="#accordion-example1" data-toggle="collapse" href="#collapseTwo"><span>2.</span> Configure</a></div> </div> <div aria-labelledby="headingTwo" class="collapse" data-parent="#accordion-example1" id="collapseTwo" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingThree" role="tab"> <div class="card-title"><a aria-controls="collapseThree" aria-expanded="false" class="collapsed" data-parent="#accordion-example1" data-toggle="collapse" href="#collapseThree"><span>3.</span> Download</a></div> </div> <div aria-labelledby="headingThree" class="collapse" data-parent="#accordion-example1" id="collapseThree" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> </div> <div class="mb-4" role="tabpanel"> <ul class="nav nav-tabs" role="tablist"><li class="nav-item" role="presentation"><a aria-controls="home" class="active nav-link" data-toggle="tab" href="#home" role="tab">Home</a></li> <li class="nav-item" role="presentation"><a aria-controls="profile" class="nav-link" data-toggle="tab" href="#profile" role="tab">Profile</a></li> <li class="nav-item" role="presentation"><a aria-controls="messages" class="nav-link" data-toggle="tab" href="#messages" role="tab">Messages</a></li> </ul><div class="tab-content"> <div class="tab-pane fade show active" id="home" role="tabpanel"> <p><strong>Home</strong> ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, exercitationem, quaerat veniam repudiandae illo ratione eaque omnis obcaecati quidem distinctio sapiente quo assumenda amet cumque nobis nulla qui dolore autem.</p> </div> <div class="tab-pane fade" id="profile" role="tabpanel"> <p><strong>Profile</strong> ipsum dolor sit amet, consectetur adipisicing elit. Ut odio facere minima porro quis. Maiores eius quibusdam et in corrupti necessitatibus consequatur debitis laudantium hic.</p> </div> <div class="tab-pane fade" id="messages" role="tabpanel"> <p><strong>Messages</strong> ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, optio error consectetur ullam porro eligendi mollitia odio numquam aut cumque. Sed, possimus recusandae itaque laboriosam nesciunt voluptates veniam aspernatur voluptate eaque ratione totam ipsa optio aliquam incidunt dolorum amet illum.</p> </div> </div> </div> <div class="my-4"> <div class="form-item form-type-textfield form-item-name"><label class="form-required" for="edit-name">Label of field</label><br /><input aria-required="true" class="form-text required" maxlength="60" name="name" placeholder="Placeholder text" required="required" size="60" type="text" value="" /><div class="description" id="edit-name--description">Input description text</div> </div> </div> <p><a class="mt-button" href="#">Find out more</a><a class="mt-button mt-button--outline" href="#">Find out more</a><a class="mt-button mt-button--small" href="#">Button Small</a></p> <div class="my-4"><a class="mt-link-stylable" href="#">Stylable link</a></div> <input type="submit" value="Submit input" /><input class="mt-button--outline" type="submit" value="Submit input" /></div> <div class="region--dark-typography region--colored-background p-3 p-md-5 mb-5"> <h2>Colored background color</h2> <p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing</a> elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p> <table><caption>Caption: Nullam malesuada erat ut turpis.</caption> <thead><tr><th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr></thead><tbody><tr><th scope="row">1</th> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr><tr><th scope="row">2</th> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr><tr><th scope="row">3</th> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr></tbody></table><div aria-multiselectable="true" class="collapse-group" id="accordion-example1" role="tablist"> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingOne" role="tab"> <div class="card-title"><a aria-controls="collapseOne" aria-expanded="false" class="collapsed" data-toggle="collapse" href="#collapseOne"><span>1.</span> Home</a></div> </div> <div aria-labelledby="headingOne" class="collapse" data-parent="#accordion-example1" id="collapseOne" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingTwo" role="tab"> <div class="card-title"><a aria-controls="collapseTwo" aria-expanded="false" class="collapsed" data-parent="#accordion-example1" data-toggle="collapse" href="#collapseTwo"><span>2.</span> Configure</a></div> </div> <div aria-labelledby="headingTwo" class="collapse" data-parent="#accordion-example1" id="collapseTwo" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingThree" role="tab"> <div class="card-title"><a aria-controls="collapseThree" aria-expanded="false" class="collapsed" data-parent="#accordion-example1" data-toggle="collapse" href="#collapseThree"><span>3.</span> Download</a></div> </div> <div aria-labelledby="headingThree" class="collapse" data-parent="#accordion-example1" id="collapseThree" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> </div> <div class="mb-4" role="tabpanel"> <ul class="nav nav-tabs" role="tablist"><li class="nav-item" role="presentation"><a aria-controls="home" class="active nav-link" data-toggle="tab" href="#home" role="tab">Home</a></li> <li class="nav-item" role="presentation"><a aria-controls="profile" class="nav-link" data-toggle="tab" href="#profile" role="tab">Profile</a></li> <li class="nav-item" role="presentation"><a aria-controls="messages" class="nav-link" data-toggle="tab" href="#messages" role="tab">Messages</a></li> </ul><div class="tab-content"> <div class="tab-pane fade show active" id="home" role="tabpanel"> <p><strong>Home</strong> ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, exercitationem, quaerat veniam repudiandae illo ratione eaque omnis obcaecati quidem distinctio sapiente quo assumenda amet cumque nobis nulla qui dolore autem.</p> </div> <div class="tab-pane fade" id="profile" role="tabpanel"> <p><strong>Profile</strong> ipsum dolor sit amet, consectetur adipisicing elit. Ut odio facere minima porro quis. Maiores eius quibusdam et in corrupti necessitatibus consequatur debitis laudantium hic.</p> </div> <div class="tab-pane fade" id="messages" role="tabpanel"> <p><strong>Messages</strong> ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, optio error consectetur ullam porro eligendi mollitia odio numquam aut cumque. Sed, possimus recusandae itaque laboriosam nesciunt voluptates veniam aspernatur voluptate eaque ratione totam ipsa optio aliquam incidunt dolorum amet illum.</p> </div> </div> </div> <div class="my-4"> <div class="form-item form-type-textfield form-item-name"><label class="form-required" for="edit-name">Label of field</label><br /><input aria-required="true" class="form-text required" maxlength="60" name="name" placeholder="Placeholder text" required="required" size="60" type="text" value="" /><div class="description" id="edit-name--description">Input description text</div> </div> </div> <p><a class="mt-button" href="#">Find out more</a><a class="mt-button mt-button--outline" href="#">Find out more</a><a class="mt-button mt-button--small" href="#">Button Small</a></p> <div class="my-4"><a class="mt-link-stylable" href="#">Stylable link</a></div> <input type="submit" value="Submit input" /><input class="mt-button--outline" type="submit" value="Submit input" /></div> <div class="region--light-typography region--dark-colored-background p-3 p-md-5 mb-5"> <h2>Dark Colored background color</h2> <p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing</a> elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p> <table><caption>Caption: Nullam malesuada erat ut turpis.</caption> <thead><tr><th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr></thead><tbody><tr><th scope="row">1</th> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr><tr><th scope="row">2</th> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr><tr><th scope="row">3</th> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr></tbody></table><div aria-multiselectable="true" class="collapse-group" id="accordion-example1" role="tablist"> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingOne" role="tab"> <div class="card-title"><a aria-controls="collapseOne" aria-expanded="false" class="collapsed" data-toggle="collapse" href="#collapseOne"><span>1.</span> Home</a></div> </div> <div aria-labelledby="headingOne" class="collapse" data-parent="#accordion-example1" id="collapseOne" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingTwo" role="tab"> <div class="card-title"><a aria-controls="collapseTwo" aria-expanded="false" class="collapsed" data-parent="#accordion-example1" data-toggle="collapse" href="#collapseTwo"><span>2.</span> Configure</a></div> </div> <div aria-labelledby="headingTwo" class="collapse" data-parent="#accordion-example1" id="collapseTwo" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingThree" role="tab"> <div class="card-title"><a aria-controls="collapseThree" aria-expanded="false" class="collapsed" data-parent="#accordion-example1" data-toggle="collapse" href="#collapseThree"><span>3.</span> Download</a></div> </div> <div aria-labelledby="headingThree" class="collapse" data-parent="#accordion-example1" id="collapseThree" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> </div> <div class="mb-4" role="tabpanel"> <ul class="nav nav-tabs" role="tablist"><li class="nav-item" role="presentation"><a aria-controls="home" class="active nav-link" data-toggle="tab" href="#home" role="tab">Home</a></li> <li class="nav-item" role="presentation"><a aria-controls="profile" class="nav-link" data-toggle="tab" href="#profile" role="tab">Profile</a></li> <li class="nav-item" role="presentation"><a aria-controls="messages" class="nav-link" data-toggle="tab" href="#messages" role="tab">Messages</a></li> </ul><div class="tab-content"> <div class="tab-pane fade show active" id="home" role="tabpanel"> <p><strong>Home</strong> ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, exercitationem, quaerat veniam repudiandae illo ratione eaque omnis obcaecati quidem distinctio sapiente quo assumenda amet cumque nobis nulla qui dolore autem.</p> </div> <div class="tab-pane fade" id="profile" role="tabpanel"> <p><strong>Profile</strong> ipsum dolor sit amet, consectetur adipisicing elit. Ut odio facere minima porro quis. Maiores eius quibusdam et in corrupti necessitatibus consequatur debitis laudantium hic.</p> </div> <div class="tab-pane fade" id="messages" role="tabpanel"> <p><strong>Messages</strong> ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, optio error consectetur ullam porro eligendi mollitia odio numquam aut cumque. Sed, possimus recusandae itaque laboriosam nesciunt voluptates veniam aspernatur voluptate eaque ratione totam ipsa optio aliquam incidunt dolorum amet illum.</p> </div> </div> </div> <div class="my-4"> <div class="form-item form-type-textfield form-item-name"><label class="form-required" for="edit-name">Label of field</label><br /><input aria-required="true" class="form-text required" maxlength="60" name="name" placeholder="Placeholder text" required="required" size="60" type="text" value="" /><div class="description" id="edit-name--description">Input description text</div> </div> </div> <p><a class="mt-button" href="#">Find out more</a><a class="mt-button mt-button--outline" href="#">Find out more</a><a class="mt-button mt-button--small" href="#">Button Small</a></p> <div class="my-4"><a class="mt-link-stylable" href="#">Stylable link</a></div> <input type="submit" value="Submit input" /><input class="mt-button--outline" type="submit" value="Submit input" /></div> <div class="region--light-typography region--dark-background p-3 p-md-5 mb-5"> <h2>Dark background color</h2> <p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing</a> elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p> <table><caption>Caption: Nullam malesuada erat ut turpis.</caption> <thead><tr><th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr></thead><tbody><tr><th scope="row">1</th> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr><tr><th scope="row">2</th> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr><tr><th scope="row">3</th> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr></tbody></table><div aria-multiselectable="true" class="collapse-group" id="accordion-example1" role="tablist"> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingOne" role="tab"> <div class="card-title"><a aria-controls="collapseOne" aria-expanded="false" class="collapsed" data-toggle="collapse" href="#collapseOne"><span>1.</span> Home</a></div> </div> <div aria-labelledby="headingOne" class="collapse" data-parent="#accordion-example1" id="collapseOne" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingTwo" role="tab"> <div class="card-title"><a aria-controls="collapseTwo" aria-expanded="false" class="collapsed" data-parent="#accordion-example1" data-toggle="collapse" href="#collapseTwo"><span>2.</span> Configure</a></div> </div> <div aria-labelledby="headingTwo" class="collapse" data-parent="#accordion-example1" id="collapseTwo" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> <div class="card"> <div class="card-header card-header--trigger-icon" id="headingThree" role="tab"> <div class="card-title"><a aria-controls="collapseThree" aria-expanded="false" class="collapsed" data-parent="#accordion-example1" data-toggle="collapse" href="#collapseThree"><span>3.</span> Download</a></div> </div> <div aria-labelledby="headingThree" class="collapse" data-parent="#accordion-example1" id="collapseThree" role="tabpanel" style=""> <div class="card-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> </div> <div class="mb-4" role="tabpanel"> <ul class="nav nav-tabs" role="tablist"><li class="nav-item" role="presentation"><a aria-controls="home" class="active nav-link" data-toggle="tab" href="#home" role="tab">Home</a></li> <li class="nav-item" role="presentation"><a aria-controls="profile" class="nav-link" data-toggle="tab" href="#profile" role="tab">Profile</a></li> <li class="nav-item" role="presentation"><a aria-controls="messages" class="nav-link" data-toggle="tab" href="#messages" role="tab">Messages</a></li> </ul><div class="tab-content"> <div class="tab-pane fade show active" id="home" role="tabpanel"> <p><strong>Home</strong> ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, exercitationem, quaerat veniam repudiandae illo ratione eaque omnis obcaecati quidem distinctio sapiente quo assumenda amet cumque nobis nulla qui dolore autem.</p> </div> <div class="tab-pane fade" id="profile" role="tabpanel"> <p><strong>Profile</strong> ipsum dolor sit amet, consectetur adipisicing elit. Ut odio facere minima porro quis. Maiores eius quibusdam et in corrupti necessitatibus consequatur debitis laudantium hic.</p> </div> <div class="tab-pane fade" id="messages" role="tabpanel"> <p><strong>Messages</strong> ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, optio error consectetur ullam porro eligendi mollitia odio numquam aut cumque. Sed, possimus recusandae itaque laboriosam nesciunt voluptates veniam aspernatur voluptate eaque ratione totam ipsa optio aliquam incidunt dolorum amet illum.</p> </div> </div> </div> <div class="my-4"> <div class="form-item form-type-textfield form-item-name"><label class="form-required" for="edit-name">Label of field</label><br /><input aria-required="true" class="form-text required" maxlength="60" name="name" placeholder="Placeholder text" required="required" size="60" type="text" value="" /><div class="description" id="edit-name--description">Input description text</div> </div> </div> <p><a class="mt-button" href="#">Find out more</a><a class="mt-button mt-button--outline" href="#">Find out more</a><a class="mt-button mt-button--small" href="#">Button Small</a></p> <div class="my-4"><a class="mt-link-stylable" href="#">Stylable link</a></div> <input type="submit" value="Submit input" /><input class="mt-button--outline" type="submit" value="Submit input" /></div> </div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>master</span></span> <span class="field field--name-created field--type-created field--label-hidden">Wed, 11/13/2019 - 00:32</span> Tue, 12 Nov 2019 15:32:09 +0000 master 66 at https://shokusanpro.com https://shokusanpro.com/fullwidth-slideshow <span class="field field--name-title field--type-string field--label-hidden">Slideshow - Full Width</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>master</span></span> <span class="field field--name-created field--type-created field--label-hidden">Thu, 10/03/2019 - 19:34</span> Thu, 03 Oct 2019 10:34:19 +0000 master 65 at https://shokusanpro.com