mirror of
https://github.com/ExactTarget/fuelux.git
synced 2026-01-13 08:28:04 -05:00
48 lines
2.9 KiB
HTML
48 lines
2.9 KiB
HTML
<div id="mctheme" class="mctheme-container">
|
|
|
|
<div class="mctheme-content">
|
|
|
|
<h2>Marketing Cloud Theme</h2>
|
|
<p class="lead">Use Fuel UX 3 and Bootstrap 3 to create a user interface with the look & feel of existing Salesforce ExactTarget Marketing Cloud applications.</p>
|
|
|
|
<p class="lead">
|
|
<a href="https://github.com/ExactTarget/fuelux-mctheme/" class="btn btn-outline-inverse btn-lg">View the Github project</a>
|
|
</p>
|
|
|
|
<hr class="half-rule">
|
|
|
|
<p>To use this theme, include the theme file <b><i>after</i></b> the complete Bootstrap CSS and the complete Fuel UX CSS. For more on setting up a page, please review <a href="getting-started.html">Getting Started</a> and modify the <a href="getting-started.html#template">quick-start templates</a> with the following:</p>
|
|
{% highlight html %}
|
|
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="//www.fuelcdn.com/fuelux/3.x.x/css/fuelux.min.css" rel="stylesheet">
|
|
<link href="//www.fuelcdn.com/fuelux-mctheme/1.x.x/css/fuelux-mctheme.min.css" rel="stylesheet">
|
|
{% endhighlight %}
|
|
<p>The following markup examples are based on a build of the unreleased <em>master</em> branch. Please refer to the repository for the <a href="https://github.com/ExactTarget/fuelux-mctheme/releases">latest release</a>. For additional ways to use the Marketing Cloud Theme—including with Bower, please <a href="https://github.com/ExactTarget/fuelux-mctheme/">review the README file</a> within its respecitve repository. </p>
|
|
|
|
<h3>Themed Bootstrap Elements</h3>
|
|
<p class="example-lead">Global CSS settings, fundamental HTML elements styled and enhanced with extensible classes.</p>
|
|
<iframe class="frame" src="https://fuelux-mctheme.herokuapp.com/examples/bootstrap-css/bootstrap-css.html" frameborder="0"></iframe>
|
|
|
|
<hr class="half-rule">
|
|
|
|
<h3>Themed Bootstrap Components</h3>
|
|
<p class="example-lead">Over a dozen reusable components built to provide dropdowns, input groups, navigation, alerts, and much more.</p>
|
|
<iframe class="frame" src="https://fuelux-mctheme.herokuapp.com/examples/bootstrap-components/bootstrap-components.html" frameborder="0"></iframe>
|
|
|
|
<hr class="half-rule">
|
|
|
|
<h3>Themed Bootstrap Controls</h3>
|
|
<p class="example-lead">Bring Bootstrap's components to life with over a dozen custom jQuery plugins.</p>
|
|
<iframe class="frame" src="https://fuelux-mctheme.herokuapp.com/examples/bootstrap-javascript/bootstrap-javascript.html" frameborder="0"></iframe>
|
|
|
|
<hr class="half-rule">
|
|
|
|
<h3>Themed Fuel UX Controls</h3>
|
|
<p class="example-lead">More than one dozen reusable controls built to provide data repeaters, datepickers, pillboxes, trees, wizards, and much more. <a href="javascript.html">Learn more about Fuel UX controls</a></p>
|
|
<iframe class="frame" src="https://fuelux-mctheme.herokuapp.com/examples/fuelux/fuelux.html" frameborder="0"></iframe>
|
|
|
|
<hr class="half-rule">
|
|
|
|
</div>
|
|
|
|
</div> |