sample_website/whatsapp.html at master · devsanjay7/sample_website · GitHub

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
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
<!doctype.html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title> Home</title>
        <link href="style.css" rel="stylesheet">
        <link href="css/bootstrap.min.css" rel="stylesheet">

<!--newly added for dropdown hover-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<!--font awsome-->
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
    </head>

 <body>

<!--start of navigation bar-->
   <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class ="container-fluid">
      <div class="navbar-header">
         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-PVT-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
     <a class="navbar-brand" href="index.html" style=" font-family: Comic Sans MS "><strong>Media360hub</strong>
     </a>
     </div>


     <div class="collapse navbar-collapse navbar-right" >
    <!--<div class="navbar-header navbar-right" >-->
     <ul class="nav navbar-nav" id="nav">
      <li><a href="index.html"><i class="glyphicon glyphicon-home"></i>Home</a></li>
      <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-animations="fadeInDown fadeInRight fadeInUp fadeInLeft">Services <span class="caret"></span></a>
          <ul class="dropdown-menu" id="products-menu">
            <li><a href="smm.html"><b>SMM</b></a></li>
            <li><a href="seo.html"><b>SEO</b></a></li>
            <li><a href="digital.html"><b> Digital Marketing</b></a></li>
            <li><a href="Whatsapp.html"><b> Whatsapp Marketing</b></a></li>

            <li role="separator" class="divider"></li>
            <li><a href="M360AdNetwork.html"><b>M360AdNetwork</b></a></li>
            <!--<li role="separator" class="divider"></li>
            <li><a href="#">One more separated link</a></li>-->
          </ul>
      </li>

      <li><a href="about.html"><i class="glyphicon glyphicon-info-sign"></i> About Us</a></li>
      <li><a href="blog.html">Blog</a></li>
      <li><a href="contact.html">Contact Us</a></li>

     </ul>
    </div>
    </div>


<!--end of dropdown-->


<!-- dropdown hover-->
  <script type="text/javascript">
  $(function(){
  $("#nav .dropdown").hover(
    function() {
      $('#products-menu.dropdown-menu', this).stop( true, true ).fadeIn("fast");
      $(this).toggleClass('open');
    },
    function() {
      $('#products-menu.dropdown-menu', this).stop( true, true ).fadeOut("fast");
      $(this).toggleClass('open');
    });
});
  </script>
  <!--end of dropdown hover-->


   </nav>
<!--end of navigation bar-->

<!--body-->
<div class="container-fluid" style="margin-bottom: 10px; height: 50px;">

</div>
<div class="row">
 <div class="container col-md-6 col-sm-6" >
    <div class="panel panel-default" style="margin-left: 5%;" >
      <img src="whatsapp1.jpg" alt="Whatsapp Marketing1" style="width: 100%;height: 200px;">
      </div>
  </div>
  <div class="container col-md-6 col-sm-6">
    <div class="panel panel-default" style="margin-right: 5%;">
      <div class="panel-heading text-center"><strong>WhatsApp Marketing</strong>
        </div>
      <div class="panel-body" >
        <i class="fa fa-whatsapp fa-4x" aria-hidden="true"></i>
          WhatsApp is a cross-platform mobile app that enables message exchange across different mobility platforms like iPhone, BlackBerry, Android, Windows Phone and Nokia.
        </div>
    </div>
    </div>
  </div>

<div class="row">
  <div class="container col-md-6 col-sm-6">
    <div class="panel panel-default" style="margin-left: 5%;">
     <img src="whatsapp2.jpg" alt="Whatsapp Marketing2" style="width: 100%;height: 200px;">
    </div>
  </div>
  <div class="container col-md-6 col-sm-6">
      <div class="panel panel-default" style="margin-right:5%; ">
        <div class="panel-heading text-center"><strong> Bulk  WhatsApp Marketing</strong></div>
        <div class="panel-body">
          <i class="fa fa-whatsapp fa-4x" aria-hidden="true"></i>
          Bulk WhatsApp Marketing is the new Way of Marketing as it is bigger than Social Media Marketing as well as bigger than SMS Marketing this supports many formats Text, Image, Audio, Video, Vcards and location.
        </div>
     </div>
   </div>
  </div>


    <div class="row">
     <div class="container col-md-6 col-sm-6">
      <div class="panel panel-default">
      <div class="panel-heading text-center"> Bulk  WhatsApp Marketing</div>
      <div class="panel-body">
        Bulk WhatsApp Marketing is the new Way of Marketing as it is bigger than Social Media Marketing as well as bigger than SMS Marketing this supports many formats Text, Image, Audio, Video, Vcards and location.
      </div>
      </div>
      </div>
     <div class="container col-md-6 col-sm-6">
        <div class="panel panel-default">
        <div class="panel-heading text-center">
          Boost Your Business
          </div>
        <div class="panel-body">
           Don’t have WhatsApp numbers for potential customers? Use our numbers filter and finder to extract million numbers from all over the world .
        </div>
      </div>
      </div>
      </div>

      <div class="row">
      <div class="container col-md-6 col-sm-6">
        <div class="panel panel-default">
        <div class="panel-heading text-center">
              Support Media
          </div>
        <div class="panel-body">
          Send interactive texts, images, audio, video, vCard and location to thousand WhatsApp numbers with just a few clicks.
        </div>
      </div>
      </div>

      <div class="container col-md-6 col-sm-6">
        <div class="panel panel-default">
        <div class="panel-heading text-center">
          Impact of WhatsApp
          </div>
        <div class="panel-body">
          There are many impact or effect to the society on WhatsApps marketing. The first is with the increased adoption of smartphones all over the world.
          </div>
          </div>
          </div>
          </div>


     <!--<div class="container col-md-6 col-sm-12">
            <i class="fa fa-whatsapp fa-4x" aria-hidden="true"></i>
              <h3>Boost Business Sales </h3>
              <p>
                  WhatsApp marketing is a good tool to promote your new products or discount offers. You can send detail information about a product to individuals or targeted groups. You can share digital pictures of a product or video.

              </p>

      </div>
      -->


<!--end body-->


<!--Start of Tawk.to Script-->

<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5967a7241dc79b329518e270/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>

<!--End of Tawk.to Script-->

<!--start of footer-->

 <footer class="site-footer">
  <div class="container">
       <div class="col-md-5">Copyright Media360hub 2017</div><br>
      <div class="bottom-footer">
            <div class="col-md-7">
              <ul class="footer-nav">
               	<li><a href="index.html">Home</li>
               	<li><a href="about.html">About us</li>
               	<li><a href="contact.html">Contact us</li>

       		  </ul>
       		</div>
          <div class="col-md-5">
            <ul class="footer-nav-link">
              <li><a href="https://www.facebook.com/media360hub"><i class="fa fa-facebook-official fa-2x" aria-hidden="true"></i></a></li>

              <li><a href="https://www.instagram.com/media360hub/"><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a></li>

              <li><a href="https://twitter.com/media360hub"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a></li>

              <li><a href="https://www.linkedin.com/company/13411049/"><i class="fa fa-linkedin fa-2x" aria-hidden="true"></i></a></li>


            </ul>
          </div>

      </div>
   </div>
 </footer>

<!-- end of footer-->

 <script src="js/jquery.js"></script>
 <script src="js/bootstrap.min.js"></script>
 <script src="js/bootstrap-dropdownhover.min.js"></script>

 </body>
 </html>