|
@ -23,17 +23,17 @@ type : 'Semantic' |
|
|
<div class="container ui three column grid"> |
|
|
<div class="container ui three column grid"> |
|
|
<div class="column"> |
|
|
<div class="column"> |
|
|
<h1 class="ui icon header"> |
|
|
<h1 class="ui icon header"> |
|
|
<i class="icon users"></i> |
|
|
|
|
|
Easy to Learn |
|
|
|
|
|
|
|
|
<i class="icon community"></i> |
|
|
|
|
|
Made for Everyone |
|
|
</h1> |
|
|
</h1> |
|
|
<p>Code written in Semantic is based on natural language, making it easier to understand and learn.</p> |
|
|
|
|
|
|
|
|
<p>Code written in Semantic is based on natural language, making it easy to understand and learn.</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="column"> |
|
|
<div class="column"> |
|
|
<h1 class="ui icon header"> |
|
|
<h1 class="ui icon header"> |
|
|
<i class="icon easel"></i> |
|
|
|
|
|
|
|
|
<i class="icon paint"></i> |
|
|
Portable UI |
|
|
Portable UI |
|
|
</h1> |
|
|
</h1> |
|
|
<p>Semantic defines an exchange format for UI, so swapping out interface designs doesn't mean rewriting your site's codebase.</p> |
|
|
|
|
|
|
|
|
<p>Semantic defines an exchange format for UI, so swapping out designs doesn't mean rewriting your site's codebase.</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="column"> |
|
|
<div class="column"> |
|
|
<h1 class="ui icon header"> |
|
|
<h1 class="ui icon header"> |
|
@ -48,12 +48,12 @@ type : 'Semantic' |
|
|
<div class="container ui grid"> |
|
|
<div class="container ui grid"> |
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
<div class="seven wide column"> |
|
|
<div class="seven wide column"> |
|
|
<h2 class="ui header"><i class="icon info-circle"></i> Get Started</h2> |
|
|
|
|
|
|
|
|
<h2 class="ui header"><i class="icon info"></i> Get Started</h2> |
|
|
<p>Learn about how to get started with Semantic UI, and best practices for using the Semantic standard in your project.</p> |
|
|
<p>Learn about how to get started with Semantic UI, and best practices for using the Semantic standard in your project.</p> |
|
|
<div class="ui fluid teal button">Learn more <i class="icon right-open"></i></div> |
|
|
<div class="ui fluid teal button">Learn more <i class="icon right-open"></i></div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="five wide column"> |
|
|
<div class="five wide column"> |
|
|
<h2 class="ui header"><i class="icon easel"></i> See UI elements</h2> |
|
|
|
|
|
|
|
|
<h2 class="ui header"><i class="icon paint"></i> See UI elements</h2> |
|
|
<p>See some of the UI elements that the Semantic library has to offer.</p> |
|
|
<p>See some of the UI elements that the Semantic library has to offer.</p> |
|
|
<div class="ui fluid red button">View Library <i class="icon right-open"></i></div> |
|
|
<div class="ui fluid red button">View Library <i class="icon right-open"></i></div> |
|
|
</div> |
|
|
</div> |
|
|