-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathnikita_index.html
192 lines (158 loc) · 8.06 KB
/
nikita_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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/font-bold.min.css">
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/popper.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/masonry.pkgd.min.js"></script>
<title>KaiseApp Messenger</title>
<script>
$(document).ready(function(){
$('.grid').masonry({
itemSelector: '.grid-item',
columnWidth: '.grid-sizer',
percentPosition: true,
horizontalOrder: true
});
})
</script>
<style>
.grid-item-content {
margin-top:1%;
padding:5% 1%;
overflow-y:hidden;
}
</style>
</head>
<body>
<div class="row">
<div class="col-sm-12">
<nav class="navbar navbar-expand-sm fixed-top rounded navbar-dark" style="background:rgba(225,0,0,0.5);min-height:80px">
<div class="container" style="padding: 10px;">
<a class="navbar-brand" href="index.html"><img src="img/kaiseapp99.png" lt="logo"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav ml-auto">
<li class="nav-item active" style="padding-right:35px;">
<a class="nav-link font-weight-bold" href="index.html" style="font-size: 1.1em !important; color: black">Home <span class="rs-only"></span></a>
</li>
<li class="nav-item" style="padding-right:35px;">
<a class="nav-link font-weight-bold" href="features.html" style="font-size: 1.1em !important; color: black;">Features</a>
</li>
<li class="nav-item" style="padding-right:35px;">
<a class="nav-link font-weight-bold" href="blog.php" style="font-size: 1.1em !important; color: black;">Blog</a>
</li>
<li class="nav-item" style="padding-right:35px;">
<a class="nav-link font-weight-bold" href="faq.html" style="font-size: 1.1em !important; color: black;">FAQ</a>
</li>
<li class="nav-item" style="padding-right:35px;">
<a class="nav-link font-weight-bold" href="contact.html" style="font-size: 1.1em !important; color: black;">Contact US</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div style="min-height:80px"></div>
<div class="container">
<div class="row">
<div class="col-sm-12 col-lg-4 offset-lg-2" style="margin-top: 100px;">
<h3>Simple. Secure.</h3>
<h3>Reliable messaging.</h3>
<p style="margin-top: 25px;">
Have a group or a channel on kaise app<div class="grid-item-content text-center" style="background:#D0E9EA">
<h5>Title Of Features</h5>
<div class="grid-item-content text-center" style="background:#D0E9EA">
<h5>Title Of Features</h5>
Did you know that you could share live location with your contacts on kaise app? All you need to do is open the chat and find the attachment button. Then, click on Location. You can choose to either share your current or your live location.
When you select the live location, you also get to set the time limit for which your location will be shown to the person. Which could prove to be very handy in a wide range of situations.
<div style="margin-top:2%">
<img src="img\Doodle__M207.png" alt="" class="img-fluid">
</div>
</div>
<div style="margin-top:2%">
<img src="img\Doodle__M207.png" alt="" class="img-fluid">
</div>
</div>You can now organize your chats inside it by using hashtags. When you use a hashtag in a message, that word becomes searchable to everyone. Tap the hashtag to see all the messages on that topic.
One more handy group/channel option is being able to pin messages inside them. That way, you’ll never lose anything important that you discussed in the chats.
</p>
<ul>
<a href="#" class="font-weight-bold" style="color: #EA1C25; font-size: 1.2em; "><li style="list-style-type: none;"><i class="fa fa-android" style="margin: 10px; margin-left: 0px;"></i>Android</li></a>
<a href="#" class="font-weight-bold" style="color: #EA1C25; font-size: 1.2em; "><li style="list-style-type: none;"><i class="fa fa-apple" style="margin: 10px; margin-left: 0px;"></i>iPhone</li></a>
<a href="#" class="font-weight-bold" style="color: #EA1C25; font-size: 1.2em; "><li style="list-style-type: none;"><i class="fa fa-desktop" style="margin: 10px; margin-left: 0px;"></i> Mac or Windows PC</li></a>
<a href="#" class="font-weight-bold" style="color: #EA1C25; font-size: 1.2em; "><li style="list-style-type: none;"><i class="fa fa-windows" style="margin: 10px; margin-left: 0px;"></i>Windows Phone</li></a>
</ul>
</div>
<div class="col-sm-12 col-lg-4">
<div class="text-center" >
<div style="">
<img src="img\Kaise_App_First_Draft\7_1_Chat.jpg" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row grid">
<div class="grid-sizer col-xs-4"></div>
<div class="grid-item col-sm-6">
<div class="grid-item-content text-center" style="background:#FAF7EB">
<h5>Title Of Features</h5>
Did you know that your message history is the most revealing part of your phone when it comes to private information? No matter why you might want to keep your chats in secret, Kaise app gives you the ability to do it.
<div style="margin-top:2%">
<img src="img\Doodle__M207.png" alt="" class="img-fluid">
</div>
</div>
</div>
<div class="grid-item col-sm-6">
<div class="grid-item-content text-center" style="background:#D0E9EA">
<h5>Title Of Features</h5>
If you got a little too excited about Kaise app and joined a few too many groups and channels, you can always mute them without leaving them. Muting people on social media is a great option for those who don’t want to miss out on anything fun but just want to have some peace and quiet.
<div style="margin-top:2%">
<img src="img\Doodle__M207.png" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="text-center" >
<a href="features.html" class="btn" style="border-width:3px !important; border-color:#EA1C25 !important; background-color: #ffffff; border-radius: 12px;">More Features</a>
</div>
</div>
</div>
</div>
<section id="footer" style="background:black;">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 mt-2 mt-sm-5">
<ul class="list-unstyled list-inline social text-center">
<li class="list-inline-item"><a href="javascript:void();"><i class="fa fa-facebook"></i></a></li>
<li class="list-inline-item"><a href="javascript:void();"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="javascript:void();"><i class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="javascript:void();"><i class="fa fa-google-plus"></i></a></li>
<li class="list-inline-item"><a href="javascript:void();" target="_blank"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
</hr>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 mt-2 mt-sm-2 text-center text-white">
<p><u><a href="https://www.nationaltransaction.com/">National Transaction Corporation</a></u> is a Registered MSP/ISO of Elavon, Inc. Georgia [a wholly owned subsidiary of U.S. Bancorp, Minneapolis, MN]</p>
<p class="h6">© All right Reversed.<a class="text-green ml-2" href="#" target="_blank">Company name</a> Design by <a class="text-green ml-2" href="http://techdesire.net/" target="_blank">TechDesire</a> </p>
</div>
</hr>
</div>
</div>
</section>
</body>
</html>