forked from MobileFirst-Platform-Developer-Center/DevCenter
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
103 lines (100 loc) · 5.79 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
---
layout: default
indexed: false
---
<div id="myCarousel" class="carousel slide hidden-sm hidden-xs hidden-md" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="container">
<div class="row">
<div class="col-md-7 carousel-caption">
<h1 class="no-anchor">Develop, test, manage and secure your mobile applications</h1>
<p><a class="custombtn btn-lg btn-default" data-analytics-category="Download" data-analytics-action="Download MobileFirst Foundation" data-analytics-label="MobileFirst" href="{{site.baseurl}}/downloads/" role="button">Get the Developer Kit</a></p>
<p><a class="custombtn btn-lg btn-default stack" href="http://stackoverflow.com/search?q=%5B*worklight*%5D+or+%5B*mobilefirst*%5D+is%3Aquestion" target="_blank" role="button">Find answers on Stack Overflow</a></p>
</div>
<div class="hidden-xs col-md-5 carousel-caption">
<img src="{{site.baseurl}}/assets/carousel/banner1.png" alt="mobilefirst console"/>
</div>
</div>
</div>
</div>
<div class="item">
<div class="container">
<div class="row">
<div class="col-md-7 carousel-caption">
<h1 class="no-anchor">Foundation in the cloud. Introducing the Mobile Foundation Bluemix service</h1>
<p><a class="custombtn btn-lg btn-default containers" href="{{site.baseurl}}/tutorials/en/foundation/8.0/bluemix/" role="button">Experience MobileFirst Foundation on IBM Bluemix</a></p>
</div>
<div class="hidden-xs col-md-5 carousel-caption">
<img src="{{site.baseurl}}/assets/carousel/banner2.png" alt="bluemix"/>
</div>
</div>
</div>
</div>
<div class="item">
<div class="container">
<div class="row">
<div class="col-md-7 carousel-caption">
<h1 class="no-anchor">Learn developing MobileFirst Foundation apps with self-paced instructional videos</h1>
<p><a class="custombtn btn-lg btn-default" href="{{site.baseurl}}/labs/" role="button">Visit the Labs</a></p>
</div>
<div class="hidden-xs col-md-5 carousel-caption">
<img src="{{site.baseurl}}/assets/carousel/banner3.png" alt="mobile development"/>
</div>
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- /.carousel -->
<div class="container">
<div class="row">
<div class="mid-nav col-sm-3 col-xs-6">
<a href="{{site.baseurl}}/get-introduced/"><img class="img-circle hidden-xs hidden-sm hidden-md" src="{{site.baseurl}}/assets/mid-menu/get-introduced.png" alt="Get introduced to IBM MobileFirst Foundation"></a>
<h2 class="no-anchor"><a href="{{site.baseurl}}/get-introduced/">Get Introduced</a></h2>
<p>Introduction to IBM MobileFirst Foundation.</p>
</div>
<div class="mid-nav col-sm-3 col-xs-6">
<a href="{{site.baseurl}}/features"><img class="img-circle hidden-xs hidden-sm hidden-md" src="{{site.baseurl}}/assets/mid-menu/get-docs.png" alt="Learn the product through tutorials"></a>
<h2 class="no-anchor"><a href="{{site.baseurl}}/features">Get Familiar</a></h2>
<p>Find out about MobileFirst Foundation product features.</p>
</div>
<div class="mid-nav col-sm-3 col-xs-6">
<a href="{{site.baseurl}}/tutorials/en/"><img class="img-circle hidden-xs hidden-sm hidden-md" src="{{site.baseurl}}/assets/mid-menu/get-started.png" alt="Learn the product through tutorials"></a>
<h2 class="no-anchor"><a href="{{site.baseurl}}/tutorials/en/">Get Started</a></h2>
<p>Follow our tutorials, and you’ll be up and running in no time.</p>
</div>
<div class="mid-nav col-sm-3 col-xs-6">
<a href="{{site.baseurl}}/help/"><img class="img-circle hidden-xs hidden-sm hidden-md" src="{{site.baseurl}}/assets/mid-menu/get-help.png" alt="Receive further assistance for the product"></a>
<h2 class="no-anchor"><a href="{{site.baseurl}}/help/">Get Help</a></h2>
<p>Find answers to your questions, submit feature requests and more...</p>
</div>
</div>
</div>
<hr>
<div id="blogPosts" class="container">
<h3 class="blogPostsHeading no-anchor">Recent Updates</h3>
<div class="twoColumns">
{% for post in site.posts limit:10 %}
<div class="postItem inline">
<p class="postDate">{% if post.pinned %}<span class="glyphicon glyphicon-pushpin"></span>{% endif %}{{post.date | date: '%B %d, %Y'}}</p>
<p class="postTitle"><a href="{{site.baseurl}}{{post.url}}">{{post.title}}</a></p>
</div>
{% endfor %}
</div>
<strong><a href="{{site.baseurl}}/blog">More blog posts</a></strong>
</div>