Business website with html only
Learn How to start building your business website with html only.
Add top navigation bar at the top of the screen.
Devise Four Pages (Homepage, About Us, Services, Contact).
The source code of this project can be downloaded by clicking ‘Download Now’ button or through cloning the GitHub repository.
1. Setting the stage
The code begins with <!DOCTYPE html> which defines the nature of the code as HTML.
This code puts the language of the webpage to English with <html lang=”en”>.
Within the head tag, it defines the character sets as UTF-8 to overcome language barriers and ensures that the layout of the website is responsive.
The title of the website is set as “HTML Project”.
2. Building the structure
The content on the website is placed with in the <body> section.
The format largely employs tables to structure the content to sections and to give structure to the layout.
3. Creating the header
The first table serves as the header with a red background color.
It displays the company name “Sparkify Solutions” and links for navigation: And the primary pages which are normally include into each kind of site are: Home, About us, Services or Products, Contacts.
4. Home Section
The second table creates the section, located on the Home page and featuring a black background.
It contains the greeting and brief information about services that are provided by this company.
5. About Section
The third table is for the About section which is also having the black background.
They are about the company, the services being offered, and a photo of the team.
6. Services Section
The fourth table defines the Services section with a gray background color.
This one reveals images that stand for various services, probably associated with additional information.
7. Contact Section
With the last table, there is the Contact section which has a dark gray background.
It offers a simple textbox which enables site visitors to type his/her name, email address, and the message that he/she wants to pass to the company.
The form has fields to enter text and another field for the info to be submitted.
Comments