Skip to content

Commit ac37d10

Browse files
webdev-muraliwebdev-murali
committed
whatsapp link generator
1 parent b15a541 commit ac37d10

File tree

2 files changed

+104
-0
lines changed

2 files changed

+104
-0
lines changed

‎dev/CRUD-Cache.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,8 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>User Login Cache</title>
7+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
8+
79
<!-- Google Hosted CDN -->
810
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
911
</head>

‎whatsapp-link-generator.html

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>WhatsApp Link Generator | WhatsApp Direct Message Link Generator</title>
8+
<meta name="twitter:title" content="WhatsApp Link Generator | WhatsApp Direct Message Link Generator">
9+
<meta property="twitter:title" content="WhatsApp Link Generator | WhatsApp Direct Message Link Generator">
10+
<meta property="og:title" content="WhatsApp Link Generator | WhatsApp Direct Message Link Generator">
11+
<meta property="twitter:description" content="Generate sharable WhatsApp link for your WhatsApp number with our free link generator. Make it easy for your customer to reach you."><meta property="og:description" content="Generate sharable WhatsApp link for your WhatsApp number with our free link generator. Make it easy for your customer to reach you.">
12+
<meta property="og:image" content="">
13+
<meta name="twitter:image" content="">
14+
<meta name="twitter:card" content="summary_large_image">
15+
<meta name="description" content="Generate sharable WhatsApp link for your WhatsApp number with our free link generator. Make it easy for your customer to reach you.">
16+
<meta property="og:url" content="https://webdev-murali.github.io/whatsapp-link-generator/" />
17+
<meta property="og:site_name" content="webdev-murali.github.io" />
18+
<!--Bootstrap V5-->
19+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
20+
<!--Angular JS-->
21+
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
22+
<!--Fonts-->
23+
<link rel="preconnect" href="https://fonts.googleapis.com">
24+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
25+
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
26+
27+
<!--External JS-->
28+
<script src="assets/js/app.js"></script>
29+
<script src="assets/js/main.js"></script>
30+
31+
<!--Fontawesome 5 CDN-->
32+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
33+
<!--Externall CSS-->
34+
<link rel="stylesheet" href="assets/css/mai n.css">
35+
36+
<!--Internall CSS-->
37+
<style>
38+
39+
</style>
40+
</head>
41+
<body ng-app="">
42+
<!-- header -->
43+
<header>
44+
<nav class="navbar navbar-expand-sm bg-light navbar-light ">
45+
<div class="container-fluid">
46+
<!-- <a class="navbar-brand" href="#">Logo</a> -->
47+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
48+
<span class="navbar-toggler-icon"></span>
49+
</button>
50+
<div class="collapse navbar-collapse" id="collapsibleNavbar">
51+
<ul class="navbar-nav">
52+
<li class="nav-item">
53+
<a class="nav-link text-dark" href="index.html" target="_blank">Home</a>
54+
</li>
55+
<li class="nav-item">
56+
<a class="nav-link text-dark" href="resume-builder.html" target="_blank">Free Resume Builder</a>
57+
</li>
58+
<li class="nav-item">
59+
<a class="nav-link text-dark" href="weather-reports.html" target="_blank">Weather App</a>
60+
</li>
61+
</ul>
62+
</div>
63+
<a href="https://api.whatsapp.com/send?phone=9514773633&text=Hi..&#128512" target="_blank" class="btn btn-primary text-light btn-md">Feedback here !</a>
64+
</div>
65+
</nav>
66+
</header>
67+
68+
<div class="container mt-5">
69+
<div class="row">
70+
<div class="col">
71+
<form action="" class="form" class="">
72+
<div class="row d-flex flex-column gap-4">
73+
<div class="form-group w-25 col">
74+
<label for="">
75+
Enter Whatsapp Number
76+
</label>
77+
<input type="number" placeholder="Enter Phone Number" ng-model="mobileNumber" class="form-control" maxlength="20" minlength="5" inputmode="numeric">
78+
</div>
79+
<div class="form-group col">
80+
<label for="" >
81+
Add your custom Message
82+
</label>
83+
<textarea name="customMessage" ng-model="customMessage" id="" class="form-control" placeholder="Hi" inputmode="">Hi </textarea>
84+
</div>
85+
<div class="form-group col">
86+
<label for="">Generated link will be shown here</label>
87+
<div class="input-group">
88+
<input type="text" class="form-control" placeholder="Generated link will be shown here..." value="https://api.whatsapp.com/send?phone={{mobileNumber}}&text={{customMessage}}">
89+
<span class="input-group-addon btn btn-sm btn-primary" >
90+
Copy<i class="fa fa-copy"></i>
91+
</span>
92+
</div>
93+
94+
</div>
95+
</div>
96+
</form>
97+
</div>
98+
</div>
99+
</div>
100+
101+
</body>
102+
</html>

0 commit comments

Comments
 (0)