"Responsive Mobile App Website Template"
Bootstrap 3.3.0 Snippet by Gurdeep Osahan

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
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<div class="top-content" style="position: relative; z-index: 0; ">
<!-- Top menu -->
<nav role="navigation" class="navbar navbar-inverse navbar-no-bg">
<div class="container">
<div class="navbar-header">
<button data-target="#top-navbar-1" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a target="_blank" href="https://web.facebook.com/iamgurdeeposahan" class="navbar-brand"><i class="fa fa-bullseye"></i></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div id="top-navbar-1" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#app-features" class="scroll-link">Features</a></li>
<li><a href="#how-it-works" class="scroll-link">How it works</a></li>
<li><a href="#about-us" class="scroll-link">About</a></li>
<li><a href="#testimonials" class="scroll-link">Testimonials</a></li>
</ul>
</div>
</div>
</nav>
<div class="inner-bg">
<div class="container">
<div class="row">
<div class="col-sm-5 phone wow fadeInLeft animated text-center" style="visibility: visible; animation-name: fadeInLeft;">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
body {
color: #888888;
font-size: 16px;
font-weight: 300;
line-height: 30px;
text-align: center;
font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma !important;
}
.top-content
{
background: rgba(0, 0, 0, 0) linear-gradient(135deg, #01b9ff 0%, #ba78fe 51%, #ea51bd 100%) repeat scroll 0 0;
background-color:#ba78fe;
}
.how-it-works-container
{
background: rgba(0, 0, 0, 0) linear-gradient(135deg, #01b9ff 0%, #ba78fe 51%, #ea51bd 100%) repeat scroll 0 0;
background-color:#ba78fe;
}
.navbar-inverse .navbar-brand small b {
border-top: 3px solid #fff;
font-size: 16px;
margin: 0 4px 0 0;
text-transform: uppercase;
}
.navbar {
background: rgba(51, 51, 51, 0.3) none repeat scroll 0 0;
border: 0 none;
padding-top: 10px;
transition: all 0.3s ease 0s;
}
.navbar-inverse .navbar-brand {
color: #fff;
font-size: 41px;
opacity: 0.8;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: