49 lines
1.8 KiB
HTML
49 lines
1.8 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block content %}
|
|
|
|
{% include "base_navigation.html" %}
|
|
|
|
<div class="banner">
|
|
<div class="title primeblue">Longitude Calendar</div>
|
|
<h4 class="subtitle">your day on your wrist</h4>
|
|
</div>
|
|
|
|
<div class="grayblock horizontal">
|
|
<div class="content padded">
|
|
<div style='margin: 1rem'>
|
|
<!--Connect your <img src='/static/res/googlelogo.png' style='height: 3.2rem; vertical-align:middle; padding-Bottom: 0.1rem'/> Calendar...-->
|
|
Connect your Calendar..
|
|
</div>
|
|
<img class="image" src='/static/res/calendar.svg'/>
|
|
</div>
|
|
<div class="content padded">
|
|
<div style='margin: 1rem'>
|
|
<!--...with your <img src='/static/res/tizenlogo.png' style='height: 2rem; vertical-align:middle; padding-Bottom:0.3rem;'/> Watchface-->
|
|
..with your Tizen Watchface
|
|
</div>
|
|
<img class="image" src='/static/res/watchface.svg'/>
|
|
</div>
|
|
</div>
|
|
<div class="whiteblock vertical">
|
|
<div class="content">
|
|
<img class="image" src='/static/res/connect_calendar.svg'/>
|
|
<div class="text">1, Connect your Calendar Service to Longitude</div>
|
|
</div>
|
|
<div class="content">
|
|
<img class="image" src='/static/res/connect_device.svg'/>
|
|
<div class="text">2, Connect the Longitude Watch app to Longitude Web</div>
|
|
</div>
|
|
<div class="content">
|
|
<img class="image" src='/static/res/personalize_view.svg'/>
|
|
<div class="text">3, Customize your Content and Style</div>
|
|
</div>
|
|
</div>
|
|
<!-- Compiled and minified CSS -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">
|
|
|
|
<!-- Compiled and minified JavaScript -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>
|
|
|
|
{% endblock %}
|