Code: Alles auswählen
<section data-bs-version="5.1" class="content1" group="Content" data-bg-video="{{bg.type == bg.value.url}}" mbr-class="{'mbr-parallax-background':bg.parallax}" plugins="mbr-switch-arrow, mobirise-icons2">
<mbr-parameters>
<header>Size</header>
<input type="checkbox" title="Full Width" name="fullWidth">
<input type="range" inline title="Top" name="paddingTop" min="0" max="10" step="1" value="6">
<input type="range" inline title="Bottom" name="paddingBottom" min="0" max="9" step="1" value="6">
<input type="range" name="textWidth" title="Width" min="4" max="12" value="12" step="1">
<header>Show/Hide</header>
<input type="checkbox" title="Title" name="showTitle">
<select title="Amount" name="cardAmount">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5" selected>5</option>
</select>
<header>Background</header>
<fieldset type="background" name="bg" parallax>
<input type="color" title="Color" value="#efefef" selected>
</fieldset>
<input type="checkbox" title="Overlay" name="overlay" condition="bg.type !== 'color'" checked>
<input type="color" title="Overlay Color" name="overlayColor" value="#6b6b6b" condition="overlay && bg.type !== 'color'">
<input type="range" inline title="Opacity" name="overlayOpacity" min="0" max="1" step="0.1" value="0.3" condition="overlay && bg.type !== 'color'">
</mbr-parameters>
<div class="mbr-overlay" mbr-if="overlay && bg.type!== 'color'" mbr-style="{'opacity': overlayOpacity, 'background-color': overlayColor}">
</div>
<div mbr-class="{'container': !fullWidth, 'container-fluid': fullWidth}">
<div class="wrapper">
<div class="row justify-content-center">
<div class="col-12 col-md-{{textWidth}} text-white">
<div class="section-head mb-4" mbr-if="showTitle || showSubtitle">
<h3 class="mbr-section-title mbr-fonts-style" mbr-theme-style="display-2" mbr-if="showTitle">
<b>Program</b>
</h3>
</div>
<div id="bootstrap-accordion" class="panel-group accordionStyles accordion" role="tablist" aria-multiselectable="true">
<div class="card mb-2">
<div class="card-header" role="tab" id="headingOne">
<a role="button" class="panel-title" data-toggle="collapse" data-bs-toggle="collapse" data-core href="#collapse1" aria-expanded="false" aria-controls="collapse1">
<h6 class="panel-title-edit mbr-fonts-style" mbr-theme-style="display-7" data-app-selector=".panel-title-edit">Day 1-2 ≡ Stages of design creation
</h6>
<span class="sign mbr-iconfont mbri-arrow-down"></span>
</a>
</div>
<div id="collapse1" class="panel-collapse noScroll collapse show" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body" data-app-selector=".mbr-text">
<ul class="list mbr-fonts-style" mbr-theme-style="display-4" data-app-selector=".list, .mbr-text" data-multiline mbr-article>
<li class="mbr-text item-wrap">Adaptive design</li>
<li class="mbr-text item-wrap">Prototyping</li>
<li class="mbr-text item-wrap">Practice: concept development in Adobe Photoshop
</li>
</ul>
</div>
</div>
</div>
<div class="card mb-2" mbr-if="cardAmount > 1">
<div class="card-header" role="tab" id="headingTwo">
<a role="button" class="collapsed panel-title" data-toggle="collapse" data-bs-toggle="collapse" data-core href="#collapse2" aria-expanded="false" aria-controls="collapse2">
<h6 class="panel-title-edit mbr-fonts-style" mbr-theme-style="display-7" data-app-selector=".panel-title-edit">Day 3-4 ≡ Working with objects and
libraries in Figma
</h6>
<span class="sign mbr-iconfont mbri-arrow-down"></span>
</a>
</div>
<div id="collapse2" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body" data-app-selector=".mbr-text">
<ul class="list mbr-fonts-style" mbr-theme-style="display-4" data-app-selector=".list, .mbr-text" data-multiline mbr-article>
<li class="mbr-text item-wrap">Introduction. Layout creation: grid, grid, color
styles, font, components
</li>
<li class="mbr-text item-wrap">Layout creation: text styles, prototyping</li>
<li class="mbr-text item-wrap">Libraries, live device preview, plugins, object
export</li>
<li class="mbr-text item-wrap">Practice: concept development in Figma</li>
<li class="mbr-text item-wrap">Typography and color</li>
</ul>
</div>
</div>
</div>
<div class="card mb-2" mbr-if="cardAmount > 2">
<div class="card-header" role="tab" id="headingThree">
<a role="button" class="collapsed panel-title" data-toggle="collapse" data-bs-toggle="collapse" data-core href="#collapse3" aria-expanded="false" aria-controls="collapse3">
<h6 class="panel-title-edit mbr-fonts-style" mbr-theme-style="display-7" data-app-selector=".panel-title-edit">Day 5-6 ≡ Creating 3D graphics in Cinema
4D
</h6>
<span class="sign mbr-iconfont mbri-arrow-down"></span>
</a>
</div>
<div id="collapse3" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingThree">
<div class="panel-body" data-app-selector=".mbr-text">
<ul class="list mbr-fonts-style" mbr-theme-style="display-4" data-app-selector=".list, .mbr-text" data-multiline mbr-article>
<li class="mbr-text item-wrap">Introduction, overview of Cinema 4D features</li>
<li class="mbr-text item-wrap">Object basics, interface logic</li>
<li class="mbr-text item-wrap">Render: light, materials and global illumination
</li>
<li class="mbr-text item-wrap">MoGraph</li>
<li class="mbr-text item-wrap">Animation and physics</li>
<li class="mbr-text item-wrap">Applying Cinema 4D to the Web and Branding</li>
</ul>
</div>
</div>
</div>
<div class="card mb-2" mbr-if="cardAmount > 3">
<div class="card-header" role="tab" id="headingThree">
<a role="button" class="collapsed panel-title" data-toggle="collapse" data-bs-toggle="collapse" data-core href="#collapse4" aria-expanded="false" aria-controls="collapse4">
<h6 class="panel-title-edit mbr-fonts-style" mbr-theme-style="display-7" data-app-selector=".panel-title-edit">Day 7 ≡ Presenting yourself as a
specialist
</h6>
<span class="sign mbr-iconfont mbri-arrow-down"></span>
</a>
</div>
<div id="collapse4" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingThree">
<div class="panel-body" data-app-selector=".mbr-text">
<ul class="list mbr-fonts-style" mbr-theme-style="display-4" data-app-selector=".list, .mbr-text" data-multiline mbr-article>
<li class="mbr-text item-wrap">Designer Portfolio Cases</li>
<li class="mbr-text item-wrap">Principles of presenting your work</li>
</ul>
</div>
</div>
</div>
<div class="card" mbr-if="cardAmount > 4">
<div class="card-header bord" role="tab" id="headingThree">
<a role="button" class="collapsed panel-title" data-toggle="collapse" data-bs-toggle="collapse" data-core href="#collapse5" aria-expanded="false" aria-controls="collapse5">
<h6 class="panel-title-edit mbr-fonts-style" mbr-theme-style="display-7" data-app-selector=".panel-title-edit">Day 8-10 ≡ Final work</h6>
<span class="mbr-iconfont mobi-mbri-arrow-down mobi-mbri"></span>
</a>
</div>
<div id="collapse5" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingThree">
<div class="panel-body" data-app-selector=".mbr-text">
<ul class="list mbr-fonts-style" mbr-theme-style="display-4" data-app-selector=".list, .mbr-text" data-multiline mbr-article>
<li class="mbr-text item-wrap">How to search for clients</li>
<li class="mbr-text item-wrap">Where to look for clients</li>
<li class="mbr-text item-wrap">How to develop further</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>