when is the next set of tutorials coming up?

Add me 0907375659

08100849154

08107280188

kaykay100:
when is the next set of tutorials coming up?

There will be tutorial updates tomorrow. Thanks

kreativemind:


There will be tutorial updates tomorrow. Thanks

sorry guys, i ran out of data yester nyt.

My work:
so i decided to start afresh and do something more professional looking instead of random stuff. Op pls go through my code, tell me if i did anything wrong.

Home page contd

contd

continued

next: about page

Zepher528:
continued

wow! Very awesome and breathtakingly beautiful! Baby girl, could you teach me programming, please!

about contd.

If u notice, i didnt upload any coding or pix on my events page. Sorry about that, i just havent gotten the right pix for it yet. but the code i plan on using for it is similar to my photo gallery page

Contact page

contact page contd

Continued

Photo gallery

photo gallery contd

contd

Training Page

Training contd

contd

Registration complete page

continued

Thats all for now. Styling Tables and Assignment coming on next upload.


Question: OP
How do i add " *Required field " to the form ?

How do i link the registration complete page to the submit button?

How do i style the look of the "1 2 3" buttons at the bottom of the page ?

How do i add and link small logos of FB, Twitter, Insta, youtube etc to d contact page ?

Notice the image captain and banner in the pix of the home page, you'll see that it isn't reaching the right side of the image. How do I fix that ?

Good night all

henry49:
wow! Very awesome and breathtakingly beautiful! Baby girl, could you teach me programming, please!

Thank you. I am very much a newbie in this field, this wonderful opportunity given by kreativemind is the first chance I'm actually getting to learn n experience this. Whatever I post on here I learnt from him. Thank you Op.

But I'll help out in any way I can. Ask your question.

Zepher528:


Thank you. I am very much a newbie in this field, this wonderful opportunity given by kreativemind is the first chance I'm actually getting to learn n experience this. Whatever I post on here I learnt from him. Thank you Op.

But I'll help out in any way I can. Ask your question.

OK! I'll ask, in the course of time!

Zepher528:

sorry guys, i ran out of data yester nyt.

My work:
so i decided to start afresh and do something more professional looking instead of random stuff. Op pls go through my code, tell me if i did anything wrong.

That is the way to learn. Good one. Keep it up. Like i said in the earlier conversation, i am impressed.

Zepher528:
Thats all for now. Styling Tables and Assignment coming on next upload.


Question: OP
How do i add " *Required field " to the form ?

How do i link the registration complete page to the submit button?

How do i style the look of the "1 2 3" buttons at the bottom of the page ?

How do i add and link small logos of FB, Twitter, Insta, youtube etc to d contact page ?

Notice the image captain and banner in the pix of the home page, you'll see that it isn't reaching the right side of the image. How do I fix that ?

Answers to your question

1. That is what we call "validation", there are many ways to do that, but for now, let use the normal html5 form validation. All you need to do is add required="yes" to your form element e.g <input type="email" id="email" name="email" placeholder="Enter Email" required="yes">


So if the field is empty and you attempt to "submit" the form, it will display the message that the field can not be empty.

2. How do i link the registration complete page to the submit button?
Well, just be patient, we will treat that part as well, where you can submit the data collected through the form.

3. It depends on how you want to approach this, and there are better ways to do it, but they are called "Pagination" and you did not even need to create more pages to load more images, everything will be on a single page, but when they click on the numbers, it will load more images. But for now, let us style the "1.2,3".

Step 1: Give the section holding all the "a" tag a class. i.e <section class="more-image"> <a href="page1.html">1</a> <a href="page2.html">2</a> <a href="page3.html">3</a> </section>

Step 2: Apply CSS
.more-image {
display: inline-block;
}

.more-image a {
color: #000;
float: left;
padding: 10px 20px;
text-decoration: none;
}

Save this and check your page, you should see a good design. Now, you can now design another rule for the hover state, so that it will change color when they go over any of the numbers.

4. For the social media page, i know you can do this. But you can wait for us to settle that as well, later on in the tutorial.

5. For the image or banner caption. Just give it a 100% width like this max-width: 100%;
This will fix the banner caption for you.



Note: Above all, am impressed with what you have done so far. Keep approaching the learning process like this and before you know it, you will start creating beautiful websites and applications. If you have more questions, you can beep me, but there may be delay in my response on this forum, so just send a message to me on the facebook page and i will try my best to reply on time if am not busy. Once again, i love your work. Keep it up.

Zepher528:


Thank you. I am very much a newbie in this field, this wonderful opportunity given by kreativemind is the first chance I'm actually getting to learn n experience this. Whatever I post on here I learnt from him. Thank you Op.

But I'll help out in any way I can. Ask your question.

You are welcome. As for

henry49:
Henry49

, the first thing is to follow the tutorial on the website, then you can come here to ask questions, the others including "her" can then help you out. All the best.

There will be tutorial update today in the evening. Thanks guys

kreativemind:
There will be tutorial update today in the evening. Thanks guys

Thanks for the response op, God bless you.

Looking forward to the next class. Especially can't wait for your SEO, Digital Mkt n Growth hacking class