In this lesson, we’ll add our greetings and email button to our website. This will be a clickable email button for our visitors.

Previous Lesson: Lesson 37: Album Template From Bootstrap

In this lesson, we’ll add our greetings and email button to our website. This will be a clickable email button for our visitors.

Let’s start with the greetings that we will have at the top part of our homepage:

Right now, we have that Album example here:

This image has an empty alt attribute; its file name is Screen-Shot-2020-03-17-at-7.08.24-AM-1024x622.png

Well, that’s about to change.

Hi! I’m Zedd!

Look for the Album example on our code:

Yes, that’s it. Now let’s DELETE it. And then change it to our greetings:

On our website:

Refresh:

Nice. Below our greetings, we need to enter something short about ourselves and about our portfolio website.

Short and Sweet

Let’s locate that “Something short and . . .” on our code:

This will be the end of this paragraph:

Okay now let’s DELETE this:

Then, put anything that you want to say about yourself, about the contents of our portfolio website, etc.:

On our website:

Refresh:

Nice. Now let’s take care of those two buttons.

Email me

Look for the Secondary action button:

DELETE that line:

Let’s see what it looks like now:

Okay. Select Main call to action:

We don’t want to have that button name so we’ll change it to Email me:

And that should say Email me inside the button.

email Address

Of course, we need to lead the one who clicks on this to our email address, not just on a mere octothorpe here:

Instead, we’ll change this to an actual link by saying mailto:

And then we’ll put our email address like this (this is mine):

On our website:

Upon clicking on the Email me button, it will ask for a mail account provider:

Now, carry on! Do your thing. Before ending this lesson, we’ll do a Git commit to GitHub:

Alright! We were able to add our greetings and an email button to our website! On the next lesson, we’ll talk about how to put our copyright at the footer.

Next Lesson: Lesson 40: How to Put Copyright Symbol on Website

This article was written by Zeddrix Fabian

Zeddrix Fabian became one of Jehovah’s Witnesses on February 21, 2016, and started regular pioneering last March 2020. He wants to volunteer at Bethel⁠—that is his goal. After going to both private and public school for 10 years (Grade 1 to 8 in private; Grade 9 and 10 in public school), their family started trying homeschooling when he leveled up to Grade 11 this 2019. (Continue reading on ABOUT ZEDD menu)

Leave a Reply

Your email address will not be published. Required fields are marked *