"Hive People"
Hello Everyone Hope you all are enjoying and living your life happily.
Today I think that I want to show your programming skills to everyone or create something which can be seen in HTML, CSS through a mini project. You can watch my video on Threespeak. Then I have made a video, in which I will show you that I have made a logo of 3 Speak. This is my first video or series in which I will show you how to make a logo or there will be a complete tutorial.
If you don't understand its details then watch my video, in it I have made the pattern and matching sequence so that you can understand the details.
Let's Start
First of all, I downloaded the 3Speak logo from the internet, then I created a folder and placed that image in it. After that, I created another folder with the name "Languages" and then I created a new file in it with the name "Re-Logo".
After that I entered the boiler plate in the HTML file. With the help of ! And then I renamed my page "Remaking Logo of Sites". It was written in the title.
I created a div in body tag then I written a tag img or called a image that I downloaded or created another div in that div by a putting a class "Threespeak" and then added P tag and wrote my 3 speak text. Then I made that page live and opened it in the browser. The image and text started appearing on one side of the browser. I then added a style tag in the head tag of the HTML. That style tag was used to make our HTML file beautiful. In the style tag, I called our main div and added properties to it. First, I wrote the display property and gave it a value of flex. Then I added the value center to justify-content, and this way it centered from right to left. Then I gave a margin of 300px to center it from top to bottom.
Then I called the div.threespeak and added properties to it by calling the P tag within it. First, I made all the text uppercase using the text-transform property. Then I used a font family which was "Verdana, Geneva, Tahoma, sans-serif". After that, I used the font-weight property and made the text bold. Finally, I used letter spacing and gave it a value of 7px to create space between the text, completing the logo this way.
I have translated my content from my native language(Urdu) to English using ChatGPT.
Source of translating text to english
Conclusion
I have created this content because I am creating a series in which I will show you how logos are made.
Thanks for Watching and Reading
▶️ 3Speak
Congratulations @abubakar777666! You have completed the following achievement on the Hive blockchain And have been rewarded with New badge(s)
Your next target is to reach 50 upvotes.
You can view your badges on your board and compare yourself to others in the Ranking
If you no longer want to receive notifications, reply to this comment with the word
STOP
Creating a distinctive logo requires a combination of creativity and strategic design thinking. If you're looking for unique logo ideas, tools like logolyzer can help by analyzing existing designs to ensure your logo is one-of-a-kind. Whether you're designing for a startup or an established brand, it’s important that the logo captures the essence of the company while standing out in a competitive market. Exploring different styles, colors, and elements that align with your brand’s values can help generate truly unique logos. With the right approach, your logo can become an iconic representation of your brand