59 lines
2.2 KiB
HTML
59 lines
2.2 KiB
HTML
{% extends 'base.html' %}
|
|
|
|
{% block body %}
|
|
|
|
<nav class="teal lighten-3" role="navigation">
|
|
<div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Logo</a>
|
|
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container teal lighten-5">
|
|
<div class="section">
|
|
|
|
<!-- Icon Section -->
|
|
<div class="row">
|
|
<div class="col s12 m4">
|
|
<div class="icon-block">
|
|
<h2 class="center light-blue-text"><i class="material-icons">flash_on</i></h2>
|
|
<h5 class="center">Speeds up development</h5>
|
|
|
|
<p class="light">We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions to provide a smoother experience for developers.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col s12 m4">
|
|
<div class="icon-block">
|
|
<h2 class="center light-blue-text"><i class="material-icons">group</i></h2>
|
|
<h5 class="center">User Experience Focused</h5>
|
|
|
|
<p class="light">By utilizing elements and principles of Material Design, we were able to create a framework that incorporates components and animations that provide more feedback to users. Additionally, a single underlying responsive system across all platforms allow for a more unified user experience.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col s12 m4">
|
|
<div class="icon-block">
|
|
<h2 class="center light-blue-text"><i class="material-icons">settings</i></h2>
|
|
<h5 class="center">Easy to work with</h5>
|
|
|
|
<p class="light">We have provided detailed documentation as well as specific code examples to help new users get started. We are also always open to feedback and can answer any questions a user may have about Materialize.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<br><br>
|
|
|
|
</div>
|
|
|
|
|
|
<footer class="page-footer teal">
|
|
<div class="footer-copyright">
|
|
<div class="container">
|
|
Made by Simon
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
{% endblock %}
|