0:01
Hi friends, welcome to tunnic channel.
0:04
Today I'm going to teach in order to
0:07
design the website how AI is very
0:11
helpful. Okay. So I have got the
0:16
uh web designing reg from my one of my
0:20
client. So this client what to do. So
0:24
these are the what to do uh what we do
0:28
all the things they mention on the doc
0:31
documentation these are the things they
0:33
are doing for their business so what
0:37
happen is so this one I want to put into
0:40
my website so how to implement in the
0:42
eye catching this is the things we have
0:44
to focus on when we are doing the
0:46
websites okay so what I did here is this
0:50
thing I just get the screenshot
1:02
Okay. What what we can what we do. Okay.
1:06
So what what happen is after that after
1:10
that what happen is we are put into that
1:12
AI tool here. This is a design I just
1:15
get a screenshot and implemented on
1:19
Okay. I attach on chat TV right and I'll
1:22
put how how I put this into my WordPress
1:26
website sample image gener
1:29
I given the simple prompt like this I
1:33
just this is not a prompt simple English
1:35
I written is it it generate the image as
1:39
this simple one how to generate it on
1:41
the website so here you will be able to
1:44
see that that screenshot image here
1:48
so So this one this presentation it's
1:51
converted convert into the this image.
1:55
So the everyone's the business
1:57
corporation mean this is the business
1:58
logo. It included agriculture the
2:01
agriculture logo included tourism
2:03
hospitality development this included
2:06
tourism like like icon each and
2:10
everything they implemented like this
2:13
icon. So this is a very attractive way
2:16
they implemented the very attractive
2:18
way. This one the user easy to read.
2:22
This is the meaning of UIUX design.
2:24
Okay. So the the user easy to read and
2:26
read this one. What is a business
2:28
corporate? Okay. So instead of putting
2:33
okay instead of putting just the image
2:36
like this way you have to implement that
2:40
like this. It's very attractive if you
2:43
if you uh uh if you show to the customer
2:47
into your website if you like look like
2:49
this way very attractive this kind of
2:51
way what happen is very simple what to
2:53
do here is I have tell them to this
2:59
here I'm tell them this I attach the
3:00
design I need design transform to HTML
3:04
CSS inline piece you can mention inline
3:07
CSS inline mean you have write a div tag
3:10
inside the simple design. Okay, you you
3:15
don't bother about you don't have to
3:16
write any code. We just put it to write
3:18
this code not this only this this area.
3:22
So what happen is I get the code here I
3:25
nothing write anything else. Okay. So
3:27
this same course what happened is I went
3:33
I went to my WordPress website.
3:39
Okay. uh WordPress I implemented this
3:43
okay this code I implemented this okay
3:46
so I'm if I go to the edit page you can
3:48
see I implement this it's very simple
3:51
yeah this this looks awesome
3:55
okay so I just over here I implemented
4:00
okay so this is a very this is a
4:04
powerful power of air okay the earlier
4:07
we have to code harder and in order to
4:11
develop the website take too much of the
4:13
time. So nowadays it's very simple okay
4:16
this entire design I just that uh what
4:18
is the code we are getting from the AI I
4:20
just put into here here this HTML I I
4:23
just drag the that HTML element. So if
4:26
if you want to have any example, click
4:32
get it here. Here go to your plus
4:37
There's a HTML widget.
4:41
Drag and drop. What the code you are
4:43
getting from the AI, you put it here.
4:47
According to the code, the design will
4:49
be appear appeared here. Okay. So that
4:52
is the thing I did it right. So if you
4:55
want to show show them you if you want
5:12
paste on it here we stop.
5:15
Okay the this one the header part we
5:18
don't need them already we having header
5:20
so that we have get rid of this line.
5:22
Rest of the thing we have to place it.
5:24
That's how we have we have cut off the
5:25
header. Rest of the things I have placed
5:27
it. It work properly. It's very simple.
5:30
This how we have do the things in the
5:33
efficient way. Okay. The logo and here
5:37
in after that what you are going is if
5:39
you want to adjust the colors and
5:42
everything you have to do yourself what
5:46
is the color match. This is like if you
5:48
feel this color is too much
5:52
too much uh dark. So if you if you like
5:56
if you want to uh adjust the coloring
5:59
you have to go over here and go to the
6:02
logo and you have to uh coloring part
6:07
you have to take care of the coloring
6:08
and everything. Okay. So this how we
6:10
have made the website very simple. Okay.
6:13
This is the powerful power of AI. You
6:15
don't bother about this one. I have
6:19
everything I will detailing I will be
6:21
explaining. Okay. So this the the
6:24
complete website we have done using AI.
6:27
So very simple. Okay. So first you have
6:29
to get the domain. After that we have to
6:32
do the website simply get the template
6:35
and your text we will be in detail we
6:38
will do in my next video tutorial. So
6:40
this is very helpful how to make the
6:42
website using AI. Okay. This is the
6:44
detailing I I'll be teaching. Okay.
6:47
Thank you for watching. If you have any
6:48
doubt, you can ask me ask me. Okay. The
6:52
same thing uh if I do this one as well,
6:57
you just get the screenshot image put
7:00
into AI and you can ask them I want to
7:06
how to put in my WordPress website. So
7:08
this kind of this beautiful uh UI design
7:12
is given. After that you ask the code
7:14
the code you will be what's the code you
7:16
are getting from that AI you put into
7:18
here the HTML you have to import the
7:22
uh code HTML widget here and you have to
7:27
put the code according to the code the
7:28
design will be appear okay this is the
7:31
how you have do the things okay so here
7:33
you can see that website
7:39
okay here this all the things I
7:40
developed by this K. Okay. Okay. If you
7:44
have any doubt, you can ask me anytime.
7:46
If you love my channel, please subscribe
7:48
me. Thank you for watching.
