0:01
Uh hello guys uh welcome to this live
0:03
stream. So in this live stream I will
0:04
show you a web application that I
0:06
developed in HTML, CSS and JavaScript.
0:09
It's a Canva clone image watermark
0:12
editor where you can actually add
0:14
professionallook text watermarks and
0:16
image watermarks to your image
0:18
instantly. So I have given the
0:19
description link you can check out the
0:21
demo. So once you go to this link at the
0:23
check out page I have given this demo
0:25
link. So before purchasing the source
0:28
code you can check out the demo. So once
0:30
you select your image click on preview
0:32
watermark. So by default the watermark
0:35
will be there at the bottom right
0:37
position here. As you can see
0:40
here you can apply the modifications.
0:42
You can change the phone color. You can
0:46
put your company name right here.
0:52
You can even change the phone size as
0:54
well. and again click on preview
0:55
watermark and now your watermark will
0:58
automatically get added and then you can
1:02
watermark imaged. So it's a single page
1:05
static tool that I developed entirely in
1:08
HTML, CSS and JavaScript. As you can see
1:10
the watermark is successfully added. So
1:13
if you are interested in purchasing the
1:15
source code of this. So this is a single
1:16
file here you will get after you make
1:19
the payment from Google Drive
1:22
So this is the actual source code. It's
1:24
round about several hundred lines of
1:26
code here. So it's entirely built in
1:29
HTML, CSS and JavaScript. For building
1:31
this we are using jQuery and Bootstrap
1:34
and you can run this locally as well. So
1:37
now we are running it at local host as
1:40
you can see. So again you repeat the
1:42
process. You simply select your image
1:47
and you can change the position as well.
1:49
So by default it come at bottom right.
1:51
You can even make it at center. You can
1:54
change the font. Can just
1:58
just put your anything
2:02
and it will appear. So you can even
2:04
change the font size using the slider.
2:08
So like this. And uh then we also have
2:11
the option if you want to add a logo or
2:14
image you select this one and image
2:17
watermark. So here you have this option
2:19
to put a image watermark right here. So
2:22
again you will choose a file here. So
2:25
now I selected you can select the
2:29
you can select top left
2:32
and now that image logo image will be
2:35
added as a watermark. So as you can see
2:38
that both the things we support here
2:40
text image it's a Canva clone u
2:44
professional looking uh image watermark
2:49
you can have both text and image so
2:51
based upon whatever you like. So this is
2:54
the full source code guys. If you're
2:56
interested first of all definitely try
2:58
out the demo which is given if you visit
3:01
the description link. So at the check
3:04
out page I've given the demo and then if
3:06
you're interested you can directly
3:08
purchase it. It has all the options
3:12
can move the position size everything
3:16
So can make it bigger as well. So
3:19
instantly it will be live preview and
3:20
then you can if you're happy with it
3:23
then you can download the output image.
3:30
So you can see that the image is
3:33
actually added as a overlay. So
3:37
this is the actual tool guys image
3:39
watermark editor s such as Canva clone.
3:43
Definitely try this. If you're
3:44
interested, you can purchase the source
